/* ════════════════════════════════════════════════════════════════════════════
   OCTA · AURORA DOC LAYER (1 Eyl 2026)
   İçerik sayfaları (FAQ · Privacy · AI Music · rehberler · Model Card).
   Kural: İÇERİK İŞARETLEMESİ dist/ ile birebir aynı kalır; yalnız bu katman
   o sınıfları gen'in diliyle giydirir: gece zemini, cam yüzeyler, cyan↔mor
   ışık, bakır (amber) numaralandırma, yay eğrileri, kelime maskesi.
   Fare bulutu YOK. aurora.css + aurora-site.css'in üstüne yüklenir.
   ════════════════════════════════════════════════════════════════════════════ */

body.aur.docpage{ overflow-x:clip }
body.aur.docpage main{ position:relative; z-index:2 }

/* ─────────── VURGU KELİME: halkanın yakaladığı ışık ─────────── */
.ser, .spec{ font-style:normal; font-weight:300; letter-spacing:-.03em; text-shadow:none;
  background: linear-gradient(112deg, oklch(90% .12 205) 0%, oklch(78% .16 250) 48%, oklch(78% .17 295) 100%);
  -webkit-background-clip:text; background-clip:text; color:transparent;
  filter: drop-shadow(0 0 16px oklch(72% .16 250 / .42)) }
h1 .ser, h1 .spec, h2 .ser, h2 .spec, h3 .ser, h3 .spec{ padding-right:.04em }

/* ─────────── BELGE BAŞLIĞI ─────────── */
.dhero{ padding: clamp(150px,21vh,236px) 0 clamp(36px,5vw,70px) }
.dhero h1{ margin-top:18px; font-size:clamp(38px,5.6vw,80px); line-height:1.02; letter-spacing:-.036em; font-weight:380; max-width:17ch; text-wrap:balance;
  text-shadow:0 1px 3px oklch(6% .02 265 / .9), 0 12px 50px oklch(6% .02 265 / .7) }
.dhero .lead{ margin-top:24px; max-width:58ch }
.dmeta{ display:flex; flex-wrap:wrap; gap:8px 22px; margin-top:24px; font:500 8.5px/1.6 var(--mono); letter-spacing:.26em; text-transform:uppercase; color:var(--ink4) }
.dmeta span{ position:relative }
.dmeta span + span::before{ content:''; position:absolute; left:-13px; top:50%; width:4px; height:1px; background:currentColor; opacity:.6 }
hr.hair{ height:1px; width:100%; border:0; margin:clamp(34px,4vw,54px) 0 0; transform-origin:left;
  background:linear-gradient(90deg, transparent, oklch(70% .12 250 / .22) 14%, oklch(80% .13 230 / .42) 50%, oklch(65% .18 290 / .24) 86%, transparent);
  box-shadow:0 0 18px oklch(65% .18 275 / .22) }
hr.hair.rv{ transform:scaleX(0); filter:none; opacity:1 }
hr.hair.rv.in{ transform:scaleX(1); transition:transform 1.6s var(--glide) }

/* ─────────── KELİME MASKESİ (data-rv-lines) ─────────── */
.wm{ display:inline-block; overflow:hidden; vertical-align:bottom; padding:.14em .22em .2em; margin:-.14em -.22em -.2em }
.wm > .wi{ display:inline-block; opacity:0; transform:translateY(128%) rotate(1.6deg); transform-origin:0 100%;
  transition: transform 1.2s var(--glide), opacity .7s var(--glide) }
.wm.in > .wi{ opacity:1; transform:none }

/* ─────────── BELGE IZGARASI: TOC + GÖVDE ─────────── */
.doc{ display:grid; grid-template-columns: 220px minmax(0,1fr); gap: clamp(40px,6vw,88px); align-items:start }
.doc.solo{ grid-template-columns: minmax(0,1fr) }
.faq-wrap{ max-width:820px }
.dbody{ min-width:0; padding-bottom: clamp(50px,7vw,100px) }

.toc{ position:sticky; top:104px }
.toc-in{ position:relative; padding-left:2px }
.toc h4, .toc h6{ font:500 8.5px/1 var(--mono); letter-spacing:.3em; text-transform:uppercase; color:var(--ink4); margin:0 0 16px }
.toc a{ position:relative; display:flex; align-items:baseline; gap:11px; padding:7px 0 7px 16px; text-decoration:none; color:var(--ink3); font-size:13px; line-height:1.35;
  border-left:1px solid oklch(60% .10 275 / .16); transition:color .35s, border-color .35s, box-shadow .5s var(--glide) }
.toc a i{ font:500 9px/1 var(--mono); font-style:normal; letter-spacing:.14em; color:var(--ink4); flex:none; transition:color .35s }
.toc a:hover{ color:var(--ink) }
.toc a.on{ color:var(--ink); border-left-color:var(--cyan); box-shadow:-1px 0 14px -3px oklch(87% .13 205 / .6) }
.toc a.on i{ color:var(--amber) }
.toc .dl{ margin-top:18px; padding-left:16px; border-left:0; color:var(--cyan); font:500 9.5px/1.5 var(--mono); letter-spacing:.16em; text-transform:uppercase }

