/* İç sayfalar: başlık bandı, makale düzeni, içindekiler, yayın listesi */
.phead{padding-block:40px 56px;border-bottom:1px solid var(--rule);background:linear-gradient(180deg,var(--paper-2),var(--paper))}
.phead-grid{display:grid;grid-template-columns:1fr;gap:48px;align-items:end}
.phead.has-cover .phead-grid{grid-template-columns:1.5fr 1fr}
.phead .eng{aspect-ratio:4/3;border-radius:18px}
.phead h1{font-size:clamp(36px,5.4vw,72px);font-weight:800;letter-spacing:-.04em;line-height:1.02;margin-top:14px;max-width:20ch}
.phead .intro{font-size:19px;color:var(--ink-soft);max-width:60ch;margin:20px 0 0}
.plate{margin-top:28px}
.pmeta{margin-top:22px}
.crumbs{display:flex;flex-wrap:wrap;gap:8px;font-size:11.5px}
.crumbs a{text-decoration:none}
.crumbs a:hover{color:var(--teal)}
.crumbs span[aria-current]{color:var(--ink)}

.article-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:72px;padding-block:64px 90px;align-items:start}
.side{position:sticky;top:96px;display:grid;gap:20px}
.toc{border-top:1.5px solid var(--ink);padding-top:14px}
.toc ol{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:2px;counter-reset:t}
.toc li{counter-increment:t}
.toc a{display:grid;grid-template-columns:28px 1fr;text-decoration:none;font-size:14.5px;color:var(--ink-soft);padding:6px 0;line-height:1.35}
.toc a::before{content:counter(t,decimal-leading-zero);font:500 11px var(--mono);padding-top:3px}
.toc a:hover,.toc a.on{color:var(--teal)}
.bbox{background:var(--band);color:var(--band-fg);border-radius:18px;padding:26px;display:grid;gap:12px;justify-items:start}
.bbox .mono{color:var(--band-soft)}
.bbox h2{font-size:22px;letter-spacing:-.02em}
.bbox p{margin:0;color:var(--band-soft);font-size:15px}
.bbox .link{color:var(--teal-2)}
.side-card{background:var(--card);border:1px solid var(--rule);border-radius:18px;padding:24px 24px 4px}
.side-card .tl li::before{background:var(--card)}

.prose{font-size:18px;line-height:1.75;max-width:72ch;min-width:0}
.prose.wide{max-width:80ch;margin-top:56px}
.prose>*:first-child{margin-top:0}
.prose h2{font-size:clamp(26px,2.6vw,34px);margin:56px 0 16px;scroll-margin-top:100px}
.prose h3{font-size:21px;margin:34px 0 10px;letter-spacing:-.02em;scroll-margin-top:100px}
.prose p{margin:0 0 18px}
.prose ul,.prose ol{padding-left:22px;margin:0 0 22px}
.prose li{margin-bottom:8px}
.prose li::marker{color:var(--teal)}
.prose a{color:var(--teal);text-underline-offset:3px}
.prose strong{font-weight:650}
.prose img{border-radius:14px;margin:28px 0;background:#fff}
.prose figure{margin:28px 0}
.prose figcaption{font-size:14px;color:var(--ink-soft);margin-top:-14px}
.prose hr{border:0;border-top:1px solid var(--rule);margin:44px 0}
.prose blockquote{margin:28px 0;padding:6px 0 6px 22px;border-left:3px solid var(--teal);color:var(--ink-soft)}
.prose table{width:100%;border-collapse:collapse;font-size:15.5px;display:block;overflow-x:auto}
.prose th,.prose td{border-bottom:1px solid var(--rule);padding:10px 12px;text-align:left}
.prose iframe{max-width:100%}
.byline{display:flex;gap:16px;align-items:center;margin-top:56px;padding-top:28px;border-top:1px solid var(--rule)}
.byline .lg{width:56px;height:56px;border-radius:50%;background:#fff var(--logo-img) center/112% no-repeat;border:1px solid var(--rule);flex:none}
.byline div:last-child{display:grid;gap:2px;font-size:15px;color:var(--ink-soft)}
.byline b{color:var(--ink);font-size:17px}

.related{background:var(--paper-2);padding-block:80px}
.rel-h{font-size:clamp(28px,3.4vw,44px);margin-bottom:36px}

.about-hero{display:grid;grid-template-columns:1.3fr 1fr;gap:56px;align-items:end}
.about-hero .portrait{max-width:420px;justify-self:end;width:100%}

.pub-tools{display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;align-items:center;margin-bottom:26px}
.search input{font:inherit;font-size:15px;padding:10px 16px;border:1px solid var(--rule);border-radius:99px;background:var(--card);color:var(--ink);width:min(340px,100%)}
.pubs.full{grid-template-columns:1fr}
.pubs.full .pub{grid-template-columns:80px 1fr}
.pubs-none{color:var(--ink-soft);padding:30px 0}
.cat-nav{margin-bottom:34px}
.pager{display:flex;justify-content:space-between;gap:20px;margin-top:48px}
.pager a{color:var(--teal);font-weight:600;text-decoration:none}

.nf{padding-block:80px 120px}
.nf-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:48px;align-items:center}
.nf h1{font-size:clamp(40px,6vw,80px);font-weight:800;letter-spacing:-.04em;margin-top:12px}
.nf .intro{font-size:19px;color:var(--ink-soft)}
.nf .actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.nf .eng{aspect-ratio:4/3;border-radius:18px}

@media (max-width:1020px){
  .article-grid{grid-template-columns:1fr;gap:40px}
  .side{position:static}
  .toc{display:none}
  .phead.has-cover .phead-grid,.about-hero,.nf-grid{grid-template-columns:1fr}
  .phead .eng{display:none}
  .about-hero .portrait{justify-self:start;max-width:360px}
}
@media (max-width:600px){
  .phead{padding-block:24px 36px}
  .prose{font-size:17px}
  .article-grid{padding-block:40px 64px}
  .nf .eng{display:none}
}
