/* kleineEinzahlung - street kiosk. Mustard header, forest panels, cream paper. Fredoka + Source Sans 3 (variable, self-hosted). */
@font-face{font-family:"Fredoka";font-style:normal;font-weight:300 700;font-display:swap;src:url(/assets/f/fredoka-latin.woff2) format("woff2")}
@font-face{font-family:"Source Sans 3";font-style:normal;font-weight:200 900;font-display:swap;src:url(/assets/f/sourcesans3-latin.woff2) format("woff2")}
:root{
 --cream:#FBF6E9;--paper:#FFFEF9;--mus:#E9B53A;--musd:#D49E1F;--musl:#F8E9B8;--must:#FCF2D2;
 --fo:#1E4D36;--fod:#163B29;--ink:#1F2A22;--mu:#46564B;--ln:#D8CDA9;--on:#FFF7E2;--soft:#D9E6DC;
 --fh:"Fredoka","Trebuchet MS",system-ui,sans-serif;--fs:"Source Sans 3",system-ui,-apple-system,"Segoe UI",sans-serif;
 --g:clamp(16px,4.45vw,64px)
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:24px}
body{margin:0;background:var(--cream);color:var(--ink);font:400 1.125rem/1.65 var(--fs);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img,svg{max-width:100%;height:auto}
a{color:var(--fo);text-decoration-thickness:2px;text-underline-offset:3px}
a:hover{color:var(--fod)}
:focus-visible{outline:3px solid var(--fo);outline-offset:3px;border-radius:4px}
.skip{position:absolute;left:12px;top:-80px;background:var(--fo);color:var(--on);padding:12px 18px;border-radius:10px;z-index:100;font-weight:700}
.skip:focus{top:12px}
.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.wrap{max-width:1440px;margin-inline:auto;padding-inline:var(--g)}
h1,h2,h3,.ct{text-wrap:balance}
h1,h2,h3{font-family:var(--fh);font-weight:600;line-height:1.12;margin:0;letter-spacing:-.005em}
p{margin:0 0 1em}

/* ---------- buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:56px;padding:0 30px;border-radius:14px;background:var(--mus);color:var(--ink);font:700 1.125rem/1.2 var(--fs);text-decoration:none;text-align:center;border:0;box-shadow:inset 0 -4px 0 rgb(31 42 34/.2);cursor:pointer}
.btn:hover{background:#F2C24E;color:var(--ink)}
.btn:active{transform:translateY(1px)}
.pick .btn{background:var(--fo);color:var(--on);box-shadow:inset 0 -4px 0 rgb(0 0 0/.25)}
.pick .btn:hover{background:var(--fod);color:var(--on)}

/* ---------- header */
header.site{background:var(--mus);position:relative;z-index:30}
.bar{display:flex;align-items:center;gap:16px;min-height:68px}
.brand{display:inline-flex;align-items:center;flex:none;text-decoration:none}
.logo{display:block;height:34px;width:auto}
.tagl{display:none}
.burger{margin-left:auto;display:inline-flex;align-items:center;gap:12px;min-height:48px;padding:0 16px;background:transparent;color:var(--ink);border:2px solid var(--ink);border-radius:12px;font:700 1rem/1 var(--fs);cursor:pointer}
.burger i{display:block;width:20px;height:2px;background:currentColor;box-shadow:0 7px 0 currentColor,0 -7px 0 currentColor}
.scrim{position:fixed;inset:0;background:rgb(22 59 41/.7);opacity:0;visibility:hidden;z-index:40}
.nav{position:fixed;inset:0 0 0 auto;width:min(88vw,360px);background:var(--fo);color:var(--on);padding:84px 24px 28px;overflow:auto;transform:translateX(100%);visibility:hidden;z-index:50;border-radius:28px 0 0 0}
.nav-open .nav{transform:none;visibility:visible}
.nav-open .scrim{opacity:1;visibility:visible}
.nav-open{overflow:hidden}
.nclose{position:absolute;top:16px;right:16px;min-height:48px;padding:0 20px;background:transparent;color:var(--on);border:2px solid var(--on);border-radius:12px;font:700 1rem/1 var(--fs);cursor:pointer}
.nav ul{list-style:none;margin:0;padding:0}
.nav>ul a{display:block;color:var(--on);text-decoration:none;font:600 1.4rem/1.2 var(--fh);padding:16px 4px;border-bottom:2px solid rgb(255 247 226/.18)}
.nav>ul a:hover,.nav>ul a[aria-current]{color:var(--mus)}
.lang{margin-top:28px}
.lang ul{display:flex;flex-wrap:wrap;gap:8px}
.lang a{display:inline-flex;align-items:center;min-height:44px;padding:0 14px;border:2px solid var(--on);border-radius:10px;color:var(--on);text-decoration:none;font-weight:700}
@media(min-width:1060px){
 .burger,.scrim,.nclose{display:none}
 .bar{min-height:84px;gap:28px}
 .logo{height:44px}
 .nav{position:static;width:auto;transform:none;visibility:visible;padding:0;background:none;border-radius:0;overflow:visible;z-index:auto;margin-left:auto;color:var(--ink)}
 .nav>ul{display:flex;gap:clamp(14px,1.7vw,30px)}
 .nav>ul a{display:block;font:700 1rem/1 var(--fs);color:var(--ink);padding:10px 0 9px;border-bottom:3px solid transparent}
 .nav>ul a:hover{color:var(--ink);border-bottom-color:var(--fo)}
 .nav>ul a[aria-current]{color:var(--ink);border-bottom-color:var(--fo)}
}
@media(scripting:none){.burger,.scrim,.nclose{display:none}.nav{position:static;width:auto;transform:none;visibility:visible;padding:0 0 14px;background:none;border-radius:0;overflow:visible}.bar{flex-wrap:wrap}.nav>ul{display:flex;flex-wrap:wrap;gap:6px 18px}.nav>ul a{color:var(--ink);font:700 1rem/1 var(--fs);border:0;padding:8px 0}}

/* ---------- coin badge */
.coin{display:inline-flex;align-items:center;justify-content:center;flex:none;width:60px;height:60px;border-radius:50%;background:var(--mus);color:var(--fo);font:700 1.05rem/1 var(--fh);box-shadow:inset 0 0 0 4px var(--mus),inset 0 0 0 7px var(--fo),0 3px 0 rgb(30 77 54/.25);white-space:nowrap}
.coin.xl{width:112px;height:112px;font-size:1.9rem;box-shadow:inset 0 0 0 6px var(--mus),inset 0 0 0 10px var(--fo),0 5px 0 rgb(30 77 54/.3)}

/* ---------- home hero (owner-picked street kiosk) */
.hh{background:var(--mus);overflow:hidden}
.hh-stage{position:relative}
.hh-art{display:block}
.hh-art img{display:block;width:100%;height:auto}
.hh-panel{position:relative;background:var(--fo);color:var(--on);border-top-right-radius:36px}
.hh-in{padding:36px var(--g) 40px;display:flex;flex-direction:column;align-items:flex-start;gap:20px}
.hh h1{font:700 clamp(2.15rem,9.4vw,3rem)/1.04 var(--fh);letter-spacing:-.012em;color:var(--on)}
.hh-s{margin:0;font-size:1.125rem;line-height:1.5;color:var(--soft)}
.hh-btn{width:100%}
@media(max-width:599px){
 .hh-art{aspect-ratio:390/320;overflow:hidden}
 .hh-art img{height:100%;object-fit:cover;object-position:50% 46%}
 .hh-panel{margin-top:-30px}
}
@media(min-width:600px){
 .hh-in{padding:44px var(--g) 52px}
 .hh-panel{margin-top:-36px;max-width:none}
 .hh h1{font-size:clamp(2.6rem,7vw,3.6rem)}
 .hh-s{font-size:1.25rem;max-width:34em}
 .hh-btn{width:auto}
}
@media(min-width:1100px){
 .hh-stage{height:calc(min(100vw,1280px)*.5586)}
 .hh-art{position:absolute;right:0;bottom:0;width:min(100%,1280px);-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 150px);mask-image:linear-gradient(90deg,transparent 0,#000 150px)}
 .hh-panel{position:absolute;left:0;bottom:0;margin:0;width:calc(max(0px,(100vw - 1440px)/2) + clamp(560px,48vw,700px))}
 .hh-in{padding:56px 64px 64px max(64px,calc((100vw - 1312px)/2));gap:26px}
 .hh h1{font-size:clamp(3.2rem,4.7vw,4.25rem)}
 .hh-s{font-size:1.25rem;max-width:none}
 .hh-btn{min-height:58px;padding:0 32px}
}

/* ---------- inner page hero */
.hp{background:var(--mus);padding:12px 0 44px}
.hp-g{display:grid;gap:28px}
.hp h1{font:700 clamp(2.15rem,6.4vw,3.6rem)/1.06 var(--fh);color:var(--ink);letter-spacing:-.012em;max-width:17em}
.hp .lead{font-size:1.25rem;line-height:1.5;margin:18px 0 0;max-width:36em;color:var(--ink)}
.hp .disc{margin:14px 0 0;font-size:.97rem;line-height:1.5;color:var(--ink);max-width:48em;padding-left:14px;border-left:4px solid var(--fo)}
.hp .meta{margin:18px 0 0;font-size:.95rem;color:var(--ink)}
.hp-a{position:relative;border-radius:8px 36px 8px 8px;overflow:hidden;aspect-ratio:16/8;background:var(--musl)}
.hp-a img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:74% 50%}
.hp-a .coin{position:absolute;left:14px;bottom:14px}
.hp-a .coin.xl{width:76px;height:76px;font-size:1.3rem;box-shadow:inset 0 0 0 4px var(--mus),inset 0 0 0 7px var(--fo),0 3px 0 rgb(30 77 54/.3)}
.crumbs{margin:0 0 14px;font-size:.95rem}
.crumbs ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px 10px}
.crumbs li+li::before{content:"/";margin-right:10px;color:var(--fo);opacity:.7}
.crumbs a{color:var(--ink);font-weight:600}
@media(min-width:900px){
 .hp{padding:20px 0 64px}
 .hp-g{grid-template-columns:minmax(0,1fr) 440px;gap:56px;align-items:center}
 .hp-a{aspect-ratio:5/4;border-radius:10px 44px 10px 10px}
 .hp-a .coin{left:20px;bottom:20px}
 .hp-a .coin.xl{width:112px;height:112px;font-size:1.9rem;box-shadow:inset 0 0 0 6px var(--mus),inset 0 0 0 10px var(--fo),0 5px 0 rgb(30 77 54/.3)}
}
@media(min-width:1200px){.hp-g{grid-template-columns:minmax(0,1fr) 500px}}