/* ─────────── BÖLÜMLER ─────────── */
.dsec{ position:relative; padding: clamp(34px,5vw,64px) 0 }
.dsec + .dsec{ border-top:1px solid oklch(60% .10 275 / .10) }
.dsec h2{ display:flex; align-items:baseline; gap:18px; margin:0 0 22px; font-size:clamp(24px,2.9vw,38px); line-height:1.1; letter-spacing:-.026em; font-weight:400; color:var(--ink); text-wrap:balance }
.dsec h2 .n{ flex:none; font:500 10px/1 var(--mono); letter-spacing:.3em; color:var(--amber); transform:translateY(-.2em) }
.dsec .prose + .prose{ margin-top:22px }

/* prose tamamlayıcıları (kit .prose'un üstüne) */
.prose b{ color:var(--ink); font-weight:550 }
.prose > p:first-child{ margin-top:0 }
.prose h3{ margin:2.1em 0 .7em; font-size:clamp(17px,1.55vw,21px); font-weight:500; letter-spacing:-.018em; color:var(--ink); display:flex; align-items:center; gap:12px }
.prose h3::after{ content:''; flex:1; height:1px; background:linear-gradient(90deg, oklch(60% .10 275 / .28), transparent) }
.prose ul, .prose ol{ padding:0; margin:0 0 1.2em 1.15em }
.prose li{ margin:.45em 0; padding-left:.2em }
.pull{ margin:34px 0; padding:2px 0 2px 22px; border-left:1.5px solid oklch(63% .21 295 / .6); font-size:clamp(21px,2.3vw,30px); line-height:1.28; letter-spacing:-.022em; font-weight:300; color:var(--ink); max-width:24ch;
  text-shadow:0 0 30px oklch(63% .21 295 / .25) }

