/* "X nedir?" sayfası tasarımı (10.10.2026). Konu sayfasıyla (konu-tasarim.css) aynı dil:
   petrol #0F6B7C · altın #C5923E · zemin #FBF9F4. Başlık Instrument Serif, gövde Plus Jakarta Sans
   (yerel yazı tipleri: yazi-tipleri.css). Metne dokunmaz; yalnız görünüm. Varsayılan AÇIK tema;
   koyu yalnız kullanıcı seçtiyse (html[data-theme="dark"]) uygulanır. Dokunma alanı >=44px. */
:root{--nd-petrol:#0F6B7C;--nd-petrol-k:#0A3D4A;--nd-altin:#C5923E;--nd-altin-k:#8A6318;--nd-metin:#12333D;--nd-soluk:#3D6672;--nd-kenar:#E7E0D2;--nd-kart:#FFFFFF;--nd-zemin:#FBF9F4;--nd-ozet:#FFFFFF;--nd-hap:#F4F0E8}
html[data-theme="dark"]{--nd-petrol:#7FD0DD;--nd-petrol-k:#F2F7F8;--nd-altin:#F0C97A;--nd-altin-k:#F0C97A;--nd-metin:#E3EEF0;--nd-soluk:#B9D2D7;--nd-kenar:#23444D;--nd-kart:#152A31;--nd-zemin:#0E1B20;--nd-ozet:#152A31;--nd-hap:#1B333B}
body.nd-body{background:var(--nd-zemin);color:var(--nd-metin)}
.nd-sayfa{font-family:'Plus Jakarta Sans',system-ui,-apple-system,'Segoe UI',sans-serif;min-width:0}
.nd-sayfa>*{min-width:0}
.nd-crumbs{font-size:.84rem;color:var(--nd-soluk);margin:4px 0 18px;display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.nd-crumbs a{color:var(--nd-petrol);text-decoration:none;min-height:44px;display:inline-flex;align-items:center}
.nd-crumbs a:hover{text-decoration:underline}
.nd-hero{padding:6px 0 18px;margin:0 0 6px}
.nd-hero::before{content:"";display:block;width:56px;height:3px;border-radius:3px;background:linear-gradient(90deg,var(--nd-altin),var(--nd-petrol));margin:0 0 14px}
.nd-hero h1{font-family:'Instrument Serif',Georgia,serif;font-weight:400;font-size:clamp(2.1rem,5vw,3.25rem);line-height:1.06;letter-spacing:-.01em;color:var(--nd-petrol-k);margin:4px 0 8px;text-wrap:balance;overflow-wrap:break-word}
.nd-alt{margin:0;color:var(--nd-soluk);font-size:.95rem}
.nd-rozet{display:inline-block;margin:14px 0 0;padding:6px 12px;border-radius:999px;background:var(--nd-hap);border:1px solid var(--nd-kenar);color:var(--nd-petrol-k);font-size:.8rem;font-weight:700}
.nd-sayfa section{margin:0 0 30px}
.nd-sayfa section>h2{font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-size:1.08rem;font-weight:800;color:var(--nd-petrol-k);border-bottom:0;padding:0 0 4px;margin:0 0 10px;line-height:1.35}
.nd-etiket{font-size:.72rem!important;font-weight:800!important;letter-spacing:.08em;text-transform:uppercase;color:var(--nd-altin-k)!important}
.nd-sayfa .ozet{background:var(--nd-ozet);border:1px solid var(--nd-kenar);border-left:4px solid var(--nd-altin);border-radius:14px;padding:16px 18px;margin:8px 0 0;font-size:1rem;line-height:1.75;color:var(--nd-metin)}
.nd-sayfa section>ul{margin:0;padding-left:20px}
.nd-sayfa section>ul li{margin:0 0 8px;line-height:1.65}
.nd-sayfa section>ul li>a{display:inline-flex;align-items:center;min-height:44px;color:var(--nd-petrol);font-weight:600;text-decoration:none}
.nd-sayfa section>ul li>a:hover{text-decoration:underline}
.nd-sayfa section.mini{background:var(--nd-kart);border:1px solid var(--nd-kenar);border-radius:16px;padding:16px 18px}
.nd-sayfa .sorular{margin:24px 0}
.nd-sayfa .sorular>h2{font-family:'Instrument Serif',Georgia,serif;font-weight:400;font-size:1.75rem;color:var(--nd-petrol-k);border:0;padding:0;margin:0 0 14px}
.nd-sayfa .soru{background:var(--nd-kart);border:1px solid var(--nd-kenar);border-radius:16px;padding:16px 18px;margin:0 0 12px}
.nd-sayfa .soru h3{color:var(--nd-petrol-k);font-size:1rem}
.nd-sayfa .cozum{background:var(--nd-hap);color:var(--nd-soluk)}
.nd-sayfa .cevap{color:var(--nd-petrol-k)}
.nd-sayfa .cevap-ac summary{color:var(--nd-petrol)}
.nd-cta{display:flex;flex-direction:column;gap:4px;min-height:44px;padding:20px 22px;border-radius:18px;background:linear-gradient(135deg,var(--nd-petrol),#12879C);color:#fff;text-decoration:none;box-shadow:0 14px 26px -16px rgba(15,107,124,.65);transition:transform .2s ease,box-shadow .2s ease}
.nd-cta:hover,.nd-cta:focus-visible{transform:translateY(-2px);box-shadow:0 18px 30px -16px rgba(15,107,124,.8);outline:none}
.nd-cta small{font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;opacity:.9}
.nd-cta strong{font-size:1.2rem;line-height:1.25}
.nd-cta span{font-size:.92rem;opacity:.92}
.nd-kartlar{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));margin:14px 0 0}
.nd-kart{display:flex;flex-direction:column;gap:6px;min-height:44px;padding:16px 18px;border-radius:16px;background:var(--nd-kart);border:1px solid var(--nd-kenar);text-decoration:none;color:var(--nd-metin);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.nd-kart:hover,.nd-kart:focus-visible{transform:translateY(-2px);border-color:var(--nd-petrol);box-shadow:0 14px 26px -18px rgba(10,61,74,.5);outline:none}
.nd-kart small{font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--nd-altin-k)}
.nd-kart strong{font-size:1.02rem;color:var(--nd-petrol-k);line-height:1.3}
.nd-kart span{font-size:.88rem;color:var(--nd-soluk);line-height:1.5}
.nd-not{margin:12px 0 0;font-size:.86rem;color:var(--nd-soluk)}
.nd-terim{margin:30px 0 0;padding-top:16px;border-top:1px solid var(--nd-kenar)}
.nd-terim>h2{font-size:1rem!important;border:0!important;padding:0!important;margin:0 0 10px!important}
.nd-haplar{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0}
.nd-haplar a{display:inline-flex;align-items:center;min-height:44px;padding:8px 14px;border:1px solid var(--nd-kenar);border-radius:999px;color:var(--nd-petrol);text-decoration:none;font-size:.86rem;font-weight:600;background:var(--nd-kart);transition:border-color .15s,transform .15s}
.nd-haplar a:hover,.nd-haplar a:focus-visible{border-color:var(--nd-petrol);transform:translateY(-1px);outline:none}
.nd-devam{margin:34px 0 0;display:grid;gap:20px;padding:24px;border-radius:20px;border:1px solid var(--nd-kenar);background:linear-gradient(160deg,var(--nd-kart),var(--nd-hap))}
.nd-devam h2{font-family:'Instrument Serif',Georgia,serif;font-weight:400;font-size:1.75rem;line-height:1.1;margin:0;color:var(--nd-petrol-k);border:0;padding:0}
.nd-devam-ust{margin:4px 0 0;font-size:.9rem;color:var(--nd-soluk)}
.nd-adim{list-style:none;counter-reset:ndad;margin:14px 0 0;padding:0;display:grid;gap:12px}
.nd-adim li{counter-increment:ndad;display:flex;gap:12px;align-items:flex-start}
.nd-adim li::before{content:counter(ndad);flex:0 0 30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--nd-petrol);color:#fff;font-weight:800;font-size:.86rem}
.nd-adim b{display:block;color:var(--nd-petrol-k)}
.nd-adim span{font-size:.9rem;color:var(--nd-soluk)}
.nd-devam-sag{display:grid;gap:10px;align-content:center}
.nd-btn{display:flex;align-items:center;justify-content:center;min-height:48px;padding:12px 18px;border-radius:14px;font-weight:800;text-decoration:none;text-align:center}
.nd-btn--al{background:linear-gradient(135deg,var(--nd-petrol),#12879C);color:#fff}
.nd-btn--ik{border:1.5px solid var(--nd-altin);color:var(--nd-altin-k);background:var(--nd-kart)}
.nd-kucuk{margin:2px 0 0;font-size:.8rem;line-height:1.5;color:var(--nd-soluk);text-align:center}
.nd-alt-cubuk{position:fixed!important;left:0;right:0;bottom:0;z-index:940;display:flex;justify-content:center;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:var(--nd-zemin);border-top:1px solid var(--nd-kenar);box-shadow:0 -10px 24px -16px rgba(10,61,74,.35)}
.nd-alt-cubuk[hidden]{display:none!important}
.nd-alt-btn{display:flex;align-items:center;justify-content:center;width:100%;max-width:520px;min-height:48px;border-radius:14px;background:linear-gradient(135deg,var(--nd-petrol),#12879C);color:#fff;font-weight:800;text-decoration:none}
html[data-theme="dark"] .dt-header{background:rgba(14,27,32,.92);border-bottom-color:#23444D}
html[data-theme="dark"] .dt-logo,html[data-theme="dark"] .dt-nav a{color:#E3EEF0}
html[data-theme="dark"] .dt-btn{color:#7FD0DD;border-color:#2A4A54}
html[data-theme="dark"] .dt-footer{background:#08181D}
html[data-theme="dark"] .nd-sayfa .sorular>h2{color:#F2F7F8}
@media (min-width:560px){.nd-devam{grid-template-columns:1fr}}
@media (min-width:760px){.nd-devam{grid-template-columns:1.25fr .75fr;align-items:center;padding:30px}}
@media (max-width:860px){.nd-sayfa{padding-bottom:104px}.nd-cta strong{font-size:1.1rem}}
@media (prefers-reduced-motion:reduce){.nd-cta,.nd-kart,.nd-haplar a{transition:none!important;transform:none!important}}