/* za24.info — "Tầm với": aerial-work-platform operator's manual. Graphite + hi-vis orange on manual paper, manual-blue line work. */
:root{
  --paper:#F1F0EA;--sheet:#FBFAF6;--ink:#1A1F22;--ink2:#2B3236;--steel:#58636A;--line:#CBCDC3;--grid:#DDE1D8;
  --hv:#E8641F;--hv-d:#B5400C;--blue:#25557F;--blue-l:#DCE6EE;--amber:#F3C21F;--night:#14191B;--night2:#20272A;
  --red:#B42318;--green:#1E7A4A;
  --f-d:"Hubot Sans","Arial Narrow",Arial,sans-serif;--f-b:"Fira Sans",system-ui,-apple-system,"Segoe UI",sans-serif;--f-m:"Reddit Mono",ui-monospace,Consolas,monospace;
  --gut:clamp(16px,4vw,40px);
  /* tokens read by the game runtime */
  --primary:#1A1F22;--primary-contrast:#FBFAF6;--accent:#E8641F;--surface:#FBFAF6;--surface-2:#F1F0EA;--text:#1A1F22;--heading:#1A1F22;--muted:#58636A;--border:#CBCDC3;
  --font-head:"Hubot Sans","Arial Narrow",sans-serif;--font-body:"Fira Sans",system-ui,sans-serif;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;background:var(--paper)}
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
body{margin:0;background:var(--paper);color:var(--ink);font:400 17px/1.7 var(--f-b);overflow-x:hidden}
img,svg{display:block;max-width:100%}
a{color:var(--blue);text-underline-offset:3px;text-decoration-thickness:1.5px}
a:hover{color:var(--hv-d)}
:focus-visible{outline:3px solid var(--blue);outline-offset:2px}
.status :focus-visible,.deck :focus-visible,.ftr :focus-visible,.placard :focus-visible,.side-demo :focus-visible{outline-color:var(--amber)}
h1,h2,h3{font-family:var(--f-d);color:var(--ink);text-wrap:balance}
p{margin:0 0 1em}
.wrap{width:100%;max-width:1240px;margin-inline:auto;padding-inline:var(--gut)}
.skip{position:absolute;left:8px;top:-80px;z-index:100;background:var(--ink);color:var(--sheet);padding:12px 16px;font:600 15px/1.2 var(--f-b);text-decoration:none}
.skip:focus{top:8px}

