/* Sezgi Testi — "gece yarısı gözlem odası".
   İki renk iki gerçeği taşır: camgöbeği = senin tahminin, sodyum sarısı = gerçek sonuç.
   Telefonda tek sütun deney föyü (en fazla 560 px); geniş ekranda solda sabit arşiv.
   Not: GSAP'ın canlandırdığı özelliklere (opacity, transform) CSS transition verme. */
/* Yazı tipleri sitede (latin + Türkçe, Almanca, Fransızca, İspanyolca harfler). Lisans: OFL, fonts/ klasöründe. */
@font-face{font-family:"Anybody";src:url("fonts/anybody.woff") format("woff");font-weight:300 900;font-stretch:50% 150%;font-display:swap}
@font-face{font-family:"Newsreader";src:url("fonts/newsreader.woff") format("woff");font-weight:400;font-display:swap}
@font-face{font-family:"IBM Plex Mono";src:url("fonts/plexmono-400.woff") format("woff");font-weight:400;font-display:swap}
@font-face{font-family:"IBM Plex Mono";src:url("fonts/plexmono-500.woff") format("woff");font-weight:500;font-display:swap}
:root{
  --bg:#0c1012; --surface:#141a1d; --raise:#1b2327; --line:#273136; --fg:#ece8df; --muted:#8f989c;
  --guess:#7cc6dd; --guess-soft:rgba(124,198,221,.14); --real:#f0b44c; --real-soft:rgba(240,180,76,.14); --ok:#8fcf9a; --no:#e08b7a;
  --display:"Anybody","Arial Narrow",Arial,sans-serif;
  --body:"Newsreader",Georgia,"Times New Roman",serif;
  --mono:"IBM Plex Mono",ui-monospace,Menlo,Consolas,monospace;
  --s-1:13px; --s0:17px; --s1:20px; --s2:26px; --s3:clamp(34px,9vw,52px); --s4:clamp(88px,30vw,168px);
  color-scheme:dark;
}
@media (prefers-color-scheme: light){:root:not([data-theme="dark"]){
  --bg:#e8ecea; --surface:#f4f6f4; --raise:#ffffff; --line:#cbd3d0; --fg:#111618; --muted:#56615d;
  --guess:#1b7790; --guess-soft:rgba(27,119,144,.12); --real:#a9670a; --real-soft:rgba(169,103,10,.12); --ok:#2f7d43; --no:#b4483a;
  color-scheme:light}}
:root[data-theme="light"]{
  --bg:#e8ecea; --surface:#f4f6f4; --raise:#ffffff; --line:#cbd3d0; --fg:#111618; --muted:#56615d;
  --guess:#1b7790; --guess-soft:rgba(27,119,144,.12); --real:#a9670a; --real-soft:rgba(169,103,10,.12); --ok:#2f7d43; --no:#b4483a;
  color-scheme:light}