/* motor hattı (chain) — dock'un ışık damarıyla aynı dil */
ul.chain{ list-style:none; margin:26px 0 10px; padding:0 }
ul.chain li{ position:relative; display:grid; grid-template-columns:auto minmax(0,1fr); gap:18px; padding:0 0 24px; margin:0 }
ul.chain li::before{ content:''; position:absolute; left:6px; top:18px; bottom:0; width:1px; background:linear-gradient(180deg, oklch(87% .13 205 / .45), oklch(63% .21 295 / .12)) }
ul.chain li:last-child{ padding-bottom:0 } ul.chain li:last-child::before{ display:none }
ul.chain i{ position:relative; z-index:2; width:13px; height:13px; margin-top:6px; border-radius:50%; background:var(--void); box-shadow: inset 0 0 0 1.5px oklch(60% .10 275 / .38) }
ul.chain li.hot i{ background: conic-gradient(from 205deg, var(--cyan), var(--blue) 40%, var(--mor) 76%, var(--cyan)); box-shadow:none;
  mask: radial-gradient(circle at 50% 50%, transparent 34%, #000 44%); -webkit-mask: radial-gradient(circle at 50% 50%, transparent 34%, #000 44%); filter: drop-shadow(0 0 7px oklch(65% .20 262 / .6)) }
ul.chain b{ display:block; color:var(--ink); font-weight:550; margin-bottom:3px }
ul.chain span{ display:block; color:var(--ink2); font-size:15.5px; line-height:1.6 }
.rv.in ul.chain li{ animation: chainIn .9s var(--spring) both }
.rv.in ul.chain li:nth-child(2){ animation-delay:.1s } .rv.in ul.chain li:nth-child(3){ animation-delay:.2s }
.rv.in ul.chain li:nth-child(4){ animation-delay:.3s } .rv.in ul.chain li:nth-child(5){ animation-delay:.4s }
@keyframes chainIn{ from{ opacity:0; transform:translateX(-10px) } to{ opacity:1; transform:none } }

/* kontrol listesi · asla listesi · örnek promptlar */
ul.checks, ul.nevers{ list-style:none; margin:0 0 20px; padding:0 }
ul.checks li, ul.nevers li{ position:relative; padding:0 0 13px 30px; color:var(--ink2); margin:0 }
ul.checks li::before{ content:''; position:absolute; left:4px; top:.3em; width:6px; height:11px; border-right:1.7px solid var(--cyan); border-bottom:1.7px solid var(--cyan); transform:rotate(45deg); filter:drop-shadow(0 0 6px oklch(87% .13 205 / .7)) }
ul.nevers li::before{ content:''; position:absolute; left:2px; top:.42em; width:12px; height:12px; border-radius:50%; box-shadow: inset 0 0 0 1.4px oklch(72% .16 20 / .6) }
ul.nevers li::after{ content:''; position:absolute; left:5.6px; top:.62em; width:5px; height:1.4px; border-radius:2px; background:oklch(78% .16 20 / .9) }
ul.checks li b, ul.nevers li b{ color:var(--ink); font-weight:550 }
ul.pex{ list-style:none; margin:14px 0 10px; padding:0; display:grid; gap:8px }
ul.pex li{ position:relative; margin:0; padding:11px 44px 11px 36px; border-radius:14px; cursor:copy; color:var(--ink); font:450 14px/1.5 var(--mono); letter-spacing:-.005em;
  background: linear-gradient(180deg, oklch(22% .05 268 / .28), oklch(15% .04 268 / .44)); box-shadow: inset 0 1px 0 oklch(85% .08 260 / .08), 0 0 0 1px var(--hair);
  transition: box-shadow .4s var(--glide), transform .5s var(--spring) }
ul.pex li::before{ content:'›'; position:absolute; left:15px; top:9px; color:var(--cyan); font-size:17px; line-height:1.3 }
ul.pex li::after{ content:'copy'; position:absolute; right:12px; top:12px; font:500 7.5px/1 var(--mono); letter-spacing:.26em; text-transform:uppercase; color:var(--ink4); opacity:0; transition:opacity .3s }
ul.pex li:hover{ box-shadow: inset 0 1px 0 oklch(85% .08 260 / .12), 0 0 0 1px oklch(75% .13 235 / .35), 0 0 30px -12px oklch(63% .21 295 / .4); transform:translateX(3px) }
ul.pex li:hover::after{ opacity:1 }
ul.pex li.copied::after{ content:'copied'; color:var(--cyan); opacity:1 }
.pnote{ margin:10px 0 0; font-size:14px; color:var(--ink3) }
.pnote a{ color:var(--cyan) }

/* çağrı kutusu */
.callout{ position:relative; margin:26px 0; padding:18px 22px 18px 26px; border-radius:18px; color:var(--ink2); font-size:15.5px; line-height:1.65;
  background: linear-gradient(180deg, oklch(22% .05 268 / .30), oklch(15% .04 268 / .46)); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px);
  box-shadow: inset 0 1px 0 oklch(85% .08 260 / .10), 0 0 0 1px var(--hair) }
.callout::before{ content:''; position:absolute; left:0; top:16px; bottom:16px; width:2px; border-radius:2px; background:linear-gradient(180deg, var(--mor), var(--cyan)); box-shadow:0 0 12px oklch(63% .21 295 / .6) }
.callout p{ margin:0 } .callout p + p{ margin-top:.8em }
.callout b, .callout strong{ color:var(--ink) }
.callout h4{ font-size:14.5px; font-weight:600; color:var(--ink); margin:0 0 7px }

/* adımlar (sıralı: numara bilgi taşır) */
.steps{ counter-reset: step; margin:6px 0 26px }
.step{ counter-increment: step; display:grid; grid-template-columns:44px minmax(0,1fr); gap:16px; padding:18px 0; border-top:1px solid oklch(60% .10 275 / .12) }
.step:last-child{ border-bottom:1px solid oklch(60% .10 275 / .12) }
.step::before{ content: counter(step, decimal-leading-zero); font:500 10px/1 var(--mono); letter-spacing:.3em; color:var(--amber); padding-top:5px }
.step b{ display:block; font-size:16.5px; font-weight:550; color:var(--ink); letter-spacing:-.012em }
.step span{ display:block; margin-top:5px; color:var(--ink2); line-height:1.6; font-size:15.5px }

/* ekran görüntüleri */
.shots{ display:grid; grid-template-columns:1fr 1fr; gap:18px; margin:30px 0 8px }
.shots figure{ margin:0 }
.shots img{ width:100%; height:auto; display:block; border-radius:22px; box-shadow: 0 0 0 1px var(--hair), 0 30px 70px -30px oklch(3% .01 268 / 1), 0 0 60px -20px oklch(63% .21 295 / .25) }
.shots figcaption{ margin-top:12px; font:500 8.5px/1 var(--mono); letter-spacing:.28em; text-transform:uppercase; color:var(--ink4) }

/* SSS akordeonu (aynı işaretleme; grid-rows ile açılır) */
.faq{ border-top:1px solid oklch(60% .10 275 / .14) }
.qa{ border-bottom:1px solid oklch(60% .10 275 / .14) }
.q{ width:100%; display:flex; align-items:center; gap:18px; padding:22px 4px; border:0; background:none; text-align:left; cursor:pointer; color:var(--ink);
  font:450 clamp(16px,1.35vw,19px)/1.3 inherit; letter-spacing:-.012em; transition:color .35s }
.q:hover{ color:var(--cyan) }
.q .qn{ flex:none; width:26px; font:500 9.5px/1 var(--mono); letter-spacing:.22em; color:var(--amber) }
.q .qt{ flex:1; min-width:0 }
.q .qi{ flex:none; width:26px; height:26px; border-radius:50%; position:relative; box-shadow: inset 0 0 0 1px oklch(60% .10 275 / .3); transition:transform .6s var(--spring), box-shadow .4s }
.q .qi::before, .q .qi::after{ content:''; position:absolute; left:50%; top:50%; width:10px; height:1.5px; background:var(--cyan); transform:translate(-50%,-50%) }
.q .qi::after{ transform:translate(-50%,-50%) rotate(90deg) }
.qa.open .q .qi{ transform:rotate(45deg); box-shadow: inset 0 0 0 1px oklch(87% .13 205 / .5), 0 0 16px -4px oklch(87% .13 205 / .6) }
.qa .a{ display:grid; grid-template-rows:0fr; transition: grid-template-rows .65s var(--spring) }
.qa.open .a{ grid-template-rows:1fr }
.qa .a-in{ overflow:hidden; min-height:0 }
.qa .a-in p{ margin:0; padding:0 4px 24px 44px; color:var(--ink2); font-size:16px; line-height:1.65; max-width:70ch; opacity:0; transform:translateY(-6px); transition:opacity .5s var(--glide) .1s, transform .6s var(--spring) .1s }
.qa.open .a-in p{ opacity:1; transform:none }
.qa .a-in p b{ color:var(--ink); font-weight:550 }
.qa .a-in p a{ color:var(--cyan) }
.cta-line{ margin-top:clamp(38px,4.4vw,58px); padding-top:clamp(26px,3vw,36px); border-top:1px solid oklch(60% .10 275 / .14); color:var(--ink2); font-size:16px; line-height:1.65; max-width:64ch }
.cta-line a{ color:var(--cyan); text-decoration:none; border-bottom:1px solid oklch(87% .13 205 / .3) }
.cta-line a:hover{ border-color:var(--cyan) }

/* kapanış çağrısı */
.dcta{ position:relative; margin-top:clamp(52px,7vw,92px); padding:clamp(34px,5vw,64px) clamp(22px,4vw,48px); border-radius:28px; text-align:center; overflow:hidden; isolation:isolate;
  background: linear-gradient(180deg, oklch(20% .05 270 / .55), oklch(13% .035 266 / .72)); backdrop-filter: blur(22px) saturate(1.4); -webkit-backdrop-filter: blur(22px) saturate(1.4);
  box-shadow: inset 0 1px 0 oklch(85% .08 260 / .14), 0 0 0 1px var(--hair), 0 40px 100px -40px oklch(3% .01 268 / 1) }
.dcta .glow{ position:absolute; inset:-30%; z-index:-1; pointer-events:none; text-shadow:none; color:transparent; filter:blur(34px); opacity:.9;
  background: radial-gradient(34% 40% at 50% 64%, oklch(63% .21 295 / .42), transparent 70%), radial-gradient(28% 34% at 26% 30%, oklch(87% .13 205 / .16), transparent 70%), radial-gradient(24% 30% at 78% 34%, oklch(80% .13 72 / .10), transparent 70%);
  animation: ctaBreathe 10s ease-in-out infinite }
@keyframes ctaBreathe{ 50%{ transform:scale(1.08) rotate(3deg); opacity:1 } }
.dcta h3{ font-size:clamp(28px,3.8vw,48px); line-height:1.06; letter-spacing:-.032em; font-weight:380; color:var(--ink); text-wrap:balance }
.dcta p{ margin:16px auto 0; color:var(--ink2); max-width:46ch; font-size:clamp(15px,1.2vw,17px); line-height:1.6 }
.dcta-row{ display:flex; align-items:center; justify-content:center; gap:14px; flex-wrap:wrap; margin-top:30px }
.free-note{ display:block; margin-top:20px; font:500 8.5px/1 var(--mono); letter-spacing:.28em; text-transform:uppercase; color:var(--ink4) }
.pbadge{ display:inline-block; line-height:0; transition:transform .5s var(--spring), filter .4s }
.pbadge img{ height:54px; width:auto; display:block; filter: drop-shadow(0 8px 20px oklch(4% .02 270 / .8)) }
.pbadge:hover{ transform:translateY(-2px) }

/* devam et */
.dnext{ display:grid; grid-template-columns:repeat(auto-fit, minmax(230px, 1fr)); gap:14px; margin-top:clamp(40px,5vw,64px) }
.dnext a{ position:relative; display:block; padding:20px 44px 20px 22px; border-radius:20px; text-decoration:none; color:var(--ink); overflow:hidden;
  background: linear-gradient(180deg, oklch(22% .05 268 / .30), oklch(15% .04 268 / .46)); box-shadow: inset 0 1px 0 oklch(85% .08 260 / .10), 0 0 0 1px var(--hair);
  transition: transform .55s var(--spring), box-shadow .5s var(--glide) }
.dnext a::after{ content:'→'; position:absolute; right:18px; top:18px; color:var(--cyan); opacity:0; transform:translateX(-8px); transition:opacity .35s, transform .5s var(--spring) }
.dnext a::before{ content:''; position:absolute; left:18px; right:18px; bottom:0; height:1.5px; border-radius:2px; background:linear-gradient(90deg, var(--cyan), var(--mor)); box-shadow:0 0 12px oklch(70% .16 250 / .6); transform:scaleX(0); transform-origin:left; transition:transform .8s var(--spring) }
.dnext a:hover{ transform:translateY(-3px); box-shadow: inset 0 1px 0 oklch(85% .08 260 / .14), 0 0 0 1px oklch(70% .12 255 / .26), 0 22px 54px -22px oklch(4% .02 270 / .95) }
.dnext a:hover::after{ opacity:1; transform:none }
.dnext a:hover::before{ transform:scaleX(1) }
.dnext b{ display:block; font-size:16px; font-weight:550; letter-spacing:-.012em }
.dnext span{ display:block; margin-top:6px; color:var(--ink3); font-size:13.5px; line-height:1.55 }

/* ─────────── ALT BİLGİ (fnav · fmega · fbase) ─────────── */
body.aur.docpage footer{ position:relative; z-index:2; padding:clamp(70px,9vw,120px) 0 40px; overflow:hidden }
.fnav{ display:flex; flex-wrap:wrap; justify-content:center; gap:8px 26px }
.fnav a{ font:500 10px/1 var(--mono); letter-spacing:.2em; text-transform:uppercase; color:var(--ink3); text-decoration:none; padding:6px 0; transition:color .3s }
.fnav a:hover{ color:var(--ink) }
.fnav .fmail{ color:var(--cyan); text-transform:none; letter-spacing:.04em; font-size:12px }
.fmega{ margin-top:clamp(40px,6vw,84px); text-align:center; line-height:.82; user-select:none }
.fmega span{ display:inline-block; font-size:clamp(56px,13.4vw,208px); font-weight:600; letter-spacing:-.055em; padding:0 .04em;
  background:linear-gradient(120deg, var(--cyan), var(--blue) 50%, var(--mor)); -webkit-background-clip:text; background-clip:text; color:transparent; opacity:.5;
  clip-path: inset(0 100% 0 0); transition: clip-path 1.7s var(--glide) }
.fmega.in span{ clip-path: inset(0 0 0 0) }
.fbase{ display:flex; justify-content:space-between; flex-wrap:wrap; gap:10px 20px; margin-top:34px; padding-top:22px; border-top:1px solid oklch(60% .10 275 / .12);
  font:500 9px/1.6 var(--mono); letter-spacing:.2em; text-transform:uppercase; color:var(--ink4) }
.plink{ display:inline-flex; align-items:center; gap:8px; color:var(--cyan); text-decoration:none; font:500 10.5px/1 var(--mono); letter-spacing:.18em; text-transform:uppercase; transition:gap .4s var(--spring) }
.plink:hover{ gap:12px }

/* mast ilerleme çizgisi */
.mast .mprog{ position:absolute; left:20px; right:20px; bottom:5px; height:1px; border-radius:2px; pointer-events:none;
  background:linear-gradient(90deg, var(--cyan), var(--mor)); box-shadow:0 0 10px oklch(75% .14 235 / .7); transform:scaleX(0); transform-origin:0 50%; opacity:.85 }

/* ════════════════════════ MODEL CARD ════════════════════════ */
body.aur.mc .mcdoc{ display:grid; grid-template-columns: 230px minmax(0,1fr); gap:clamp(40px,5vw,64px); align-items:start; padding-top:clamp(120px,16vh,168px) }
body.aur.mc .toc{ top:104px; padding:0 }
body.aur.mc .body-col{ min-width:0; padding-bottom:120px }
body.aur.mc .mcid{ display:flex; align-items:center; gap:16px; flex-wrap:wrap; margin-bottom:26px; font:500 9px/1 var(--mono); letter-spacing:.22em; text-transform:uppercase; color:var(--ink4) }
body.aur.mc .mcid b{ color:var(--ink2); font-weight:500; display:inline-flex; align-items:center; gap:9px }
body.aur.mc .mcid b svg{ width:16px; height:16px }
body.aur.mc .mcid .tb-pdf{ margin-left:auto; color:var(--cyan); text-decoration:none }
body.aur.mc .front{ padding:0 0 44px; border-bottom:1px solid oklch(60% .10 275 / .14) }
body.aur.mc .front .cls{ font:500 9px/1 var(--mono); letter-spacing:.3em; text-transform:uppercase; color:var(--amber) }
body.aur.mc h1{ margin:18px 0 0; font-size:clamp(30px,4.4vw,52px); line-height:1.08; letter-spacing:-.032em; font-weight:380; max-width:18ch; text-wrap:balance }
body.aur.mc .front .sub{ margin-top:20px; font-size:clamp(17px,1.5vw,20px); line-height:1.55; color:var(--ink2); max-width:60ch }
body.aur.mc .front .auth{ margin-top:22px; font-size:14px; color:var(--ink3) } body.aur.mc .front .auth b{ color:var(--ink); font-weight:500 }
body.aur.mc .fmeta{ display:grid; grid-template-columns:repeat(auto-fit, minmax(150px,1fr)); gap:10px; margin-top:34px }
body.aur.mc .fmeta div{ padding:14px 16px; border-radius:16px; background: linear-gradient(180deg, oklch(22% .05 268 / .28), oklch(15% .04 268 / .44)); box-shadow: inset 0 1px 0 oklch(85% .08 260 / .08), 0 0 0 1px var(--hair) }
body.aur.mc .fmeta span{ display:block; font:500 8px/1 var(--mono); letter-spacing:.26em; text-transform:uppercase; color:var(--ink4) }
body.aur.mc .fmeta b{ display:block; margin-top:8px; font-size:14px; font-weight:500; color:var(--ink) }
body.aur.mc .abstract{ margin-top:40px; max-width:68ch }
body.aur.mc .abstract h6{ font:500 8.5px/1 var(--mono); letter-spacing:.3em; text-transform:uppercase; color:var(--ink4); margin:0 0 12px }
body.aur.mc .abstract p{ color:var(--ink2); font-size:17px; line-height:1.66 } body.aur.mc .abstract p + p{ margin-top:14px }
body.aur.mc .body-col .cta{ display:flex; flex-wrap:wrap; gap:12px; margin-top:28px }
body.aur.mc section{ padding:clamp(48px,6vw,72px) 0 0 }
body.aur.mc .snum{ font:500 9.5px/1 var(--mono); letter-spacing:.26em; text-transform:uppercase; color:var(--amber); margin-bottom:14px }
body.aur.mc h2{ font-size:clamp(24px,2.9vw,36px); letter-spacing:-.026em; font-weight:400; line-height:1.15; padding-bottom:16px; margin-bottom:26px; color:var(--ink);
  border-bottom:1px solid transparent; border-image: linear-gradient(90deg, oklch(70% .12 250 / .34), oklch(65% .18 290 / .16), transparent) 1 }
body.aur.mc h3{ font-size:19px; font-weight:500; letter-spacing:-.014em; margin:44px 0 12px; color:var(--ink) }
body.aur.mc h3 .n{ font:500 10.5px/1 var(--mono); letter-spacing:.14em; color:var(--amber); margin-right:12px }
body.aur.mc h4{ font-size:14.5px; font-weight:600; margin-bottom:6px; color:var(--ink) }
body.aur.mc p{ max-width:68ch; color:var(--ink2); font-size:16.5px; line-height:1.68 } body.aur.mc p + p{ margin-top:16px }
body.aur.mc p strong, body.aur.mc li strong{ color:var(--ink); font-weight:600 }
body.aur.mc sup.fn{ font:500 .62em var(--mono); color:var(--amber); vertical-align:super; line-height:0 }
body.aur.mc ul.li{ max-width:68ch; margin:14px 0 0; padding:0; list-style:none }
body.aur.mc ul.li li{ position:relative; padding-left:22px; color:var(--ink2); margin-top:10px; line-height:1.62 }
body.aur.mc ul.li li::before{ content:''; position:absolute; left:2px; top:.78em; width:7px; height:1px; background:var(--cyan); box-shadow:0 0 6px oklch(87% .13 205 / .7) }
body.aur.mc figure{ margin:34px 0 }
body.aur.mc figure .frame{ padding:26px 24px; border-radius:22px; background: linear-gradient(180deg, oklch(20% .05 270 / .40), oklch(14% .035 266 / .56)); backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px);
  box-shadow: inset 0 1px 0 oklch(85% .08 260 / .10), 0 0 0 1px var(--hair), 0 20px 60px -30px oklch(3% .01 268 / 1) }
