/* royal44.info — Timah: Kinta tin + hammered pewter atelier */
:root{
 --paper:#EEF0EC;--paper-2:#E2E5E0;--plate:#D6D9D3;--line:#B4B9B2;--line-2:#8B918A;
 --ink:#15191A;--ink-2:#3A4143;--cast:#111516;--cast-2:#1B2122;
 --molten:#F0652A;--glow:#FF8A3D;--molten-t:#A93A0D;
 --lake:#1E8C82;--lake-t:#0E675F;--lake-l:#9FD9CF;--lake-d:#0F2E2C;
 --f-d:"Imbue",Didot,Georgia,serif;--f-b:"Mona Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
 --hammer:radial-gradient(circle at 34% 32%,rgba(255,255,255,.42),rgba(255,255,255,0) 44%) 0 0/40px 34px,radial-gradient(circle at 66% 72%,rgba(21,25,26,.05),rgba(21,25,26,0) 50%) 0 0/40px 34px,radial-gradient(circle at 34% 32%,rgba(255,255,255,.34),rgba(255,255,255,0) 44%) 20px 17px/40px 34px,radial-gradient(circle at 66% 72%,rgba(21,25,26,.045),rgba(21,25,26,0) 50%) 20px 17px/40px 34px;
 --brushed:repeating-linear-gradient(180deg,rgba(255,255,255,.34) 0 1px,rgba(255,255,255,0) 1px 4px);
 --deboss:inset 2px 2px 3px rgba(21,25,26,.3),inset -2px -2px 2px rgba(255,255,255,.85),0 0 0 1px rgba(255,255,255,.5);
 --gut:16px;
}
@media (min-width:768px){:root{--gut:28px}}
@media (min-width:1200px){:root{--gut:40px}}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{margin:0;background:var(--brushed),var(--paper);color:var(--ink);font:400 17px/1.68 var(--f-b);font-optical-sizing:auto;overflow-x:hidden}
img,svg{max-width:100%}
a{color:var(--lake-t);text-decoration-thickness:1.5px;text-underline-offset:3px}
a:hover{color:var(--ink)}
:focus-visible{outline:3px solid var(--lake);outline-offset:3px}
::selection{background:#FFD2B3;color:var(--ink)}
.w{width:100%;max-width:1260px;margin-inline:auto;padding-inline:var(--gut)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:12px;top:-80px;z-index:100;background:var(--ink);color:var(--paper);padding:12px 18px;font-weight:700;border-radius:3px}
.skip:focus{top:12px;color:var(--paper)}
h1,h2,.bench-t,.slip-t{font-family:var(--f-d);font-weight:600;letter-spacing:-.005em;color:var(--ink);text-wrap:balance}
.kick,.bt,.strip,.nv b,.toc summary,.mould-plate,.punch,.ft h2,.ing b,.crumbs,.hmk{font-stretch:125%}

/* buttons */
.pour{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:13px 22px;border-radius:3px;background:linear-gradient(180deg,#FF9A52,#E8561E);color:#1A0B04;font:700 16px/1.2 var(--f-b);text-decoration:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 3px 0 #9A3510;transition:transform .15s,filter .15s;text-align:center}
.pour:hover{color:#1A0B04;filter:brightness(1.06);transform:translateY(-1px)}
.pour:active{transform:translateY(2px);box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 1px 0 #9A3510}
.btn-line{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:13px 22px;border-radius:3px;border:1.5px solid var(--ink);color:var(--ink);font:600 16px/1.2 var(--f-b);text-decoration:none;transition:background .15s,color .15s}
.btn-line:hover{background:var(--ink);color:var(--paper)}

/* header */
.hd{position:relative;z-index:40;background:var(--hammer),var(--paper-2);border-bottom:1px solid var(--line)}
.strip{background:var(--cast);color:#C5CCC8;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}
.strip-in{display:flex;align-items:center;gap:12px;min-height:44px}
.strip-18{display:inline-grid;place-items:center;height:24px;padding:0 9px;border-radius:50%;border:1.5px solid var(--glow);color:#FFB27A;font-weight:800;letter-spacing:.04em}
.strip-t{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media (max-width:459px){.strip-t{visibility:hidden}}
.lsw{display:flex;margin-left:auto}
.lsw a{display:grid;place-items:center;min-width:46px;min-height:44px;color:#C5CCC8;text-decoration:none;font-weight:800;letter-spacing:.1em}
.lsw a:hover{color:#fff}
.lsw a[aria-current]{background:var(--paper-2);color:var(--ink)}
.bar{display:flex;align-items:center;gap:14px;min-height:78px;padding-block:10px}
.brand{display:inline-grid;grid-template-columns:auto auto;grid-template-rows:auto auto;column-gap:12px;align-items:center;text-decoration:none;color:var(--ink);min-height:44px}
.touch{grid-row:1/3;width:54px;height:41px}
.t-o{fill:var(--plate);stroke:#5E635D;stroke-width:2}
.t-i{fill:none;stroke:#5E635D;stroke-width:1.2}
.t-l{font:700 23px var(--f-d);fill:#2A2F30}
.bn{font:800 29px/1 var(--f-d);letter-spacing:0;font-variation-settings:"opsz" 28}
.bt{font-size:10.5px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-2);line-height:1.2;margin-top:3px}
.brand:hover .bn{color:var(--molten-t)}
.tog{margin-left:auto;display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:0 16px 0 14px;border:1.5px solid var(--ink);border-radius:3px;background:var(--paper);color:var(--ink);font:700 15px/1 var(--f-b);cursor:pointer}
.tog-i{display:grid;gap:4px;width:22px}
.tog-i i{display:block;height:4px;background:var(--ink);clip-path:polygon(12% 0,88% 0,100% 100%,0 100%);transition:transform .2s,opacity .2s}
.hd.is-open .tog-i i:nth-child(1){transform:translateY(8px) rotate(45deg);clip-path:none;height:3px}
.hd.is-open .tog-i i:nth-child(2){opacity:0}
.hd.is-open .tog-i i:nth-child(3){transform:translateY(-8px) rotate(-45deg);clip-path:none;height:3px}
.pour-hd{display:none;min-height:48px;padding:10px 18px;font-size:15px}
@media (min-width:640px){.pour-hd{display:inline-flex}.tog{margin-left:auto}.pour-hd{order:3}}
.nv ol{list-style:none;margin-block:0;padding-block:0}
.nv a{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink);font-weight:600}
.nv b{font-size:11.5px;font-weight:800;letter-spacing:.08em;color:var(--molten-t)}
@media (max-width:979px){
 .nv{position:absolute;left:0;right:0;top:100%;display:none;background:var(--cast);box-shadow:0 30px 40px -10px rgba(0,0,0,.45);border-top:3px solid var(--glow)}
 .hd.is-open .nv{display:block}
 .nv ol{padding-block:8px 14px}
 .nv a{min-height:58px;color:#EEF0EC;border-bottom:1px solid rgba(255,255,255,.09);font-size:17px}
 .nv b{color:var(--glow);min-width:28px}
 .nv a[aria-current]{color:#FFB27A}
}
@media (min-width:980px){
 .tog{display:none}
 .pour-hd{margin-left:auto}
 .nv{border-top:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.35),rgba(255,255,255,0)),var(--plate)}
 .nv ol{display:flex}
 .nv li{flex:1 1 0;min-width:0;border-left:1px solid var(--line);box-shadow:inset 1px 0 0 rgba(255,255,255,.7)}
 .nv li:last-child{border-right:1px solid var(--line)}
 .nv a{min-height:54px;padding:8px 14px;font-size:14.5px;line-height:1.25}
 .nv a:hover{background:rgba(255,255,255,.45)}
 .nv a[aria-current]{background:var(--ink);color:var(--paper)}
 .nv a[aria-current] b{color:var(--glow)}
}

/* home hero */
.hero{padding-block:36px 48px;overflow:hidden}
.hero-g{display:grid;gap:28px;align-items:center}
.kick{display:flex;align-items:center;gap:10px;margin:0 0 18px;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-2);line-height:1.4}
.kick-dot{flex:none;width:10px;height:10px;border-radius:50%;background:var(--glow);box-shadow:0 0 0 3px rgba(255,138,61,.25)}
.hero h1{font-size:clamp(2.45rem,1.55rem + 4.3vw,5.15rem);line-height:.98;margin:0 0 22px;font-variation-settings:"opsz" 60}
.lead{font-size:18.5px;line-height:1.62;color:var(--ink-2);max-width:62ch}
.lead p{margin:0}
.acts{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0 30px}
.marks{list-style:none;margin:0;padding:18px 0 0;border-top:1px solid var(--line);box-shadow:inset 0 1px 0 rgba(255,255,255,.8);display:grid;gap:12px}
.marks li{display:flex;align-items:center;gap:12px;font-size:15px;line-height:1.35;font-weight:500}
.mk{flex:none;display:grid;place-items:center;width:40px;height:30px;border-radius:50%;background:var(--plate);box-shadow:var(--deboss);font:800 12.5px/1 var(--f-b);color:var(--ink-2)}
.mk-b::after{content:"";width:14px;height:14px;border-radius:50%;background:radial-gradient(circle at 38% 35%,#fff 0 18%,#B7BBB4 22% 60%,#6D726C 64%)}
.mk-c::after{content:"";width:13px;height:13px;border:2px solid var(--ink-2);border-radius:2px;background:linear-gradient(45deg,transparent 44%,var(--ink-2) 44% 56%,transparent 56%)}
.hero-art{position:relative;width:min(100%,380px);justify-self:end}@media (min-width:900px){.hero-art{width:min(100%,460px)}}
.hero-art::before{content:"";position:absolute;left:4%;right:4%;top:0;aspect-ratio:1;border-radius:50%;background:var(--hammer),radial-gradient(circle at 40% 35%,#F4F5F2,#C5C9C2 62%,#A7ACA5);box-shadow:inset 0 0 0 10px rgba(255,255,255,.35),inset 0 0 0 11px rgba(21,25,26,.12),0 20px 40px -24px rgba(21,25,26,.5)}
.ingots{position:relative;display:block;width:100%;height:auto;margin-top:14%}
.ig-l{font:700 22px var(--f-d);fill:#3B413C}
.pourline{stroke:#FF7A2F;filter:drop-shadow(0 0 6px rgba(255,138,61,.8));stroke-dasharray:18 8}
.puddle{fill:#FF8A3D;filter:drop-shadow(0 0 8px rgba(255,138,61,.9))}
.spark{fill:#FFC08A}
@media (min-width:640px){.marks{display:flex;flex-wrap:wrap;gap:14px 26px}}
@media (min-width:900px){.hero{padding-block:52px 72px}.hero-g{grid-template-columns:minmax(0,1.3fr) minmax(0,.85fr);gap:48px}}
@media (prefers-reduced-motion:no-preference){
 .pourline{animation:pour 1.1s linear infinite}
 .spark circle{animation:twinkle 2.4s ease-in-out infinite}
 .spark circle:nth-child(2){animation-delay:.6s}.spark circle:nth-child(3){animation-delay:1.2s}.spark circle:nth-child(4){animation-delay:1.8s}
}
@keyframes pour{to{stroke-dashoffset:-26}}
@keyframes twinkle{0%,100%{opacity:1;transform:translateY(0)}50%{opacity:.35;transform:translateY(-6px)}}

/* casting bench (game) */
.bench{position:relative;background:radial-gradient(80% 55% at 50% 112%,rgba(30,140,130,.42),rgba(30,140,130,0) 62%),radial-gradient(50% 40% at 100% 0%,rgba(255,138,61,.1),rgba(255,138,61,0) 70%),var(--cast);color:#DDE2DF;padding-block:44px 60px;scroll-margin-top:0}
.bench::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,transparent,var(--glow) 20%,#FFC08A 50%,var(--glow) 80%,transparent)}
.bench-g{display:grid;gap:28px}
.kick-dk{color:#AEB7B3}
.bench-t{font-size:clamp(1.9rem,1.4rem + 2vw,2.75rem);line-height:1.02;margin:0 0 20px;color:#F3F5F1}
.steps{list-style:none;counter-reset:s;margin:0;padding:0;display:grid;gap:14px}
.steps li{counter-increment:s;display:flex;gap:14px;align-items:flex-start;font-size:16px;line-height:1.5;color:#CDD3CF}
.steps li::before{content:counter(s,decimal-leading-zero);flex:none;display:grid;place-items:center;width:44px;height:34px;border-radius:50%;background:#252C2D;box-shadow:inset 2px 2px 3px rgba(0,0,0,.6),inset -1px -1px 1px rgba(255,255,255,.14);color:var(--glow);font:800 12.5px/1 var(--f-b);font-stretch:125%}
.steps li span{padding-top:5px}
.mould{container:pl/inline-size;position:relative;padding:10px 12px 12px;border-radius:6px;
 background:radial-gradient(circle at 10px 10px,#FBFBF9 0 1.6px,#6E736D 2.6px 4px,transparent 4.6px),radial-gradient(circle at calc(100% - 10px) 10px,#FBFBF9 0 1.6px,#6E736D 2.6px 4px,transparent 4.6px),radial-gradient(circle at 10px calc(100% - 10px),#FBFBF9 0 1.6px,#6E736D 2.6px 4px,transparent 4.6px),radial-gradient(circle at calc(100% - 10px) calc(100% - 10px),#FBFBF9 0 1.6px,#6E736D 2.6px 4px,transparent 4.6px),linear-gradient(135deg,#E8EAE5,#A4A9A2 28%,#DADDD7 52%,#8E938C 78%,#C6CAC3);
 box-shadow:0 34px 60px -26px rgba(0,0,0,.8),0 0 0 1px #070909}
.mould-plate{display:flex;flex-wrap:wrap;justify-content:space-between;gap:2px 14px;padding:2px 12px 9px;font-size:10.5px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#2B3031;text-shadow:0 1px 0 rgba(255,255,255,.6)}
.mould-in{border-radius:3px;background:linear-gradient(180deg,#131819,#0C1011);box-shadow:inset 0 3px 12px rgba(0,0,0,.75),0 0 0 1px #050707,0 1px 0 1px rgba(255,255,255,.35);transition:box-shadow .4s}
.bench.hot .mould-in{box-shadow:inset 0 3px 12px rgba(0,0,0,.75),0 0 0 2px rgba(255,138,61,.75),0 0 44px 4px rgba(255,120,40,.35)}
@media (max-width:519px){.mould{margin-inline:calc(var(--gut) * -1);border-radius:0;padding:8px 8px 10px}}
@media (min-width:900px){.bench{padding-block:60px 80px}.bench-note{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.6fr);gap:14px 48px;align-items:end}.bench-note .kick{grid-column:1/-1;margin:0}.bench-t{margin:0}.steps{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* page head */
.ph{padding-block:26px 40px;background:var(--brushed),var(--paper-2);border-bottom:1px solid var(--line);box-shadow:inset 0 -1px 0 rgba(255,255,255,.7)}
.ph-g{display:grid;gap:22px}
.crumbs ol{list-style:none;display:flex;flex-wrap:wrap;align-items:center;margin:0 0 10px;padding:0;font-size:12.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.crumbs li{display:flex;align-items:center}
.crumbs li+li::before{content:"";width:14px;height:1.5px;background:var(--line-2);margin:0 10px}
.crumbs a{display:inline-flex;align-items:center;min-height:44px;color:var(--lake-t)}
.crumbs span{color:var(--ink-2);padding-block:12px}.crumbs li:last-child{flex:1 1 14ch;min-width:0}
.ph h1{font-size:clamp(2.2rem,1.45rem + 3.4vw,4.25rem);line-height:1;margin:0 0 18px;font-variation-settings:"opsz" 60;max-width:26ch}
.hallmarks{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.hmk{display:grid;place-items:center;height:44px;min-width:52px;padding:0 10px;background:var(--plate);box-shadow:var(--deboss);color:var(--ink-2);font:800 14px/1 var(--f-b);letter-spacing:.06em}
.hmk-t{width:62px;height:47px;padding:0;background:none;box-shadow:none}
.hmk-y{clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 50%,calc(100% - 10px) 100%,10px 100%,0 50%);padding:0 16px}
.hmk-c{border-radius:6px;color:var(--molten-t)}
.hmk-c svg{width:28px;height:22px}
.hmk-a{border-radius:50%;width:52px;height:52px}
@media (min-width:900px){.ph{padding-block:30px 56px}.ph-g{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:48px}.hallmarks{justify-content:flex-end;gap:12px;padding-bottom:6px}}

/* sheet: article + tag */
.sheet{padding-block:36px 72px}
.sheet-g{display:grid;gap:28px}
.doc{container:doc/inline-size;min-width:0}
.plate{display:grid;gap:12px;padding-block:34px;border-top:1px solid var(--line);box-shadow:inset 0 1px 0 rgba(255,255,255,.85)}
.doc>.plate:first-child{border-top:0;box-shadow:none;padding-top:6px}
.punch{display:grid;place-items:center;width:54px;height:40px;border-radius:50%;background:var(--plate);box-shadow:var(--deboss);font:800 14px/1 var(--f-b);letter-spacing:.06em;color:var(--ink-2)}
.pb{min-width:0;max-width:72ch}
.pb h2{font-size:clamp(1.85rem,1.3rem + 2vw,2.65rem);line-height:1.05;margin:0 0 .6em;scroll-margin-top:24px}
.pb p{margin:0 0 1.05em}
.pb h3{font:700 19px/1.3 var(--f-b);margin:1.4em 0 .5em}
.pb ul,.pb ol{margin:0 0 1.2em;padding-left:0;list-style:none}
.pb li{position:relative;padding-left:30px;margin-bottom:.55em}
.pb ul>li::before{content:"";position:absolute;left:4px;top:.62em;width:14px;height:8px;background:linear-gradient(180deg,#A2A79F,#6D726C);clip-path:polygon(18% 0,82% 0,100% 100%,0 100%)}
.pb ol{counter-reset:o}
.pb ol>li{counter-increment:o}
.pb ol>li::before{content:counter(o);position:absolute;left:0;top:.08em;font:800 13px/1.6 var(--f-b);font-stretch:125%;color:var(--molten-t)}
.pb strong{font-weight:650}
.pb table{display:block;overflow-x:auto;border-collapse:collapse;margin:0 0 1.2em;font-size:15.5px}
.pb th,.pb td{border:1px solid var(--line);padding:9px 12px;text-align:left;vertical-align:top}
.pb th{background:var(--plate)}
.pb blockquote{margin:0 0 1.2em;padding:14px 18px;border-left:4px solid var(--lake);background:var(--paper-2)}
@container doc (min-width:620px){
 .plate{grid-template-columns:72px minmax(0,1fr);gap:26px}
 .punch{position:sticky;top:26px;width:66px;height:50px;font-size:15px}
}
.plate-intro .pb>*:first-child{font-size:18px}
/* FAQ bars */
.bars{display:grid;gap:10px}
.bars details{background:var(--hammer),var(--paper-2);border:1px solid var(--line);border-radius:3px;box-shadow:inset 0 1px 0 rgba(255,255,255,.8);transition:box-shadow .2s}
.bars details[open]{box-shadow:inset 4px 0 0 var(--molten),inset 0 1px 0 rgba(255,255,255,.8);background:var(--paper)}
.bars summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:60px;padding:14px 16px 14px 18px;font-weight:650;font-size:17px;line-height:1.4;cursor:pointer}
.bars summary::-webkit-details-marker{display:none}
.qx{flex:none;position:relative;width:34px;height:34px;border-radius:50%;background:var(--plate);box-shadow:var(--deboss)}
.qx::before,.qx::after{content:"";position:absolute;left:50%;top:50%;width:13px;height:2.5px;margin:-1.25px 0 0 -6.5px;background:var(--ink);transition:transform .2s}
.qx::after{transform:rotate(90deg)}
details[open] .qx::after{transform:rotate(0)}
.bars .a{padding:0 18px 8px}
.bars .a p{margin:0 0 .9em}
/* inner CTA */
.cast{position:relative;margin-top:30px;padding:30px 22px 24px;border-radius:4px;background:radial-gradient(70% 90% at 100% 100%,rgba(30,140,130,.35),rgba(30,140,130,0) 70%),var(--cast);color:#DDE2DF;display:grid;gap:18px;justify-items:start}
.cast p{margin:0;font-size:17.5px;line-height:1.6;max-width:62ch}
.drip{position:absolute;left:24px;top:0;width:92px;height:4px;background:var(--glow);border-radius:0 0 3px 3px}
.drip::after{content:"";position:absolute;left:58px;top:2px;width:9px;height:13px;background:var(--glow);border-radius:50% 50% 50% 50%/40% 40% 60% 60%}
/* tag: TOC + demo slip */
.tag{min-width:0}
.toc{background:var(--hammer),var(--paper-2);border:1px solid var(--line);border-radius:3px;box-shadow:inset 0 0 0 5px var(--paper-2),inset 0 0 0 6px var(--line)}
.toc summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:54px;padding:12px 20px;font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;cursor:pointer}
.toc summary::-webkit-details-marker{display:none}
.toc summary::after{content:"";width:10px;height:10px;border-right:2px solid var(--ink);border-bottom:2px solid var(--ink);transform:rotate(45deg) translateY(-3px);transition:transform .2s}
.toc[open] summary::after{transform:rotate(-135deg) translateY(-3px)}
.toc ol{list-style:none;margin:0;padding:0 8px 14px}
.toc a{display:flex;gap:12px;align-items:baseline;min-height:44px;padding:10px 12px;border-radius:2px;color:var(--ink);text-decoration:none;font-size:14.5px;line-height:1.35}
.toc a b{flex:none;font-size:11.5px;font-weight:800;font-stretch:125%;color:var(--molten-t)}
.toc a:hover{background:rgba(255,255,255,.6)}
.toc a[aria-current]{background:var(--ink);color:var(--paper)}
.toc a[aria-current] b{color:var(--glow)}
.slip{margin-top:16px;padding:22px 20px;border-radius:3px;background:var(--cast);color:#C9CFCB;font-size:15px;line-height:1.55;box-shadow:inset 0 3px 0 var(--glow)}
.slip-t{margin:0 0 8px;font-size:1.55rem;line-height:1.05;color:#F3F5F1}
.slip p{margin:0 0 16px}
.pour-sm{width:100%;min-height:48px;font-size:15px}
@media (max-width:1059px){.slip{display:none}}
@media (min-width:1060px){
 .sheet{padding-block:56px 96px}
 .sheet-g{grid-template-columns:minmax(0,1fr) 300px;gap:56px;align-items:start}
 .tag{grid-column:2;grid-row:1;align-self:stretch}
 .doc{grid-column:1;grid-row:1}
 .tag-in{position:sticky;top:24px;max-height:calc(100vh - 48px);overflow:auto;scrollbar-width:thin}
 .toc summary{pointer-events:none}
 .toc summary::after{display:none}
}

/* related ingots */
.rel{padding-block:52px 64px;background:var(--brushed),var(--paper-2);border-top:1px solid var(--line)}
.rel-h{font-size:clamp(1.85rem,1.4rem + 1.8vw,2.55rem);line-height:1.05;margin:0 0 26px}
.ing-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr));gap:14px}
.ing{position:relative;display:grid;align-content:start;gap:8px;min-height:160px;padding:24px 26px 26px;color:var(--ink);text-decoration:none;background:linear-gradient(180deg,rgba(255,255,255,0) 86%,rgba(21,25,26,.12)),linear-gradient(170deg,#FBFBF9,#D3D6D0);clip-path:polygon(16px 0,calc(100% - 16px) 0,100% 100%,0 100%);transition:transform .2s,background .2s}
.ing b{font-size:11.5px;font-weight:800;letter-spacing:.1em;color:var(--molten-t)}
.ing strong{font:600 1.42rem/1.1 var(--f-d);text-wrap:balance}
.ing span{font-size:15px;line-height:1.5;color:var(--ink-2)}
.ing:hover{color:var(--ink);transform:translateY(-3px);background:linear-gradient(180deg,rgba(255,255,255,0) 86%,rgba(240,101,42,.35)),linear-gradient(170deg,#FFF8F2,#E8D6C8)}
.ing:focus-visible{outline:none;box-shadow:inset 0 0 0 3px var(--lake)}

/* footer */
.ft{margin-top:0}
.dredge{display:block;width:100%;height:clamp(110px,15vw,170px)}
.karst{fill:#C8CDC7}
.k2{fill:#AEB4AD}
.dr{fill:#16191A;stroke:#16191A}
.lake{fill:var(--lake-d)}
.rip{stroke:rgba(159,217,207,.4);stroke-width:2;stroke-linecap:round}
.ft-lake{background:var(--lake-d);color:#D4E0DD;padding:18px 0 28px;margin-top:-1px}
.ft-g{display:grid;gap:28px;padding-bottom:28px}
.ft .brand{color:#fff;margin-bottom:14px}
.ft .t-o{fill:#1C4A46;stroke:var(--lake-l)}
.ft .t-i{stroke:var(--lake-l)}
.ft .t-l{fill:#E8F4F1}
.ft .bt{color:var(--lake-l)}
.ft-b p{margin:0;font-size:14.5px;line-height:1.6;color:#B8CCC7;max-width:54ch}
.ft h2{margin:0 0 8px;font:800 12px/1.3 var(--f-b);font-stretch:125%;letter-spacing:.16em;text-transform:uppercase;color:var(--lake-l)}
.ft ul{list-style:none;margin:0;padding:0}
.ft li a{display:inline-flex;align-items:center;min-height:44px;color:#EEF4F2;text-decoration:none;font-size:15.5px}
.ft li a:hover{color:#FFB27A;text-decoration:underline}
.ft-bot{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;padding-top:18px;background:linear-gradient(rgba(159,217,207,.22),rgba(159,217,207,.22)) var(--gut) 0/calc(100% - 2 * var(--gut)) 1px no-repeat;font-size:14px;color:#B8CCC7}
.age{display:inline-grid;place-items:center;height:32px;padding:0 12px;border-radius:50%;border:2px solid var(--glow);color:#FFB27A;font-weight:800}
.up{margin-left:auto;display:inline-flex;align-items:center;min-height:44px;color:var(--lake-l)}
.up:hover{color:#fff}
.ft :focus-visible,.bench :focus-visible,.strip :focus-visible,.cast :focus-visible,.slip :focus-visible{outline-color:var(--lake-l)}
@media (min-width:768px){.ft-g{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) minmax(0,1fr);gap:40px}}

/* 404 */
.nf{padding-block:72px 96px;display:grid;gap:16px;justify-items:start}
.nf h1{font-size:clamp(2.4rem,6vw,4rem);margin:0;line-height:1}
.nf p{margin:0;color:var(--ink-2)}
.nf .punch{width:84px;height:60px;font-size:17px}