*{box-sizing:border-box}
html,body{background:var(--bg)}
body{margin:0;color:var(--fg);font-family:var(--body);font-size:var(--s0);line-height:1.6;-webkit-font-smoothing:antialiased;
  padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
button{font:inherit;color:inherit}
a{color:inherit}
:focus-visible{outline:2px solid var(--guess);outline-offset:3px;border-radius:4px}
.skip{position:absolute;left:-9999px}
.skip:focus{left:16px;top:8px;background:var(--fg);color:var(--bg);padding:8px 12px;border-radius:8px;z-index:50}

/* iskelet */
.shell{max-width:560px;margin:0 auto;padding-block:16px 56px}
.col{display:flex;flex-direction:column;gap:28px}

/* künye şeridi */
.bar{display:flex;align-items:center;gap:12px;padding-bottom:14px;margin-bottom:28px;border-bottom:1px solid var(--line)}
.arc-btn{all:unset;box-sizing:border-box;cursor:pointer;display:grid;place-items:center;width:40px;height:40px;margin-left:-10px;border-radius:50%;color:var(--fg)}
.arc-btn:hover{background:var(--raise)}
.mark{font-family:var(--display);font-weight:800;font-variation-settings:"wdth" 72;font-size:18px;white-space:nowrap;letter-spacing:-.01em;line-height:1;text-transform:uppercase;text-decoration:none;margin-right:auto}
.mark .char{display:inline-block}
.meta{font-family:var(--mono);font-size:12px;letter-spacing:.06em;color:var(--muted);text-transform:uppercase;display:flex;gap:12px;align-items:center;font-variant-numeric:tabular-nums;white-space:nowrap}
.week{display:flex;gap:5px}
.week i{width:7px;height:7px;border-radius:50%;background:var(--line);display:block}
.week i.done{background:var(--real)}
.week i.today{box-shadow:0 0 0 2px var(--bg),0 0 0 3px var(--muted)}
@media (max-width:360px){.week{display:none}}

/* arşiv: telefonda soldan açılan panel */
.archive{position:fixed;inset:0 auto 0 0;z-index:40;width:min(86vw,340px);background:var(--surface);border-right:1px solid var(--line);
  display:flex;flex-direction:column;padding:16px 18px max(16px,env(safe-area-inset-bottom,0px)) max(18px,env(safe-area-inset-left,0px));
  transform:translateX(-102%);visibility:hidden;overflow:hidden}
.archive.open{transform:none;visibility:visible}
.archive{transition:transform .28s ease,visibility .28s}
.arc-backdrop{position:fixed;inset:0;z-index:39;background:rgba(0,0,0,.45)}
.arc-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:12px;border-bottom:1px solid var(--line)}
.arc-title{font-family:var(--mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:500;margin:0}
.arc-close{all:unset;cursor:pointer;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;margin-right:-8px}
.arc-close:hover{background:var(--raise)}
.arc-list{list-style:none;margin:0;padding:6px 0;overflow-y:auto;flex:1;overscroll-behavior:contain}
.arc-item{display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:10px;align-items:baseline;padding:11px 8px;margin:0 -8px;border-radius:10px;text-decoration:none;line-height:1.3}
.arc-item:hover{background:var(--raise)}
.arc-item.is-current{background:var(--raise)}
.arc-item.is-current .arc-no{color:var(--fg)}
.arc-no{font-family:var(--mono);font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}
.arc-t{font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.arc-item:not(.played):not(.is-current) .arc-t{color:var(--muted)}
.arc-s{font-family:var(--mono);font-size:12px;color:var(--real);font-variant-numeric:tabular-nums}
.arc-foot{display:flex;justify-content:space-between;align-items:center;gap:10px;padding-top:12px;border-top:1px solid var(--line);font-family:var(--mono);font-size:12px;letter-spacing:.04em}
.arc-foot a{text-decoration:none;color:var(--muted)}
.arc-foot a:hover{color:var(--fg)}
.theme{all:unset;cursor:pointer;padding:6px 10px;border:1px solid var(--line);border-radius:999px;color:var(--muted)}

/* geniş ekran: arşiv solda sabit sütun */
@media (min-width:1000px){
  .shell{max-width:940px;display:grid;grid-template-columns:260px minmax(0,560px);column-gap:64px;padding-top:24px}
  .bar{grid-column:1 / -1}
  .arc-btn{display:none}
  .archive{position:sticky;top:24px;align-self:start;z-index:auto;width:auto;max-height:calc(100vh - 48px);transform:none;visibility:visible;
    background:none;border:0;padding:0}
  .archive{transition:none}
  .arc-head{padding-bottom:10px}
  .arc-close,.arc-backdrop{display:none!important}
}

/* sahne */
.stage{display:flex;flex-direction:column;gap:22px}
.eyebrow{font-family:var(--mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);display:flex;flex-wrap:wrap;gap:6px 14px}
.eyebrow b{color:var(--fg);font-weight:500}
.no{font-family:var(--display);font-weight:900;font-variation-settings:"wdth" 50;font-size:var(--s4);line-height:.8;letter-spacing:-.02em;color:transparent;-webkit-text-stroke:1.2px var(--line);margin:0 0 -6px;user-select:none}
h1.title{font-family:var(--display);font-weight:760;font-variation-settings:"wdth" 82;font-size:var(--s3);line-height:.98;letter-spacing:-.015em;margin:0;text-wrap:balance}
.story{margin:0;font-size:var(--s1);line-height:1.55;max-width:34em}
.story p{margin:0 0 .7em}
.story p:last-child{margin:0}
.q{font-family:var(--display);font-weight:650;font-variation-settings:"wdth" 92;font-size:var(--s2);line-height:1.12;margin:0;text-wrap:balance}
.hint{font-family:var(--mono);font-size:var(--s-1);color:var(--muted);margin:0}
.panel{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:20px;display:flex;flex-direction:column;gap:16px}
.panel h2{font-family:var(--mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:500;margin:0}
.note{font-family:var(--mono);font-size:12px;color:var(--muted);border:1px dashed var(--line);border-radius:12px;padding:10px 12px;margin:0;line-height:1.5}

/* seçenekler */
.opts{display:grid;gap:10px}
.opt{all:unset;box-sizing:border-box;cursor:pointer;display:flex;align-items:center;gap:14px;padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:var(--raise);font-size:var(--s0);line-height:1.35;transition:border-color .2s,background-color .2s}
.opt:hover{border-color:var(--muted)}
.opt:active{background:var(--line)}
.opt .k{font-family:var(--mono);font-size:12px;color:var(--muted);width:22px;flex:none}
.opt[aria-pressed="true"]{border-color:var(--guess);background:var(--guess-soft)}
.opt[aria-pressed="true"] .k{color:var(--guess)}
.opt.right{border-color:var(--real);background:var(--real-soft)}
.opt.right .k{color:var(--real)}
.opt.wrong{opacity:.55}
.opt:disabled{cursor:default}
.opt em{color:var(--muted);font-style:normal;font-family:var(--mono);font-size:12px}

/* şok jeneratörü */
.gen{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:4px}
.gen button{all:unset;cursor:pointer;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between;gap:6px;min-height:86px;padding:8px 6px;border-radius:8px;background:var(--raise);border:1px solid var(--line);font-family:var(--mono);font-size:10px;line-height:1.2;color:var(--muted);text-transform:uppercase;letter-spacing:.02em;transition:background-color .2s,border-color .2s;overflow-wrap:anywhere}
.gen button b{font-family:var(--display);font-weight:800;font-variation-settings:"wdth" 60;font-size:17px;color:var(--fg);letter-spacing:0}
.gen button[aria-pressed="true"]{border-color:var(--guess);background:var(--guess-soft);color:var(--fg)}
.gen button.past{background:var(--guess-soft)}
.gen-cap{display:flex;justify-content:space-between;font-family:var(--mono);font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}
@media (max-width:430px){.gen{grid-template-columns:repeat(4,minmax(0,1fr))}.gen button{min-height:70px}}

/* çizgiler (Asch) */
.lines{display:grid;grid-template-columns:1.1fr repeat(3,1fr);gap:8px;align-items:end;height:150px;padding:6px 4px 0}
.lines div{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;gap:8px;font-family:var(--mono);font-size:12px;color:var(--muted)}
.lines span{width:5px;border-radius:3px;background:var(--fg);display:block}
.lines .ref span{background:var(--muted)}

/* reçel standı */
.jars{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.stand{border:1px solid var(--line);border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:10px;background:var(--raise)}
.stand .pots{display:grid;grid-template-columns:repeat(6,12px);gap:6px}
.stand .pots i{width:12px;height:14px;border-radius:3px 3px 5px 5px;background:var(--muted);opacity:.7;display:block}
.stand small{font-family:var(--mono);font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}

/* 100 kişi */
.dial{display:flex;flex-direction:column;gap:14px}
.readout{display:flex;align-items:flex-end;justify-content:space-between;gap:10px}
.big{font-family:var(--display);font-weight:850;font-variation-settings:"wdth" 64;font-size:clamp(76px,24vw,120px);line-height:.82;letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--guess);margin:0}
.big sup{font-size:.36em;vertical-align:top;position:relative;top:.12em;margin-right:4px;font-variation-settings:"wdth" 90}
.big.real{color:var(--real)}
.legend{display:flex;flex-direction:column;align-items:flex-end;gap:6px;font-family:var(--mono);font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;text-align:right}
.legend i{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px;vertical-align:1px}
.people{display:grid;grid-template-columns:repeat(10,1fr);gap:7px;touch-action:none;user-select:none;-webkit-user-select:none}
.p{aspect-ratio:1;border-radius:50%;background:var(--line);transition:background-color .18s,box-shadow .18s;cursor:pointer}
.p.g{background:var(--guess)}
.people.revealed .p{cursor:default}
.people.revealed .p.g{background:transparent;box-shadow:inset 0 0 0 1.6px var(--guess)}
.people.revealed .p.a{background:var(--real);box-shadow:none}
.people.revealed .p.a.g{background:var(--real);box-shadow:0 0 0 2px var(--bg),0 0 0 3px var(--guess)}
input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:36px;background:transparent;margin:0}
input[type=range]::-webkit-slider-runnable-track{height:2px;background:linear-gradient(90deg,var(--guess) var(--v,50%),var(--line) var(--v,50%));border-radius:2px}
input[type=range]::-moz-range-track{height:2px;background:var(--line);border-radius:2px}
input[type=range]::-moz-range-progress{height:2px;background:var(--guess)}
input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:26px;height:26px;margin-top:-12px;border-radius:50%;background:var(--bg);border:2px solid var(--guess)}
input[type=range]::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:var(--bg);border:2px solid var(--guess)}