body.aur.mc figcaption{ margin-top:12px; font:500 11px/1.65 var(--mono); color:var(--ink4); max-width:78ch } body.aur.mc figcaption b{ color:var(--ink2); font-weight:500 }
body.aur.mc .bd{ display:grid; gap:0 }
body.aur.mc .bd-row{ display:grid; grid-template-columns:repeat(3,1fr); gap:14px }
body.aur.mc .blk{ position:relative; padding:15px 16px; border-radius:14px; background: oklch(60% .10 275 / .06); box-shadow: inset 0 0 0 1px var(--hair) }
body.aur.mc .blk .bt{ font:500 8.5px/1 var(--mono); letter-spacing:.24em; text-transform:uppercase; color:var(--ink4) }
body.aur.mc .blk .bn{ font-size:15.5px; font-weight:600; margin-top:6px; color:var(--ink) }
body.aur.mc .blk .bl{ font:400 11px/1.65 var(--mono); color:var(--ink2); margin-top:8px }
body.aur.mc .blk.on{ box-shadow: inset 0 0 0 1px oklch(75% .13 235 / .35), inset 2px 0 0 var(--cyan), 0 0 30px -14px oklch(87% .13 205 / .5) }
body.aur.mc .conn{ height:26px; position:relative }
body.aur.mc .conn::before{ content:''; position:absolute; left:50%; top:0; bottom:0; width:1px; background:linear-gradient(180deg, oklch(87% .13 205 / .5), oklch(63% .21 295 / .3)) }
body.aur.mc .conn::after{ content:''; position:absolute; left:calc(50% - 3px); bottom:2px; width:7px; height:7px; border-right:1px solid var(--cyan); border-bottom:1px solid var(--cyan); transform:rotate(45deg) }
body.aur.mc .rail-b{ margin-top:16px; padding:11px 14px; border-radius:12px; border:1px dashed oklch(60% .10 275 / .3); font:400 10.5px/1.7 var(--mono); color:var(--ink4); letter-spacing:.02em }
body.aur.mc .rail-b b{ color:var(--ink2); font-weight:500 }
body.aur.mc .eqn{ margin:26px 0; display:grid; grid-template-columns:1fr 62px; gap:16px; align-items:center; padding:20px 0; border-top:1px solid oklch(60% .10 275 / .12); border-bottom:1px solid oklch(60% .10 275 / .12) }
body.aur.mc .eqn .e{ font-family:'Cambria Math','STIX Two Math',Georgia,serif; font-size:clamp(16px,2.1vw,20px); color:var(--ink); overflow-x:auto; padding-bottom:2px; white-space:nowrap; scrollbar-width:none }
body.aur.mc .eqn .tag{ font:500 11px/1 var(--mono); color:var(--ink4); text-align:right }
body.aur.mc .eqn sub{ font-size:.66em; vertical-align:-.22em } body.aur.mc .eqn sup{ font-size:.66em }
body.aur.mc .eqn-note{ max-width:68ch; font-size:15.5px; color:var(--ink2); margin-top:-6px }
body.aur.mc .tw{ overflow-x:auto; -webkit-overflow-scrolling:touch; margin:26px 0 8px; scrollbar-width:thin }
body.aur.mc table{ width:100%; border-collapse:collapse; font-size:14px }
body.aur.mc caption{ caption-side:bottom; text-align:left; font:400 11px/1.6 var(--mono); color:var(--ink4); padding-top:11px }
body.aur.mc caption b{ color:var(--ink2); font-weight:500 }
body.aur.mc th{ text-align:left; font:500 8.5px/1.4 var(--mono); letter-spacing:.2em; text-transform:uppercase; color:var(--ink3); padding:0 18px 10px 0; border-bottom:1px solid oklch(60% .10 275 / .22); white-space:nowrap; vertical-align:top }
body.aur.mc tbody th{ padding-top:11px; padding-bottom:11px; border-bottom:1px solid oklch(60% .10 275 / .10); white-space:normal; letter-spacing:.14em }
body.aur.mc td{ padding:11px 18px 11px 0; border-bottom:1px solid oklch(60% .10 275 / .10); color:var(--ink2); vertical-align:top; line-height:1.55 }
body.aur.mc td:first-child{ color:var(--ink) }
body.aur.mc tbody tr:last-child td{ border-bottom:1px solid oklch(60% .10 275 / .22) }
body.aur.mc td.num{ font-family:var(--mono); font-size:13px; white-space:nowrap }
body.aur.mc td.best{ color:var(--cyan) } body.aur.mc td.other{ color:var(--amber) }
body.aur.mc .chart .axis line, body.aur.mc .chart .axis path{ stroke:oklch(60% .10 275 / .3); stroke-width:1; shape-rendering:crispEdges }
body.aur.mc .chart .grid line{ stroke:oklch(60% .10 275 / .12); stroke-width:1; shape-rendering:crispEdges }
body.aur.mc .chart text{ font-family:var(--mono); font-size:10.5px; fill:var(--ink4) }
body.aur.mc .chart text.lbl{ fill:var(--ink2); font-size:11.5px } body.aur.mc .chart text.val{ fill:var(--ink2); font-size:11px }
body.aur.mc .chart text.lbl.us, body.aur.mc .chart text.val.us{ fill:var(--ink) }
body.aur.mc .chart rect.bar{ fill:oklch(30% .05 268); transform-origin:0 50%; transform:scaleX(0); transition:transform 1s var(--spring) }
body.aur.mc .chart rect.bar.us{ fill:var(--cyan); filter:drop-shadow(0 0 6px oklch(87% .13 205 / .5)) }
body.aur.mc .chart.in rect.bar{ transform:scaleX(1) }
body.aur.mc .chart.in rect.bar:nth-of-type(2){ transition-delay:.06s } body.aur.mc .chart.in rect.bar:nth-of-type(3){ transition-delay:.12s }
body.aur.mc .chart.in rect.bar:nth-of-type(4){ transition-delay:.18s } body.aur.mc .chart.in rect.bar:nth-of-type(5){ transition-delay:.24s }
body.aur.mc .chart.in rect.bar:nth-of-type(6){ transition-delay:.3s } body.aur.mc .chart.in rect.bar:nth-of-type(7){ transition-delay:.36s }
body.aur.mc .chart.in rect.bar:nth-of-type(8){ transition-delay:.42s } body.aur.mc .chart.in rect.bar:nth-of-type(9){ transition-delay:.48s }
body.aur.mc .share{ border-top:1px solid oklch(60% .10 275 / .18); margin-top:24px }
body.aur.mc .share-row{ display:grid; grid-template-columns:1fr 240px 58px; gap:18px; align-items:center; padding:13px 0; border-bottom:1px solid oklch(60% .10 275 / .10) }
body.aur.mc .share-row .nm{ font-size:14px; color:var(--ink2) } body.aur.mc .share-row .nm b{ color:var(--ink); font-weight:500 }
body.aur.mc .track{ height:6px; border-radius:3px; background:oklch(20% .04 268 / .8); box-shadow: inset 0 0 0 1px var(--hair) }
body.aur.mc .track i{ display:block; height:100%; border-radius:3px; background:linear-gradient(90deg, var(--cyan), var(--mor)); box-shadow:0 0 12px oklch(75% .14 235 / .55); transform:scaleX(0); transform-origin:0 50%; transition:transform 1.1s var(--spring) }
body.aur.mc .share.in .track i{ transform:scaleX(var(--v,1)) }
body.aur.mc .share-row .pc{ font:500 12.5px/1 var(--mono); color:var(--ink2); text-align:right }
body.aur.mc pre{ font:400 11.5px/1.8 var(--mono); color:var(--ink2); padding:18px 20px; border-radius:16px; overflow-x:auto; margin:20px 0;
  background: linear-gradient(180deg, oklch(18% .045 268 / .6), oklch(12% .03 266 / .7)); box-shadow: inset 0 1px 0 oklch(85% .08 260 / .08), 0 0 0 1px var(--hair) }
