/* =====================================================================
   BOR HOLDING · ALT SAYFA ORTAK STİLİ (İletişim, KVKK, Çerez)
   Tokenlar index.html ile aynıdır; marka HEX'leri gelince iki dosyada da güncelleyin.
   ===================================================================== */
:root{
  --brand-primary:   #1380B4; /* Ana renk (Yasin, 29.09.2026)     */
  --brand-secondary: color-mix(in oklab, var(--brand-primary) 42%, #FFFFFF); /* TODO İkincil renk [HEX] verilmedi: şimdilik ana rengin açık tonu */
  --brand-ink:       #0A1620; /* TODO Nötr koyu [HEX] (şimdilik ana renge çekilmiş koyu) */
  --brand-paper:     #F3F6F8; /* TODO Nötr açık [HEX] (şimdilik ana renge çekilmiş açık) */

  --white:#FFFFFF;
  --ink:var(--brand-ink);
  --paper:var(--brand-paper);
  --primary:var(--brand-primary);
  --secondary:var(--brand-secondary);
  --primary-deep:color-mix(in oklab, var(--primary) 80%, var(--ink)); /* beyaz metin için AA kontrast */
  --primary-800:color-mix(in oklab, var(--primary) 55%, var(--ink));
  --primary-100:color-mix(in oklab, var(--primary) 9%, var(--white));
  --muted:color-mix(in oklab, var(--ink) 60%, var(--paper));
  --muted-inv:color-mix(in oklab, var(--white) 66%, var(--ink));
  --line:color-mix(in oklab, var(--ink) 14%, transparent);
  --line-strong:color-mix(in oklab, var(--ink) 32%, transparent);
  --line-inv:color-mix(in oklab, var(--white) 18%, transparent);
  --danger:color-mix(in oklab, var(--secondary) 30%, #B3261E); /* TODO: marka paletinde hata tonu yoksa onaylatın */

  --f-sans:"Archivo","Helvetica Neue",Arial,sans-serif;
  --f-mono:"IBM Plex Mono",ui-monospace,Menlo,Consolas,monospace;
  --fs-h1:clamp(40px, 5vw, 72px);
  --fs-h2:clamp(26px, 2.6vw, 36px);
  --fs-h3:clamp(19px, 1.5vw, 22px);
  --fs-body:clamp(16px, 1.15vw, 17px);
  --container:1440px; --margin:40px; --gutter:24px; --hdr-h:72px;
  --ease:cubic-bezier(.2,.7,.1,1); --ease-io:cubic-bezier(.7,0,.2,1);
  color-scheme:light;
}
@media (max-width:1024px){:root{--margin:32px;--gutter:20px}}
@media (max-width:768px){:root{--margin:24px;--gutter:16px;--hdr-h:64px}}
@media (max-width:390px){:root{--margin:16px}}

*,*::before,*::after{box-sizing:border-box;border-radius:0 !important}
[hidden]{display:none !important}
figure{margin:0}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--hdr-h) + 24px);-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--f-sans);font-size:var(--fs-body);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:clip}
img,svg{display:block;max-width:100%}
a{color:inherit}
button,input,select,textarea{font:inherit;color:inherit}
h1,h2,h3,p,ol,ul{margin:0}
ol,ul{padding:0;list-style:none}
h1,h2,h3{text-wrap:balance}
:focus-visible{outline:2px solid var(--secondary);outline-offset:3px}
.skip{position:fixed;left:16px;top:-60px;z-index:200;background:var(--secondary);color:var(--ink);padding:10px 16px;font-weight:600;text-decoration:none}
.skip:focus{top:16px}
.wrap{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:var(--margin)}
.mono{font-family:var(--f-mono);font-size:12px;line-height:1.4;letter-spacing:.12em;text-transform:uppercase;font-weight:500}
.todo{font-family:var(--f-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;background:var(--secondary);color:var(--ink);padding:2px 6px;display:inline-block}
.arr{width:22px;height:12px;flex:none;transition:transform .35s var(--ease)}

/* Header (alt sayfalarda her zaman dolu) */
.hdr{position:sticky;top:0;z-index:50;background:var(--ink);color:var(--white);border-bottom:1px solid var(--line-inv);padding-top:env(safe-area-inset-top,0px)}
.hdr-in{height:var(--hdr-h);display:flex;align-items:center;gap:32px}
.logo{display:flex;align-items:center;gap:12px;text-decoration:none}
.logo svg{width:34px;height:34px}
.logo span{font-size:19px;letter-spacing:.02em;font-weight:800;font-stretch:120%}
.logo span b{font-weight:300;margin-left:4px}
.hdr nav{margin-left:auto;display:flex;gap:4px}
.hdr nav a{position:relative;padding:10px 12px;font-size:14px;font-weight:500;text-decoration:none;color:var(--muted-inv)}
.hdr nav a::after{content:"";position:absolute;left:12px;right:12px;bottom:2px;height:2px;background:var(--secondary);transform:scaleX(0);transform-origin:left;transition:transform .35s var(--ease)}
.hdr nav a:hover,.hdr nav a[aria-current="page"]{color:var(--white)}
.hdr nav a:hover::after,.hdr nav a[aria-current="page"]::after{transform:scaleX(1)}
@media (max-width:900px){.hdr nav a:not(.keep){display:none}}

/* Sayfa başlığı: diyagonal kesimli koyu bant */
.page-hero{background:var(--ink);color:var(--white);padding:clamp(56px,8vw,112px) 0 clamp(88px,10vw,144px);clip-path:polygon(0 0,100% 0,100% calc(100% - clamp(40px,5vw,80px)),0 100%);position:relative;overflow:hidden}
.page-hero svg.lines{position:absolute;right:0;top:0;height:100%;width:auto;color:var(--white);opacity:.08}
.crumbs{display:flex;gap:10px;color:var(--muted-inv)}
.crumbs a{text-decoration:none}
.crumbs a:hover{color:var(--white)}
.page-hero h1{font-size:var(--fs-h1);line-height:1.02;font-weight:300;letter-spacing:-.025em;font-stretch:108%;margin-top:28px;max-width:16ch}
.page-hero h1 strong{font-weight:850;font-stretch:118%}
.page-hero p.sub{margin-top:20px;max-width:56ch;color:var(--muted-inv);font-size:clamp(17px,1.4vw,20px)}

.btn{display:inline-flex;align-items:center;gap:14px;min-height:52px;padding:0 22px 0 24px;font-weight:600;font-size:15px;text-decoration:none;border:0;cursor:pointer;position:relative;isolation:isolate}
.btn-solid{background:var(--secondary);color:var(--ink);clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,0 100%)}
.btn-solid::after{content:"";position:absolute;inset:0;background:var(--ink);opacity:0;transition:opacity .3s;z-index:-1}
.btn-solid:hover{color:var(--white)}
.btn-solid:hover::after{opacity:1}
.btn:hover .arr{transform:translateX(6px)}
.btn-line{box-shadow:inset 0 0 0 1px currentColor}
.hdr-cta{min-height:42px;font-size:14px;padding:0 18px}