/* ---------- home sections */
.sec{padding:56px 0}
.intro{background:var(--cream);padding:40px 0 8px}
.intro .lead{font-size:clamp(1.2rem,2.4vw,1.35rem);line-height:1.55;margin:0 0 16px;max-width:44em}
.intro .disc{font-size:1rem;line-height:1.55;color:var(--mu);max-width:52em;margin:0 0 10px;padding-left:14px;border-left:4px solid var(--mus)}
.intro .meta,.meta{font-size:.95rem;color:var(--mu);margin:0}
.sec-why .why{display:grid;gap:36px;align-items:start}
.sec-start{background:var(--musl)}
.sec-calc{background:var(--cream)}
.calc{display:grid;gap:40px;align-items:start}
.sec-cta{background:var(--fo);padding:48px 0}
.sec-faq{background:var(--must)}
.sec-rg{padding:40px 0 8px}
.sec-rel{background:var(--cream);padding-top:72px}
@media(min-width:900px){
 .sec{padding:96px 0}
 .intro{padding:56px 0 24px}
 .sec-why .why{grid-template-columns:minmax(0,1fr) 380px;gap:64px}
 .calc{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:64px}
 .sec-cta{padding:72px 0}
 .sec-rg{padding:64px 0 0}
}

/* ---------- prose */
.blk{margin:0 0 48px}
.blk:last-child{margin-bottom:0}
.blk h2{font-size:clamp(1.75rem,3.2vw,2.5rem);color:var(--fo);margin:0 0 20px}
.prose p,.prose li{max-width:72ch}
.prose h3{font-size:1.4rem;color:var(--fo);margin:1.6em 0 .6em}
.prose ul,.prose ol{padding-left:1.3em;margin:0 0 1em}
.prose li{margin-bottom:.4em}
.prose li::marker{color:var(--fo);font-weight:700}
.prose strong{font-weight:700}
.prose .tw{overflow-x:auto}
.prose table{border-collapse:collapse;width:100%;margin:0 0 1em}
.prose th,.prose td{padding:10px 12px;border-bottom:2px dashed var(--ln);text-align:left}

