/* Jikji Labs — shared letterpress styles */
:root{
  --paper:#f6f6f2;
  --paper-deep:#e8ebe7;
  --ink:#1d1a16;
  --ink-soft:#4a443c;
  --ink-faint:#746d63;
  --vermilion:#c0392b;
  --vermilion-deep:#9a2c20;
  --gold:#8a6a1f;
  --blue:#315665;
  --green:#355947;
  --white:#fffefa;
  --line:#cbd0cb;
  --card:#fffefa;
  --code-bg:#211d18;
  --code-fg:#e8e0d2;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  font-family:'Noto Sans KR',-apple-system,'Segoe UI',sans-serif;
  background:var(--paper);
  color:var(--ink);
  line-height:1.7;
  font-size:16px;
}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:fixed;top:8px;left:8px;z-index:1000;padding:10px 14px;background:var(--ink);color:var(--white);transform:translateY(-160%);text-decoration:none;border-radius:4px}
.skip-link:focus{transform:translateY(0)}
:focus-visible{outline:3px solid #2d7189;outline-offset:3px}
.serif{font-family:'Noto Serif KR',Georgia,serif}
.mono{font-family:'JetBrains Mono',ui-monospace,monospace}
a{color:var(--vermilion-deep)}
.mono,code{overflow-wrap:anywhere}
h1,h2,h3,h4,p,li,td,th{min-width:0;overflow-wrap:anywhere}

.wrap{max-width:1080px;margin:0 auto;padding:0 24px}
.narrow{max-width:820px}

/* header */
header{
  position:sticky;top:0;z-index:50;
  background:rgba(246,246,242,.94);
  backdrop-filter:blur(8px);
  border-bottom:1px solid var(--line);
}
.nav{display:flex;align-items:center;gap:24px;min-height:64px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink)}
.brand .seal{
  width:32px;height:32px;border:2px solid var(--vermilion);
  display:flex;align-items:center;justify-content:center;
  font-family:'Noto Serif KR',serif;font-weight:700;color:var(--vermilion);
  font-size:15px;border-radius:4px;
}
.brand b{font-family:'Noto Serif KR',serif;font-size:19px;letter-spacing:.04em}
.nav-links{display:flex;align-items:center;justify-content:flex-end;gap:18px;margin-left:auto}
.nav-links a{color:var(--ink-soft);text-decoration:none;font-size:14px}
.nav-links a:hover,.nav-links a.active{color:var(--vermilion)}
.nav-links a[aria-current="page"]{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:6px}
.nav-actions{display:flex;align-items:center;gap:8px;flex:0 0 auto}
.lang-label{font-family:'Noto Serif KR',serif;color:var(--vermilion-deep);font-weight:700}
.lang-sel{
  width:118px;height:36px;border:1px solid var(--line);border-radius:4px;
  background:var(--white);color:var(--ink);padding:0 28px 0 10px;font:13px 'Noto Sans KR',sans-serif;
}
.nav-toggle{display:none;width:40px;height:40px;border:1px solid var(--line);border-radius:4px;background:var(--white);padding:9px;cursor:pointer}
.nav-toggle span{display:block;height:2px;background:var(--ink);margin:4px 0}
/* hero */
.hero{padding:92px 0 64px;text-align:center;position:relative;overflow:hidden}
.hero.compact{padding:64px 0 40px;text-align:left;background:#f9faf7;border-bottom:1px solid var(--line)}
.hero.home-hero{
  min-height:clamp(560px,72vh,650px);display:flex;align-items:center;text-align:left;
  background:#171512 url('jikji-hero.png') center center/cover no-repeat;color:#fffdf8;
}
.hero.home-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(14,16,15,.88) 0%,rgba(14,16,15,.64) 48%,rgba(14,16,15,.12) 78%)}
.hero.home-hero .wrap{position:relative;z-index:1}
.hero.home-hero .wrap{width:100%}
.hero.home-hero .kicker{color:#f0c9c2;border-color:#d36b5e}
.hero.home-hero h1{font-size:clamp(54px,8vw,88px);line-height:1.02}
.hero-offer{font-family:'Noto Serif KR',serif;font-size:clamp(24px,3.2vw,38px);line-height:1.25;max-width:620px;margin-top:10px}
.hero.home-hero .sub{margin-left:0;color:#e8e0d2;max-width:650px;text-shadow:0 1px 2px #000}
.hero.home-hero .cta{justify-content:flex-start}
.hero.home-hero .btn-primary{background:#fffdf8;color:#1d1a16}
.hero.home-hero .btn-ghost{border-color:#fffdf8;color:#fffdf8;background:rgba(29,26,22,.38)}
.hero.home-hero .typebar{justify-content:flex-start;max-width:800px}
.hero.home-hero .typebar span{color:#e8e0d2;border-color:#6d655b;background:rgba(29,26,22,.72)}
.hero.home-hero .topnote{margin-left:0;color:#c9c0b4;text-shadow:0 1px 2px #000}
.kicker{
  display:inline-block;font-size:13px;letter-spacing:.12em;text-transform:uppercase;
  color:var(--vermilion);border:1px solid var(--vermilion);
  padding:4px 14px;border-radius:20px;margin-bottom:26px;
}
.hero h1{
  font-family:'Noto Serif KR',serif;font-size:clamp(32px,5.2vw,56px);
  font-weight:700;line-height:1.25;letter-spacing:0;
}
.hero.compact h1{font-size:clamp(30px,4.4vw,46px)}
.hero h1 .accent{color:var(--vermilion)}
.hero .sub{
  max-width:700px;margin:24px auto 0;color:var(--ink-soft);
  font-size:clamp(16px,2vw,19px);
}
.hero.compact .sub{margin-left:0}
.detail-hero-media{max-width:1180px;margin:32px auto 52px;padding:0 24px}
.detail-hero-media img{display:block;width:100%;height:auto;aspect-ratio:1600/666;object-fit:cover;object-position:center;border-radius:4px;box-shadow:0 14px 32px rgba(29,26,22,.1)}
.hero .cta{margin-top:36px;display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.hero.compact .cta{justify-content:flex-start}
.btn{
  display:inline-block;text-decoration:none;border-radius:6px;
  padding:12px 26px;font-size:15px;font-weight:500;transition:transform .15s;
}
.btn:hover{transform:translateY(-1px)}
.btn-primary{background:var(--ink);color:var(--paper)}
.btn-ghost{border:1.5px solid var(--ink);color:var(--ink)}
.typebar{margin-top:56px;display:flex;justify-content:center;gap:6px;flex-wrap:wrap}
.topnote{
  margin-top:30px;font-size:13px;color:var(--ink-faint);
  max-width:620px;margin-left:auto;margin-right:auto;
}
.typebar span{
  font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--ink-faint);
  border:1px solid var(--line);background:var(--card);
  padding:4px 10px;border-radius:3px;letter-spacing:.05em;
}

/* breadcrumb / page subnav */
.crumb{font-size:12.5px;color:var(--ink-faint);letter-spacing:.04em;margin-bottom:18px}
.crumb a{color:var(--ink-faint);text-decoration:none}
.crumb a:hover{color:var(--vermilion)}

/* sections */
section{padding:72px 0}
section.alt{background:var(--paper-deep)}
section.tight{padding:48px 0}
section.rule{border-top:4px double var(--line);background:#f0f3f1}
.sec-head{max-width:740px;margin-bottom:42px}
.sec-head .tag{
  font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);
  font-weight:700;display:block;margin-bottom:10px;
}
.sec-head h2{font-family:'Noto Serif KR',serif;font-size:clamp(25px,3.2vw,34px);line-height:1.3}
.sec-head p{margin-top:14px;color:var(--ink-soft)}

.prose{max-width:760px}
.prose p{color:var(--ink-soft);margin-bottom:16px}
.prose p b{color:var(--ink)}
.prose h3{font-family:'Noto Serif KR',serif;font-size:21px;margin:34px 0 12px}
.prose ul{margin:0 0 18px 0;padding-left:0;list-style:none}
.prose ul li{
  position:relative;padding-left:26px;margin-bottom:10px;color:var(--ink-soft);font-size:15px;
}
.prose ul li::before{
  content:"直";position:absolute;left:0;top:0;color:var(--vermilion);
  font-family:'Noto Serif KR',serif;font-size:13px;opacity:.55;
}
.prose code,.inline-code{
  font-family:'JetBrains Mono',monospace;font-size:.86em;background:var(--paper-deep);
  padding:1px 6px;border-radius:3px;color:var(--vermilion-deep);
}

/* story */
.story{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center}
.story-plate{
  background:var(--code-bg);color:var(--code-fg);border-radius:10px;
  padding:36px;font-family:'Noto Serif KR',serif;text-align:center;
  box-shadow:0 18px 40px rgba(29,26,22,.18);
}
.story-plate .big{font-size:54px;font-weight:700;letter-spacing:.1em;color:#f0e6d2}
.story-plate .year{
  font-family:'JetBrains Mono',monospace;font-size:15px;color:var(--gold);
  margin-top:10px;letter-spacing:.3em;
}
.story-plate .cap{font-size:13px;color:#9a9183;margin-top:16px;font-family:'Noto Sans KR',sans-serif}
.story p{color:var(--ink-soft);margin-bottom:14px}
.story p b{color:var(--ink)}

/* grids + cards */
.grid{display:grid;gap:20px}
.grid>*{min-width:0}
.grid.cols2{grid-template-columns:repeat(2,1fr)}
.grid.cols3{grid-template-columns:repeat(3,1fr)}
.card{
  background:var(--card);border:1px solid var(--line);border-radius:8px;
  padding:26px;transition:box-shadow .2s,border-color .2s;
}
.card:nth-child(3n+1){border-top-color:var(--vermilion)}
.card:nth-child(3n+2){border-top-color:var(--blue)}
.card:nth-child(3n+3){border-top-color:var(--green)}
.card:hover{box-shadow:0 10px 28px rgba(29,26,22,.08);border-color:#cabfa9}
.card .num{
  font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--vermilion);
  letter-spacing:.15em;display:block;margin-bottom:12px;
}
.card h3{font-family:'Noto Serif KR',serif;font-size:18px;margin-bottom:10px;line-height:1.4}
.card p{font-size:14px;color:var(--ink-soft)}
.card p code,.card li code{
  font-family:'JetBrains Mono',monospace;font-size:12px;background:var(--paper-deep);
  padding:1px 6px;border-radius:3px;color:var(--vermilion-deep);
}
.card .more{display:inline-block;margin-top:14px;font-size:13px;color:var(--vermilion-deep);text-decoration:none;font-weight:600}
.card .more:hover{text-decoration:underline}
.card ul{margin:10px 0 0;padding-left:0;list-style:none}
.card ul li{position:relative;padding-left:18px;margin-bottom:7px;font-size:13.5px;color:var(--ink-soft)}
.card ul li::before{content:"·";position:absolute;left:4px;color:var(--vermilion);font-weight:700}

/* modules */
.mods{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.mod{
  background:var(--card);border:1px solid var(--line);border-radius:8px;padding:18px;
}
.mod .name{
  font-family:'JetBrains Mono',monospace;font-weight:600;font-size:14px;color:var(--ink);
  display:flex;align-items:baseline;gap:8px;
}
.mod .gloss{font-size:11px;color:var(--gold)}
.mod p{font-size:12.5px;color:var(--ink-faint);margin-top:8px;line-height:1.55}

/* feature row (deep pages) */
.frow{display:grid;grid-template-columns:200px 1fr;gap:30px;padding:30px 0;border-top:1px solid var(--line)}
.frow:first-child{border-top:none}
.frow .flabel{font-family:'Noto Serif KR',serif;font-size:19px;line-height:1.35}
.frow .flabel .mono{display:block;font-size:12px;color:var(--gold);margin-top:6px;letter-spacing:.05em}
.frow .fbody p{color:var(--ink-soft);font-size:15px;margin-bottom:12px}
.frow .fbody ul{list-style:none;padding:0;margin:0}
.frow .fbody li{position:relative;padding-left:22px;margin-bottom:9px;font-size:14.5px;color:var(--ink-soft)}
.frow .fbody li::before{content:"›";position:absolute;left:4px;color:var(--vermilion);font-weight:700}
.frow .fbody code{font-family:'JetBrains Mono',monospace;font-size:12.5px;background:var(--paper-deep);padding:1px 6px;border-radius:3px;color:var(--vermilion-deep)}

/* spec table */
.spec{width:100%;border-collapse:collapse;font-size:14px;margin-top:6px;table-layout:fixed}
.spec th,.spec td{text-align:left;padding:12px 14px;border-bottom:1px solid var(--line);vertical-align:top}
.spec th{font-family:'JetBrains Mono',monospace;font-size:13px;color:var(--ink);white-space:nowrap;width:170px}
.spec td{color:var(--ink-soft)}
.spec td code,.spec th code{font-family:'JetBrains Mono',monospace;font-size:12.5px;color:var(--vermilion-deep)}
.spec td{overflow-wrap:anywhere}

/* callout */
.callout{
  border:1px dashed var(--line);border-radius:8px;background:var(--card);
  padding:18px 22px;font-size:14px;color:var(--ink-soft);margin-top:8px;
}
.callout b{color:var(--ink)}
.freelist{list-style:none;margin:10px 0 0;padding:0}
.freelist li{position:relative;padding-left:20px;margin-bottom:8px;font-size:14px;color:var(--ink-soft);line-height:1.55}
.freelist li::before{content:"›";position:absolute;left:3px;color:var(--vermilion);font-weight:700}
.freelist b{color:var(--ink)}

/* protocol strip */
.protos{display:flex;gap:14px;flex-wrap:wrap;margin-top:8px}
.proto{
  background:var(--card);border:1px solid var(--line);border-radius:8px;
  padding:16px 22px;flex:1;min-width:200px;
}
.proto .p-name{font-family:'JetBrains Mono',monospace;font-weight:600;font-size:14px;color:var(--vermilion-deep)}
.proto p{font-size:13px;color:var(--ink-soft);margin-top:6px}

/* code block */
.code-block{
  background:var(--code-bg);color:var(--code-fg);border-radius:10px;
  padding:26px 28px;font-family:'JetBrains Mono',monospace;font-size:13.5px;
  line-height:1.9;overflow-x:auto;box-shadow:0 14px 34px rgba(29,26,22,.18);
}
.code-block .c{color:#857c6d}
.code-block .cmd{color:#e8e0d2}
.code-block .cmd::before{content:"$ ";color:var(--gold)}

/* preformatted code/config blocks */
pre.code-block{
  background:var(--code-bg);color:var(--code-fg);border-radius:10px;
  padding:24px 26px;font-family:'JetBrains Mono',monospace;font-size:13px;
  line-height:1.75;overflow-x:auto;box-shadow:0 14px 34px rgba(29,26,22,.18);
  white-space:pre;tab-size:2;
}
pre.code-block .c{color:#857c6d}
pre.code-block .k{color:#d9a441}
pre.code-block .s{color:#9ec98a}
pre.code-block .p{color:#c98a6a}
.code-cap{font-size:12.5px;color:var(--ink-faint);margin:0 0 10px;letter-spacing:.03em}
.code-cap .mono{color:var(--vermilion-deep)}

/* loop diagram */
.loop-dia{display:flex;align-items:stretch;gap:0;flex-wrap:wrap;margin-top:8px}
.loop-dia .node{
  flex:1;min-width:130px;background:var(--card);border:1px solid var(--line);
  border-radius:10px;padding:16px 14px;text-align:center;position:relative;
}
.loop-dia .node:nth-of-type(4n+1){border-top:3px solid var(--vermilion)}
.loop-dia .node:nth-of-type(4n+3){border-top:3px solid var(--blue)}
.loop-dia .node .t{font-family:'JetBrains Mono',monospace;font-size:13px;color:var(--vermilion-deep);font-weight:600}
.loop-dia .node .d{font-size:12px;color:var(--ink-faint);margin-top:5px;line-height:1.5}
.loop-dia .arr{display:flex;align-items:center;justify-content:center;color:var(--gold);font-size:20px;padding:0 6px}
.loop-back{text-align:center;font-size:12.5px;color:var(--ink-faint);margin-top:12px}
.loop-back .mono{color:var(--vermilion-deep)}

/* stat band */
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;text-align:center}
.stat{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:24px 16px}
.stat .n{font-family:'Noto Serif KR',serif;font-size:34px;font-weight:700;color:var(--vermilion);line-height:1}
.stat .l{font-size:13px;color:var(--ink-soft);margin-top:8px}

/* page nav (next/prev deep pages) */
.pagenav{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:8px}
.pagenav a{
  flex:1;min-width:240px;background:var(--card);border:1px solid var(--line);border-radius:10px;
  padding:18px 22px;text-decoration:none;transition:border-color .2s,box-shadow .2s;
}
.pagenav a:hover{border-color:#cabfa9;box-shadow:0 10px 28px rgba(29,26,22,.08)}
.pagenav .dir{font-size:12px;color:var(--ink-faint);letter-spacing:.1em;text-transform:uppercase}
.pagenav .lbl{font-family:'Noto Serif KR',serif;font-size:17px;color:var(--ink);margin-top:4px}

/* footer */
footer{border-top:1px solid var(--line);padding:44px 0;background:var(--paper-deep)}
.foot{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:24px}
.foot .small{font-size:13px;color:var(--ink-faint)}
.foot-cols{display:flex;gap:48px;flex-wrap:wrap}
.foot-col h4{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:12px;font-weight:700}
.foot-col a{display:block;color:var(--ink-soft);text-decoration:none;font-size:13px;margin-bottom:8px}
.foot-col a:hover{color:var(--vermilion)}
.dev-note{
  margin-top:52px;border:1px dashed var(--line);border-radius:8px;
  padding:16px 22px;font-size:13px;color:var(--ink-faint);background:var(--card);
}
.english-notice{max-width:1080px;margin:18px auto 0;padding:12px 24px;border-left:4px solid var(--gold);background:#fffefa;color:var(--ink-soft);font-size:13px}
[hidden]{display:none!important}

/* Evidence-led example showcase */
.proof-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:28px;align-items:start}
.proof-lead{border-left:4px solid var(--vermilion);padding-left:24px}
.proof-lead h3{font-family:'Noto Serif KR',serif;font-size:clamp(22px,3vw,30px);line-height:1.35}
.proof-lead p{color:var(--ink-soft);margin-top:14px}
.proof-cta{margin-top:24px}
.evidence-list{border-top:1px solid var(--line)}
.evidence-item{display:grid;grid-template-columns:112px 1fr;gap:18px;padding:17px 0;border-bottom:1px solid var(--line)}
.evidence-item .status{font:600 11px 'JetBrains Mono',monospace;color:var(--green);text-transform:uppercase}
.evidence-item h4{font:600 16px 'Noto Serif KR',serif;margin-bottom:4px}
.evidence-item p{font-size:13px;color:var(--ink-faint)}
.example-ledger{width:100%;border-collapse:collapse;margin-top:28px}
.example-ledger th,.example-ledger td{padding:14px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.example-ledger th{font:600 11px 'JetBrains Mono',monospace;color:var(--ink-faint);text-transform:uppercase}
.example-ledger td{font-size:14px;color:var(--ink-soft)}
.example-ledger a{font-weight:600;text-decoration:none}
.example-ledger code{font-size:12px}

/* Explanatory process plates shared by detail pages */
.process-plate{margin-top:30px;padding:28px;border:1px solid var(--line);border-radius:6px;background:var(--white);box-shadow:0 12px 30px rgba(29,26,22,.07)}
.process-plate .plate-title{display:flex;justify-content:space-between;gap:20px;padding-bottom:16px;border-bottom:3px double var(--line);font:600 13px 'JetBrains Mono',monospace;color:var(--ink-soft)}
.process-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:22px;counter-reset:stage}
.process-step{position:relative;min-width:0;padding-top:28px;counter-increment:stage}
.process-step::before{content:"0" counter(stage);position:absolute;top:0;left:0;font:600 11px 'JetBrains Mono',monospace;color:var(--vermilion)}
.process-step:not(:last-child)::after{content:"→";position:absolute;right:-17px;top:40px;color:var(--gold)}
.process-step b{display:block;font:600 15px 'Noto Serif KR',serif;overflow-wrap:anywhere}
.process-step span{display:block;margin-top:5px;font-size:12px;color:var(--ink-faint);line-height:1.5}
.plate-caption{margin-top:20px;padding-top:14px;border-top:1px solid var(--line);font-size:12px;color:var(--ink-faint)}

/* Operations runbooks */
.runbook-index{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:3px double var(--line);border-bottom:1px solid var(--line)}
.runbook-index a{padding:14px 12px;border-bottom:1px solid var(--line);color:var(--blue);font-size:13px;text-decoration:none}
.runbook-index a:hover{background:var(--white);color:var(--vermilion-deep)}
.runbooks{padding-top:24px;padding-bottom:72px}
.runbook-entry{display:grid;grid-template-columns:310px 1fr;gap:38px;padding:38px 0;border-bottom:1px solid var(--line);scroll-margin-top:84px}
.runbook-entry:first-child{border-top:1px solid var(--line)}
.runbook-entry h2{font:600 18px 'Noto Serif KR',serif;overflow-wrap:anywhere}
.runbook-entry p{color:var(--ink-soft);margin-bottom:12px}
.runbook-entry code{font:12px 'JetBrains Mono',monospace;color:var(--vermilion-deep);overflow-wrap:anywhere}
.runbook-severity{display:block;margin-bottom:8px;font:600 10px 'JetBrains Mono',monospace;text-transform:uppercase;color:var(--green)}

@media(max-width:880px){
  .grid.cols3{grid-template-columns:1fr 1fr}
  .mods{grid-template-columns:1fr 1fr}
  .story{grid-template-columns:1fr}
  .frow{grid-template-columns:1fr;gap:12px}
  .frow .flabel .mono{display:inline-block;margin-left:8px;margin-top:0}
  .stats{grid-template-columns:1fr 1fr}
  .loop-dia .arr{transform:rotate(90deg)}
  .loop-dia .node{flex-basis:100%}
  .proof-grid{grid-template-columns:1fr}
  .process-flow{grid-template-columns:1fr 1fr}
  .process-step:nth-child(2)::after{display:none}
  .runbook-index{grid-template-columns:1fr 1fr}
  .runbook-entry{grid-template-columns:1fr;gap:12px}
}
@media(max-width:1080px){
  .nav{position:relative;min-height:60px}
  .nav-toggle{display:block}
  .nav-links{display:none;position:absolute;left:16px;right:16px;top:calc(100% + 1px);margin:0;padding:12px;background:var(--white);border:1px solid var(--line);box-shadow:0 16px 30px rgba(29,26,22,.14);flex-direction:column;align-items:stretch;max-height:calc(100dvh - 61px);overflow-y:auto;overscroll-behavior:contain}
  .nav-links.is-open{display:flex}
  .nav-links a{display:block;padding:8px 10px}
}
@media(max-width:560px){
  .wrap{padding-left:16px;padding-right:16px}
  .nav{gap:10px}
  .grid.cols2,.grid.cols3,.mods{grid-template-columns:1fr}
  .spec th{width:34%;white-space:normal;overflow-wrap:anywhere}
  .hero.home-hero{background-position:58% center;min-height:620px;padding:58px 0 46px}
  .hero.home-hero::before{background:rgba(14,16,15,.68)}
  .detail-hero-media{margin:22px auto 36px;padding:0 16px}
  .lang-label{display:none}
  .lang-sel{width:138px}
  .process-flow{grid-template-columns:1fr}
  .process-step:not(:last-child)::after{content:"↓";right:auto;left:50%;top:auto;bottom:-21px}
  .process-step:nth-child(2)::after{display:block}
  .evidence-item{grid-template-columns:1fr;gap:4px}
  .example-ledger{display:block;overflow-x:auto}
}
@media(max-width:350px){
  .lang-sel{width:104px}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .btn,.card{transition:none}
}