body.aur.mc pre b{ color:var(--cyan); font-weight:400 } body.aur.mc pre i{ color:var(--ink4); font-style:normal }
body.aur.mc .callout.plain::before{ background:oklch(60% .10 275 / .35); box-shadow:none }
body.aur.mc .cols2{ display:grid; grid-template-columns:1fr 1fr; gap:26px; margin-top:24px }
body.aur.mc .cols2 p{ max-width:none; font-size:15.5px }
body.aur.mc .item{ border-top:1px solid oklch(60% .10 275 / .18); padding-top:14px }
body.aur.mc ol.refs{ columns:2; column-gap:44px; margin-top:20px; padding-left:20px; font-size:14px; color:var(--ink2) }
body.aur.mc ol.refs li{ margin-bottom:8px; break-inside:avoid; line-height:1.55 } body.aur.mc ol.refs li::marker{ color:var(--amber); font-family:var(--mono); font-size:11px }
body.aur.mc .endbar{ margin-top:56px; border-top:1px solid oklch(60% .10 275 / .18); padding-top:22px; display:flex; flex-wrap:wrap; gap:18px; justify-content:space-between; font:500 9.5px/1.6 var(--mono); letter-spacing:.14em; color:var(--ink4) }
body.aur.mc .endnav{ margin-top:16px; display:flex; flex-wrap:wrap; gap:6px 22px }
body.aur.mc .endnav a{ font:500 9.5px/1.6 var(--mono); letter-spacing:.16em; text-transform:uppercase; color:var(--ink4); text-decoration:none; border-bottom:1px solid transparent; transition:color .3s, border-color .3s }
body.aur.mc .endnav a:hover{ color:var(--cyan); border-bottom-color:currentColor }
body.aur.mc .citewrap{ position:relative }
body.aur.mc .copybtn{ position:absolute; right:10px; top:10px; height:30px; padding:0 12px; border:0; border-radius:999px; cursor:pointer; color:var(--ink2); font:500 9px/1 var(--mono); letter-spacing:.2em; text-transform:uppercase;
  background: oklch(60% .10 275 / .1); box-shadow: inset 0 0 0 1px oklch(60% .10 275 / .22); transition:color .3s, background .3s }