/* ---------- cards */
.cards{list-style:none;margin:0;padding:0;display:grid;gap:18px}
.card{display:flex;flex-direction:column;align-items:flex-start;gap:12px;height:100%;padding:26px 26px 28px;background:var(--paper);border:2px solid var(--fo);border-radius:8px 28px 8px 8px;box-shadow:0 6px 0 rgb(30 77 54/.22);color:var(--ink);text-decoration:none}
a.card:hover{background:#fff;transform:translateY(-2px);box-shadow:0 8px 0 rgb(30 77 54/.28);color:var(--ink)}
.card .ct{font:600 1.4rem/1.2 var(--fh);color:var(--fo);margin:0}
.card p{margin:0;color:var(--mu);font-size:1.02rem;line-height:1.55}
.card .ct+p{margin-top:0}
.csec h2{margin-bottom:28px}
@media(max-width:639px){
 .card{display:grid;grid-template-columns:60px minmax(0,1fr);column-gap:16px;row-gap:4px;align-items:start;padding:20px 20px 22px}
 .card .coin{grid-row:1/3}
 .card .ct{align-self:center}
 .card p:not(.ct){grid-column:2}
 .card .ct:only-of-type{grid-column:2}
}
@media(min-width:640px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1000px){.cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}}

/* ---------- pick module */
.pick{background:var(--mus);border-radius:8px 32px 8px 8px;padding:30px 28px 28px;color:var(--ink);box-shadow:0 6px 0 rgb(30 77 54/.28)}
.pick .pk{font:600 .9rem/1 var(--fs);text-transform:uppercase;letter-spacing:.08em;color:var(--fo);margin:0 0 8px}
.pick .pn{font:700 2.1rem/1.1 var(--fh);color:var(--ink);margin:0 0 16px}
.pick ul{list-style:none;margin:0 0 22px;padding:0}
.pick li{position:relative;padding:9px 0 9px 28px;border-top:2px dashed rgb(31 42 34/.28);font-weight:600;line-height:1.4}
.pick li::before{content:"";position:absolute;left:2px;top:15px;width:14px;height:14px;border-radius:50%;background:var(--fo);box-shadow:inset 0 0 0 4px var(--mus),inset 0 0 0 7px var(--fo)}
.pick .btn{width:100%}
.pick .dc{margin:16px 0 0;font-size:.93rem;line-height:1.45}

