:root { --ink:#0b0e11; --muted:#5b6570; --line:#d9dee3; --blue:#2f6bff; --surface:#f4f6f8; --card:#fff; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--surface); color:var(--ink); font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
a { color:inherit; text-decoration:none; }
.shell { width:min(1120px,calc(100% - 40px)); margin-inline:auto; }
.guide-header { position:sticky; z-index:4; top:0; border-bottom:1px solid rgba(255,255,255,.13); background:rgba(8,10,12,.94); color:#fff; backdrop-filter:blur(14px); }
.guide-nav { display:flex; align-items:center; justify-content:space-between; min-height:72px; gap:20px; }
.guide-brand { display:inline-flex; align-items:center; gap:9px; font-weight:850; letter-spacing:-.05em; font-size:1.18rem; }
.guide-brand i { width:25px; height:25px; border:2px solid currentColor; border-radius:8px; transform:rotate(-8deg); }
.guide-brand span { color:#8caeff; }
.guide-home { padding:10px 14px; border:1px solid rgba(255,255,255,.3); border-radius:9px; font-weight:760; font-size:.83rem; }
.guide-hero { position:relative; overflow:hidden; padding:78px 0 66px; background:#080a0c; color:#fff; }
.guide-hero::after { content:""; position:absolute; right:-170px; bottom:-240px; width:620px; height:620px; border-radius:50%; background:radial-gradient(circle,rgba(47,107,255,.37),rgba(47,107,255,0) 67%); pointer-events:none; }
.crumb { position:relative; z-index:1; display:flex; gap:8px; margin:0 0 31px; color:rgba(255,255,255,.64); font-size:.78rem; font-weight:720; }
.crumb i { font-style:normal; color:#77a1ff; }
.guide-kicker { position:relative; z-index:1; margin:0 0 14px; color:#a9c2ff; font-size:.74rem; font-weight:850; letter-spacing:.15em; text-transform:uppercase; }
h1 { position:relative; z-index:1; max-width:14ch; margin:0; font-size:clamp(2.45rem,6vw,4.9rem); font-weight:900; letter-spacing:-.075em; line-height:.97; }
.guide-lead { position:relative; z-index:1; max-width:61ch; margin:24px 0 0; color:rgba(255,255,255,.72); font-size:clamp(1rem,1.8vw,1.15rem); line-height:1.65; }
.guide-hero-card { position:relative; z-index:1; display:grid; grid-template-columns:repeat(3,1fr); gap:1px; max-width:740px; margin-top:42px; overflow:hidden; border:1px solid rgba(255,255,255,.16); border-radius:16px; background:rgba(255,255,255,.16); }
.guide-hero-card div { padding:16px 17px; background:rgba(15,19,23,.9); }
.guide-hero-card strong { display:block; color:#9ebdff; font-size:.68rem; font-weight:850; letter-spacing:.09em; text-transform:uppercase; }
.guide-hero-card span { display:block; margin-top:6px; color:#fff; font-size:.93rem; font-weight:780; line-height:1.3; }
.guide-main { padding:68px 0 84px; }
.guide-grid { display:grid; grid-template-columns:minmax(0,1.17fr) minmax(290px,.83fr); gap:26px; align-items:start; }
.guide-section { padding:31px; border:1px solid var(--line); border-radius:20px; background:var(--card); box-shadow:0 18px 44px rgba(16,22,30,.06); }
.guide-section + .guide-section { margin-top:20px; }
.guide-section h2 { margin:0; font-size:clamp(1.55rem,3vw,2.25rem); font-weight:880; letter-spacing:-.055em; line-height:1.05; }
.guide-section > p { color:var(--muted); line-height:1.7; }
.guide-flow { display:grid; gap:0; margin:24px 0 0; padding:0; list-style:none; counter-reset:steps; }
.guide-flow li { position:relative; padding:15px 0 15px 56px; border-top:1px solid var(--line); counter-increment:steps; }
.guide-flow li::before { content:counter(steps, decimal-leading-zero); position:absolute; top:17px; left:0; color:var(--blue); font-size:.74rem; font-weight:900; letter-spacing:.06em; }
.guide-flow b { display:block; margin-bottom:4px; font-size:1rem; letter-spacing:-.025em; }
.guide-flow span { color:var(--muted); font-size:.9rem; line-height:1.55; }
.guide-note { padding:23px; border-left:4px solid var(--blue); border-radius:0 14px 14px 0; background:#edf3ff; color:#293542; font-size:.94rem; line-height:1.6; }
.guide-note strong { color:#0d326e; }
.app-card { overflow:hidden; border:1px solid #202a36; border-radius:20px; background:#10161d; color:#fff; box-shadow:0 18px 44px rgba(16,22,30,.18); }
.app-card-top { display:flex; align-items:center; justify-content:space-between; padding:18px 20px; border-bottom:1px solid rgba(255,255,255,.1); }
.app-card-top small { color:#a6c1ff; font-size:.65rem; font-weight:850; letter-spacing:.1em; }
.app-card-top i { width:8px; height:8px; border-radius:50%; background:var(--blue); box-shadow:0 0 0 5px rgba(47,107,255,.18); }
.app-card-body { display:grid; gap:12px; padding:20px; }
.app-card-body h2 { margin:0; font-size:1.35rem; letter-spacing:-.05em; }
.app-row { display:flex; align-items:center; gap:10px; padding:12px; border:1px solid rgba(255,255,255,.11); border-radius:12px; background:rgba(255,255,255,.04); }
.app-row i { display:grid; flex:0 0 27px; width:27px; height:27px; place-items:center; border-radius:50%; background:var(--blue); font-style:normal; font-size:.72rem; font-weight:900; }
.app-row b { font-size:.84rem; }
.app-row span { display:block; margin-top:2px; color:rgba(255,255,255,.58); font-size:.7rem; line-height:1.4; }
.app-card-foot { padding:15px 20px 19px; color:rgba(255,255,255,.46); font-size:.7rem; font-weight:700; letter-spacing:.05em; text-transform:uppercase; }
.guide-links { margin-top:20px; padding:28px; border-radius:20px; background:var(--ink); color:#fff; }
.guide-links h2 { margin:0 0 16px; font-size:1.24rem; letter-spacing:-.04em; }
.guide-links a { display:flex; align-items:center; justify-content:space-between; padding:13px 0; border-top:1px solid rgba(255,255,255,.13); color:rgba(255,255,255,.82); font-size:.88rem; font-weight:740; }
.guide-links a span { color:#8eaeff; }
.guide-faq details { border-top:1px solid var(--line); }
.guide-faq summary { padding:18px 0; cursor:pointer; font-weight:790; letter-spacing:-.02em; }
.guide-faq p { margin:0 0 18px; color:var(--muted); font-size:.92rem; line-height:1.65; }
.guide-cta { display:inline-flex; align-items:center; gap:9px; margin-top:22px; padding:14px 18px; border-radius:10px; background:var(--ink); color:#fff; font-size:.87rem; font-weight:850; }
.guide-footer { padding:28px 0; background:#080a0c; color:rgba(255,255,255,.62); font-size:.8rem; }
.guide-footer .shell { display:flex; justify-content:space-between; gap:18px; }
@media (max-width:760px) { .shell { width:min(100% - 32px,1120px); } .guide-header { position:static; } .guide-hero { padding:55px 0 47px; } .guide-hero-card { grid-template-columns:1fr; } .guide-grid { grid-template-columns:1fr; } .guide-section { padding:23px 20px; border-radius:17px; } .guide-main { padding:42px 0 54px; } .guide-footer .shell { display:grid; } }

/* ---------- Rehber sayfaları: ek içerik blokları ---------- */
.guide-sub { margin:28px 0 0; font-size:1.05rem; font-weight:860; letter-spacing:-.035em; }
.guide-list { display:grid; gap:11px; margin:18px 0 0; padding:0; list-style:none; }
.guide-list li { position:relative; padding-left:26px; color:var(--muted); font-size:.94rem; line-height:1.6; }
.guide-list li::before { content:""; position:absolute; top:.58em; left:0; width:9px; height:9px; border-radius:50%; background:var(--blue); }
.guide-list b { color:var(--ink); font-weight:820; }
.guide-kv { margin:22px 0 0; border-top:1px solid var(--line); }
.guide-kv > div { display:grid; grid-template-columns:minmax(0,.4fr) minmax(0,.6fr); gap:12px 22px; padding:14px 0; border-bottom:1px solid var(--line); }
.guide-kv b { font-size:.9rem; font-weight:820; letter-spacing:-.02em; }
.guide-kv span { color:var(--muted); font-size:.9rem; line-height:1.55; }
.guide-faq details[open] summary { color:var(--blue); }
.guide-section h2 + .guide-lead-in { margin-top:14px; }
@media (max-width:600px) { .guide-kv > div { grid-template-columns:1fr; gap:5px; } }
.guide-grid > aside { position:sticky; top:96px; display:grid; gap:20px; }
@media (max-width:760px) { .guide-grid > aside { position:static; top:auto; } }

/* ---------- Kısa cevap bloğu (üretken arama motorları için alıntılanabilir özet) ---------- */
.guide-answer { padding:34px 0 0; background:var(--surface); }
.answer-card { position:relative; padding:28px 30px 24px; border:1px solid var(--line); border-left:4px solid var(--blue); border-radius:4px 18px 18px 4px; background:var(--card); box-shadow:0 18px 44px rgba(16,22,30,.07); }
.answer-tag { margin:0 0 12px; color:var(--blue); font-size:.68rem; font-weight:880; letter-spacing:.15em; text-transform:uppercase; }
.answer-q { margin:0 0 12px; font-size:clamp(1.2rem,2.2vw,1.55rem); font-weight:870; letter-spacing:-.04em; line-height:1.2; }
.answer-a { max-width:78ch; margin:0; color:#3b4550; font-size:clamp(.97rem,1.4vw,1.05rem); line-height:1.72; }
.answer-meta { margin:18px 0 0; padding-top:15px; border-top:1px solid var(--line); color:var(--muted); font-size:.76rem; font-weight:700; }
.answer-meta time { color:var(--ink); }

/* ---------- Karşılaştırma tablosu ---------- */
.guide-table-wrap { margin:22px 0 0; overflow-x:auto; border:1px solid var(--line); border-radius:14px; -webkit-overflow-scrolling:touch; }
.guide-table { width:100%; min-width:520px; border-collapse:collapse; font-size:.9rem; }
.guide-table caption { padding:13px 16px; border-bottom:1px solid var(--line); background:#fbfcfd; color:var(--muted); font-size:.7rem; font-weight:850; letter-spacing:.1em; text-align:left; text-transform:uppercase; }
.guide-table th, .guide-table td { padding:13px 16px; border-bottom:1px solid var(--line); text-align:left; vertical-align:top; }
.guide-table thead th { background:#fbfcfd; color:var(--ink); font-size:.72rem; font-weight:860; letter-spacing:.06em; text-transform:uppercase; }
.guide-table tbody th { color:var(--ink); font-weight:820; }
.guide-table tbody td { color:var(--muted); }
.guide-table tbody tr:last-child th, .guide-table tbody tr:last-child td { border-bottom:0; }
.guide-table tbody tr:last-child td:first-of-type { color:var(--blue); font-weight:800; }

/* ---------- Terim sözlüğü ---------- */
.guide-gloss > div { grid-template-columns:minmax(0,.34fr) minmax(0,.66fr); }
.guide-gloss b { color:var(--ink); }

@media (max-width:760px) { .guide-answer { padding-top:26px; } .answer-card { padding:22px 20px 20px; } }
@media (max-width:600px) { .guide-gloss > div { grid-template-columns:1fr; } }
/* Grid sütunu içeriğe göre büyümesin; tablo kendi içinde kaysın */
.guide-grid > div, .guide-grid > aside, .guide-section { min-width: 0; }
/* 404: bağlantılı tanım listesi */
.guide-kv a { color:var(--blue); text-decoration:underline; text-underline-offset:3px; }
.guide-kv a:hover { text-decoration-thickness:2px; }

/* ---------- 2026-09-23: erişilebilirlik ve rehber bağlantıları ---------- */
.skip-link { position:absolute; left:12px; top:-60px; z-index:10; padding:10px 14px; border-radius:10px; background:#fff; color:#0d326e; font-weight:800; }
.skip-link:focus { top:12px; }
.guide-inline-link { color:var(--blue); text-decoration:underline; text-underline-offset:3px; }
.guide-inline-link:hover { text-decoration-thickness:2px; }
.guide-note .guide-inline-link { color:#0d326e; }
.guide-footer-links { display:flex; flex-wrap:wrap; gap:8px 16px; }
.guide-footer-links a { color:rgba(255,255,255,.72); }
.guide-footer-links a:hover { color:#fff; text-decoration:underline; }
a:focus-visible, summary:focus-visible, button:focus-visible { outline:3px solid #8caeff; outline-offset:3px; border-radius:4px; }