/* Almanac layout, loaded after style.css: right-to-left first, set like a reference book. White pages with a cool
   mist band, deep indigo ink and an ultramarine brand, mint for "checked" marks and a warm red for warnings only.
   A white header with a status chip; a mist hero with an index-card fact sheet; a quoted source panel; a spec sheet
   that compares accounts row by row (cards on phones); register cards; a side-by-side panel; a numbered guide index;
   cards for posts; an ultramarine closing band; a light footer. Pages open with an abstract box and read beside a
   sticky chapter rail, with numbered H2s. Noto Naskh Arabic for headings, Vazirmatn for text. Logical properties, so
   the same rules work left to right. Nothing may be wider than the screen: no sideways scrolling. */

@font-face{font-family:'Noto Naskh Arabic';font-style:normal;font-display:swap;font-weight:400 700;src:url(../fonts/noto-naskh-arabic-arabic-wght-normal.woff2) format('woff2-variations');unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}
@font-face{font-family:'Noto Naskh Arabic';font-style:normal;font-display:swap;font-weight:400 700;src:url(../fonts/noto-naskh-arabic-latin-wght-normal.woff2) format('woff2-variations');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root{
  --font-head:'Noto Naskh Arabic','Vazirmatn',Georgia,serif;--font-latin:'Vazirmatn',system-ui,-apple-system,'Segoe UI',sans-serif;
  --radius-xl:16px;--radius-lg:12px;--radius:10px;--radius-sm:8px;--pill:999px;
  --container:1180px;--read:760px;--section-y:72px;--hdr-h:70px;
  --mint:#1f9e86;--warn:#b54708;--danger:#b42318;--rule:color-mix(in oklab,var(--brand) 55%,transparent);
}
[data-theme=light]{--bg:#ffffff;--bg-2:#f2f4fb;--surface:#ffffff;--surface-2:#f6f7fc;--border:#dfe3f0;--border-strong:#c6cce2;--text:#141a33;--text-muted:#4a516e;--text-faint:#767d99;--shadow:0 22px 46px -30px rgba(20,26,51,.35)}
[data-theme=dark]{--bg:#0d1124;--bg-2:#121731;--surface:#161c3a;--surface-2:#1b2246;--border:#273063;--border-strong:#343f7a;--text:#e9ecf8;--text-muted:#b5bbd8;--text-faint:#8b92b5;--primary-text:color-mix(in oklab,var(--brand) 38%,#fff);--mint:#4fd1b5;--warn:#f5b45a;--danger:#ff8f80;--shadow:0 22px 46px -26px rgba(0,0,0,.7)}
html{scroll-padding-top:calc(var(--hdr-h) + 18px)}
body{font-size:16.5px;line-height:1.95}
h1,h2,h3,h4{font-family:var(--font-head);font-weight:700;letter-spacing:0}
.btn{border-radius:var(--radius-sm);font-weight:700}
.btn-lg{height:50px;padding-inline:24px}
.kicker{display:inline-flex;align-items:center;gap:8px;font-size:13.5px;font-weight:700;letter-spacing:0;text-transform:none;color:var(--primary-text)}
.kicker::before{content:"";width:22px;height:0;border-block-start:2px solid var(--brand)}
.sec-head{max-width:780px;margin-block-end:30px}
.sec-head h2{font-size:clamp(1.55rem,3vw,2.15rem);line-height:1.6;margin:6px 0 6px}
.sec-head p,.sec-sub{color:var(--text-muted);margin:0;line-height:1.9}
.sec-note{margin:18px 0 0;font-size:14.5px;line-height:1.9;color:var(--text-muted)}
.sec-note+.cta-row{margin-block-start:18px}
.section.alt{background:var(--bg-2);border-block:0}
.cta-row{display:flex;flex-wrap:wrap;gap:12px}
.logo{display:inline-flex;align-items:center;gap:10px;font-size:18px;font-weight:800}
.logo-mark.has-img{width:40px;height:40px;border-radius:10px;overflow:hidden;background:none}
.logo-mark.has-img img{display:block;width:100%;height:100%}
.logo-txt{display:grid;line-height:1.25}
.logo-txt>span:first-child{white-space:nowrap}
.logo-txt small{font-size:12px;font-weight:600;color:var(--text-faint)}
.logo-accent{color:var(--primary-text)}
.byline{display:flex;flex-wrap:wrap;gap:6px 18px;margin:18px 0 0;font-size:14px;color:var(--text-faint)}
.byline span{display:inline-flex;align-items:center;gap:6px}
.byline .ico{width:15px;height:15px}
.byline a{color:inherit;text-decoration:underline;text-underline-offset:4px}

/* header */
.hd{position:sticky;top:0;z-index:50;background:color-mix(in oklab,var(--bg) 94%,transparent);backdrop-filter:saturate(1.4) blur(10px);-webkit-backdrop-filter:saturate(1.4) blur(10px);border-block-end:1px solid var(--border);transition:box-shadow .2s}
.admin-bar .hd{top:32px}
@media(max-width:782px){.admin-bar .hd{top:46px}}
@media(max-width:600px){.admin-bar .hd{top:0}}
.hd.is-scrolled{box-shadow:0 10px 26px -20px rgba(20,26,51,.45)}
.hd-in{height:var(--hdr-h);display:flex;align-items:center;gap:18px}
.hd .logo{flex:none}
.hd-nav{flex:1;display:flex;align-items:center;justify-content:center;min-width:0;margin:0}
.hd-nav .nav-list{flex-direction:row;flex-wrap:nowrap;gap:0}
.hd-nav .nav-list a{padding:8px 10px;border-radius:var(--radius-sm);font-size:14.5px;font-weight:600;color:var(--text-muted)}
.hd-nav .nav-list a:hover{color:var(--text);background:var(--surface-2)}
.hd-nav .current-menu-item>a{color:var(--primary-text);background:none;box-shadow:inset 0 -2px 0 var(--brand);border-radius:0}
.hd-m{display:none}
.hd-act{display:flex;align-items:center;gap:10px;margin-inline-start:auto;flex:none}
.chip{display:inline-flex;align-items:center;gap:7px;height:36px;padding-inline:12px;border-radius:var(--pill);border:1px solid var(--border-strong);background:var(--surface);font-size:13px;line-height:1.2;color:var(--text-muted);white-space:nowrap}
.chip b{color:var(--text);font-weight:700}
.chip:hover{border-color:var(--primary-line)}
.chip-dot{width:8px;height:8px;flex:none;border-radius:50%;background:var(--mint)}
.chip.is-warn .chip-dot{background:var(--danger);box-shadow:0 0 0 3px color-mix(in oklab,var(--danger) 18%,transparent)}
.chip.is-warn b{color:var(--danger)}
@media(max-width:1100px){
  .hd-nav{position:fixed;inset-inline:0;top:var(--hdr-h);margin:0;padding:10px var(--gutter) 18px;background:var(--bg);border-block-end:1px solid var(--border);display:none;max-height:calc(100vh - var(--hdr-h));overflow:auto;box-shadow:var(--shadow)}
  .admin-bar .hd-nav{top:calc(var(--hdr-h) + 46px)}
  .hd-nav.open{display:block}
  .hd-nav .nav-list{flex-direction:column}
  .hd-nav .nav-list a{padding:12px 10px;font-size:16px;border-block-end:1px solid var(--border);border-radius:0}
  .hd-nav .current-menu-item>a{box-shadow:inset 3px 0 0 var(--brand)}
  html[dir=rtl] .hd-nav .current-menu-item>a{box-shadow:inset -3px 0 0 var(--brand)}
  .hd-m{display:grid;gap:12px;margin-block-start:14px}
  .hd-m .chip{justify-content:center;height:42px}
  .menu-btn{display:inline-grid}
  .chip-d{display:none}
}
@media(max-width:600px){
  .hd-cta{display:none}
  .logo-txt small{display:none}
}

/* hero */
.hero-a{position:relative;isolation:isolate;overflow:hidden;background:var(--bg-2);border-block-end:1px solid var(--border);padding-block:56px 24px}
.hero-a.has-photo{background:var(--bg-2) var(--photo) center 40%/cover no-repeat}
.hero-a.has-photo::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(270deg,var(--bg-2) 0%,color-mix(in oklab,var(--bg-2) 94%,transparent) 44%,color-mix(in oklab,var(--bg-2) 55%,transparent) 70%,color-mix(in oklab,var(--bg-2) 18%,transparent) 100%)}
html[dir=ltr] .hero-a.has-photo::before{background:linear-gradient(90deg,var(--bg-2) 0%,color-mix(in oklab,var(--bg-2) 94%,transparent) 44%,color-mix(in oklab,var(--bg-2) 62%,transparent) 72%,color-mix(in oklab,var(--bg-2) 30%,transparent) 100%)}
.hero-a-in{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:48px;align-items:start}
.hero-a-copy{min-width:0;padding-block-start:10px}
.eyebrow{display:inline-flex;align-items:center;gap:8px;margin:0 0 12px;font-size:14px;font-weight:700;color:var(--primary-text)}
.eyebrow::before{content:"";width:28px;border-block-start:2px solid var(--brand)}
.hero-a-title{font-size:clamp(2.1rem,5.2vw,3.5rem);line-height:1.45;margin:0 0 14px;color:var(--text);overflow-wrap:anywhere}
.hero-a-lead{font-size:clamp(1.03rem,1.5vw,1.16rem);line-height:2;color:var(--text-muted);max-width:60ch;margin:0 0 24px}
.card-i{min-width:0;background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-xl);box-shadow:0 30px 60px -34px rgba(20,26,51,.55);overflow:hidden}
.card-i-t{display:flex;align-items:center;gap:12px;padding:14px 18px;background:linear-gradient(135deg,var(--brand),color-mix(in oklab,var(--brand) 70%,#0b1030));color:#fff}
.card-i-ico{width:40px;height:40px;flex:none;display:grid;place-items:center;border-radius:10px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.22)}
.card-i-ico .ico{width:21px;height:21px}
.card-i-t p{display:grid;margin:0;min-width:0;line-height:1.45}
.card-i-t p b{font-family:var(--font-head);font-size:1.2rem}
.card-i-t p small{font-size:12px;color:rgba(255,255,255,.75)}
.card-i-t em{display:inline-flex;align-items:center;gap:5px;margin-inline-start:auto;flex:none;padding:4px 10px;border-radius:var(--pill);background:rgba(255,255,255,.14);font-style:normal;font-size:12px;font-weight:600;white-space:nowrap}
.card-i-t em .ico{width:13px;height:13px}
.card-i .facts{padding:6px 14px}
.card-i-src{display:flex;align-items:flex-start;gap:7px;margin:0;padding:10px 18px;background:var(--surface-2);border-block-start:1px solid var(--border);font-size:12.5px;line-height:1.8;color:var(--text-faint)}
.card-i-src .ico{width:14px;height:14px;flex:none;margin-top:4px}
.card-i-go{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 18px;border-block-start:1px solid var(--border);font-size:14.5px;font-weight:700;color:var(--primary-text)}
.card-i-go:hover{background:var(--surface-2)}
.card-i-go .ico{width:16px;height:16px}
.facts{margin:0;display:grid}
.facts-row{display:grid;grid-template-columns:34px minmax(0,.78fr) minmax(0,1.22fr);gap:4px 12px;align-items:start;padding:10px 4px;border-block-start:1px solid var(--border)}
.facts-row:first-child{border-block-start:0}
.facts-ico{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:var(--primary-soft);color:var(--primary-text)}
.facts-ico .ico{width:18px;height:18px}
.facts dt{display:grid;gap:3px;align-content:start;padding-top:6px;font-size:13px;font-weight:600;color:var(--text-faint);line-height:1.6}
.facts dd{margin:0;display:grid;gap:1px;min-width:0;padding-top:4px}
.facts dd b{font-size:15px;line-height:1.65;overflow-wrap:anywhere;unicode-bidi:plaintext;text-align:start;color:var(--text)}
html[dir=rtl] .facts dd b{text-align:right}
.facts dd small{font-size:12.5px;line-height:1.7;color:var(--text-muted)}
.pill{justify-self:start;padding:1px 8px;border-radius:var(--pill);font-style:normal;font-size:11.5px;font-weight:700;background:var(--primary-soft);color:var(--primary-text)}
.facts-row.is-warn{margin-inline:-14px;padding-inline:18px;background:color-mix(in oklab,var(--danger) 7%,var(--surface));border-block:1px solid color-mix(in oklab,var(--danger) 25%,var(--border))}
.facts-row.is-warn+.facts-row{border-block-start:0}
.facts-row.is-warn .facts-ico{background:color-mix(in oklab,var(--danger) 14%,transparent);color:var(--danger)}
.facts-row.is-warn dd b{color:var(--danger)}
.facts-row.is-warn .pill{background:var(--danger);color:#fff}
.facts-row.is-good .facts-ico{background:color-mix(in oklab,var(--mint) 15%,transparent);color:var(--mint)}
.facts-row.is-good .pill{background:var(--mint);color:#fff}
.strip{list-style:none;margin:30px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.strip li{display:flex;align-items:center;gap:12px;min-width:0;padding:14px 16px;background:color-mix(in oklab,var(--surface) 88%,transparent);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid var(--border);border-radius:var(--radius-lg)}
.strip-ico{width:42px;height:42px;flex:none;display:grid;place-items:center;border-radius:12px;background:var(--brand);color:#fff}
.strip-ico .ico{width:21px;height:21px}
.strip li>span:last-child{display:grid;min-width:0;line-height:1.5}
.strip b{font-size:1.08rem;color:var(--text)}
.strip small{font-size:12.5px;color:var(--text-muted)}
.hero-a-risk{display:flex;align-items:flex-start;gap:8px;margin:22px 0 0;padding-block-start:14px;border-block-start:1px solid var(--border);font-size:13px;line-height:1.85;color:var(--text-faint)}
.hero-a-risk .ico{width:16px;height:16px;flex:none;margin-top:3px;color:var(--warn)}

/* source panel */
.src{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:36px;align-items:start}
.src-q{min-width:0}
.src-orig{margin:0 0 14px;padding:18px 20px;background:var(--surface);border:1px solid var(--border);border-inline-start:4px solid var(--brand);border-radius:var(--radius);font-family:var(--font-latin);font-size:15px;line-height:1.8;color:var(--text);text-align:left}
.src-orig p{margin:0}
.src-orig::before{content:"“";display:block;font:700 34px/0.6 Georgia,serif;color:var(--brand);margin-block-end:8px}
.src-orig mark{background:color-mix(in oklab,var(--danger) 18%,transparent);color:inherit;padding:0 3px;border-radius:3px;box-shadow:inset 0 -2px 0 var(--danger)}
.src-tr{margin:0 0 10px;font-size:16px;line-height:2;color:var(--text)}
.src-cite{display:flex;align-items:flex-start;gap:6px;margin:0 0 18px;font-size:13px;line-height:1.8;color:var(--text-faint)}
.src-cite .ico{width:15px;height:15px;flex:none;margin-top:4px}
.src-cite a{color:var(--primary-text);text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
.src-pts{list-style:none;margin:0 0 22px;padding:0;display:grid;gap:10px}
.src-pts li{display:flex;align-items:flex-start;gap:9px;font-size:15.5px;line-height:1.85}
.src-pts .ico{width:18px;height:18px;flex:none;margin-top:5px;color:var(--mint)}
.shot{margin:0;min-width:0;background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow)}
.shot-src{display:flex;align-items:center;gap:7px;margin:0;padding:8px 12px;background:var(--surface-2);border-block-end:1px solid var(--border);font:12.5px/1.4 system-ui,sans-serif;color:var(--text-faint);direction:ltr}
.shot-src .ico{width:14px;height:14px}
.shot-src span{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.shot img{display:block;width:100%;height:auto;background:#fff}
.shot figcaption{padding:10px 14px;font-size:13px;line-height:1.75;color:var(--text-muted);border-block-start:1px solid var(--border)}

/* page body: chapter rail + reading column */
.body-s{padding-block:36px 64px}
.body{display:grid;grid-template-columns:minmax(0,1fr);gap:34px;max-width:var(--read);margin-inline:auto}
.body.has-rail{grid-template-columns:240px minmax(0,var(--read));max-width:calc(var(--read) + 274px)}
.body-main{min-width:0}
.rail{position:sticky;top:calc(var(--hdr-h) + 22px);align-self:start;min-width:0}
.rail-box{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface)}
.rail-box summary{display:flex;align-items:center;gap:8px;padding:12px 14px;font-size:14px;font-weight:700;cursor:pointer;list-style:none}
.rail-box summary::-webkit-details-marker{display:none}
.rail-box summary .ico{width:17px;height:17px;color:var(--primary-text)}
.rail-n{margin-inline-start:auto;font-size:12px;color:var(--text-faint);font-weight:600}
.rail ol{list-style:none;margin:0;padding:0 8px 10px;display:grid;gap:1px;max-height:calc(100vh - var(--hdr-h) - 120px);overflow:auto}
.rail a{display:grid;grid-template-columns:22px minmax(0,1fr);gap:6px;padding:7px 8px;border-radius:var(--radius-sm);font-size:13.5px;line-height:1.7;color:var(--text-muted)}
.rail a:hover{background:var(--surface-2);color:var(--text)}
.rail a.is-on{background:var(--primary-soft);color:var(--primary-text);font-weight:700}
.rail-i{font-size:12px;color:var(--text-faint);padding-top:2px}
.abstract{margin:0 0 18px;padding:18px 20px;background:var(--bg-2);border:1px solid var(--border);border-block-start:3px solid var(--brand);border-radius:var(--radius-lg)}
.abstract-t{display:flex;align-items:center;gap:8px;margin:0 0 6px;font-size:15px;font-weight:700}
.abstract-t .ico{width:18px;height:18px;color:var(--mint)}
.abstract ul{margin:0;padding-inline-start:1.2em;display:grid;gap:4px}
.abstract li{font-size:15px;line-height:1.85}
.abstract li::marker{color:var(--brand)}
.abstract-d{display:flex;align-items:center;gap:7px;margin:10px 0 0;padding-block-start:10px;border-block-start:1px dashed var(--border-strong);font-size:13px;color:var(--text-faint)}
.abstract-d .ico{width:15px;height:15px}
.prose{border-radius:var(--radius-lg);counter-reset:h2}
.prose h2{font-size:clamp(1.35rem,2.6vw,1.7rem);line-height:1.7;padding:0;border:0;display:flex;gap:12px;align-items:baseline}
.prose h2::before{counter-increment:h2;content:counter(h2,persian);flex:none;min-width:1.7em;height:1.7em;display:inline-grid;place-items:center;border-radius:50%;background:var(--primary-soft);color:var(--primary-text);font:700 .72em/1 var(--font-rtl)}
html[dir=ltr] .prose h2::before{content:counter(h2)}
.prose h3{font-size:1.2rem}
.prose .callout{padding:14px 18px;background:var(--bg-2);border:1px solid var(--border);border-inline-start:4px solid var(--warn);border-radius:var(--radius)}
.prose .note-ok{padding:14px 18px;background:color-mix(in oklab,var(--mint) 8%,var(--surface));border:1px solid color-mix(in oklab,var(--mint) 30%,var(--border));border-radius:var(--radius)}
.prose table{font-size:15px}
.prose th,.prose td{padding:10px 12px;border:1px solid var(--border);text-align:start;vertical-align:top}
.prose thead th{background:var(--bg-2);font-weight:700}
.prose .wp-block-table{overflow-x:visible}
.prose .wp-block-table table{table-layout:fixed}
.prose .wp-block-table td,.prose .wp-block-table th{overflow-wrap:anywhere}
.prose .sources{font-size:14px;line-height:1.85}
.prose .sources a{overflow-wrap:anywhere}
.prose h2.sources-h{font-size:1.15rem;margin-block-start:2.2em;padding-block-start:1em;border-block-start:1px solid var(--border)}
.prose h2.sources-h::before{content:none}
.prose ul.sources{font-size:13.5px;color:var(--text-muted)}
.prose .wp-block-quote{margin:1.4em 0;padding:16px 20px;background:var(--bg-2);border:1px solid var(--border);border-inline-start:4px solid var(--brand);border-radius:var(--radius)}
.prose .wp-block-quote p[lang=en]{font-family:var(--font-latin);font-size:15px;line-height:1.8;text-align:left;margin:0 0 10px}
.prose .wp-block-quote cite{display:block;font-style:normal;font-size:14.5px;line-height:1.9;color:var(--text-muted)}
.prose .wp-block-image img{border:1px solid var(--border);border-radius:var(--radius)}
.prose .wp-block-image figcaption{font-size:13px;color:var(--text-faint)}
.hero-img{margin:0 0 1.6em}
.hero-img img{display:block;width:100%;height:auto;border-radius:var(--radius)}
.disclose{display:flex;gap:10px;align-items:flex-start;margin:2em 0 0;padding:14px 16px;background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius);font-size:14px;line-height:1.85;color:var(--text-muted)}
.disclose .ico{width:18px;height:18px;flex:none;margin-top:3px;color:var(--primary-text)}
.disclose p{margin:0}
.more{margin-block-start:2em}
.more-t{font-size:1.25rem!important;margin:0 0 12px!important;display:block!important}
.more-t::before{content:none!important}
.read{max-width:var(--read)}

/* ph: page head */
.ph{background:var(--bg-2);border-block-end:1px solid var(--border);position:relative}
.ph::before{content:"";position:absolute;inset-block-start:0;inset-inline:0;height:3px;background:var(--brand)}
.ph-in{padding-block:30px 32px;max-width:calc(var(--read) + 274px)}
.ph h1{font-size:clamp(1.75rem,4vw,2.65rem);line-height:1.6;margin:12px 0 8px;overflow-wrap:anywhere}
.ph .lead{margin:0;max-width:64ch;font-size:1.06rem;line-height:2;color:var(--text-muted)}
.ph .cta-row{margin-block-start:18px}

/* spec sheet */
.spec{display:grid;border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;background:var(--surface)}
.spec-row{display:grid;grid-template-columns:minmax(0,1.1fr) repeat(var(--cols),minmax(0,1fr));border-block-start:1px solid var(--border)}
.spec-row:first-child{border-block-start:0}
.spec-row>span{padding:12px 16px;font-size:15px;line-height:1.75;min-width:0;overflow-wrap:anywhere}
.spec-row>span+span{border-inline-start:1px solid var(--border)}
.spec-head>span{padding-block:14px;background:var(--bg-2)}
.spec-name{display:grid;gap:2px}
.spec-name b{font-family:var(--font-latin);font-size:1.12rem;text-align:right}
html[dir=ltr] .spec-name b{text-align:left}
.spec-name small{font-size:12.5px;color:var(--text-faint);font-weight:600}
.spec-l{display:flex;align-items:center;gap:9px;color:var(--text-muted);font-weight:600}
.spec-l .ico{width:18px;height:18px;flex:none;color:var(--primary-text)}
.spec-card dt{display:flex;align-items:center;gap:7px}
.spec-card dt .ico{width:16px;height:16px;flex:none;color:var(--primary-text)}
.spec .is-mark{background:color-mix(in oklab,var(--brand) 6%,var(--surface))}
.spec-head .is-mark{background:color-mix(in oklab,var(--brand) 12%,var(--bg-2));box-shadow:inset 0 3px 0 var(--brand)}
.spec-v{font-weight:600;color:var(--text)}
.spec-cards{display:none}

/* register cards */
.reg{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:14px}
.reg-c{display:flex;flex-direction:column;gap:8px;min-width:0;padding:18px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg)}
.reg-c.is-you{border-color:var(--brand);box-shadow:inset 0 3px 0 var(--brand)}
.reg-cty{display:inline-flex;align-items:center;gap:5px}
.reg-cty .ico{width:15px;height:15px;color:var(--primary-text)}
.reg-name .ico{width:18px;height:18px;margin-inline-end:6px;vertical-align:-3px;color:var(--text-faint)}
.reg-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0;font-size:13px;color:var(--text-faint);font-weight:600}
.reg-top em{font-style:normal;padding:2px 9px;border-radius:var(--pill);background:var(--primary-soft);color:var(--primary-text);font-size:12px;white-space:nowrap}
.reg-name{font-family:var(--font-latin);font-size:15.5px;line-height:1.6;text-align:right;overflow-wrap:anywhere}
html[dir=ltr] .reg-name{text-align:left}
.reg dl{margin:0;display:grid;gap:4px}
.reg dl div{display:flex;flex-wrap:wrap;gap:4px 8px;font-size:14px;line-height:1.75}
.reg dt{color:var(--text-faint)}
.reg dd{margin:0;font-weight:600;min-width:0;overflow-wrap:anywhere}
.reg-scope{margin:auto 0 0;padding-block-start:8px;border-block-start:1px dashed var(--border-strong);font-size:14px;line-height:1.85;color:var(--text-muted)}

/* side by side */
.vs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.vs-col{display:flex;flex-direction:column;min-width:0;padding:20px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg)}
.vs-col.is-b{border-color:var(--primary-line)}
.vs-t{display:grid;gap:2px;margin:0 0 8px}
.vs-t b{font-family:var(--font-latin);font-size:1.2rem;text-align:right}
html[dir=ltr] .vs-t b{text-align:left}
.vs-t small{font-size:13px;color:var(--text-faint)}
.vs dl{margin:0 0 12px;display:grid}
.vs dl div{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:10px;padding-block:9px;border-block-start:1px solid var(--border);font-size:14.5px;line-height:1.75}
.vs dt{display:flex;align-items:flex-start;gap:7px;color:var(--text-faint);font-weight:600}
.vs dt .ico{width:16px;height:16px;flex:none;margin-top:5px;color:var(--primary-text)}
.vs dd{margin:0;min-width:0;overflow-wrap:anywhere}
.vs-go{display:inline-flex;align-items:center;gap:6px;margin-block-start:auto;font-weight:700;color:var(--primary-text)}
.vs-go .ico{width:16px;height:16px}

/* guide index */
.index{list-style:none;margin:0;padding:0;display:grid;gap:0;border-block-start:1px solid var(--border)}
.index li{border-block-end:1px solid var(--border)}
.index a{display:grid;grid-template-columns:46px minmax(0,1fr) 20px;gap:14px;align-items:center;padding:12px 6px}
.index a:hover{background:var(--surface-2)}
.index a:hover .index-go{transform:translateX(-3px);color:var(--primary-text)}
html[dir=ltr] .index a:hover .index-go{transform:translateX(3px)}
.index-n{position:relative;width:46px;height:46px;display:grid;place-items:center;border-radius:12px;background:var(--primary-soft);color:var(--primary-text)}
.index-n .ico{width:22px;height:22px}
.index-n small{position:absolute;inset-block-end:-6px;inset-inline-end:-6px;min-width:22px;height:20px;padding:0 4px;display:grid;place-items:center;border-radius:var(--pill);background:var(--surface);border:1px solid var(--border-strong);font-size:10.5px;font-weight:700;color:var(--text-muted)}
.index a:hover .index-n{background:var(--brand);color:#fff}
.index-b{display:grid;gap:1px;min-width:0}
.index-b b{font-size:15.5px;line-height:1.7}
.index-b small{font-size:13.5px;line-height:1.7;color:var(--text-muted)}
.index-go{width:18px;height:18px;color:var(--text-faint);transition:transform .15s}
.index-2{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:28px;border-block-start:0}
.index-2 li:nth-child(-n+2){border-block-start:1px solid var(--border)}
.index-s a{padding-block:11px}

/* post cards */
.leaf{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.leaf a{display:flex;flex-direction:column;height:100%;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;transition:border-color .15s,transform .15s}
.leaf a:hover{border-color:var(--primary-line);transform:translateY(-2px)}
.leaf-img{display:grid;place-items:center;aspect-ratio:16/9;background:var(--bg-2);color:var(--text-faint);overflow:hidden}
.leaf-img img{width:100%;height:100%;object-fit:cover}
.leaf-b{display:grid;gap:6px;padding:14px 16px 18px}
.leaf-b small{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:var(--text-faint)}
.leaf-b small .ico{width:14px;height:14px}
.leaf-b b{font-family:var(--font-head);font-size:1.12rem;line-height:1.7}
.leaf-b>span{font-size:14px;line-height:1.85;color:var(--text-muted)}

/* faq + comments */
.faq{max-width:none;margin:0}
.faq details{border-radius:var(--radius)}
.faq summary{font-size:15.5px;line-height:1.7}

/* closing band */
.close-b{background:var(--brand);color:#fff;padding-block:52px;border-block-start:6px double rgba(255,255,255,.3)}
.close-b-in{display:flex;align-items:center;justify-content:space-between;gap:24px 40px;flex-wrap:wrap}
.close-b-in>div{min-width:0;max-width:680px}
.close-b h2{font-size:clamp(1.45rem,3vw,2rem);line-height:1.6;margin:0 0 8px;color:#fff}
.close-b p{margin:0;color:rgba(255,255,255,.86);line-height:1.9}
.close-b .close-b-note{margin-block-start:10px;font-size:13px;color:rgba(255,255,255,.7)}
.close-b .btn-primary{background:#fff;color:var(--brand)}
.close-b .btn-primary:hover{background:#eef1fb;color:var(--brand)}
.close-b .btn-ghost{border-color:rgba(255,255,255,.5);color:#fff}
.close-b .btn-ghost:hover{background:rgba(255,255,255,.1)}

/* footer */
.ft{background:var(--bg-2);border-block-start:1px solid var(--border);padding-block:48px 22px;color:var(--text-muted);font-size:14.5px}
.ft-grid{display:grid;grid-template-columns:minmax(0,1.4fr) repeat(3,minmax(0,1fr));gap:28px}
.ft-brand p{margin:12px 0 0;line-height:1.95}
.ft-col h4{font-family:var(--font-rtl);font-size:14.5px;margin:4px 0 10px;color:var(--text)}
.ftr-menu{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.ftr-menu a{color:var(--text-muted)}
.ftr-menu a:hover{color:var(--primary-text)}
.ft-legal{display:grid;gap:10px;margin-block-start:30px;padding:16px 18px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);font-size:13px;line-height:1.95}
.ft-legal p{display:flex;gap:9px;align-items:flex-start;margin:0}
.ft-legal .ico{width:16px;height:16px;flex:none;margin-top:4px;color:var(--primary-text)}
.ft-end{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-block-start:18px;font-size:13px;color:var(--text-faint)}
.ft-act{display:inline-flex;align-items:center;gap:12px}
.to-top{display:inline-flex;align-items:center;gap:6px;font-weight:600}
.to-top .up{transform:rotate(-90deg)}

/* phone sizes */
@media(max-width:1000px){
  .hero-a-in{grid-template-columns:minmax(0,1fr);gap:28px}
  .hero-a.has-photo{background-position:20% 0;background-size:auto 520px}
  .hero-a.has-photo::before{background:linear-gradient(180deg,color-mix(in oklab,var(--bg-2) 66%,transparent) 0,color-mix(in oklab,var(--bg-2) 88%,transparent) 240px,var(--bg-2) 460px)}
  .strip{grid-template-columns:repeat(2,minmax(0,1fr))}
  .src{grid-template-columns:minmax(0,1fr);gap:22px}
  .body.has-rail{grid-template-columns:minmax(0,1fr);max-width:var(--read);gap:14px}
  .rail{position:static}
  .rail-box:not([open]) ol{display:none}
  .ft-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ft-brand{grid-column:1/-1}
  .leaf{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
  :root{--section-y:52px;--hdr-h:62px}
  .hero-a{padding-block:34px 20px}
  .spec{display:none}
  .spec-cards{display:grid;gap:12px}
  .spec-card{padding:16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg)}
  .spec-card.is-mark{border-color:var(--brand);box-shadow:inset 0 3px 0 var(--brand)}
  .spec-card-t{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin:0 0 4px}
  .spec-card-t b{font-size:1.15rem}
  .spec-card-t small{font-size:12.5px;color:var(--text-faint)}
  .spec-card-d{margin:0 0 6px;font-size:14px;line-height:1.85;color:var(--text-muted)}
  .spec-card dl{margin:0;display:grid}
  .spec-card dl div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;padding-block:8px;border-block-start:1px solid var(--border);font-size:14.5px;line-height:1.7}
  .spec-card dt{color:var(--text-faint)}
  .spec-card dd{margin:0;font-weight:600;overflow-wrap:anywhere}
  .vs{grid-template-columns:minmax(0,1fr)}
  .index-2{grid-template-columns:minmax(0,1fr)}
  .index-2 li:nth-child(2){border-block-start:0}
  .leaf{grid-template-columns:minmax(0,1fr)}
  .close-b-in .cta-row{width:100%}
  .prose{padding:18px 16px}
  .prose table.stack thead{display:none}
  .prose table.stack,.prose table.stack tbody,.prose table.stack tr,.prose table.stack td{display:block;width:100%}
  .prose table.stack tr{margin-block-end:12px;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}
  .prose table.stack td{border:0;border-block-start:1px solid var(--border);display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:10px}
  .prose table.stack td:first-child{border-block-start:0;background:var(--bg-2);font-weight:700}
  .prose table.stack td::before{content:attr(data-h);color:var(--text-faint);font-weight:600}
  .ft-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
}
@media(max-width:420px){
  .facts-row{grid-template-columns:30px minmax(0,1fr);gap:2px 10px}
  .facts-row dd{grid-column:2}
  .facts-ico{width:30px;height:30px}
  .strip{grid-template-columns:minmax(0,1fr)}
  .ft-grid{grid-template-columns:minmax(0,1fr)}
  .cta-row .btn{flex:1 1 auto}
  .hd-in{gap:10px}
  .chip{padding-inline:10px}
}