/* Stagger */
.motion [data-stagger]>*{opacity:0;transform:translate3d(0,28px,0);transition:opacity .7s var(--ease),transform .8s var(--ease);transition-delay:calc(var(--i,0) * 90ms)}
.motion [data-stagger].in>*{opacity:1;transform:none}

/* Footer (kısa) */

/* ============================ HAKKIMIZDA ============================
   Bileşenler index.html ile aynıdır (başlık sistemi, kart çerçevesi, zaman çizgisi, değerler). */
:root{--fs-lead:clamp(18px, 1.5vw, 22px);--section:clamp(96px, 11vw, 160px);--s5:24px;--s8:64px;--s9:96px}
.motion [data-reveal]{opacity:0}
.lead{font-size:var(--fs-lead);line-height:1.5}
.h1{font-size:var(--fs-h1);line-height:1.02;font-weight:300;letter-spacing:-.025em;font-stretch:108%}
.h2{font-size:var(--fs-h2);line-height:1.08;font-weight:300;letter-spacing:-.02em;font-stretch:106%}
.h1 strong,.h2 strong,.display strong{font-weight:850;font-stretch:118%}
.h3{font-size:var(--fs-h3);line-height:1.25;font-weight:700;letter-spacing:-.01em}

.sec{padding-block:var(--section);position:relative}
.sec-head{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gutter);row-gap:var(--s5);margin-bottom:var(--s8)}
.sec-head .eyebrow{grid-column:1 / 4;display:flex;gap:12px;align-items:center;padding-top:.8em}
.sec-head .eyebrow::before{content:"";width:28px;height:2px;background:var(--secondary);flex:none}
.sec-head .h2,.sec-head .h1{grid-column:4 / 13}
.sec-head .lead{grid-column:4 / 11;color:var(--muted)}
@media (max-width:1024px){.sec-head .eyebrow,.sec-head .h2,.sec-head .h1,.sec-head .lead{grid-column:1 / -1}.sec-head .eyebrow{padding-top:0}}
.card{position:relative;display:flex;flex-direction:column;text-decoration:none;overflow:hidden}
.edges{position:absolute;inset:0;pointer-events:none;z-index:3}
.edges i{position:absolute;background:var(--edge,var(--secondary));transition:transform .28s var(--ease-io)}
.edges i:nth-child(1){top:0;left:0;right:0;height:2px;transform:scaleX(0);transform-origin:left}
.edges i:nth-child(2){top:0;right:0;bottom:0;width:2px;transform:scaleY(0);transform-origin:top}
.edges i:nth-child(3){bottom:0;left:0;right:0;height:2px;transform:scaleX(0);transform-origin:right}
.edges i:nth-child(4){top:0;left:0;bottom:0;width:2px;transform:scaleY(0);transform-origin:bottom}
.card:hover .edges i,.card:focus-visible .edges i{transform:none}
.card:hover .edges i:nth-child(2),.card:focus-visible .edges i:nth-child(2){transition-delay:.12s}
.card:hover .edges i:nth-child(3),.card:focus-visible .edges i:nth-child(3){transition-delay:.24s}
.card:hover .edges i:nth-child(4),.card:focus-visible .edges i:nth-child(4){transition-delay:.36s}
.card .zoom{transition:transform .8s var(--ease)}
.card:hover .zoom{transform:scale(1.06)}
.card:hover .arr,.card:focus-visible .arr{transform:translateX(8px)}
.card:focus-visible{outline-offset:-2px}