/* düğmeler */
.cta{all:unset;box-sizing:border-box;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:17px 20px;border-radius:999px;background:var(--fg);color:var(--bg);font-family:var(--display);font-weight:700;font-variation-settings:"wdth" 90;font-size:19px;letter-spacing:.005em;text-decoration:none}
.cta:active{filter:brightness(.92)}
.cta:disabled{opacity:.35;cursor:default}
.cta .arw{font-family:var(--mono);font-size:16px}
.cta.alt{background:none;color:var(--fg);border:1px solid var(--line)}

/* sonuç */
.verdict{display:flex;flex-direction:column;gap:6px}
.verdict .small{font-family:var(--mono);font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}
.gapbar{position:relative;height:30px;margin-top:4px}
.gapbar .track{position:absolute;left:0;right:0;top:14px;height:2px;background:var(--line);border-radius:2px}
.gapbar .span{position:absolute;top:13px;height:4px;background:linear-gradient(90deg,var(--guess),var(--real));border-radius:2px;transform-origin:left center}
.gapbar .pin{position:absolute;top:6px;width:2px;height:18px;border-radius:2px}
.gapbar .pin.g{background:var(--guess)}
.gapbar .pin.a{background:var(--real)}
.stats{display:flex;flex-wrap:wrap;gap:10px}
.stat{flex:1 1 140px;min-width:0;border:1px solid var(--line);border-radius:14px;padding:12px 14px;background:var(--raise)}
.stat b{display:block;font-family:var(--display);font-weight:850;font-variation-settings:"wdth" 64;font-size:44px;line-height:.95;color:var(--real);font-variant-numeric:tabular-nums}
.stat span{font-family:var(--mono);font-size:12px;color:var(--muted);line-height:1.4;display:block;margin-top:6px}
.you{border-left:2px solid var(--guess);padding:4px 0 4px 14px;font-size:var(--s0);line-height:1.55}
.you small{display:block;font-family:var(--mono);font-size:12px;color:var(--muted);margin-top:6px;line-height:1.5}

