/* SanalOkulumuz site.css: bütün sayfalar */
/* Tek, açık tema: cihaz koyu modda olsa da site aynı görünür.
   Düzen: lacivert başlık ve kareli hero, sarı vurgu çizgileri; ders renkleri düğmelerde ve kart kenarlarında. */
:root{
  --bg:#edf1fa; --surface:#ffffff; --sunken:#f4f6fc; --ink:#0f1730; --muted:#323c58; --line:#d3dbec; --line-strong:#b9c5df;
  --brand:#0f6b80; --brand-deep:#0b3a4a; --brand-soft:#dcedf1; --accent:#ffc62e; --on-accent:#231a00;
  --on-deep:#ffffff; --on-deep-muted:rgba(255,255,255,.92); --deep-line:rgba(255,255,255,.22); --deep-grid:rgba(255,255,255,.055);
  --logo-bg:#ffffff; --logo-bg-ink:#0b3a4a; --logo-line:rgba(35,26,0,.35);
  --mat:#3b5ea6; --mat-f:#5577b8; --mat-s:#e6ecf6;
  --fen:#087a4f; --fen-f:#0b9460; --fen-s:#daf3e8;
  --tr:#c3301f; --tr-f:#d83a29; --tr-s:#fde4e0;
  --en:#6233c9; --en-f:#7440dc; --en-s:#ede5ff;
  --sos:#a35400; --sos-f:#b85f00; --sos-s:#fdebd5;
  --din:#0e6f84; --din-f:#11829a; --din-s:#d9f1f6;
  --ink-t:#9f1239; --ink-tf:#b4174a; --ink-ts:#fde2ea;
  --t-konu:#2563eb; --t-etk:#7c3aed; --t-bosluk:#c98a4b; --t-dy:#0e7490; --t-test:#15803d; --t-klasik:#dc2626;
  --mid:#b26b00; --r:12px; --wrap:1080px;
  --font:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --shadow:0 1px 2px rgba(15,23,48,.06),0 8px 24px rgba(15,23,48,.09);
  color-scheme:light;
}
*,*::before,*::after{box-sizing:border-box}
[hidden]:not([hidden="until-found"]){display:none!important}
html{scroll-behavior:smooth;scroll-padding-top:calc(env(safe-area-inset-top,0px) + 64px + 24px)}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{--c:var(--brand);--cf:var(--brand);--cs:var(--brand-soft);background:var(--bg);color:var(--ink);font:400 1.0625rem/1.6 var(--font);margin:0}
.c-mat{--c:var(--mat);--cf:var(--mat-f);--cs:var(--mat-s)} .c-fen{--c:var(--fen);--cf:var(--fen-f);--cs:var(--fen-s)}
.c-tr{--c:var(--tr);--cf:var(--tr-f);--cs:var(--tr-s)} .c-en{--c:var(--en);--cf:var(--en-f);--cs:var(--en-s)}
.c-sos{--c:var(--sos);--cf:var(--sos-f);--cs:var(--sos-s)} .c-din{--c:var(--din);--cf:var(--din-f);--cs:var(--din-s)} .c-ink{--c:var(--ink-t);--cf:var(--ink-tf);--cs:var(--ink-ts)}
h1,h2,p{margin:0}
h1{font-weight:700}
h1,h2{line-height:1.15;letter-spacing:-.015em}
h2{font-size:clamp(1.35rem,1.15rem + .8vw,1.7rem);font-weight:650}
h3{font-size:1.15rem;font-weight:650;margin:8px 0 0}
a{color:var(--c);text-underline-offset:.18em}
:focus-visible{outline:3px solid var(--accent);outline-offset:2px;border-radius:4px}
.wrap-sn{max-width:var(--wrap);margin-inline:auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
.ico-sn{width:20px;height:20px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.emo-sn{flex-shrink:0;display:inline-block;width:1.4em;text-align:center;font-size:1.1em;line-height:1;font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif;font-style:normal}
.skip-sn{position:absolute;left:-999px;top:8px;background:var(--accent);color:var(--on-accent);padding:8px 14px;border-radius:6px;z-index:1002}
.skip-sn:focus{left:16px}

/* üst bar */
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:1001;background:var(--brand-deep)}
/* üst menü sayfa içi reklamların üstünde kalsın (sabit/vinyet reklamlar 2147483647 ile yine en üstte) */
.top-sn{position:sticky;top:env(safe-area-inset-top,0px);z-index:1000;background:var(--brand-deep);color:var(--on-deep);border-bottom:1px solid var(--deep-line)}
.top-in-sn{display:flex;align-items:center;gap:16px;min-height:64px;position:relative}
.logo-sn{display:flex;align-items:center;gap:10px;color:var(--on-deep);text-decoration:none;font-size:1.25rem;font-weight:800;line-height:1;letter-spacing:-.02em;flex-shrink:0}
.logo-mark-sn{width:40px;height:40px;flex-shrink:0;object-fit:contain}
.logo-sn b{color:var(--accent);font-weight:800}
.logo-sn i{font-style:normal;font-weight:700;color:var(--on-deep-muted)}
.gnav-sn{margin-left:auto}
.gnav-btn-sn{display:none;align-items:center;gap:10px;height:44px;padding:0 14px;border:1px solid var(--deep-line);border-radius:10px;background:none;color:var(--on-deep);font:700 1rem var(--font);cursor:pointer}
.gnav-btn-sn .bars-sn{width:18px;height:12px;background:linear-gradient(currentColor,currentColor) 0 0/100% 2px no-repeat,linear-gradient(currentColor,currentColor) 0 50%/100% 2px no-repeat,linear-gradient(currentColor,currentColor) 0 100%/100% 2px no-repeat}
.gnav-list-sn{display:flex;gap:2px;list-style:none;margin:0;padding:0}
.gnav-list-sn>li{position:relative}
.gnav-sn summary{list-style:none;display:flex;align-items:center;gap:6px;height:42px;padding:0 10px;border-radius:9px;font-weight:700;font-size:.95rem;cursor:pointer;white-space:nowrap;user-select:none}
.gnav-sn summary::-webkit-details-marker{display:none}
.gnav-sn summary::after{content:"";width:6px;height:6px;border:solid currentColor;border-width:0 2px 2px 0;transform:rotate(45deg) translate(-1px,-1px);opacity:.75;transition:transform .2s}
.gnav-sn details[open]>summary::after{transform:rotate(-135deg) translate(-1px,-1px)}
.gnav-sn summary:hover{background:rgba(255,255,255,.14)}
.gnav-sn details[open]>summary{background:#93c572;color:#14260a}
.gnav-dd-sn{position:absolute;left:0;top:calc(100% + 10px);min-width:300px;padding:8px;margin:0;list-style:none;display:grid;gap:4px;background:#eef6e6;border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);z-index:25}
.gnav-list-sn>li:nth-child(n+6) .gnav-dd-sn{left:auto;right:0}
.gnav-dd-sn a{display:flex;align-items:center;gap:10px;min-height:44px;padding:8px 12px;border-radius:9px;color:var(--c);text-decoration:none;font-weight:700;font-size:.97rem}
.gnav-dd-sn a{background:#ffffff}
.gnav-dd-sn a:hover{background:#dcedc9}
.gnav-dd-sn .dd-all-sn a{color:var(--ink);background:var(--sunken);justify-content:space-between;margin-bottom:4px}
.gnav-dd-sn .dd-all-sn a:hover{background:var(--accent);color:var(--on-accent)}

/* hero */
.hero-sn{position:relative;color:var(--on-deep);background:repeating-linear-gradient(0deg,transparent 0 27px,var(--deep-grid) 27px 28px),repeating-linear-gradient(90deg,transparent 0 27px,var(--deep-grid) 27px 28px),var(--brand-deep)}
.hero-sn::after{content:"";position:absolute;left:0;right:0;bottom:0;height:6px;background:var(--accent)}
.hero-in-sn{display:grid;gap:20px;padding-block:22px 30px} /* hero masaüstü */
.hero-sn h1{font-size:clamp(1.3rem,1rem + 1.2vw,1.85rem);line-height:1.18;letter-spacing:-.02em}
.hero-sn h1 em{font-style:normal;color:var(--accent)}
.lede-sn{color:var(--on-deep-muted);font-size:clamp(.98rem,.9rem + .3vw,1.08rem)}
.pills-sn{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}
.pills-sn .pill-sn{display:inline-flex;align-items:center;gap:7px;min-height:36px;padding:4px 14px 4px 10px;border:1px solid var(--deep-line);border-radius:99px;background:rgba(255,255,255,.06);color:var(--on-deep);text-decoration:none;font-size:.92rem;font-weight:600}
.pills-sn a.pill-sn:hover{background:rgba(255,255,255,.16)}
.pills-sn .ico-sn{width:16px;height:16px;stroke:var(--accent)}
.cta-sn{display:flex;flex-wrap:wrap;gap:10px}
.cta-sn a{display:inline-flex;align-items:center;min-height:50px;padding:0 22px;border-radius:var(--r);background:var(--accent);color:var(--on-accent);font-weight:700;text-decoration:none}
.cta-sn a.ghost-sn{background:none;color:var(--on-deep);box-shadow:inset 0 0 0 1px var(--deep-line)}
.cta-sn a:hover{filter:brightness(1.05)}

/* ana bloklar */
.main-sn{display:grid;gap:88px;padding-block:56px 88px}
.block-sn{display:grid;gap:22px;align-content:start;min-width:0}
.block-head-sn{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:6px 18px}
.block-head-sn p,.note-sn{color:var(--muted);font-size:.95rem}
.h-mark-sn{display:grid;gap:10px}
.h-mark-sn::after{content:"";width:56px;height:5px;border-radius:3px;background:var(--accent)}

.grades-sn{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.grade-sn{display:grid;gap:12px;align-content:start;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:16px}
.grade-n-sn{display:flex;align-items:baseline;gap:6px;font-weight:800;font-size:1.1rem;color:var(--ink);text-decoration:none}
.grade-n-sn span{font-size:2.1rem;line-height:1;color:var(--brand)}
.grade-n-sn small{margin-left:auto;font-size:.8rem;font-weight:700;color:var(--muted)}
.grade-sn ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.grade-sn li a{display:flex;align-items:center;gap:10px;min-height:46px;padding:7px 12px 7px 7px;border-radius:10px;background:color-mix(in srgb,var(--cf) 9%,var(--surface));border:1px solid var(--cf);color:var(--ink);text-decoration:none;font-weight:600;font-size:.95rem;line-height:1.2}
.grade-sn li a:hover{box-shadow:var(--shadow)}
.sic-sn{flex:none;display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:var(--cf)}
.sic-sn .ico-sn{width:17px;height:17px;stroke:#fff}

.types-sn{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.type-sn{display:flex;gap:14px;align-items:flex-start;padding:16px;border:1px solid var(--line);border-radius:var(--r);color:var(--ink);text-decoration:none;transition:box-shadow .15s}
a.type-sn:hover{box-shadow:var(--shadow)}
.type-sn{--t:var(--brand);background:color-mix(in srgb,var(--t) 9%,var(--surface));border-color:var(--t)}
.type-sn .type-ic-sn{background:var(--t)}
.type-sn .type-ic-sn .ico-sn{stroke:#fff}
.t-konu{--t:var(--t-konu)}.t-etk{--t:var(--t-etk)}.t-bosluk{--t:var(--t-bosluk)}.t-dy{--t:var(--t-dy)}.t-test{--t:var(--t-test)}.t-klasik{--t:var(--t-klasik)}
.type-sn strong{display:block;font-size:1.1rem;font-weight:600;line-height:1.25}
.type-sn span span{display:block;color:var(--muted);font-size:.93rem;line-height:1.4;margin-top:2px}
.type-ic-sn{flex:none;display:grid;place-items:center;width:48px;height:48px;border-radius:12px;background:var(--brand-deep)}
.type-ic-sn .ico-sn{width:24px;height:24px}
.app-band-sn{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"ic h btn" "ic t btn";align-items:center;gap:2px 16px;padding:16px;border-radius:var(--r);background:var(--surface);color:var(--ink);border:1px solid var(--line-strong);margin-top:28px}
.app-band-sn .type-ic-sn{grid-area:ic}
.app-h-sn{grid-area:h;font-size:1.1rem;font-weight:600;line-height:1.25;align-self:end}
.app-band-sn .type-ic-sn{background:var(--brand-soft)}
.app-band-sn .type-ic-sn .ico-sn{stroke:var(--brand);width:24px;height:24px}
@media (max-width:640px){.app-band-sn{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"ic h" "t t" "btn btn";gap:12px 14px}.app-h-sn{align-self:center}.app-txt-sn{align-self:start}}
.app-txt-sn{grid-area:t;align-self:start}
.app-txt-sn span{display:block;color:var(--muted);font-size:.95rem;line-height:1.45;margin-top:2px}
.pwa-install-link{grid-area:btn;display:inline-flex;justify-content:center;align-items:center;gap:6px;padding:10px 18px;border-radius:10px;background:#15803d;color:#fff;font-weight:600;text-decoration:none;white-space:nowrap}
.pwa-install-link:hover{filter:brightness(1.05);box-shadow:var(--shadow)}

.two-sn{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:48px 40px;align-items:start}
.cards-sn{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.item-sn{display:block;height:100%;padding:12px 14px;background:var(--surface);border:1px solid var(--line);border-left:5px solid var(--cf);border-radius:10px;color:var(--ink);text-decoration:none;transition:box-shadow .15s}
.item-sn:hover{box-shadow:var(--shadow)}
.item-sn:hover .item-t-sn{text-decoration:underline}
.item-t-sn{display:block;font-weight:600;line-height:1.3;color:var(--brand-deep);font-size:1.02rem}
.item-m-sn{display:flex;flex-wrap:wrap;gap:2px 0;margin-top:5px;font-size:.85rem;color:var(--muted)}
.item-m-sn span+span::before{content:"·";margin:0 7px;font-weight:800}
.m-ders-sn{font-weight:700;color:var(--c)}

.comments-sn{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.comment-item-sn{display:grid;grid-template-columns:38px minmax(0,1fr);gap:12px;align-items:start;padding:12px 14px;background:var(--surface);border:1px solid var(--line);border-radius:10px}
.comment-av-sn{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--brand-soft);color:var(--brand)}
.comment-av-sn .ico-sn{width:19px;height:19px}
.comment-body-sn{display:grid;gap:4px;min-width:0}
.comment-body-sn a{font-weight:600;font-size:.93rem;line-height:1.3;color:var(--brand)}
.comment-text-sn{font-size:.95rem;overflow-wrap:anywhere}
.comment-by-sn{font-size:.82rem;color:var(--muted)}
.comment-author-sn{font-weight:700;color:var(--ink)}
.comment-date-sn::before{content:"·";margin:0 6px}


.why-sn{display:grid;gap:28px}
.why-head-sn{display:grid;gap:10px;justify-items:center;text-align:center}
.eyebrow-sn{font-size:.85rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--brand)}
.why-head-sn h2{font-size:clamp(1.8rem,1.4rem + 1.6vw,2.5rem);font-weight:650}
.why-head-sn p{color:var(--muted);font-size:1.08rem}
.why-grid-sn{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.why-grid-sn li{display:grid;gap:10px;justify-items:center;align-content:start;text-align:center;background:var(--surface);border:2px solid color-mix(in srgb,var(--brand) 38%,var(--surface));box-shadow:0 4px 14px rgba(11,58,74,.08);border-radius:18px;padding:28px 20px}
.why-ic-sn{display:grid;place-items:center;width:64px;height:64px;border-radius:16px;background:var(--brand-deep);margin-bottom:6px}
.why-ic-sn .ico-sn{width:30px;height:30px;stroke:var(--accent)}
.why-grid-sn strong{font-size:1.1rem;font-weight:600;line-height:1.25}
.why-grid-sn p{color:var(--muted);font-size:.97rem}
.prose-sn{max-width:70ch;gap:14px}

.foot-sn{background:var(--brand-deep);color:var(--on-deep)}
.foot-grid-sn{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:28px;padding-block:40px 28px}
.foot-sn .about-sn{color:var(--on-deep-muted);max-width:40ch;margin-top:14px;font-size:.97rem}
.foot-h-sn{display:grid;gap:8px;font-size:.85rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--accent);margin-bottom:12px}
.foot-h-sn::after{content:"";width:32px;height:3px;border-radius:2px;background:var(--accent)}
.foot-sn ul{list-style:none;margin:0;padding:0;display:grid;gap:0}
.foot-sn ul span{display:inline-block;padding:2px 0;line-height:1.45;color:var(--on-deep)}
.foot-sn ul a{display:inline-block;padding:2px 0;line-height:1.45;color:var(--on-deep);text-decoration:none}
.foot-sn ul a:hover{text-decoration:underline}
.foot-bottom-sn{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;padding-block:16px;border-top:1px solid var(--deep-line);font-size:.86rem;color:var(--on-deep-muted)}
/* altta sabit reklam (mobil ve masaüstü) çıktığında son satır reklamın altında kalmasın */
.foot-bottom-sn{padding-bottom:calc(100px + env(safe-area-inset-bottom,0px))}

@media (max-width:1000px){
  .gnav-btn-sn{display:inline-flex}
  .gnav-list-sn{display:none;position:fixed;left:0;right:0;top:var(--menu-ust-sn,calc(env(safe-area-inset-top,0px) + 64px));grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 12px;background:var(--surface);color:var(--ink);border-bottom:1px solid var(--line);box-shadow:var(--shadow);max-height:calc(100vh - 214px);max-height:calc(100dvh - var(--menu-ust-sn,calc(env(safe-area-inset-top,0px) + 64px)) - max(100px, var(--reklam-alt-sn,0px) + 8px));overflow:auto;overscroll-behavior:contain;padding:12px max(16px,env(safe-area-inset-right,0px)) calc(16px + env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px))}
  .gnav-sn.open-sn .gnav-list-sn{display:grid}
  .gnav-list-sn>li:has(>details[open]){grid-column:1/-1}   /* sınıflar ikişer; açılan sınıf dersleriyle tam satır */
  .gnav-sn summary{height:48px;padding:0 12px;font-size:1rem}
  .gnav-sn summary:hover{background:var(--sunken)}
  .gnav-sn details[open]>summary{background:#93c572;color:#14260a}
  .gnav-dd-sn a{background:#eef6e6}
  .gnav-dd-sn,.gnav-list-sn>li:nth-child(n+6) .gnav-dd-sn{position:static;min-width:0;border:0;box-shadow:none;padding:0 0 8px;background:none}
  .grades-sn,.why-grid-sn{grid-template-columns:repeat(2,minmax(0,1fr))}
  .types-sn{grid-template-columns:repeat(2,minmax(0,1fr))}
  .two-sn{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:720px){
  .foot-grid-sn,.cards-sn{grid-template-columns:minmax(0,1fr)}
  .hero-in-sn{padding-block:24px 32px}
  }
@media (max-width:520px){
  .grades-sn,.why-grid-sn,.types-sn{grid-template-columns:minmax(0,1fr)}
  .logo-sn{font-size:1.1rem}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}
/* ders sayfası */
.gnav-sn li.is-current-sn>details>summary{box-shadow:inset 0 -3px 0 var(--accent)}
.crumbs-sn ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px 0;font-size:.92rem}
.crumbs-sn li{display:flex;align-items:center;color:var(--on-deep-muted)}
.crumbs-sn li+li::before{content:"/";margin:0 9px;color:var(--deep-line)}
.crumbs-sn a{color:var(--on-deep-muted);text-decoration:none}
.crumbs-sn a:hover{color:var(--on-deep);text-decoration:underline}
.crumbs-sn [aria-current]{color:var(--on-deep);font-weight:700}
.hero-ders-sn .hero-in-sn{padding-block:26px 46px;gap:16px}
.hero-ders-sn h1{font-size:clamp(1.3rem,1rem + 1.2vw,1.85rem)}
.stats-sn{display:flex;flex-wrap:wrap;gap:6px 22px;color:var(--on-deep-muted);font-weight:600}
.stats-sn b{color:var(--accent);font-size:1.25rem;margin-right:4px}
.units-sn{display:grid;gap:28px}
.unit-sn{background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--r);scroll-margin-top:96px}
.unit-sn>.unit-h-sn{border-radius:calc(var(--r) - 1px) calc(var(--r) - 1px) 0 0}
.unit-sn>.unit-h-sn:last-child{border-radius:calc(var(--r) - 1px)}
.unit-h-sn{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;margin:0;padding:14px 18px;background:var(--brand-deep);color:var(--on-deep);font-size:1.2rem;font-weight:600;line-height:1.25}
.unit-h-sn a{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;color:var(--on-deep);text-decoration:none}
.unit-h-sn a:hover .unit-name-sn{text-decoration:underline}
.unit-no-sn{color:var(--accent);font-weight:700}
.unit-tr-sn{font-size:.95rem;font-weight:400;color:var(--on-deep-muted)}
.unit-h-sn .cnt-sn{margin-left:auto;font-size:.88rem;font-weight:600;color:var(--on-deep-muted)}
.unit-b-sn{display:grid;gap:14px;padding:16px 18px 18px}
.unit-b-sn p{color:var(--muted);max-width:75ch}
.uchips-sn{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.uchips-sn li{display:inline-flex;align-items:center;gap:7px;padding:5px 12px 5px 9px;border-radius:99px;border:1px solid var(--t);background:color-mix(in srgb,var(--t) 9%,var(--surface));font-size:.92rem;font-weight:600}
.uchip-ic-sn{display:grid;place-items:center;width:20px;height:20px}
.uchip-ic-sn .ico-sn{width:17px;height:17px;stroke:var(--t)}
.unit-go-sn{justify-self:start;display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:10px;background:var(--brand-deep);color:var(--on-deep);font-weight:600;text-decoration:none}
.unit-go-sn:hover{box-shadow:var(--shadow)}
.note-sn{color:var(--muted);font-size:.95rem}
@media (max-width:720px){.unit-h-sn .cnt-sn{margin-left:0;flex-basis:100%}}
/* sınıf sayfası */
.pills-sn a.pill-sn .ico-sn{width:16px;height:16px;stroke:var(--accent)}
.dcards-sn{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.dcard-sn{display:grid;gap:12px;align-content:start;padding:16px;border-radius:var(--r);background:var(--surface);border:1px solid var(--cf);border-top:5px solid var(--cf)}
.dcard-h-sn{display:flex;align-items:center;gap:12px;color:var(--ink);text-decoration:none}
.dcard-h-sn strong{display:block;font-size:1.1rem;font-weight:600;line-height:1.25}
.dcard-h-sn small{display:block;color:var(--muted);font-size:.88rem;margin-top:2px}
.dcard-h-sn:hover strong{text-decoration:underline}
.sic-l-sn{width:44px;height:44px;border-radius:11px}
.sic-l-sn .ico-sn{width:22px;height:22px}
.dcard-sn p{color:var(--muted);font-size:.95rem}
.dunits-sn{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.dunits-sn a{display:flex;align-items:center;gap:10px;padding:7px 10px;border-radius:8px;background:color-mix(in srgb,var(--cf) 8%,var(--surface));color:var(--ink);text-decoration:none;font-weight:600;font-size:.95rem}
.dunits-sn a:hover{box-shadow:var(--shadow)}
.dunits-sn b{display:grid;place-items:center;width:24px;height:24px;border-radius:6px;background:var(--cf);color:#fff;font-size:.82rem}
.dcard-go-sn{justify-self:start;color:var(--c);font-weight:700;text-decoration:none}
.dcard-go-sn:hover{text-decoration:underline}
.cards-2-sn{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (max-width:1000px){.dcards-sn{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:720px){.dcards-sn,.cards-2-sn{grid-template-columns:minmax(0,1fr)}}
/* ünite sayfası */
.h1-pre-sn{display:block;font-size:.5em;font-weight:600;color:var(--on-deep-muted);letter-spacing:0;margin-bottom:6px}
.h1-tr-sn{font-size:.6em;font-weight:500;color:var(--on-deep-muted)}
.tblocks-sn{display:grid;grid-template-columns:minmax(0,1fr);gap:28px}
.tblock-sn{background:var(--surface);border:1px solid var(--t);border-radius:var(--r);scroll-margin-top:96px}
.tblock-sn>.tblock-h-sn{border-radius:calc(var(--r) - 1px) calc(var(--r) - 1px) 0 0}
.tblock-sn>.tblock-h-sn:last-child{border-radius:calc(var(--r) - 1px)}
.tblock-h-sn{display:flex;align-items:center;gap:14px;padding:14px 16px;background:color-mix(in srgb,var(--t) 10%,var(--surface));border-bottom:1px solid color-mix(in srgb,var(--t) 40%,var(--surface))}
.tblock-h-sn .type-ic-sn{background:var(--t)}
.tblock-h-sn .type-ic-sn .ico-sn{stroke:#fff}
.tblock-h-sn h2{font-size:1.15rem;font-weight:650}
.tblock-h-sn p{font-size:.9rem;color:var(--muted);margin-top:2px}
.tcount-sn{margin-left:auto;display:grid;place-items:center;min-width:34px;height:34px;padding:0 8px;border-radius:99px;background:var(--t);color:#fff;font-weight:700}
.tlist-sn{list-style:none;margin:0;padding:4px 0}
.tlist-sn li+li{border-top:1px dashed var(--line)}
.tlist-sn a{display:flex;align-items:center;gap:12px;min-height:52px;padding:10px 16px;color:var(--ink);text-decoration:none}
.tlist-sn a:hover{background:color-mix(in srgb,var(--t) 7%,var(--surface))}
.tlist-sn a:hover .tl-t-sn{text-decoration:underline}
.tlist-sn b{flex:none;display:grid;place-items:center;width:26px;height:26px;border-radius:7px;background:color-mix(in srgb,var(--t) 14%,var(--surface));color:var(--t);font-size:.85rem}
.tl-t-sn{flex:1;min-width:0;font-weight:600;line-height:1.3}
.tl-m-sn{flex:none;color:var(--muted);font-size:.88rem;white-space:nowrap}
.vocab-sn{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr));gap:0 24px;margin:0;padding:8px 20px;background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--r)}
.vocab-sn div{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--line)}
.vocab-sn dt{font-weight:700}
.vocab-sn dd{margin:0;color:var(--muted)}
.unav-sn{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.unav-a-sn{display:grid;gap:2px;padding:16px 18px;background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--r);color:var(--ink);text-decoration:none}
.unav-a-sn:hover{box-shadow:var(--shadow)}
.unav-a-sn small{color:var(--muted);font-weight:600;font-size:.82rem;text-transform:uppercase;letter-spacing:.06em}
.unav-a-sn b{font-weight:600;color:var(--brand-deep)}
.unav-next-sn{text-align:right}

@media (max-width:560px){.unav-sn{grid-template-columns:minmax(0,1fr)}.unav-next-sn{text-align:left}.tl-m-sn{display:none}}
/* ders v2: konu kartları ve dağınık listeler */
.unit-h-sn>.unit-no-sn,.unit-h-sn>.unit-name-sn{display:inline}
.konular-sn{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}
.konu-sn{display:grid;gap:10px;align-content:start;padding:16px;border-radius:10px;border:1px solid var(--line-strong);border-left:5px solid var(--cf);background:var(--surface)}
.konu-h-sn{display:grid;gap:2px;color:var(--ink);text-decoration:none}
.konu-h-sn strong{font-size:1.15rem;font-weight:650;line-height:1.25}
.konu-h-sn:hover strong{text-decoration:underline}
.konu-lbl-sn{font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--c)}
.konu-sn p{color:var(--muted);font-size:.95rem}
.loose-h-sn{font-size:.82rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)!important}
.loose-sn{list-style:none;margin:0;padding:0;border:1px solid var(--line);border-radius:10px}
.loose-sn>li:first-child>a{border-radius:9px 9px 0 0}
.loose-sn>li:last-child>a{border-radius:0 0 9px 9px}
.loose-sn>li:only-child>a{border-radius:9px}
.loose-sn li+li{border-top:1px dashed var(--line)}
.loose-sn a{display:flex;align-items:center;gap:12px;min-height:50px;padding:9px 14px;color:var(--ink);text-decoration:none;background:var(--surface)}
.loose-sn a:hover{background:color-mix(in srgb,var(--t) 6%,var(--surface))}
.loose-sn a:hover .lo-t-sn{text-decoration:underline}
.lo-t-sn{flex:1;min-width:0;font-weight:600;line-height:1.3}
.lo-k-sn{flex:none;font-size:.82rem;font-weight:600;color:var(--t);padding:2px 10px;border-radius:99px;background:color-mix(in srgb,var(--t) 10%,var(--surface))}
@media (max-width:480px){.lo-k-sn{display:none}}

/* bütün kart tıklanabilir: tek gerçek link (başlık), kartın tamamına yayılır */
.konu-sn{position:relative;cursor:pointer;transition:box-shadow .15s,border-color .15s}
.konu-h-sn::after{content:"";position:absolute;inset:0;border-radius:inherit;z-index:1}
.konu-sn:hover,.konu-sn:focus-within{box-shadow:var(--shadow);border-color:var(--cf)}
.konu-sn:focus-within{outline:3px solid var(--accent);outline-offset:2px}
.konu-h-sn:focus-visible{outline:none}
.konu-go-sn{justify-self:start;display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:10px;background:var(--cf);color:#fff;font-weight:600}
.konu-sn:hover .konu-go-sn{filter:brightness(1.08)}
.unit-link-sn{position:relative;transition:box-shadow .15s}
.unit-link-sn .unit-h-sn a::after{content:"";position:absolute;inset:0;z-index:1}
.unit-link-sn:hover,.unit-link-sn:focus-within{box-shadow:var(--shadow);border-color:var(--brand)}
.unit-link-sn:focus-within{outline:3px solid var(--accent);outline-offset:2px}
.unit-link-sn .unit-h-sn a:focus-visible{outline:none}
.unit-link-sn:hover .unit-name-sn{text-decoration:underline}
.unit-link-sn .uchips-sn li,.konu-sn .uchips-sn li{cursor:pointer}

/* ünite sayfası: diğer üniteler ve dersler */
.more-link-sn{font-weight:700;color:var(--brand);text-decoration:none}
.more-link-sn:hover{text-decoration:underline}
.ugrid-sn{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:12px}
.ug-sn a,.ug-sn>div{display:flex;align-items:center;gap:14px;height:100%;padding:14px 16px;border-radius:var(--r);background:var(--surface);border:1px solid var(--line-strong);color:var(--ink);text-decoration:none}
.ug-sn a:hover{box-shadow:var(--shadow);border-color:var(--brand)}
.ug-sn a:hover strong{text-decoration:underline}
.ug-no-sn{flex:none;display:grid;place-items:center;width:42px;height:42px;border-radius:10px;background:var(--brand-deep);color:var(--accent);font-weight:800;font-size:1.15rem}
.ug-t-sn{flex:1;min-width:0}
.ug-t-sn strong{display:block;font-weight:600;line-height:1.25}
.ug-t-sn small{display:block;color:var(--muted);font-size:.88rem}
.ug-go-sn{color:var(--brand);font-weight:700}
.ug-cur-sn>div{border:2px solid var(--accent);background:color-mix(in srgb,var(--accent) 12%,var(--surface))}
.ug-here-sn{flex:none;font-size:.75rem;font-weight:700;padding:3px 9px;border-radius:99px;background:var(--accent);color:var(--on-accent)}
.ogrid-sn{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,230px),1fr));gap:10px}
.ogrid-sn li a{display:flex;align-items:center;gap:10px;min-height:52px;padding:8px 14px 8px 8px;border-radius:10px;background:color-mix(in srgb,var(--cf) 9%,var(--surface));border:1px solid var(--cf);color:var(--ink);text-decoration:none;font-weight:600}
.ogrid-sn li a:hover{box-shadow:var(--shadow)}
.vocab-wide-sn{grid-template-columns:repeat(auto-fill,minmax(min(100%,420px),1fr))}
.vocab-wide-sn div{justify-content:flex-start;gap:16px}
.vocab-wide-sn dt{flex:none;width:9.5em}
.ug-k-sn>div{align-items:flex-start}
.ug-konular-sn{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.ug-konular-sn a{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:99px;border:1px solid var(--brand);background:var(--brand-soft);color:var(--brand-deep);font-weight:600;font-size:.88rem;text-decoration:none}
.ug-konular-sn a:hover{box-shadow:var(--shadow)}
@media (max-width:520px){.vocab-wide-sn div{flex-direction:column;gap:2px}.vocab-wide-sn dt{width:auto}}
.ug-cur-link-sn>a{border:2px solid var(--accent);background:color-mix(in srgb,var(--accent) 12%,var(--surface))}
/* ===== Kategori (hub) sayfaları ===== */
.hubs-sn{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.hubs-sn li a{display:flex;align-items:center;gap:10px;min-height:46px;padding:7px 12px 7px 7px;border-radius:10px;background:color-mix(in srgb,var(--cf) 9%,var(--surface));border:1px solid var(--cf);color:var(--ink);text-decoration:none;font-weight:600;font-size:.95rem;line-height:1.2}
.hubs-sn li a:hover{box-shadow:var(--shadow)}
.up-sec-sn{border-top:1px solid var(--line);padding-top:30px}
.up-eye-sn{display:block;font-size:.78rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--brand);margin-bottom:4px}
.up-all-sn{display:inline-flex;align-items:center;gap:6px;margin-top:14px;font-weight:700;color:var(--brand);text-decoration:none}
.up-all-sn:hover{text-decoration:underline}
.dcard-sn .gtopics-sn{font-size:.92rem;color:var(--muted)}
.dcard-sn .gtopics-sn b{color:var(--ink);font-weight:600}
@media (max-width:1000px){.hubs-sn{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:480px){.hubs-sn{grid-template-columns:minmax(0,1fr)}}
/* kategori: ders kartları (h2) ve sınıf bağlantıları */
.scard-sn h2.dcard-h-sn{font-size:1.15rem;font-weight:650;line-height:1.25;margin:0}
.scard-sn h2.dcard-h-sn a{color:var(--ink);text-decoration:none}
.scard-sn h2.dcard-h-sn a:hover{text-decoration:underline}
.scard-sn h2.dcard-h-sn small{font-weight:500}
.sgr-sn{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.sgr-sn a{display:inline-flex;align-items:center;min-height:34px;padding:4px 12px;border-radius:99px;border:1px solid var(--cf);background:color-mix(in srgb,var(--cf) 9%,var(--surface));color:var(--ink);font-weight:600;font-size:.9rem;text-decoration:none}
.sgr-sn a:hover{background:var(--cf);color:#fff}
.dcard-sn[id]{scroll-margin-top:calc(env(safe-area-inset-top,0px) + 64px + 20px)}

/* paylaş + yorumlar (main dışında) */
.etk-sn{background:transparent}
.etk-in-sn{display:grid;gap:20px;padding-block:8px 48px}
.paylas-sn,.yorumlar-sn,.up-box-sn{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:20px 22px}
.paylas-h-sn{margin:0;color:var(--ink);font-size:1.15rem;font-weight:650;line-height:1.3}
.yorumlar-sn h2{font-size:1.15rem;font-weight:650}
.paylas-sn{display:grid;gap:12px}
.share-row-sn{display:flex;flex-wrap:wrap;gap:8px}
.sh-sn{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:6px 14px;border-radius:99px;border:1px solid var(--line-strong);background:var(--surface);color:var(--ink);font:inherit;font-weight:600;font-size:.92rem;text-decoration:none;cursor:pointer}
.sh-sn::before{content:"";width:10px;height:10px;border-radius:50%;background:var(--sh,var(--brand))}
.sh-sn:hover{border-color:var(--sh,var(--brand));box-shadow:var(--shadow)}
.sh-wa-sn{--sh:#1fa855}.sh-fb-sn{--sh:#1877f2}.sh-x-sn{--sh:#111}.sh-tg-sn{--sh:#229ed9}.sh-pin-sn{--sh:#d6001c}.sh-in-sn{--sh:#0a66c2}
.sh-copy-sn,.sh-native-sn{--sh:var(--brand)}
.sh-copy-sn.is-done{border-color:var(--t-test);color:var(--t-test)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.yorumlar-sn{display:grid;gap:14px;scroll-margin-top:calc(env(safe-area-inset-top,0px) + 64px + 20px)}
.yorum-serit-sn{display:flex;flex-wrap:wrap;align-items:center;gap:12px 14px}
.yorum-ikon-sn{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:var(--brand-soft)}
.yorum-ikon-sn .ico-sn{width:22px;height:22px;stroke:var(--brand)}
.yorum-etiket-sn{display:grid;gap:1px;margin:0}
.yorum-etiket-sn b{font-size:1.15rem;font-weight:650;color:var(--ink)}
.yorum-etiket-sn span{font-size:.9rem;color:var(--muted)}
.yorum-ekle-sn{margin-left:auto}
.btn-yorum-sn{display:inline-flex;align-items:center;gap:8px;font:inherit;font-weight:600;font-size:.95rem;padding:9px 16px;border-radius:10px;border:0;background:var(--brand);color:#fff;cursor:pointer}
.btn-yorum-sn .ico-sn{width:18px;height:18px;stroke:#fff}
.btn-yorum-sn:hover{background:var(--brand-deep)}
.yorum-form-sn{display:grid;gap:10px;padding:16px;border-radius:var(--r);border:1px solid var(--line-strong);background:var(--bg)}
.yorum-form-sn[hidden]{display:none}
.yorum-form-sn label{display:grid;gap:4px;font-weight:600;font-size:.92rem}
.yorum-form-sn input,.yorum-form-sn textarea{font:inherit;font-weight:400;padding:9px 12px;border-radius:9px;border:1px solid var(--line-strong);background:var(--surface);color:var(--ink);width:100%;box-sizing:border-box}
.yorum-form-sn textarea{min-height:110px;resize:vertical}
.yorum-form-sn input:focus,.yorum-form-sn textarea:focus{outline:3px solid color-mix(in srgb,var(--brand) 30%,transparent);border-color:var(--brand)}
.yf-row-sn{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.yf-cancel-sn{font:inherit;font-weight:600;font-size:.95rem;padding:9px 14px;border-radius:10px;border:1px solid var(--line-strong);background:var(--surface);color:var(--ink);cursor:pointer}
.yf-cancel-sn:hover{border-color:var(--brand)}
.yf-note-sn{flex-basis:100%;font-size:.85rem;color:var(--muted)}
.yf-ok-sn{font-weight:600;color:var(--t-test)}
.yorum-bos-sn{color:var(--muted)}
@media (max-width:520px){.yorum-ekle-sn{margin-left:0;flex-basis:100%}.yorum-ekle-sn .btn-yorum-sn{width:100%;justify-content:center}}

/* uygulama yükleme penceresi */
.pwa-overlay {position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.6);z-index:10000;display:flex;align-items:center;justify-content:center}.pwa-modal {background:#fff;width:90%;max-width:380px;border-radius:20px;padding:25px;text-align:center;box-shadow: 0 15px 35px rgba(0,0,0,0.2);border:3px solid #E6F4EA;animation:zoomIn 0.3s ease-out} @keyframes zoomIn { from { transform:scale(0.8);opacity:0;} to {transform:scale(1);opacity:1} } .pwa-header {display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;margin-bottom:15px}.pwa-icon {width:70px;height:70px;border-radius:15px;margin-bottom:10px;display:block;float:none !important}.pwa-body p {color:#555;font-size:15px;line-height:1.5;margin:15px 0}.pwa-actions {display:flex;flex-direction:column;gap:10px}.btn-install {background:#2E7D32;color:#fff;border:none;padding:12px;border-radius:10px;font-weight:bold;cursor:pointer}.btn-close {background:#f1f1f1;color:#666;border:none;padding:10px;border-radius:10px;cursor:pointer}.pwa-title {color:#2E7D32;font-size:17px;font-weight:bold;display:block;margin-top:5px}
/* giriş / çıkış paragrafları içeriğe yakın dursun */
.main-sn>.giris-sn{margin-bottom:-48px}
.main-sn>.cikis-sn{margin-top:-48px}
.main-sn>.giris-sn+.cikis-sn{margin-top:0}   /* arada bölüm yoksa üst üste binmesin */
/* paylaş: cihazın paylaşım menüsü düğmesi ayrışsın */
.sh-native-sn{background:var(--brand-soft);border-color:color-mix(in srgb,var(--brand) 35%,var(--line))}
/* giriş/çıkış: tam genişlik; hero ile giriş arası daha dar */
.main-sn>.giris-sn,.main-sn>.cikis-sn{max-width:none}
.main-sn:has(>.reklam-sn:first-child),.main-sn:has(>.giris-sn:first-child){padding-top:28px}
.main-sn>.reklam-sn{margin-bottom:-56px}
/* reklam alanı (hero ile giriş arası) */
.reklam-sn{display:grid;justify-items:center;gap:4px;min-width:0;text-align:center}
.reklam-sn ins.adsbygoogle{width:100%;min-height:90px}
.reklam-sn:not(:has(ins.adsbygoogle)),.reklam-sn:has(ins.adsbygoogle[data-ad-status="unfilled"]){display:none}
/* sınıf sayfası: ders kartının tamamı tıklanır */
.dcard-tam-sn{position:relative;transition:box-shadow .15s}
.dcard-tam-sn .dcard-h-sn::after{content:"";position:absolute;inset:0;border-radius:inherit}
.dcard-tam-sn:hover{box-shadow:var(--shadow)}
.dcard-tam-sn:focus-within{outline:3px solid color-mix(in srgb,var(--cf) 45%,transparent);outline-offset:2px}
/* ünite başlığı: h2 yalnız numara + ad; sayı (konu/çalışma) başlığın dışında */
.unit-t-sn{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px;margin:0;font:inherit;color:inherit;line-height:inherit}
/* üst bölüm listeleri: tek ya da iki satırlık adlarda kutular aynı yükseklikte */
.up-box-sn .hubs-sn li a{min-height:62px}
.hubs-2-sn{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (max-width:560px){.hubs-2-sn{grid-template-columns:minmax(0,1fr)}}
/* diğer üniteler: ünite başlığı + konuları */
.ulist2-sn{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.ulist2-sn>li{padding:10px 12px 12px 10px;border-radius:10px;border:1px solid var(--cf);background:color-mix(in srgb,var(--cf) 7%,var(--surface))}
.ul2-h-sn{display:flex;align-items:center;gap:10px;margin:0;font-weight:650;font-size:.97rem;line-height:1.25;color:var(--ink)}
.ul2-h-sn a{color:var(--ink);text-decoration:none}
.ul2-h-sn a:hover{text-decoration:underline}
.ul2-k-sn{list-style:none;margin:8px 0 0;padding:0 0 0 38px;display:flex;flex-wrap:wrap;gap:6px}
.ul2-k-sn a{display:inline-flex;align-items:center;min-height:30px;padding:3px 11px;border-radius:99px;border:1px solid var(--cf);background:var(--surface);color:var(--ink);font-size:.88rem;font-weight:600;text-decoration:none}
.ul2-k-sn a:hover{background:var(--cf);color:#fff}
@media (max-width:640px){.ulist2-sn{grid-template-columns:minmax(0,1fr)}.ul2-k-sn{padding-left:0}}


/* ===== içerik sayfaları (sonu id ile biten adresler): gövde beyaz kutuda ===== */
.main-icerik-sn{max-width:900px}
body:has(.main-icerik-sn) .etk-sn .wrap-sn{max-width:900px}
.ic-govde-sn{display:grid;gap:32px;min-width:0}
.ic-govde-sn>*{min-width:0}
.ic-kutu-sn{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:clamp(18px,1rem + 2vw,36px)}
/* mobil: icerik1/icerik2 kutusu kenardan kenara (sağ-sol boşluk yok), iç boşluk az — konu anlatımı ve etkinliklere yer kalsın */
@media (max-width:720px){
  .ic-kutu-sn{margin-inline:calc(-1 * max(16px,env(safe-area-inset-left,0px)));border-radius:0;border-left:0;border-right:0;padding:16px 18px}
}
.ic-metin-sn{display:block;line-height:1.7}
.ic-metin-sn h2{font-size:clamp(1.25rem,1.1rem + .6vw,1.5rem);margin-top:10px}
.ic-metin-sn h3{font-size:1.12rem;margin-top:6px}
.ic-metin-sn h2:first-child,.ic-metin-sn h3:first-child{margin-top:0}
.ic-metin-sn ul,.ic-metin-sn ol{margin:0;padding-left:1.4em;display:grid;gap:6px}
.ic-metin-sn img,.ic-metin-sn video,.ic-metin-sn iframe{max-width:100%;height:auto}
.ic-metin-sn table{border-collapse:collapse;width:100%;display:block;overflow-x:auto}
.ic-metin-sn th,.ic-metin-sn td{border:1px solid var(--line);padding:8px 10px;text-align:left;vertical-align:top}
.ic-metin-sn th{background:var(--sunken)}
.ic-metin-sn blockquote{margin:0;padding:12px 16px;border-left:4px solid var(--brand);background:var(--sunken);border-radius:0 10px 10px 0}
/* hero bilgi satırı (tür, soru sayısı, süre) */
.tmeta-sn{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px 20px;color:var(--on-deep-muted);font-weight:600}
.tmeta-sn li{display:inline-flex;align-items:center;gap:8px}
.tmeta-sn .ico-sn{width:18px;height:18px;stroke:var(--accent)}
/* kitap konusu: bağlı testlere çağrı kutusu */
.konu-kutu{display:flex;flex-wrap:wrap;align-items:center;gap:14px 18px;padding:18px 20px;border-radius:var(--r);background:var(--brand-soft);border:1.5px solid color-mix(in srgb,var(--brand) 30%,var(--surface))}
.konu-ikon{flex:none;display:grid;place-items:center;width:48px;height:48px;border-radius:12px;background:var(--surface);font-size:1.5rem;line-height:1}
.konu-icerik{flex:1 1 260px;display:grid;gap:4px}
.konu-baslik{font-size:1.08rem;color:var(--brand-deep)}
.konu-aciklama{color:var(--muted);font-size:.95rem}
.konu-buton{flex:none;display:inline-flex;align-items:center;padding:11px 20px;border-radius:10px;background:var(--brand-deep);color:#fff;font-weight:700;text-decoration:none}
.konu-buton:hover{box-shadow:var(--shadow)}
@media (max-width:560px){.konu-buton{width:100%;justify-content:center}}

/* ===== otomatik reklamlar: AdSense'in eklediği kapsayıcıya (.google-auto-placed) yer aç =====
   Reklam gizlenmez ya da değiştirilmez; yalnız ızgara ve listelerde tek hücreye sıkışmaması, tam genişlikte ve
   üstünde-altında boşlukla durması sağlanır. */
.google-auto-placed{clear:both;max-width:100%;min-width:0}
:is(.main-sn,.block-sn,.units-sn,.tblocks-sn,.ic-govde-sn,.dcards-sn,.cards-sn,.hubs-sn,.ugrid-sn,.ulist2-sn,.up-box-sn,.unit-b-sn)>.google-auto-placed{grid-column:1/-1;width:100%;margin:0}
.ic-metin-sn>.google-auto-placed,.unit-b-sn>.google-auto-placed{margin-block:24px!important}
/* bağlantı listelerinde reklamın üstü-altı en az 24px: yanlış tıklamaya karşı */
:is(.hubs-sn,.cards-sn,.dcards-sn,.ugrid-sn,.ulist2-sn)>.google-auto-placed{margin-block:16px}

/* yorumlar: AJAX ile yüklenen form ve durum mesajları */
.yorum-form-alan-sn[hidden]{display:none}
.yf-durum-sn{margin:0;font-size:.92rem;color:var(--muted)}
.yf-durum-sn:empty{display:none}
.yf-hata-sn{color:#b42318;font-weight:600}
.yf-gonder-sn:disabled{opacity:.55;cursor:not-allowed}
.othercomments{display:flex;justify-content:center}
.othercomments .sh-sn:disabled{opacity:.6;cursor:progress}
/* yorumlar2 alanındaki eski yorumlar (eski sınıflar) yeni görünümde */
.comments-sn .comment-item{list-style:none;display:grid;gap:4px;padding:12px 14px;background:var(--surface);border:1px solid var(--line);border-radius:10px}
.comments-sn .comment-author{font-weight:700;font-size:.85rem;color:var(--ink)}
.comments-sn .comment-text{display:block;font-size:.95rem;overflow-wrap:anywhere}

/* küçük ekranlar: logo ve "Sınıflar" düğmesi tek satıra sığsın */
@media (max-width:480px){
  .top-in-sn{gap:10px}
  .logo-sn{gap:8px;font-size:1rem}
  .logo-mark-sn{width:34px;height:34px}
  .gnav-btn-sn{gap:8px;height:40px;padding:0 10px;font-size:.95rem;flex-shrink:0;margin-left:auto}
  .logo-sn{flex-shrink:1;min-width:0}   /* güvence: yer yetmezse düğme değil logo yazısı kısalır */
  .logo-sn>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
}
@media (max-width:350px){.logo-sn i{display:none}}   /* çok dar ekranda ".com" gizlenir */

/* kitap konusu "Testleri Çöz" kutusu: sayfadaki eski stil (max-width:760px; margin:56px auto 0) ne olursa olsun tam genişlik.
   .ic-govde-sn ile birlikte yazıldığı için sayfanın <style>'ındaki .konu-cta kuralından güçlüdür. */
.ic-govde-sn>.konu-cta{max-width:none;width:100%;margin:0}
.ic-govde-sn>.konu-cta .konu-kutu{box-sizing:border-box;width:100%}