/* Logo yerine geçici wordmark */
.wm{display:inline-flex;align-items:center;font-weight:800;font-stretch:118%;letter-spacing:-.01em;white-space:nowrap}
.wm small{font-weight:400;font-stretch:100%;margin-left:.35em;opacity:.7;font-size:.72em}
.motion [data-reveal]{opacity:0;transform:translate3d(0,28px,0);transition:opacity .8s var(--ease),transform .9s var(--ease)}
.motion [data-reveal].in{opacity:1;transform:none}
.about-statement{font-size:clamp(28px,3.4vw,52px);line-height:1.15;font-weight:250;letter-spacing:-.02em;font-stretch:104%;grid-column:4 / 13}
.about-statement strong{font-weight:850;font-stretch:118%}
.about-statement p+p{margin-top:.6em}
.about-meta{grid-column:4 / 13;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gutter);margin-top:var(--s8);border-top:1px solid var(--line)}
.about-meta div{padding-top:20px}
.about-meta b{display:block;font-size:var(--fs-h3);font-weight:700;margin-top:6px}
.about-meta .mono{color:var(--muted)}
@media (max-width:1024px){.about-statement,.about-meta{grid-column:1 / -1}}
@media (max-width:640px){.about-meta{grid-template-columns:1fr}}

.tl{position:relative;margin-top:var(--s9)}
.tl-pin{position:relative}
.tl-top{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:40px}
.tl-now{font-size:clamp(64px,10vw,160px);line-height:.8;font-weight:850;font-stretch:125%;letter-spacing:-.04em;color:transparent;-webkit-text-stroke:1.5px var(--ink);font-variant-numeric:tabular-nums}
.tl-road{position:absolute;left:calc(var(--margin) + 7px);top:0;bottom:0;width:2px;background:var(--line)}
.tl-road i{position:absolute;inset:0;background:var(--ink);transform:scaleY(0);transform-origin:top}
.tl-body{position:relative}
.tl-track{display:flex;flex-direction:column;padding-left:calc(var(--margin) + 44px);padding-right:var(--margin)}
.tl-item{position:relative;padding:0 0 56px;max-width:560px}
.tl-item::before{content:"";position:absolute;left:-41px;top:.55em;width:14px;height:14px;background:var(--paper);box-shadow:inset 0 0 0 2px var(--ink);transition:background .3s}
.tl-item.on::before{background:var(--secondary)}
.tl-year{display:block;font-size:clamp(40px,4.4vw,64px);line-height:1;font-weight:850;font-stretch:120%;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.tl-item h3{margin-top:14px}
.tl-item p{margin-top:8px;color:var(--muted);max-width:44ch}
.tl-logos{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.tl-logos .wm{border:1px solid var(--ink);padding:8px 12px;font-size:15px;opacity:.12;transform:translate3d(0,14px,0);transition:opacity .6s var(--ease),transform .6s var(--ease)}
.tl-item.on .tl-logos .wm{opacity:1;transform:none}
.tl-item.on .tl-logos .wm:nth-child(2){transition-delay:.1s}
/* Yatay pin modu (JS ≥1025px ve hareket açıkken ekler) */
.tl.is-pinned .tl-pin{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;display:flex;flex-direction:column;justify-content:center;padding-top:var(--hdr-h)}
.tl.is-pinned .tl-road{left:0;right:0;top:auto;bottom:auto;width:auto;height:2px;margin-top:-1px}
.tl.is-pinned .tl-road i{transform:scaleX(0);transform-origin:left}
.tl.is-pinned .tl-body{padding-top:48px}
.tl.is-pinned .tl-road{top:0}
.tl.is-pinned .tl-track{flex-direction:row;padding-left:var(--margin);padding-right:40vw;will-change:transform}
.tl.is-pinned .tl-item{flex:0 0 clamp(300px,27vw,400px);padding:36px 40px 0 0;max-width:none}
.tl.is-pinned .tl-item::before{left:0;top:-55px}
.no-motion .tl-logos .wm,.tl:not(.is-live) .tl-logos .wm{opacity:1;transform:none}
.vm{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-block:1px solid var(--line)}
.vm article{padding:48px 48px 56px 0;display:flex;flex-direction:column;gap:20px}
.vm article+article{padding-left:48px;border-left:1px solid var(--line)}
.vm .mono{color:var(--muted)}
.vm p{font-size:clamp(22px,2.1vw,32px);line-height:1.3;font-weight:300;letter-spacing:-.015em}
.vm p strong{font-weight:800}
@media (max-width:768px){.vm{grid-template-columns:1fr}.vm article+article{padding-left:0;border-left:0;border-top:1px solid var(--line)}.vm article{padding:36px 0}}
.values{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--gutter);margin-top:var(--s8)}
.value{background:var(--white);padding:32px 28px 36px;min-height:300px;gap:14px;--edge:var(--primary)}
.value svg,.value img{width:48px;height:48px;color:var(--primary)}
.value h3{margin-top:56px}
.value p{color:var(--muted);font-size:15px;line-height:1.55}
@media (max-width:1024px){.values{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:540px){.values{grid-template-columns:1fr}.value{min-height:0}}
.about-intro{padding-top:clamp(56px,6vw,96px)}
.about-intro .sec-head{margin-bottom:0}
/* Bölüm araları: tl-item'ların kendi alt boşluğu (56px) zaten var, dış boşluklar üst üste binmesin */
.about-intro+.tl-sec .tl{margin-top:var(--s8)}
.tl-sec+.vals-sec{padding-top:var(--s8)}
/* Pin modunda .tl-pin 100svh ve içerik dikeyde ortalı; ortalamadan kalan boşluk bölüm arası görevi görür */
.about-intro+.tl-sec .tl.is-pinned{margin-top:0}
.tl-sec:has(.tl.is-pinned)+.vals-sec{padding-top:0}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms !important;transition-duration:.001ms !important;transition-delay:0s !important}
  html{scroll-behavior:auto}
}

