/* ===== Fonts (self-hosted, latin + latin-ext for Turkish) ===== */
@font-face{font-family:Sora;font-style:normal;font-weight:700;font-display:optional;src:url(/fonts/sora-latin-ext-700.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Sora;font-style:normal;font-weight:700;font-display:optional;src:url(/fonts/sora-latin-700.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Sora;font-style:normal;font-weight:800;font-display:optional;src:url(/fonts/sora-latin-ext-800.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Sora;font-style:normal;font-weight:800;font-display:optional;src:url(/fonts/sora-latin-800.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Manrope;font-style:normal;font-weight:400;font-display:optional;src:url(/fonts/manrope-latin-ext-400.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Manrope;font-style:normal;font-weight:400;font-display:optional;src:url(/fonts/manrope-latin-400.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Manrope;font-style:normal;font-weight:600;font-display:optional;src:url(/fonts/manrope-latin-ext-600.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Manrope;font-style:normal;font-weight:600;font-display:optional;src:url(/fonts/manrope-latin-600.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Manrope;font-style:normal;font-weight:700;font-display:optional;src:url(/fonts/manrope-latin-ext-700.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Manrope;font-style:normal;font-weight:700;font-display:optional;src:url(/fonts/manrope-latin-700.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
/* ===== Sections & prose ===== */
.sec{padding-block:clamp(1.6rem,3.8vw,3rem)}
.sec h2{margin-bottom:.7em}
.sec>.wrap>p,.sec>.wrap>.list,.content>.sec>p,.content>.sec>.list,.doc>.sec>p,.doc>.sec>.list{max-width:72ch}
.list{margin:0 0 1.1em;padding-left:1.3rem}
.list li{margin:.35rem 0}
.doc>.sec{padding-block:1.1rem}
.doc>.sec h2{font-size:clamp(1.3rem,1.6vw + .9rem,1.65rem)}
/* ===== Cards ===== */
.cards{display:grid;grid-template-columns:1fr;gap:1rem;margin:1.2rem 0;padding:0;list-style:none}
@media(min-width:640px){.cards{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1024px){.cards{grid-template-columns:repeat(var(--cols,4),1fr)}}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:1.1rem 1.2rem}
.card h3{margin-bottom:.4rem}
.card p{margin:0;color:var(--muted);font-size:.97rem}
/* ===== Callouts ===== */
.callout{margin:1.2rem 0;padding:1rem 1.2rem;background:var(--card);border:1px solid var(--line);border-left:6px solid var(--primary);border-radius:var(--radius)}
.callout h3,.callout .ct{margin:0 0 .35rem;font:700 1.02rem/1.3 var(--font-head)}
.callout p:last-child{margin:0}
.callout p{max-width:none}
.callout.warn{border-left-color:var(--warning)}.callout.warn h3,.callout.warn .ct{color:var(--warning)}
.callout.danger{border-left-color:var(--destructive)}.callout.danger h3,.callout.danger .ct{color:var(--danger-text)}
.callout.info h3,.callout.info .ct{color:var(--link)}
.callout.ok{border-left-color:var(--accent)}.callout.ok h3,.callout.ok .ct{color:var(--accent)}
/* ===== Tables (stack on mobile) ===== */
.tbl{width:100%;margin:1.2rem 0;border-collapse:collapse;background:var(--card);border-radius:var(--radius);overflow:hidden}
.tbl caption{padding:.8rem 1rem;text-align:left;color:var(--muted);font-size:.92rem;caption-side:top}
.tbl th,.tbl td{padding:.75rem 1rem;text-align:left;vertical-align:top;border-top:1px solid var(--line)}
.tbl thead th{background:var(--card-hi);font:700 .85rem var(--font-head)}
.tbl tbody th{font-weight:700}
@media(max-width:639px){
  .tbl,.tbl caption,.tbl tbody,.tbl tr,.tbl th,.tbl td{display:block}
  .tbl thead{position:absolute;left:-9999px}
  .tbl tr{padding:.5rem 0;border-top:1px solid var(--line)}
  .tbl th,.tbl td{padding:.25rem 1rem;border:0}
  .tbl td::before{content:attr(data-label);display:block;color:var(--muted);font-size:.78rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}
}
/* ===== Facts (dl) ===== */
.facts{margin:1.2rem 0;border:1px solid var(--line);border-radius:var(--radius);background:var(--card);overflow:hidden}
.facts div{display:grid;gap:.15rem 1.5rem;padding:.8rem 1.1rem;border-top:1px solid var(--line)}
.facts div:first-child{border-top:0}
.facts dt{font-weight:700}
.facts dd{margin:0;color:var(--muted)}
@media(min-width:640px){.facts div{grid-template-columns:minmax(10rem,1fr) 3fr}}
/* ===== Steps / checks ===== */
.steps,.checks{margin:1.2rem 0;padding:0;list-style:none;display:grid;gap:.8rem}
.steps{counter-reset:s}
.steps>li,.checks>li{display:grid;grid-template-columns:2.4rem 1fr;gap:.9rem;padding:1rem 1.1rem;background:var(--card);border:1px solid var(--line);border-radius:var(--radius)}
.steps>li{counter-increment:s}
.steps>li::before{content:counter(s);display:grid;place-items:center;width:2.4rem;height:2.4rem;border-radius:50%;background:var(--accent);color:var(--on-accent);font:800 1rem var(--font-head)}
.checks>li::before{content:"\2713";display:grid;place-items:center;width:2.4rem;height:2.4rem;border-radius:8px;background:var(--card-hi);border:1px solid var(--accent);color:var(--accent);font:800 1.15rem var(--font-head)}
.steps h3,.checks h3{margin:0 0 .25rem;font-size:1.03rem}
.steps p,.checks p{margin:0;color:var(--muted)}
/* ===== Timeline ===== */
.timeline{margin:1.2rem 0;padding:0 0 0 1.4rem;list-style:none;border-left:2px solid var(--line)}
.timeline li{position:relative;padding:0 0 1.4rem 1.1rem}
.timeline li::before{content:"";position:absolute;left:calc(-1.4rem - 7px);top:.35rem;width:12px;height:12px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px var(--bg)}
.tl-date{margin:0 0 .15rem;color:var(--accent);font:700 .85rem var(--font-head);letter-spacing:.04em}
.timeline h3{margin:0 0 .3rem}
.timeline p:last-child{margin:0;color:var(--muted)}
/* ===== Two columns (pros / limits) ===== */
.twocol{display:grid;gap:1rem;margin:1.2rem 0}
@media(min-width:640px){.twocol{grid-template-columns:1fr 1fr}}
.twocol .col{padding:1.1rem 1.2rem;background:var(--card);border:1px solid var(--line);border-radius:var(--radius)}
.twocol .pos{border-top:4px solid var(--accent)}
.twocol .neg{border-top:4px solid var(--warning)}
.twocol h3{margin-bottom:.5rem}
.twocol .list{margin:0}
/* ===== FAQ ===== */
.faq{display:grid;gap:.6rem;margin:1.2rem 0}
.faq details{background:var(--card);border:1px solid var(--line);border-radius:var(--radius)}
.faq summary{position:relative;min-height:44px;padding:.95rem 3rem .95rem 1.2rem;cursor:pointer;list-style:none;font-weight:700}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:1.1rem;top:50%;translate:0 -50%;color:var(--accent);font-size:1.5rem;line-height:1}
.faq details[open] summary::after{content:"\2212"}
.faq details[open] summary{border-bottom:1px solid var(--line)}
.faq .a{padding:1rem 1.2rem 1.1rem;color:var(--muted)}
.faq .a p{margin:0 0 .7em}.faq .a p:last-child{margin:0}
/* ===== Sources ===== */
.sources{margin:1rem 0;padding-left:1.4rem}
.sources li{margin:.7rem 0}
.sources small{display:block;color:var(--muted);font-size:.9rem;line-height:1.5}
.checked{color:var(--muted);font-size:.92rem}
/* ===== Related ===== */
.related{margin:2rem 0 0;padding:1.2rem 1.4rem;background:var(--card);border:1px solid var(--line);border-radius:var(--radius)}
.related h2{margin-bottom:.6rem;font-size:1.2rem}
.related ul{display:grid;gap:.4rem;margin:0;padding:0;list-style:none}
@media(min-width:640px){.related ul{grid-template-columns:1fr 1fr}}
/* ===== TOC ===== */
.toc{padding:1rem 1.1rem;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);font-size:.95rem}
.toc ol{display:grid;gap:.15rem;margin:.4rem 0 0;padding-left:1.2rem}
.toc a{display:inline-block;padding:.2rem 0}
.layout-toc{display:grid;gap:1.5rem;padding-block:1rem}
@media(min-width:1024px){.layout-toc{grid-template-columns:270px minmax(0,1fr);gap:2.4rem;align-items:start}.toc{position:sticky;top:1rem}}
.content>.sec:first-child{padding-top:0}
/* ===== Footer ===== */
.site-footer{margin-top:3rem;padding-block:2.2rem 1.6rem;background:var(--bg-soft);border-top:1px solid var(--line);font-size:.95rem}
.footer-grid{display:grid;gap:1.6rem}
@media(min-width:760px){.footer-grid{grid-template-columns:1.6fr 1fr 1fr}}
.ft-brand{margin:0 0 .5rem;font:800 1.1rem var(--font-head)}
.ft-brand b{color:var(--accent)}
.ft-blurb{margin:0;max-width:46ch;color:var(--muted)}
.ft-title{margin:0 0 .5rem;font:700 .8rem var(--font-head);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.footer-nav ul{display:grid;gap:.1rem;margin:0;padding:0;list-style:none}
.footer-nav a{display:inline-block;padding:.3rem 0}
.footer-note{display:flex;gap:1rem;align-items:flex-start;margin-top:1.6rem;padding-top:1.2rem;border-top:1px solid var(--line);color:var(--muted);font-size:.9rem}
.footer-note p{margin:0;max-width:90ch}
.age-badge{display:grid;place-items:center;flex:none;width:2.6rem;height:2.6rem;border:2px solid var(--destructive);border-radius:50%;color:var(--danger-text);font:800 .85rem var(--font-head)}

/* ===== Theme "atlas" (rest) ===== */
.t-atlas main{counter-reset:sec}
.t-atlas .home .sec>.wrap>h2::before,.t-atlas .home .sec>.content>h2::before{counter-increment:sec;content:counter(sec,decimal-leading-zero);display:block;margin-bottom:.45rem;color:var(--accent);font:700 .8rem/1 var(--font-head);letter-spacing:.16em}
.t-atlas .home .sec+.sec{border-top:1px solid var(--line)}
.t-atlas .card{border-top:3px solid var(--accent)}
.t-atlas .card:nth-child(2n){border-top-color:var(--primary)}
.t-atlas .callout{border-radius:6px var(--radius) var(--radius) 6px}
.t-atlas .doc>.sec h2{padding-left:.75rem;border-left:4px solid var(--primary)}
.t-atlas .related{border-top:4px solid var(--accent)}
.t-atlas .site-footer{border-top:4px solid var(--primary)}