/* ---------- receipt tables (signature) */
.rc-sec h2{margin-bottom:28px}
.receipt{filter:drop-shadow(0 10px 14px rgb(31 42 34/.16))}
.paper{background:var(--paper);padding:34px clamp(16px,3vw,34px) 40px;-webkit-mask:conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) bottom/20px 51% repeat-x,conic-gradient(from 135deg at top,#0000,#000 1deg 89deg,#0000 90deg) top/20px 51% repeat-x;mask:conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) bottom/20px 51% repeat-x,conic-gradient(from 135deg at top,#0000,#000 1deg 89deg,#0000 90deg) top/20px 51% repeat-x}
.receipt .tw{overflow-x:auto}
.receipt table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}
.receipt thead th{font:600 .82rem/1.25 var(--fh);text-transform:uppercase;letter-spacing:.07em;color:var(--fo);text-align:right;vertical-align:bottom;padding:0 12px 12px;border-bottom:4px double var(--ink)}
.receipt thead th.c1,.receipt thead th.t{text-align:left}
.receipt thead th.c1{padding-left:0}
.receipt tbody th,.receipt tbody td{padding:16px 12px;border-bottom:2px dashed var(--ln)}
.receipt tbody tr:last-child th,.receipt tbody tr:last-child td{border-bottom:0}
.receipt tbody th{text-align:left;padding-left:0;font:600 1.35rem/1.2 var(--fh);color:var(--ink);white-space:nowrap}
.receipt .rl::before{content:"";display:inline-block;width:.6em;height:.6em;margin-right:.55em;border-radius:50%;background:var(--mus);box-shadow:inset 0 0 0 .12em var(--mus),inset 0 0 0 .22em var(--fo);vertical-align:.02em}
.receipt td.n{text-align:right;font:500 1.3rem/1.2 var(--fh);color:var(--ink)}
.receipt td.t{text-align:left;font-size:1rem;line-height:1.5;color:var(--mu)}
.receipt caption{caption-side:bottom;text-align:left;padding:18px 0 0;margin-top:6px;border-top:2px dashed var(--ln);font-size:.97rem;line-height:1.5;color:var(--mu)}
.receipt.c3 td.t{min-width:12em}
@media(max-width:639px){
 .paper{padding:28px 20px 34px}
 .receipt table{display:flex;flex-direction:column}
 .receipt tbody,.receipt tr,.receipt caption{display:block}
 .receipt tbody{order:1}
 .receipt caption{order:2}
 .receipt thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
 .receipt tbody tr{padding:14px 0 12px;border-bottom:2px dashed var(--ln)}
 .receipt tbody tr:last-child{border-bottom:0}
 .receipt tbody th{display:block;padding:0 0 8px;border:0;font-size:1.5rem}
 .receipt tbody td{display:block;padding:0;border:0}
 .receipt td.n{display:grid;grid-template-columns:auto 1fr auto;align-items:baseline;column-gap:8px;padding:5px 0;font-size:1.15rem}
 .receipt td.n::before{content:attr(data-label);grid-column:1;grid-row:1;font:400 1rem/1.3 var(--fs);color:var(--mu)}
 .receipt td.n::after{content:"";grid-column:2;grid-row:1;border-bottom:3px dotted #B5A87F;align-self:end;margin-bottom:.35em}
 .receipt td.n .v{grid-column:3;grid-row:1;text-align:right}
 .receipt td.t{padding:6px 0 2px}
 .receipt td.t::before{content:attr(data-label);display:block;font:600 .78rem/1.3 var(--fh);text-transform:uppercase;letter-spacing:.07em;color:var(--fo)}
 .receipt caption{padding-top:14px}
}

/* ---------- steps */
.steps{list-style:none;margin:0;padding:0;display:grid;gap:14px;counter-reset:st}
.steps li{counter-increment:st;position:relative;padding:20px 22px 22px 84px;background:var(--paper);border:2px solid var(--fo);border-radius:8px 24px 8px 8px;min-height:84px}
.steps li::before{content:counter(st);position:absolute;left:20px;top:18px;width:46px;height:46px;border-radius:50%;background:var(--mus);color:var(--fo);font:700 1.3rem/46px var(--fh);text-align:center;box-shadow:inset 0 0 0 3px var(--mus),inset 0 0 0 5px var(--fo)}
.steps b{display:block;font:600 1.25rem/1.25 var(--fh);color:var(--fo);margin-bottom:4px}
.steps span{display:block;color:var(--ink)}
@media(min-width:900px){.steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}}