/* ============================ İLETİŞİM ============================ */
.contact{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gutter);row-gap:48px;margin-top:-40px;position:relative}
.info{grid-column:1 / 6;display:flex;flex-direction:column;gap:1px;background:var(--line);border:1px solid var(--line);align-self:start}
.info>div{background:var(--white);padding:28px 28px 26px;display:grid;gap:8px}
.info .mono{color:var(--muted)}
.info b{font-size:20px;font-weight:600;line-height:1.35}
.info address{font-style:normal;font-size:18px;line-height:1.5}
.copy{justify-self:start;margin-top:4px;font-family:var(--f-mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;background:none;border:0;padding:6px 0;cursor:pointer;color:var(--primary);display:inline-flex;gap:8px;align-items:center}
.copy:hover{color:var(--ink)}
.form-wrap{grid-column:6 / 13;background:var(--white);padding:clamp(28px,4vw,56px);clip-path:polygon(0 0,calc(100% - 48px) 0,100% 48px,100% 100%,0 100%)}
.form-wrap h2{font-size:var(--fs-h2);line-height:1.1;font-weight:300;letter-spacing:-.02em;font-stretch:106%}
.form-wrap h2 strong{font-weight:850}
.form-wrap>p{margin-top:12px;color:var(--muted)}
form{margin-top:32px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 24px}
.field{display:flex;flex-direction:column;gap:8px;min-width:0}
.field.full{grid-column:1 / -1}
label{font-size:14px;font-weight:600}
label .opt{font-weight:400;color:var(--muted)}
input[type=text],input[type=email],input[type=tel],select,textarea{width:100%;background:var(--paper);border:0;border-bottom:2px solid var(--line-strong);padding:14px 14px;font-size:16px;transition:border-color .2s,background .2s;appearance:none}
select{background-image:linear-gradient(45deg,transparent 50%,var(--ink) 50%),linear-gradient(135deg,var(--ink) 50%,transparent 50%);background-position:calc(100% - 20px) 50%,calc(100% - 14px) 50%;background-size:6px 6px;background-repeat:no-repeat;padding-right:40px}
textarea{min-height:160px;resize:vertical}
input:focus,select:focus,textarea:focus{outline:none;border-bottom-color:var(--primary);background:var(--primary-100)}
.field .err{font-size:13px;color:var(--danger);min-height:1em}
.field[data-invalid] input,.field[data-invalid] select,.field[data-invalid] textarea{border-bottom-color:var(--danger)}
.check{grid-column:1 / -1;display:grid;grid-template-columns:24px 1fr;gap:12px;align-items:start;font-size:14px;line-height:1.55;color:var(--muted)}
.check input{appearance:none;width:24px;height:24px;margin:0;border:2px solid var(--line-strong);background:var(--white);display:grid;place-items:center;cursor:pointer}
.check input::after{content:"";width:12px;height:7px;border-left:2px solid var(--ink);border-bottom:2px solid var(--ink);transform:translateY(-2px) rotate(-45deg) scale(0);transition:transform .2s var(--ease)}
.check input:checked{background:var(--secondary);border-color:var(--secondary)}
.check input:checked::after{transform:translateY(-2px) rotate(-45deg) scale(1)}
.check a{color:var(--ink);font-weight:600}
.check .err{grid-column:2;font-size:13px;color:var(--danger)}
.form-foot{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-top:8px;border-top:1px solid var(--line)}
.form-foot small{color:var(--muted);font-size:13px}
.sent{grid-column:1 / -1;background:var(--ink);color:var(--white);padding:28px;display:grid;gap:8px}
.sent .mono{color:var(--secondary)}
.map{grid-column:1 / -1;position:relative;aspect-ratio:21/8;max-width:100%;background:var(--primary-100);overflow:hidden;clip-path:polygon(0 0,100% 0,100% 100%,64px 100%,0 calc(100% - 64px))}
.map>svg{position:absolute;inset:0;width:100%;height:100%;color:var(--primary)}
.map .pin{position:absolute;left:58%;top:44%;transform:translate(-50%,-100%);display:flex;flex-direction:column;align-items:center;gap:8px}
.map .pin b{background:var(--ink);color:var(--white);padding:10px 14px;font-size:14px;font-weight:600;white-space:nowrap}
.map .pin i{width:18px;height:18px;background:var(--secondary);transform:rotate(45deg)}
.map .open{position:absolute;right:20px;bottom:20px}
.map .todo{position:absolute;left:20px;top:20px}
@media (max-width:1024px){.info,.form-wrap{grid-column:1 / -1}.contact{margin-top:-24px}.map{aspect-ratio:4/3}}
@media (max-width:640px){form{grid-template-columns:1fr}.form-wrap{clip-path:polygon(0 0,calc(100% - 24px) 0,100% 24px,100% 100%,0 100%)}.map .pin{left:50%}}

/* ============================ YASAL METİN ŞABLONU ============================ */
.legal{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gutter);margin-top:-24px;position:relative}
.toc{grid-column:1 / 4;position:sticky;top:calc(var(--hdr-h) + 32px);align-self:start;background:var(--white);padding:24px 0 16px;border-top:3px solid var(--ink)}
.toc .mono{padding:0 20px 12px;display:block;color:var(--muted)}
.toc ol{counter-reset:t}
.toc a{display:grid;grid-template-columns:28px 1fr;gap:6px;padding:9px 20px;text-decoration:none;font-size:14px;line-height:1.4;color:var(--muted);position:relative}
.toc a::before{counter-increment:t;content:counter(t,decimal-leading-zero);font-family:var(--f-mono);font-size:11px;padding-top:2px}
.toc a::after{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--secondary);transform:scaleY(0);transition:transform .3s var(--ease)}
.toc a:hover{color:var(--ink)}
.toc a.is-active{color:var(--ink);font-weight:600}
.toc a.is-active::after{transform:none}
.toc-m{display:none}
.doc{grid-column:5 / 12;background:var(--white);padding:clamp(28px,4vw,64px);min-width:0}
.doc-meta{display:flex;flex-wrap:wrap;gap:12px 32px;padding-bottom:28px;border-bottom:1px solid var(--line);color:var(--muted)}
.doc-meta b{color:var(--ink);font-weight:600}
.doc section{padding-top:48px;counter-increment:s}
.doc{counter-reset:s}
.doc h2{font-size:var(--fs-h2);line-height:1.15;font-weight:700;letter-spacing:-.015em;display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:baseline}
.doc h2::before{content:counter(s,decimal-leading-zero);font-family:var(--f-mono);font-size:13px;font-weight:500;color:var(--primary);letter-spacing:.1em}
.doc h3{font-size:var(--fs-h3);font-weight:700;margin-top:28px}
.doc p,.doc ul,.doc ol,.doc .tbl{margin-top:16px;max-width:68ch}
.doc p,.doc li{line-height:1.75}
.doc ul li{position:relative;padding-left:24px;margin-top:8px}
.doc ul li::before{content:"";position:absolute;left:0;top:.78em;width:10px;height:2px;background:var(--secondary)}
.doc ol.alpha{counter-reset:a}
.doc ol.alpha li{counter-increment:a;position:relative;padding-left:32px;margin-top:8px}
.doc ol.alpha li::before{content:counter(a,lower-alpha) ")";position:absolute;left:0;font-family:var(--f-mono);font-size:14px;color:var(--primary)}
.doc .note{border-left:3px solid var(--secondary);background:var(--paper);padding:16px 20px;font-size:15px}
.tbl{overflow-x:auto;max-width:100%}
.tbl table{border-collapse:collapse;width:100%;min-width:560px;font-size:15px}
.tbl th,.tbl td{text-align:left;vertical-align:top;padding:12px 14px;border-bottom:1px solid var(--line)}
.tbl th{font-family:var(--f-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;font-weight:500;color:var(--muted);border-bottom:2px solid var(--ink)}
.to-top{margin-top:48px;display:inline-flex;gap:8px;align-items:center;font-family:var(--f-mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;color:var(--primary)}
@media (max-width:1024px){
  .toc{display:none}
  .toc-m{display:block;grid-column:1 / -1;margin-bottom:16px;background:var(--white);border-top:3px solid var(--ink)}
  .toc-m summary{padding:16px 20px;cursor:pointer;font-weight:600;list-style:none;display:flex;justify-content:space-between}
  .toc-m summary::after{content:"+";font-family:var(--f-mono)}
  .toc-m[open] summary::after{content:"–"}
  .toc-m ol{padding:0 0 12px}
  .toc-m a{display:block;padding:9px 20px;text-decoration:none;color:var(--muted);font-size:15px}
  .doc{grid-column:1 / -1}
}