/* makale: ilk sonuç, bugün, şaşırtıcı, kaynaklar (HTML'de yazılı; JS varsa tahminden sonra açılır) */
.js .article:not(.open){display:none}
.article{display:flex;flex-direction:column;border-top:1px solid var(--line)}
.blk{display:grid;grid-template-columns:132px minmax(0,1fr);gap:8px 18px;padding:16px 0;border-bottom:1px solid var(--line)}
.blk h2{font-family:var(--mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;font-weight:500;margin:0;padding-top:4px;color:var(--muted)}
.blk.surprise h2{color:var(--real)}
.blk p{margin:0;font-size:var(--s0);line-height:1.6;min-width:0}
@media (max-width:480px){.blk{grid-template-columns:1fr}}
.srcs{padding-top:18px}
.srcs h2{font-family:var(--mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;font-weight:500;margin:0 0 10px;color:var(--muted)}
.src{font-family:var(--mono);font-size:12px;line-height:1.6;color:var(--muted);margin:0;padding-left:18px}
.src li{margin:0 0 6px;overflow-wrap:anywhere}
.src a{color:var(--fg);text-decoration-color:var(--line);text-underline-offset:3px}

/* paylaşım kartı */
.card{border-radius:20px;padding:22px;background:var(--fg);color:var(--bg);display:flex;flex-direction:column;gap:14px}
.card .top{display:flex;justify-content:space-between;align-items:baseline;gap:10px;font-family:var(--mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase;opacity:.75}
.card .score{font-family:var(--display);font-weight:900;font-variation-settings:"wdth" 58;font-size:clamp(64px,20vw,96px);line-height:.85;font-variant-numeric:tabular-nums}
.card .score small{font-size:.32em;font-variation-settings:"wdth" 90;opacity:.6;margin-left:4px}
.card pre{margin:0;font-family:var(--mono);font-size:13px;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere;opacity:.85}
.card .copy{all:unset;box-sizing:border-box;cursor:pointer;align-self:flex-start;padding:11px 16px;border-radius:999px;border:1px solid currentColor;font-family:var(--mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase}
.next{display:flex;flex-direction:column;gap:12px;align-items:stretch}
.count{font-family:var(--mono);font-size:13px;color:var(--muted);letter-spacing:.04em;font-variant-numeric:tabular-nums}
.count b{color:var(--fg);font-weight:500}
.foot{font-family:var(--mono);font-size:11px;color:var(--muted);line-height:1.6;letter-spacing:.02em;border-top:1px solid var(--line);padding-top:14px;margin:0}

@media (prefers-reduced-motion:reduce){*{transition:none!important}}

/* ===== Fütüristik katman: ölçüm ızgarası, köşe çerçeveleri, keskin köşeler. Işıma yok (sadelik). ===== */
:root{--grid:rgba(124,198,221,.05);--brk:var(--muted);--term:#07090a;--term-fg:#d9e1e3;--term-line:#1f282c}
@media (prefers-color-scheme: light){:root:not([data-theme="dark"]){--grid:rgba(17,22,24,.055)}}
:root[data-theme="light"]{--grid:rgba(17,22,24,.055)}

body{background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);
  background-size:24px 24px;background-position:-1px -1px;background-attachment:fixed}
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;background:radial-gradient(120% 80% at 50% 0%,transparent 40%,var(--bg) 100%)}
.shell{position:relative;z-index:1}

/* köşe çerçeveleri (nişangâh) */
.panel,.stat,.note{border-radius:4px;position:relative;
  --b:var(--brk);
  background-image:
    linear-gradient(var(--b),var(--b)),linear-gradient(var(--b),var(--b)),
    linear-gradient(var(--b),var(--b)),linear-gradient(var(--b),var(--b)),
    linear-gradient(var(--b),var(--b)),linear-gradient(var(--b),var(--b)),
    linear-gradient(var(--b),var(--b)),linear-gradient(var(--b),var(--b));
  background-repeat:no-repeat;
  background-size:12px 1.5px,1.5px 12px,12px 1.5px,1.5px 12px,12px 1.5px,1.5px 12px,12px 1.5px,1.5px 12px;
  background-position:-1px -1px,-1px -1px,calc(100% + 1px) -1px,calc(100% + 1px) -1px,-1px calc(100% + 1px),-1px calc(100% + 1px),calc(100% + 1px) calc(100% + 1px),calc(100% + 1px) calc(100% + 1px)}
.panel{background-color:var(--surface)}
.stat{background-color:var(--raise);--b:var(--real)}
.note{border-style:solid;background-color:transparent}
.opt,.gen button,.stand{border-radius:4px}
.arc-item{border-radius:3px}

/* dev başlıklar: sıkı harf aralığı */
h1.title{letter-spacing:-.035em}
.no{-webkit-text-stroke:1.2px var(--guess);opacity:.35}

/* başlık şeridi: yanıp sönen kayıt ışığı */
.mark::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--real);margin-right:9px;vertical-align:2px;animation:rec 2.4s ease-in-out infinite}
@keyframes rec{0%,100%{opacity:1}50%{opacity:.25}}
.eyebrow span+span::before{content:"/";margin-right:14px;color:var(--line)}

/* seçenek harfleri: klavye tuşu */
.opt .k{width:28px;height:28px;flex:none;display:grid;place-items:center;border-radius:5px;font-size:12px;font-weight:500;color:var(--fg);
  border:1px solid var(--line);border-bottom-width:2.5px;background:linear-gradient(180deg,var(--raise),var(--surface))}
.opt[aria-pressed="true"] .k{border-color:var(--guess);color:var(--guess)}
.opt.right .k{border-color:var(--real);color:var(--real)}
.opt:active .k{border-bottom-width:1px;transform:translateY(1.5px)}

/* tarama çizgisi (sonuç açılırken) */
.people{position:relative}
.sweep{position:absolute;left:-6px;right:-6px;height:2px;top:0;background:var(--real);border-radius:2px;pointer-events:none;opacity:0}

/* düğmeler: içi boş, ince çerçeveli */
.cta{border-radius:4px;background:transparent;color:var(--fg);border:1px solid var(--fg);font-family:var(--mono);font-weight:500;font-size:14px;letter-spacing:.12em;text-transform:uppercase;padding:16px 20px}
.cta:hover{background:var(--raise)}
.cta:active{filter:none;background:var(--line)}
.cta:disabled{border-color:var(--line);color:var(--muted);background:transparent;opacity:1}
.theme{border-radius:3px}

/* paylaşım kartı: terminal penceresi (iki temada da koyu) */
.card{background:var(--term);color:var(--term-fg);border:1px solid var(--term-line);border-radius:6px;padding:0;gap:0;overflow:hidden}
.term-bar{display:flex;align-items:center;gap:7px;padding:10px 14px;border-bottom:1px solid var(--term-line);font-family:var(--mono);font-size:11px;letter-spacing:.06em;color:#7d898d}
.term-bar i{width:10px;height:10px;border-radius:50%;background:#2a3337;display:block}
.term-bar span{margin-left:8px}
.term-body{padding:18px 18px 20px;display:flex;flex-direction:column;gap:14px}
.card .score{color:#f0b44c}
.card .score small{color:#7d898d;opacity:1}
.card pre{opacity:1;color:var(--term-fg)}
.card pre::before{content:"> ";color:#7cc6dd}
.card .copy{border-radius:3px;border-color:#3a464b;color:var(--term-fg)}
.card .copy:hover{border-color:#7cc6dd;color:#7cc6dd}

/* makale bölümleri: başlıklar konsol etiketi gibi */
.blk h2::before,.srcs h2::before,.panel h2::before{content:"▸ ";color:var(--guess)}
.blk.surprise h2::before{color:var(--real)}

@media (prefers-reduced-motion:reduce){.mark::before{animation:none}}

/* dil menüsü (arşiv panelinin altında) */
.lang-menu{display:flex;flex-wrap:wrap;gap:2px}
.lang-menu a{padding:6px 7px;border-radius:3px;text-decoration:none;color:var(--muted);letter-spacing:.06em}
.lang-menu a:hover{color:var(--fg)}
.lang-menu a[aria-current]{color:var(--fg);background:var(--raise)}
.big sup.after{margin:0 0 0 4px}
.js .noscript-q{display:none}

/* ana sayfa tanıtım satırı, hakkında linkleri, sağlık notu, hakkında sayfası */
.intro{font-family:var(--mono);font-size:13px;line-height:1.55;color:var(--muted);margin:0 0 -6px;letter-spacing:.02em}
.intro a,.foot a{color:var(--guess);text-underline-offset:3px}
.arc-about{display:block;padding:10px 0;font-family:var(--mono);font-size:12px;letter-spacing:.04em;color:var(--muted);text-decoration:none;border-top:1px solid var(--line)}
.arc-about:hover{color:var(--fg)}
.note.health{margin-top:16px}
.page h1.title{margin-bottom:6px}
.page .lead{font-size:var(--s1);line-height:1.55;margin:0}
.page h2{font-family:var(--mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;font-weight:500;color:var(--muted);margin:30px 0 8px}
.page h2::before{content:"▸ ";color:var(--guess)}
.page p,.page li{font-size:var(--s0);line-height:1.65}
.page p{margin:0 0 12px}
.page ul{margin:0 0 12px;padding-left:20px}
.page a{color:var(--guess);text-underline-offset:3px}

/* diğer deneyler (iç linkler) ve ziyaretçi ortalaması */
.more{padding-top:22px}
.more h2{font-family:var(--mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;font-weight:500;margin:0 0 10px;color:var(--muted)}
.more h2::before{content:"▸ ";color:var(--guess)}
.more ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.more li{border:1px solid var(--line);border-radius:4px;padding:12px 14px;background:var(--surface)}
.more a{text-decoration:none;font-family:var(--display);font-weight:700;font-variation-settings:"wdth" 86;font-size:20px;line-height:1.15}
.more a:hover{color:var(--guess)}
.more .arc-no{font-family:var(--mono);font-weight:400;font-size:12px;color:var(--muted);margin-right:6px;vertical-align:2px}
.more-q{display:block;margin-top:6px;font-size:15px;line-height:1.45;color:var(--muted)}
.crowd{font-family:var(--mono);font-size:12px;letter-spacing:.04em;color:var(--muted);margin:0}
.crowd b{color:var(--fg);font-weight:500}
.opt .crowd-pct{margin-left:auto;font-family:var(--mono);font-size:12px;color:var(--muted);white-space:nowrap;padding-left:10px}