body.aur.mc .copybtn:hover{ color:var(--ink); background: oklch(60% .12 270 / .18) }

/* ─────────── DAR EKRAN ─────────── */
@media (max-width:1000px){
  .doc, body.aur.mc .mcdoc{ grid-template-columns:1fr; gap:0 }
  .toc{ position:sticky; top:72px; z-index:6; margin:0 calc(-1 * var(--pad)) 8px; padding:8px var(--pad) 10px; overflow-x:auto; scrollbar-width:none;
    background: linear-gradient(180deg, var(--void) 62%, transparent); -webkit-mask: linear-gradient(90deg, transparent, #000 var(--pad), #000 calc(100% - var(--pad)), transparent); mask: linear-gradient(90deg, transparent, #000 var(--pad), #000 calc(100% - var(--pad)), transparent) }
  .toc::-webkit-scrollbar{ height:0 }
  .toc-in, body.aur.mc .toc{ display:flex; gap:8px; padding-left:0 }
  .toc h4, .toc h6{ display:none }
  .toc a{ flex:none; padding:8px 12px; border-left:0; border-radius:999px; font-size:12px; color:var(--ink3); background: oklch(16% .045 268 / .8); box-shadow: inset 0 0 0 1px var(--hair) }
  .toc a i{ color:var(--amber) }
  .toc a.on{ color:var(--cyan); box-shadow: inset 0 0 0 1px oklch(87% .13 205 / .45), 0 0 18px -6px oklch(87% .13 205 / .6) }
  .toc .dl{ margin-top:0; padding-left:12px; border-radius:999px; color:var(--cyan); background:none; box-shadow:none; align-self:center }
  body.aur.mc .toc{ top:70px }
  .dhero{ padding-top:clamp(120px,18vh,160px) }
}
@media (max-width:820px){
  body.aur.mc .bd-row{ grid-template-columns:1fr }
  body.aur.mc .cols2{ grid-template-columns:1fr; gap:20px }
  body.aur.mc ol.refs{ columns:1 }
  body.aur.mc .share-row{ grid-template-columns:1fr 96px 48px; gap:10px }
}
@media (max-width:640px){
  .shots{ grid-template-columns:1fr 1fr; gap:10px }
  .shots img{ border-radius:14px }
  .dsec h2{ flex-direction:column; gap:10px; align-items:flex-start }
  .qa .a-in p{ padding-left:0 }
  .q{ gap:12px }
  .pull{ font-size:20px; padding-left:16px }
  .dcta{ border-radius:22px }
  .fbase{ justify-content:center; text-align:center }
  body.aur.mc .eqn{ grid-template-columns:1fr; gap:6px } body.aur.mc .eqn .tag{ text-align:left }
  body.aur.mc h1{ font-size:clamp(28px,8vw,40px) }
}
@media (prefers-reduced-motion:reduce){
  .wm > .wi{ opacity:1; transform:none; transition:none }
  hr.hair.rv{ transform:none }
  .fmega span{ clip-path:none }
  .rv.in ul.chain li{ animation:none }
  .dcta .glow{ animation:none }
  body.aur.mc .chart rect.bar, body.aur.mc .track i{ transition:none }
}