/* ---------- buttons ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:10px 20px;border:2px solid var(--ink);border-radius:2px;font:700 16px/1.2 var(--f-b);text-decoration:none;text-align:center;cursor:pointer;transition:background .15s,color .15s,transform .15s}
.btn-lg{min-height:56px;padding:12px 24px;font-size:17px}
.btn-hv{background:var(--hv);color:var(--ink);box-shadow:inset 0 -4px 0 rgba(0,0,0,.16)}
.btn-hv:hover{background:#F07632;color:var(--ink)}
.btn-line{background:transparent;color:var(--ink)}
.btn-line:hover{background:var(--ink);color:var(--sheet)}
.btn-ink{background:var(--hv);color:var(--ink);border-color:var(--hv)}
.btn-ink:hover{background:#F07632;color:var(--ink)}
.btn:active{transform:translateY(1px)}

/* ---------- header: status strip + data plate bar ---------- */
.hdr{position:relative;z-index:20}
.status{background:var(--night);color:#D3D8D0}
.status-in{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px}
.st-badge{margin:0;display:flex;align-items:center;gap:10px;font:500 12.5px/1.3 var(--f-m);letter-spacing:.02em;min-width:0}
.beacon{flex:none;width:10px;height:10px;border-radius:50%;background:var(--amber);box-shadow:0 0 0 3px rgba(243,194,31,.18)}
@media (prefers-reduced-motion:no-preference){.beacon{animation:beacon 2.4s ease-in-out infinite}}
@keyframes beacon{0%,100%{box-shadow:0 0 0 3px rgba(243,194,31,.18)}50%{box-shadow:0 0 0 7px rgba(243,194,31,.06),0 0 10px 2px rgba(243,194,31,.5)}}
.lsw{display:flex;flex:none}
@media (max-width:420px){.st-badge{font-size:11.5px;letter-spacing:0;gap:8px}}
.lsw a{display:grid;place-items:center;min-width:44px;min-height:44px;padding:0 8px;color:#D3D8D0;text-decoration:none;font:700 13px/1 var(--f-m);border-left:1px solid #2E363A}
.lsw a:last-child{border-right:1px solid #2E363A}
.lsw a:hover{color:#fff;background:#232A2D}
.lsw a[aria-current]{background:var(--hv);color:var(--ink)}
.bar{background:var(--sheet);border-bottom:2px solid var(--ink)}
.bar-in{display:flex;align-items:center;gap:16px;min-height:72px}
.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);flex:none;min-height:48px}
.mk{width:40px;height:40px;flex:none}
.plate{display:grid;gap:1px;padding:4px 10px 5px;border:1px solid #9CA29D;border-radius:3px;background:linear-gradient(170deg,#EEF0EC 0%,#D4D8D2 55%,#E4E7E2 100%);box-shadow:inset 0 1px 0 #fff,inset 0 -1px 0 rgba(0,0,0,.12)}
.plate-n{font:900 22px/1 var(--f-d);font-stretch:125%;letter-spacing:.01em;color:var(--ink)}
.plate-s{font:500 10.5px/1.1 var(--f-m);letter-spacing:.12em;color:#4A545A;text-transform:uppercase}
.menu-btn{margin-left:auto;display:inline-flex;align-items:center;gap:10px;min-height:46px;min-width:46px;padding:0 14px;border:0;border-radius:2px;background:var(--ink);color:var(--sheet);font:700 14px/1 var(--f-m);cursor:pointer}
.mb-i{display:grid;gap:4px;width:20px}
.mb-i i{display:block;height:3px;background:var(--hv);border-radius:1px;transition:transform .2s,opacity .2s}
.hdr.is-open .mb-i i:nth-child(1){transform:translateY(7px) rotate(45deg)}
.hdr.is-open .mb-i i:nth-child(2){opacity:0}
.hdr.is-open .mb-i i:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.nav{display:none;position:absolute;left:0;right:0;top:100%;background:var(--sheet);border-bottom:3px solid var(--ink);box-shadow:0 18px 30px -18px rgba(20,25,27,.5);padding:6px var(--gut) 18px}
.hdr.is-open .nav{display:block}
.nav ul{list-style:none;margin:0;padding:0}
.nav li{border-bottom:1px solid var(--line)}
.nav a{display:flex;align-items:center;gap:14px;min-height:52px;padding:6px 0;color:var(--ink);text-decoration:none;font:500 17px/1.3 var(--f-b)}
.nav .nx{flex:none;display:grid;place-items:center;width:34px;height:24px;font:700 12px/1 var(--f-m);color:var(--steel);border:1.5px solid var(--line);border-radius:2px}
.nav a[aria-current] .nx{background:var(--hv);border-color:var(--ink);color:var(--ink)}
.nav a[aria-current] .nl{font-weight:600}
.nav a:hover .nl{color:var(--hv-d)}
.nav-play{width:100%;margin-top:16px}
.bar-cta{display:none}
@media (min-width:600px){.bar-cta{display:inline-flex;margin-left:auto;min-height:46px;order:2}.menu-btn{margin-left:0;order:3}}
@media (min-width:1200px){
  .menu-btn{display:none}
  .nav{display:block;position:static;border:0;box-shadow:none;padding:0;background:none;margin-left:auto}
  .nav ul{display:flex;gap:2px}
  .nav li{border:0}
  .nav a{position:relative;gap:8px;min-height:72px;padding:0 10px;font-size:15px}
  .nav .nx{width:auto;height:auto;border:0;font-size:11px;padding:0}
  .nav a[aria-current] .nx{background:none;color:var(--hv-d)}
  .nav a::after{content:"";position:absolute;left:10px;right:10px;bottom:-2px;height:5px;background:var(--hv);transform:scaleX(0);transform-origin:left;transition:transform .2s}
  .nav a[aria-current]::after,.nav a:hover::after{transform:scaleX(1)}
  .nav .nav-play{display:none}
  .bar-cta{margin-left:10px}
}

/* ---------- home hero ---------- */
.hero{background:var(--paper);border-bottom:1.5px solid var(--line)}
.hero-in{display:grid;gap:36px;padding-block:40px 48px}
.kicker{display:flex;flex-wrap:wrap;align-items:center;gap:0 12px;margin:0 0 16px;font:700 13px/1.4 var(--f-m);color:var(--hv-d)}
.kicker span+span::before{content:"";display:inline-block;width:22px;height:1.5px;background:currentColor;vertical-align:middle;margin-right:12px}
.hero h1{margin:0 0 20px;font-weight:850;font-stretch:108%;font-size:clamp(2rem,1.2rem + 3.2vw,3.6rem);line-height:1.12;letter-spacing:-.012em}
.lead{font-size:1.15rem;line-height:1.65;color:var(--ink2);max-width:62ch}
.lead p{margin:0}
.acts{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0 24px}
.decals{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.decals li{position:relative;display:flex;align-items:center;min-height:40px;padding:6px 12px 6px 32px;background:var(--sheet);border:1.5px solid var(--ink);font:500 14.5px/1.3 var(--f-b)}
.decals li::before{content:"";position:absolute;left:11px;top:50%;width:11px;height:11px;margin-top:-5.5px;background:var(--hv);box-shadow:0 0 0 1.5px var(--ink)}
.sheet{position:relative;margin:0;background:var(--sheet);border:1.5px solid var(--ink);padding:14px 14px 0}
.sheet::before,.sheet::after{content:"";position:absolute;width:18px;height:18px;border:0 solid var(--hv-d)}
.sheet::before{top:-8px;left:-8px;border-top-width:2px;border-left-width:2px}
.sheet::after{bottom:-8px;right:-8px;border-bottom-width:2px;border-right-width:2px}
.chart{width:100%;height:auto}
.chart .env path{fill:rgba(37,85,127,.07);stroke:var(--blue);stroke-width:2;stroke-dasharray:7 5}
.chart .env .env2{fill:none;stroke-width:1.3;stroke-dasharray:2 6}
.chart .axis path{fill:none;stroke:var(--steel);stroke-width:1.5}
.chart .dim path{fill:none;stroke:var(--hv-d);stroke-width:1.5}
.chart .chassis{fill:var(--ink)}
.chart .wheel{fill:var(--ink);stroke:var(--sheet);stroke-width:3}
.chart .turret{fill:var(--ink2)}
.chart .boom{fill:none;stroke:var(--hv);stroke-width:17;stroke-linecap:round}
.chart .b1{stroke-width:20}
.chart .b3{stroke-width:10}
.chart .pin{fill:var(--sheet);stroke:var(--ink);stroke-width:3}
.chart .bk path{fill:none;stroke:var(--ink);stroke-width:3;stroke-linejoin:round}
.chart .decal{font:900 11px/1 var(--f-d);letter-spacing:.3em;fill:var(--ink);text-anchor:middle;dominant-baseline:middle}
.chart .arm,.chart .arm2{transform-box:view-box}
.chart .arm{transform-origin:152px 372px}
.chart .arm2{transform-origin:204px 246px}
@media (prefers-reduced-motion:no-preference){
  .chart .arm{animation:raise 2.2s cubic-bezier(.3,.7,.2,1) both}
  .chart .arm2{animation:reach 2.2s cubic-bezier(.3,.7,.2,1) both}
}
@keyframes raise{from{transform:rotate(16deg)}to{transform:none}}
@keyframes reach{from{transform:rotate(22deg)}to{transform:none}}
.tb{display:grid;grid-template-columns:1fr auto;margin:12px -14px 0;border-top:1.5px solid var(--ink);font:500 12px/1.2 var(--f-m);color:var(--steel)}
.tb span{padding:9px 14px}
.tb span+span{border-left:1.5px solid var(--ink)}
.tb span:first-child{font-weight:700;color:var(--ink);text-transform:uppercase;letter-spacing:.12em}
@media (min-width:600px) and (max-width:979px){.sheet{max-width:560px;width:100%;margin-inline:auto}}
@media (max-width:599px){.sheet{max-width:340px;margin-inline:auto;width:100%}.hero-in{gap:30px}}
@media (min-width:980px){.hero-in{grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:56px;align-items:center;padding-block:64px 72px}}

/* ---------- the deck: game in the platform basket ---------- */
.deck{background:var(--night);background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:32px 32px;padding-block:36px 52px;scroll-margin-top:8px}
.deck-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:6px 20px;margin-bottom:26px;color:#C9CEC7}
.dh-t{margin:0;font:850 clamp(1.4rem,1.1rem + 1.2vw,2rem)/1.15 var(--f-d);font-stretch:112%;color:var(--sheet)}
.dh-s{margin:0;font:500 13px/1.4 var(--f-m);color:#C3C9C1}
.basket{position:relative;container-type:inline-size;padding:0 12px;border-top:12px solid var(--hv);border-radius:6px 6px 0 0}
.basket::before{content:"";position:absolute;left:-4px;right:-4px;top:-14px;height:6px;border-radius:3px;background:#F07632}
.post{position:absolute;top:0;bottom:0;width:8px;background:linear-gradient(90deg,#C4520F,var(--hv) 45%,#C4520F)}
.post-l{left:0}.post-r{right:0}
.toe{display:flex;justify-content:space-between;gap:12px;margin:0 -12px;padding:8px 16px;background:var(--ink2);border-top:4px solid var(--hv);font:700 12px/1.2 var(--f-m);color:#C3C9C1;letter-spacing:.06em}
@media (max-width:420px){.deck .wrap{padding-inline:4px}.deck-head{padding-inline:12px}.basket{padding:0 5px}.post{width:5px}.toe{margin:0 -5px}}

/* ---------- inner page head ---------- */
.phead{background:var(--paper);background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:24px 24px;border-bottom:2px solid var(--ink);padding-block:10px 40px}
.crumbs ol{list-style:none;margin:0 0 14px;padding:0;display:flex;flex-wrap:wrap;align-items:center;font:500 13.5px/1.3 var(--f-m)}
.crumbs li{display:flex;align-items:center}
.crumbs li+li::before{content:"/";margin:0 10px;color:var(--steel)}
.crumbs a{display:inline-flex;align-items:center;min-height:44px;color:var(--blue)}
.crumbs span{color:var(--steel)}
.phead-g{display:grid;gap:24px;align-items:end}
.phead h1{margin:0 0 16px;font-weight:850;font-stretch:108%;font-size:clamp(1.85rem,1.15rem + 2.8vw,3.3rem);line-height:1.13;letter-spacing:-.01em;max-width:24ch}
.phead .lead{background:rgba(241,240,234,.88)}
.lvlplate{display:inline-grid;grid-template-columns:auto auto;align-items:center;gap:4px 14px;margin:0;justify-self:start;padding:12px 18px;background:var(--sheet);border:1.5px solid var(--ink);border-left:8px solid var(--hv)}
.lp-mast{display:none}
.lp-n{font:900 38px/1 var(--f-d);font-stretch:118%;font-variant-numeric:tabular-nums}
.lp-c{font:500 12.5px/1.3 var(--f-m);color:var(--steel);max-width:14ch}
@media (min-width:900px){
  .phead{padding-block:14px 56px}
  .phead-g{grid-template-columns:minmax(0,1fr) auto;gap:48px}
  .lvlplate{grid-template-columns:auto auto;grid-template-rows:auto auto;padding:18px 22px 18px 18px;justify-self:end}
  .lp-mast{display:grid;grid-row:1/3;gap:7px;padding:2px 12px;position:relative}
  .lp-mast::before{content:"";position:absolute;left:50%;top:0;bottom:0;width:3px;margin-left:-1.5px;background:var(--ink2)}
  .lp-mast i{position:relative;display:block;width:22px;height:5px;background:var(--line)}
  .lp-mast i:first-child{background:var(--hv);height:9px}
  .lp-n{font-size:64px}
}

/* ---------- body: mast rail + article ---------- */
.body{padding-block:28px 72px}
.body-in{display:grid;gap:28px}
.art{min-width:0;container-type:inline-size;max-width:780px}
.side{min-width:0}
.mast{background:var(--sheet);border:1.5px solid var(--ink)}
.mast summary{list-style:none;display:flex;align-items:center;gap:12px;min-height:54px;padding:6px 14px;cursor:pointer}
.mast summary::-webkit-details-marker{display:none}
.ms-t{font:800 17px/1.2 var(--f-d);font-stretch:108%}
.ms-c{font:700 12px/1 var(--f-m);padding:5px 7px;background:var(--ink);color:var(--sheet);border-radius:2px}
.ms-i{margin-left:auto;position:relative;width:16px;height:16px}
.ms-i::before,.ms-i::after{content:"";position:absolute;left:0;right:0;top:7px;height:2.5px;background:var(--hv-d);transition:transform .2s}
.ms-i::after{transform:rotate(90deg)}
.mast[open] .ms-i::after{transform:rotate(0)}
.mast ol{position:relative;list-style:none;margin:0;padding:6px 14px 14px 0;border-top:1.5px solid var(--line)}
.mast ol::before{content:"";position:absolute;left:24px;top:0;bottom:0;width:3px;background:var(--ink2)}
.mast ol::after{content:"";position:absolute;left:17px;top:0;bottom:0;width:17px;background:repeating-linear-gradient(180deg,var(--line) 0 1.5px,transparent 1.5px 12px);z-index:0}
.mast li{position:relative;z-index:1}
.mast a{display:grid;grid-template-columns:50px minmax(0,1fr);align-items:center;min-height:44px;padding:4px 0;color:var(--ink);text-decoration:none;font:400 15px/1.35 var(--f-b)}
.mast .tk{justify-self:center;display:grid;place-items:center;min-width:32px;height:24px;padding:0 4px;background:var(--sheet);border:1.5px solid var(--ink);border-radius:2px;font:700 11.5px/1 var(--f-m);transition:background .2s,min-width .2s}
.mast a:hover .tl{color:var(--hv-d)}
.mast a[aria-current] .tk{background:var(--hv);min-width:40px;box-shadow:0 -5px 0 -2px var(--sheet),0 -5px 0 0 var(--ink)}
.mast a[aria-current] .tl{font-weight:600}
.side-demo{display:none}
.sd-t{margin:0 0 8px;font:800 20px/1.2 var(--f-d);font-stretch:108%;color:var(--sheet)}
@media (min-width:1100px){
  .body{padding-block:48px 96px}
  .body-in{grid-template-columns:270px minmax(0,780px);gap:64px;justify-content:center}
  .side{position:sticky;top:18px;align-self:start;max-height:calc(100vh - 36px);overflow:auto;display:grid;gap:18px;scrollbar-width:thin}
  .mast summary{cursor:default}
  .mast .ms-i{display:none}
  .side-demo{display:block;background:var(--ink);color:#CDD2CB;padding:18px 18px 20px;border-top:6px solid var(--hv);font-size:15px;line-height:1.55}
  .side-demo .btn{width:100%;min-height:46px;font-size:15px}
}

/* ---------- prose ---------- */
.prose{font-size:17px;line-height:1.72}
.prose-intro{margin-bottom:8px}
.prose strong{font-weight:600;color:#0F1315}
.prose ul,.prose ol{margin:0 0 1.2em;padding:0;list-style:none}
.prose li{position:relative;padding-left:30px;margin-bottom:.55em}
.prose ul>li::before{content:"";position:absolute;left:6px;top:.62em;width:9px;height:9px;background:var(--hv);box-shadow:0 0 0 1.5px var(--ink)}
.prose ol{counter-reset:o}
.prose ol>li{counter-increment:o;padding-left:40px}
.prose ol>li::before{content:counter(o,decimal-leading-zero);position:absolute;left:0;top:.2em;min-width:30px;padding:3px 0;text-align:center;font:700 11.5px/1.2 var(--f-m);border:1.5px solid var(--ink);border-radius:2px;background:var(--sheet)}
.prose h3{margin:1.7em 0 .5em;padding-left:12px;border-left:5px solid var(--blue);font-weight:750;font-stretch:104%;font-size:1.22rem;line-height:1.3}
.table-wrap{overflow-x:auto;margin:0 0 1.4em;border:1.5px solid var(--ink);background:var(--sheet)}
.table-wrap table{width:100%;min-width:520px;border-collapse:collapse;font-size:15px;line-height:1.5}
.table-wrap th{background:var(--ink);color:var(--sheet);text-align:left;font:700 13px/1.35 var(--f-m);padding:10px 12px}
.table-wrap td{padding:10px 12px;border-top:1px solid var(--line);vertical-align:top}
.table-wrap tr:nth-child(even) td{background:#F4F4EF}

/* sections on dimension lines */
.sec{margin-top:56px;scroll-margin-top:18px}
.sec:first-child{margin-top:8px}
.sec-h{display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;align-items:start;margin-bottom:18px}
.sec-h::after{content:"";grid-column:1/-1;height:12px;border-inline:1.5px solid var(--blue);background:linear-gradient(var(--blue),var(--blue)) 0 50%/100% 1.5px no-repeat}
.lv{display:grid;place-items:center;min-width:46px;height:36px;margin-top:2px;padding:0 6px;background:var(--ink);color:var(--sheet);font:700 14px/1 var(--f-m);clip-path:polygon(0 0,calc(100% - 9px) 0,100% 9px,100% 100%,0 100%);box-shadow:inset 0 -4px 0 var(--hv)}
.lv-q{background:var(--hv-d);font-size:17px}
.sec h2{margin:0;font-weight:820;font-stretch:106%;font-size:clamp(1.4rem,1.1rem + 1.3vw,2rem);line-height:1.2;letter-spacing:-.005em}
h2[id],#faq{scroll-margin-top:18px}

/* FAQ = pre-start inspection checklist */
.faq-hint{font:500 13px/1.4 var(--f-m);color:var(--steel);margin:-4px 0 12px}
.chk{border-top:2px solid var(--ink)}
.chk details{border-bottom:1.5px solid var(--line)}
.chk summary{list-style:none;display:grid;grid-template-columns:26px 30px minmax(0,1fr);gap:10px;align-items:start;min-height:56px;padding:15px 0;cursor:pointer}
.chk summary::-webkit-details-marker{display:none}
.box{position:relative;width:24px;height:24px;margin-top:1px;border:2px solid var(--ink);border-radius:2px;background:var(--sheet);transition:background .15s}
.chk details[open] .box{background:var(--hv)}
.chk details[open] .box::after{content:"";position:absolute;left:6px;top:1px;width:7px;height:13px;border:solid var(--ink);border-width:0 3px 3px 0;transform:rotate(45deg)}
.qn{font:700 12.5px/1 var(--f-m);color:var(--steel);padding-top:6px}
.qq{font:600 17px/1.45 var(--f-b)}
.chk summary:hover .qq{color:var(--hv-d)}
.qa{padding:0 0 18px}
.qa p{margin:0}
@container (min-width:560px){.qa{padding-left:66px}}

/* placard CTA */
.placard{position:relative;margin-top:60px;padding:26px 24px 26px 30px;background:var(--ink);color:#D5DAD3;border-left:10px solid var(--hv);
  background-image:radial-gradient(circle at 14px 14px,#6E787D 3px,transparent 3.6px),radial-gradient(circle at 14px calc(100% - 14px),#6E787D 3px,transparent 3.6px),radial-gradient(circle at calc(100% - 14px) calc(100% - 14px),#6E787D 3px,transparent 3.6px)}
.rv{position:absolute;right:0;top:0;width:60px;height:60px;background:linear-gradient(225deg,var(--paper) 0 50%,transparent 50%)}
.pl-t{margin:0 0 8px;font:700 12.5px/1.3 var(--f-m);letter-spacing:.08em;color:var(--amber)}
.pl-p{margin:0 0 20px;font:750 clamp(1.15rem,1rem + .6vw,1.4rem)/1.35 var(--f-d);font-stretch:104%;color:var(--sheet);max-width:46ch}

/* ---------- related: hang tags ---------- */
.rel{background:var(--sheet);border-top:2px solid var(--ink);padding-block:48px 64px}
.rel .wrap{container-type:inline-size}
.rel h2{margin:0 0 24px;font-weight:850;font-stretch:110%;font-size:clamp(1.5rem,1.2rem + 1.2vw,2.1rem);line-height:1.15}
.tags{list-style:none;margin:0;padding:0;display:grid;gap:16px}
@container (min-width:620px){.tags{grid-template-columns:repeat(2,minmax(0,1fr))}}
@container (min-width:980px){.tags{grid-template-columns:repeat(3,minmax(0,1fr))}}
.tag{display:flex;flex-direction:column;height:100%;background:var(--paper);border:1.5px solid var(--ink);color:var(--ink);text-decoration:none;transition:transform .18s,box-shadow .18s}
.tag:hover{color:var(--ink);transform:translateY(-3px);box-shadow:0 10px 0 -4px var(--hv)}
.tag-h{display:flex;align-items:center;justify-content:space-between;min-height:38px;padding:0 14px;background:var(--ink);color:var(--sheet)}
.tag-n{font:700 12.5px/1 var(--f-m)}
.tag-hole{width:14px;height:14px;border-radius:50%;border:2.5px solid var(--hv);background:var(--sheet)}
.tag-t{padding:14px 16px 4px;font:780 1.15rem/1.3 var(--f-d);font-stretch:104%}
.tag-d{padding:0 16px 18px;font-size:15px;line-height:1.55;color:var(--steel)}

/* ---------- footer: tread plate ---------- */
.ftr{background:var(--night);color:#C3C9C1}
.tread{height:20px;background-color:#262D30;background-image:repeating-linear-gradient(45deg,transparent 0 7px,#394246 7px 9px),repeating-linear-gradient(-45deg,transparent 0 7px,#394246 7px 9px);border-top:3px solid var(--hv)}
.ftr-in{display:grid;gap:32px;padding-block:40px 28px}
.ftr .brand{color:var(--sheet)}
.ftr .mk{border-radius:7px;box-shadow:0 0 0 1.5px #435056}
.ft-disc{margin:16px 0 0;font-size:14.5px;line-height:1.65;max-width:52ch}
.ft-col h2{margin:0 0 8px;font:700 13px/1.3 var(--f-m);letter-spacing:.08em;color:var(--amber)}
.ft-col ul{list-style:none;margin:0;padding:0}
.ft-col a{display:flex;align-items:center;min-height:44px;color:#E6E9E3;text-decoration:none;font-size:15.5px;border-bottom:1px solid #283034}
.ft-col a:hover{color:#F59A63}
.ft-b{display:flex;flex-wrap:wrap;align-items:center;gap:16px;padding-top:22px;border-top:1px solid #2E363A;font:500 13px/1.3 var(--f-m)}
.age{display:grid;place-items:center;width:46px;height:46px;border:2.5px solid var(--hv);color:var(--hv);font:900 17px/1 var(--f-d);border-radius:2px}
@media (min-width:900px){.ftr-in{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) minmax(0,1fr);gap:48px}.ft-b{grid-column:1/-1}}

/* 404 */
.nf{padding-block:72px 96px}
.nf-code{margin:0;font:900 clamp(5rem,3rem + 10vw,9rem)/1 var(--f-d);font-stretch:125%;color:var(--hv)}
.nf h1{font-size:clamp(1.8rem,1.3rem + 2vw,2.6rem);margin:8px 0 12px}

:lang(en) .pl-t,:lang(en) .ft-col h2{text-transform:uppercase}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}