/* ---------- pros / cons */
.pc{display:grid;gap:16px}
.pc>div{background:var(--paper);border:2px solid var(--fo);border-radius:8px 24px 8px 8px;padding:24px}
.pc .con{border-color:#8A4B2A}
.pc h3{font-size:1.3rem;color:var(--fo);margin:0 0 12px}
.pc .con h3{color:#8A3F1F}
.pc ul{margin:0;padding-left:1.2em}
.pc li{margin-bottom:.45em}
@media(min-width:760px){.pc{grid-template-columns:1fr 1fr;gap:22px}}

/* ---------- callouts */
.callout{padding:22px 26px;border-radius:8px 24px 8px 8px;background:var(--musl);border:2px solid var(--fo);border-left-width:10px}
.callout p:last-child{margin-bottom:0}
.callout.warn{background:#F6D472}
.sec-rg .callout{background:var(--paper)}

/* ---------- in-content CTA */
.cta{margin:0 0 48px}
.ct-in{background:var(--fo);color:var(--on);border-radius:8px 32px 8px 8px;padding:30px 28px 28px;display:flex;flex-direction:column;align-items:flex-start;gap:14px}
.ct-in .ad{font:600 .82rem/1 var(--fs);text-transform:uppercase;letter-spacing:.09em;color:var(--mus)}
.ct-in .note{margin:2px 0 0;font-size:.97rem;line-height:1.5;color:var(--soft)}
.ct-in .btn{max-width:100%}
.sec-cta .cta{margin:0}
.sec-cta .ct-in{padding:0;background:none;border-radius:0}
@media(min-width:900px){
 .ct-in{padding:38px 44px 36px}
 .sec-cta .ct-in{align-items:center;text-align:center;gap:18px}
 .sec-cta .btn{min-height:64px;padding:0 44px;font-size:1.25rem}
}
@media(max-width:520px){.ct-in .btn{width:100%}}

/* ---------- FAQ */
.faq{text-align:center}
.faq h2{margin-bottom:32px}
.fq{display:grid;gap:14px;text-align:left}
.fq details{break-inside:avoid}
.faq details{background:var(--paper);border:2px solid var(--fo);border-radius:8px 22px 8px 8px;align-self:start}
.faq summary{list-style:none;cursor:pointer;padding:20px 64px 20px 24px;font:600 1.2rem/1.3 var(--fh);color:var(--fo);position:relative;min-height:60px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:18px;top:50%;margin-top:-18px;width:36px;height:36px;border-radius:50%;background:var(--mus);color:var(--fo);font:700 1.5rem/36px var(--fh);text-align:center}
.faq details[open] summary::after{content:"\2212"}
.faq details>div{padding:0 24px 22px}
.faq details>div p:last-child{margin-bottom:0}
.fcta{margin-top:32px}
@media(min-width:900px){.fq{display:block;column-count:2;column-gap:22px}.fq details{margin-bottom:18px}}

/* ---------- page layout (inner pages) */
.pg{padding-top:56px;padding-bottom:72px}
.main{min-width:0}
.main>.blk>h2{scroll-margin-top:24px}
.rail{display:grid;gap:24px;align-content:start;margin-top:48px}
.toc{background:var(--paper);border:2px solid var(--fo);border-radius:8px 24px 8px 8px;padding:22px 24px}
.toc .th{font:600 1.15rem/1.2 var(--fh);color:var(--fo);margin:0 0 10px}
.toc ol,.toc ul{margin:0;padding:0;list-style:none}
.toc li{border-top:2px dashed var(--ln)}
.toc a{display:block;padding:9px 0;text-decoration:none;font-weight:600;color:var(--ink);line-height:1.35}
.toc a:hover,.toc a[aria-current]{color:var(--fo);text-decoration:underline}
.rel h2{margin-bottom:24px}
@media(min-width:1000px){
 .pg{padding-top:80px;padding-bottom:104px}
 .pg.has-rail{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:64px;align-items:start}
 .rail{margin-top:0;position:sticky;top:24px}
 .main>.blk{margin-bottom:64px}
}

/* ---------- footer */
.foot{background:var(--fo);color:var(--soft);padding:64px 0 36px;margin-top:0}
.foot a{color:var(--on)}
.foot a:hover{color:var(--mus)}
.fgrid{display:grid;gap:40px}
.flogo{display:inline-block;margin-bottom:18px}
.flogo img{display:block;height:44px;width:auto}
.fnote{margin:0 0 22px;max-width:36em;line-height:1.55}
.rgbox{display:flex;gap:14px;align-items:flex-start;background:var(--fod);border-radius:8px 20px 8px 8px;padding:18px 20px}
.rgbox p{margin:0;font-size:.97rem;line-height:1.5;color:var(--on)}
.b18{flex:none;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:var(--mus);color:var(--ink);font:700 .95rem/1 var(--fh)}
.fh{font:600 1.1rem/1.2 var(--fh);color:var(--mus);margin:0 0 14px}
.foot ul{list-style:none;margin:0;padding:0}
.foot nav li{margin:0 0 4px}
.foot nav a{display:inline-block;padding:5px 0;text-decoration:none;font-weight:600}
.fine{margin-top:44px;padding-top:24px;border-top:2px dashed rgb(217 230 220/.35);font-size:.93rem;line-height:1.55;display:grid;gap:8px}
.fine p{margin:0}
@media(min-width:900px){
 .fgrid{grid-template-columns:1.5fr 1fr 1fr;gap:64px}
 .foot{padding:80px 0 44px}
}

/* ---------- 404 */
.nf{padding-top:96px;padding-bottom:120px}
.nf h1{font:700 clamp(2.4rem,6vw,3.6rem)/1.1 var(--fh);color:var(--fo);margin-bottom:16px}

/* header aligns with the hero text edge */
@media(min-width:1100px){header.site .wrap{max-width:1440px}}