/* Support Shop: "the repair counter" design system (2026-10-10). Fonts self-hosted, OFL 1.1 (see /assets/fonts/OFL-*.txt). */
@font-face{font-family:"Schibsted Grotesk";src:url(/assets/fonts/schibsted-grotesk.woff2) format("woff2");font-weight:400 900;font-style:normal;font-display:swap}
@font-face{font-family:"JetBrains Mono";src:url(/assets/fonts/jetbrains-mono.woff2) format("woff2");font-weight:500 700;font-style:normal;font-display:swap}
@font-face{font-family:"Caveat";src:url(/assets/fonts/caveat-600.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}
:root{
--ink:#191613;--ink2:#46413b;--mute:#655f57;--paper:#f5f2ec;--paper2:#ece7de;--white:#fff;--line:#ddd6ca;--line2:#8c857b;
--tomato:#e5482d;--tomato-d:#b0311b;--hl:#ffd84a;--hl-soft:#fff4c4;--on-ink:#f6f1e7;--on-ink2:#cdc5b8;
--done:#1b6e44;--done-soft:#e2f2e8;--work:#2251b3;--work-soft:#e5ecfb;--wait:#7d5300;--err:#a4241a;--err-soft:#fdecea;
--sans:"Schibsted Grotesk",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
--mono:"JetBrains Mono",ui-monospace,Menlo,Consolas,monospace;--hand:"Caveat","Comic Sans MS",cursive;
--r:4px;--gut:clamp(16px,4vw,40px)}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--white);color:var(--ink);font:400 17px/1.6 var(--sans);font-kerning:normal}
a{color:var(--tomato-d);text-decoration-thickness:1px;text-underline-offset:3px}
a:hover{text-decoration-thickness:2px}
h1,h2,h3{font-family:var(--sans);line-height:1.08;letter-spacing:-.025em;font-weight:800;color:inherit}
h1{font-size:clamp(2.1rem,5vw,3.5rem);margin:.15em 0 .35em}
h2{font-size:clamp(1.4rem,2.6vw,1.9rem);margin:1.6em 0 .5em}
h3,.h3{font-size:1.15rem;letter-spacing:-.01em;margin:.2em 0 .4em;font-weight:750}
p{margin:0 0 1em}
.wrap{max-width:1200px;margin:0 auto;padding:0 var(--gut)}
.narrow{max-width:860px}
.pad{padding-top:36px;padding-bottom:56px}
.pad-top0{padding-top:0}
.mt0{margin-top:0}
.skip{position:absolute;left:-999px;top:0}.skip:focus{left:8px;top:8px;background:var(--hl);color:var(--ink);padding:10px 14px;z-index:20;font-weight:700}
:focus-visible{outline:3px solid var(--work);outline-offset:2px}
.hero :focus-visible,.foot :focus-visible{outline-color:var(--hl)}

/* masthead */
.mast{background:var(--white);border-bottom:1px solid var(--ink)}
.mast-in{display:flex;align-items:center;justify-content:space-between;gap:10px 28px;min-height:72px;flex-wrap:wrap;padding-top:10px;padding-bottom:10px}
.brand{display:inline-flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none}
.mark{width:36px;height:36px;flex:none}.m-bg{fill:var(--tomato)}.m-tk{fill:#fff}.m-ln{stroke:var(--ink);stroke-width:2.4;stroke-linecap:round}
.brand-w{font-size:1.5rem;font-weight:500;letter-spacing:-.04em;line-height:1}.brand-w b{font-weight:850}
.nav{display:flex;flex-wrap:wrap;align-items:center;gap:6px 26px}
.nav a{color:var(--ink);text-decoration:none;font-weight:550;font-size:.98rem;padding:6px 0;background:linear-gradient(var(--tomato),var(--tomato)) 0 100%/0 2px no-repeat;transition:background-size .15s}
.nav a:hover{background-size:100% 2px}
.nav a.nav-cta{background:var(--ink);color:var(--white);padding:10px 16px;border-radius:var(--r);font-weight:700}
.nav a.nav-cta:hover{background:var(--tomato-d)}

/* preview hang-tag */
.tagline{background:var(--paper);border-bottom:1px dashed var(--line2)}
.tagline-in{padding-top:10px;padding-bottom:10px}
.hangtag{position:relative;display:inline-block;margin:0;background:var(--hl);color:var(--ink);font-size:.92rem;line-height:1.45;padding:7px 16px 7px 40px;clip-path:polygon(16px 0,100% 0,100% 100%,16px 100%,0 50%)}
.hangtag-hole{position:absolute;left:18px;top:50%;width:9px;height:9px;margin-top:-4.5px;border-radius:50%;background:var(--paper);box-shadow:inset 0 0 0 1.5px var(--ink)}
.hangtag-k{font:700 .72rem/1 var(--mono);text-transform:uppercase;letter-spacing:.14em;margin-right:6px}
.hangtag a{color:var(--ink);font-weight:700}

/* eyebrows, ledes, buttons */
.eyebrow,.kicker{font:700 .75rem/1.3 var(--mono);text-transform:uppercase;letter-spacing:.16em;color:var(--tomato-d);margin:0 0 10px}
.hero .eyebrow{color:var(--hl)}
.lede{font-size:clamp(1.06rem,1.6vw,1.22rem);line-height:1.55;color:var(--ink2);max-width:60ch}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:2px solid var(--ink);background:var(--white);color:var(--ink);padding:11px 20px;border-radius:var(--r);font:700 1rem/1.2 var(--sans);text-decoration:none;cursor:pointer;transition:background .12s,color .12s,transform .12s}
.btn:hover{background:var(--paper)}
.btn:active{transform:translateY(1px)}
.btn-main{background:var(--ink);color:var(--white)}
.btn-main:hover{background:var(--tomato-d);border-color:var(--tomato-d)}
.btn-small{padding:6px 12px;font-size:.9rem}
.btn-danger{background:var(--err);border-color:var(--err);color:#fff}.btn-danger:hover{background:#7e1a12;border-color:#7e1a12}
.linkish{background:none;border:0;padding:0;font:inherit;color:var(--tomato-d);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.small{font-size:.9rem;color:var(--mute)}
.muted{color:var(--mute)}
.cta{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0 18px}

/* price line = receipt row */
.price-line{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;margin:18px 0;padding:10px 0;border-top:1px dashed var(--line2);border-bottom:1px dashed var(--line2);font:500 .86rem/1.5 var(--mono);color:var(--ink2);max-width:640px}
.price-line strong{color:var(--ink);font-weight:700}
.tag{display:inline-block;font:700 .68rem/1 var(--mono);text-transform:uppercase;letter-spacing:.12em;background:var(--ink);color:var(--white);padding:5px 7px;border-radius:2px;vertical-align:middle}
.free{background:var(--hl);color:var(--ink);padding:1px 6px;font-weight:700}
.pl-sep{color:var(--line2)}
.hero .price-line{border-color:rgba(246,241,231,.35);color:var(--on-ink2)}
.hero .price-line strong{color:var(--on-ink)}
.hero .price-line .tag{background:var(--on-ink);color:var(--ink)}
.hero .price-line a{color:var(--hl)}

/* hero */
.hero{background:var(--ink);color:var(--on-ink);position:relative;overflow:hidden}
.hero:after{content:"";position:absolute;inset:auto 0 0 0;height:8px;background:repeating-linear-gradient(90deg,var(--tomato) 0 28px,transparent 28px 40px)}
.hero-in{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:64px;align-items:center;padding-top:72px;padding-bottom:88px}
.hero h1{font-size:clamp(2.7rem,6.4vw,5.4rem);line-height:.98;letter-spacing:-.045em;margin:.1em 0 .35em;color:#fff}
.hero .lede{color:var(--on-ink2)}
.mark-hl{color:var(--ink);background:linear-gradient(transparent 14%,var(--hl) 14%,var(--hl) 92%,transparent 92%);padding:0 .08em;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.hero .btn-main{background:var(--hl);border-color:var(--hl);color:var(--ink)}
.hero .btn-main:hover{background:#fff;border-color:#fff}
.btn-ghost{background:transparent;color:var(--on-ink);border-color:rgba(246,241,231,.7)}
.btn-ghost:hover{background:rgba(246,241,231,.1)}

/* example queue window */
.queue-win{position:relative;background:var(--white);color:var(--ink);border-radius:10px;box-shadow:0 30px 60px -20px rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,.08);transform:rotate(1.2deg);margin-bottom:28px}
.qw-bar{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--line);background:var(--paper);border-radius:10px 10px 0 0}
.qw-dots{display:inline-flex;gap:6px}.qw-dots i{width:10px;height:10px;border-radius:50%;background:var(--line2)}.qw-dots i:first-child{background:var(--tomato)}
.qw-t{font-weight:800;letter-spacing:-.01em}
.qw-n{margin-left:auto;font:500 .75rem var(--mono);color:var(--mute)}
.qw-sort{display:flex;justify-content:space-between;gap:8px;margin:0;padding:10px 16px 0;font:600 .72rem var(--mono);text-transform:uppercase;letter-spacing:.1em;color:var(--mute)}
.queue-win .tlist{padding:4px 12px 14px;margin:0}
.scrawl{position:absolute;right:6px;bottom:-46px;margin:0;font:600 1.7rem/1 var(--hand);color:var(--hl);transform:rotate(-4deg)}

/* tickets (home example + queue) */
.tlist{list-style:none;padding:0;margin:10px 0}
.tk{display:block;position:relative;background:var(--white);border:1px solid var(--line);border-left:5px solid var(--line2);border-radius:var(--r);padding:12px 14px;margin:8px 0;text-decoration:none;color:var(--ink);transition:border-color .12s,box-shadow .12s}
a.tk:hover{border-color:var(--ink);box-shadow:3px 3px 0 var(--ink)}
.tk.u3{border-left-color:var(--err)}.tk.u2{border-left-color:var(--tomato)}.tk.u1{border-left-color:#c99700}.tk.u0{border-left-color:#8d96a3}
.tk-ref{position:absolute;left:14px;top:13px;font:700 .85rem/1.5 var(--mono);color:var(--mute)}
.demo .tk{padding-left:52px}
.tk h3{margin:0;font-size:1.02rem;font-weight:700;letter-spacing:-.01em;overflow-wrap:anywhere}
.tk .meta{font-size:.84rem;color:var(--mute);margin:3px 0 0}
.pill{display:inline-flex;align-items:center;gap:5px;font:700 .68rem/1 var(--mono);text-transform:uppercase;letter-spacing:.06em;border-radius:2px;padding:4px 6px;background:var(--paper2);color:var(--ink);vertical-align:middle;white-space:nowrap}
.pill:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.pill.new{background:#fde6e1;color:#9a2a16}.pill.working{background:var(--work-soft);color:var(--work)}.pill.waiting{background:var(--hl-soft);color:var(--wait)}.pill.done{background:var(--done-soft);color:var(--done)}
.urg{font-weight:700;color:var(--ink2)}

/* bands + section heads */
.band{padding:88px 0}
.band-paper{background:var(--paper);border-bottom:1px solid var(--line)}
.sec-head{max-width:760px;margin-bottom:40px}
.sec-head h2{font-size:clamp(1.8rem,3.6vw,2.9rem);line-height:1.04;letter-spacing:-.035em;margin:0}
.flow{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px}
.flow li{border-top:3px solid var(--ink);padding-top:18px}
.flow-n{display:block;font:700 2.6rem/1 var(--mono);color:var(--tomato-d);letter-spacing:-.04em;margin-bottom:14px}
.flow h3{font-size:1.3rem;margin:0 0 .45em}
.flow p{color:var(--ink2);margin:0}

/* plans = receipts */
.plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:28px;margin:8px 0 12px;align-items:start}
.plan{position:relative;background:var(--white);border:1px solid var(--line);border-top:6px solid var(--ink);padding:24px 26px 34px;
 -webkit-mask:conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) 50%/14px 100%;mask:conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) 50%/14px 100%}
.band-paper .plan,.plans{filter:none}
.plan-pass{background:var(--hl-soft);border-color:#e9d68a;border-top-color:var(--tomato)}
.plan-k{font:700 .7rem/1 var(--mono);text-transform:uppercase;letter-spacing:.16em;color:var(--mute);margin:0 0 6px}
.plan h3{margin:0 0 4px;font-size:1.5rem}
.amount{font-size:3rem;font-weight:850;letter-spacing:-.04em;line-height:1;margin:12px 0 6px}
.amount span{font-size:1rem;font-weight:500;letter-spacing:0;color:var(--mute)}
.alt{margin:0 0 10px;color:var(--ink2)}
.plan ul{list-style:none;padding:0;margin:16px 0 0;border-top:1px dashed var(--line2)}
.plan li{padding:9px 0 9px 26px;border-bottom:1px dashed var(--line2);position:relative;font-size:.97rem}
.plan li:before{content:"+";position:absolute;left:4px;top:8px;font:700 1rem/1.4 var(--mono);color:var(--tomato-d)}
.free-box{margin:18px 0 0;background:var(--ink);color:var(--on-ink);padding:10px 12px;font-weight:600;font-size:.92rem;border-radius:2px}

/* counter: start form + house rules */
.band-counter{background:var(--paper);border-top:1px solid var(--line)}
.counter-in{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:40px;align-items:start}
.house-rules{background:var(--ink);color:var(--on-ink);padding:30px 30px 26px;border-radius:6px}
.house-rules h2{margin:0 0 .5em;color:#fff}
.house-rules p{color:var(--on-ink2)}
.rules{list-style:none;padding:0;margin:18px 0 0;display:flex;flex-wrap:wrap;gap:8px}
.rules li{font:700 .74rem/1 var(--mono);text-transform:uppercase;letter-spacing:.1em;border:1.5px solid var(--on-ink2);color:var(--on-ink);padding:8px 10px;border-radius:2px}
.rules li:before{content:"\2715  ";color:var(--tomato)}

/* page heads (inner pages) */
.page-head{background:var(--paper);border-bottom:1px solid var(--line);padding:48px 0 32px}
.page-head h1{font-size:clamp(2.3rem,5.4vw,3.9rem);line-height:1;letter-spacing:-.04em;margin:0 0 .4em}
.page-head .lede{margin-bottom:.4em}
main > section.narrow:first-child > h1,main > section.narrow:first-child > .ticket-head h1{letter-spacing:-.035em}
main > section.narrow:first-child{padding-top:44px}

/* notes, forms */
.card{background:var(--white);border:1px solid var(--line);border-radius:6px;padding:20px 22px;min-width:0}
.note{border-radius:var(--r);padding:12px 16px;margin:14px 0;border:1px solid var(--line);border-left:5px solid var(--ink);background:var(--white)}
.note-err{border-color:#e7b3ad;border-left-color:var(--err);color:var(--err);background:var(--err-soft);font-weight:600}
.note-ok{border-color:#b5dcc4;border-left-color:var(--done);background:var(--done-soft)}
.note-main{border-color:#ead78c;border-left-color:#c99700;background:var(--hl-soft)}
fieldset{border:0;padding:0;margin:4px 0 12px;min-width:0}
legend{font-weight:750;margin:18px 0 4px;padding:0}
label{display:block;font-size:.96rem;font-weight:700;margin:16px 0 0}
.hint{display:block;font-weight:400;font-size:.86rem;color:var(--mute);margin-top:1px}
input,select,textarea{display:block;width:100%;margin-top:6px;font:400 16px/1.45 var(--sans);padding:10px 12px;border:1.5px solid var(--line2);border-radius:var(--r);background:#fff;color:var(--ink);min-width:0}
input:hover,select:hover,textarea:hover{border-color:var(--ink2)}
input:focus,select:focus,textarea:focus{outline:3px solid var(--hl);outline-offset:0;border-color:var(--ink)}
textarea{resize:vertical}
.field-err{color:var(--err);font-size:.88rem;font-weight:700;margin:4px 0 0}
.actions{display:flex;flex-wrap:wrap;gap:12px;margin:18px 0 12px;align-items:center}
.check{display:flex;gap:10px;align-items:flex-start;font-weight:400;margin:8px 0}
.check input{width:18px;height:18px;margin-top:4px;flex:none;accent-color:var(--ink)}
.ticks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}
.formbox{background:var(--white);border:1px solid var(--line);border-top:4px solid var(--ink);border-radius:2px 2px 6px 6px;padding:22px 24px;margin:18px 0}
.formbox h2{margin-top:0}
.hp{position:absolute;left:-5000px;width:1px;height:1px;overflow:hidden}
.linkbox{background:var(--hl-soft);border:1.5px dashed #b28a00;border-radius:6px;padding:14px 16px;margin:14px 0}
.linkbox .row{display:flex;gap:8px;margin-top:8px}.linkbox input{margin:0;font:500 .82rem var(--mono);background:#fff;font-variant-ligatures:none}
.prose p,.prose li{max-width:68ch}
.prose{padding-left:1.2em}
.prose li{margin:8px 0}
.prose li::marker{color:var(--tomato-d)}

/* queue page */
.tabs{display:flex;flex-wrap:wrap;gap:0;margin:14px 0;border:1.5px solid var(--ink);border-radius:var(--r);width:max-content;max-width:100%;overflow:hidden}
.tabs a{display:inline-block;padding:7px 13px;text-decoration:none;font:600 .84rem/1.3 var(--mono);color:var(--ink);border-right:1px solid var(--line)}
.tabs a:last-child{border-right:0}
.tabs a:hover{background:var(--paper)}
.tabs a.on{background:var(--ink);color:#fff}
.two{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr);gap:32px;align-items:start}
.two aside .card ul{padding-left:1.1em}
.ticket-head{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center}
.ticket-head h1{margin-bottom:.2em}

/* request detail */
.facts{width:100%;border-collapse:collapse;background:var(--white);margin:16px 0;border:1px solid var(--line);border-top:3px solid var(--ink)}
.facts th,.facts td{padding:10px 14px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.facts th{width:28%;font:700 .74rem/1.6 var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--mute);background:var(--paper)}
.facts td{overflow-wrap:anywhere;white-space:pre-wrap}
.errtext{font:500 .86rem/1.5 var(--mono);background:var(--ink);color:var(--on-ink);white-space:pre-wrap;overflow-wrap:anywhere;padding:8px 10px;border-radius:3px;margin:0}
.thread{list-style:none;padding:0;margin:12px 0}
.msg{border:1px solid var(--line);border-radius:10px;padding:10px 14px;margin:10px 0;background:var(--white);max-width:44rem}
.msg .who{font:700 .7rem/1.4 var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--mute);margin:0 0 4px}
.msg .body{white-space:pre-wrap;overflow-wrap:anywhere;margin:0}
.msg.reply{border-color:#c6d4f0;background:var(--work-soft);border-bottom-left-radius:2px}
.msg.asker{background:var(--paper);margin-left:auto;border-bottom-right-radius:2px}
.msg.fix{border-color:#a9d3b9;background:var(--done-soft);border-left:5px solid var(--done)}
.msg.private{border:1.5px dashed #b28a00;background:var(--hl-soft)}

/* summary, fixes, guide */
.sum{width:100%;border-collapse:collapse;background:var(--white);margin:12px 0}
.sum th,.sum td{padding:8px 12px;border-bottom:1px solid var(--line);text-align:left}
.sum th{font:700 .74rem var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--mute);border-bottom:2px solid var(--ink)}
.sum td{font-variant-numeric:tabular-nums}
.barcell{width:45%}
.bar{display:block;height:12px;background:var(--tomato);border-radius:1px;min-width:2px}
.fixes{list-style:none;padding:0}
.fixes li{background:var(--white);border:1px solid var(--line);border-left:5px solid var(--done);border-radius:var(--r);padding:14px 18px;margin:12px 0}
.fixes pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;margin:6px 0}
.steps{list-style:none;padding:0;margin:8px 0 24px;counter-reset:st}
.steps li{counter-increment:st;position:relative;padding:4px 0 18px 64px;margin:0 0 18px;border-bottom:1px solid var(--line)}
.steps li:before{content:counter(st,decimal-leading-zero);position:absolute;left:0;top:2px;width:46px;height:46px;display:grid;place-items:center;background:var(--ink);color:var(--hl);font:700 1rem var(--mono);border-radius:50%}
.steps h2{margin:.3em 0 .3em}
.steps p{margin:0;color:var(--ink2)}
.os{width:100%;border-collapse:collapse;background:var(--white);margin:10px 0 18px;font-size:.96rem;border-top:3px solid var(--ink)}
.os th,.os td{padding:12px 14px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.os th{width:20%;font-weight:800;background:var(--paper)}
.tbl-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
.tbl-wrap:focus-visible{outline:3px solid var(--ink);outline-offset:3px}
.demo .tk{cursor:default}
code,kbd{font:600 .84em var(--mono);font-variant-ligatures:none;background:var(--paper2);padding:2px 5px;border-radius:3px}
kbd{border:1px solid var(--line2);border-bottom-width:2px;background:#fff}

/* footer */
.foot{background:var(--ink);color:var(--on-ink2);padding:64px 0 40px;margin-top:0;border-top:8px solid var(--tomato)}
.foot a{color:var(--on-ink)}
.foot-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:32px;padding-bottom:32px;border-bottom:1px solid rgba(246,241,231,.18);margin-bottom:24px}
.foot-word{font-size:clamp(2rem,4vw,3.2rem);font-weight:500;letter-spacing:-.05em;line-height:1;color:#fff;margin:0 0 10px}.foot-word b{font-weight:850}
.foot-say{font:600 1.6rem/1.1 var(--hand);color:var(--hl);margin:0}
.foot-nav{display:flex;flex-direction:column;gap:8px}
.foot-nav a{text-decoration:none;width:max-content}.foot-nav a:hover{text-decoration:underline}
.foot-h{font:700 .72rem var(--mono);text-transform:uppercase;letter-spacing:.16em;color:var(--on-ink2);margin:0 0 4px}
.fine{font-size:.86rem;max-width:90ch;margin:0 0 12px}
.powered{font-weight:700;margin:0;color:var(--on-ink)}
.powered-sep{display:inline-block;margin:0 .6em;color:var(--hl);font-size:.8em;vertical-align:.1em}

@media (max-width:960px){
 .hero-in{grid-template-columns:1fr;gap:48px;padding-top:48px;padding-bottom:80px}
 .queue-win{transform:none}
 .two,.counter-in{grid-template-columns:1fr}
 .flow{grid-template-columns:1fr;gap:28px}
 .band{padding:64px 0}
}
@media (max-width:700px){
 body{font-size:16px}
 .mast-in{min-height:0;position:relative}
 .nav{width:100%;gap:4px 20px;justify-content:flex-start}
 .nav a{font-size:.92rem}
 .nav a.nav-cta{position:absolute;right:var(--gut);top:10px;padding:8px 12px}
 .hangtag{font-size:.86rem}
 .ticks{grid-template-columns:1fr}
 .linkbox .row{flex-wrap:wrap}
 .facts th{width:36%}
 .os th{width:28%}
 .foot-grid{grid-template-columns:1fr 1fr}.foot-brand{grid-column:1/-1}
 .scrawl{font-size:1.4rem;bottom:-40px}
 .steps li{padding-left:56px}.steps li:before{width:40px;height:40px;font-size:.9rem}
 .formbox,.house-rules{padding:18px}
 .tabs{width:auto}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}
@media print{.mast,.foot,.tagline,.noprint,.skip,.price-line,.actions{display:none!important}body{background:#fff}.hero{background:#fff;color:#000}}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.w0{width:1%}.w10{width:10%}.w20{width:20%}.w30{width:30%}.w40{width:40%}.w50{width:50%}.w60{width:60%}.w70{width:70%}.w80{width:80%}.w90{width:90%}.w100{width:100%}

/* ---------- v1.2.0: AdEngine banner (adengine.us) ----------
   One labelled slot between the main content and the footer, on the public pages only (the controllers opt in). The label
   and the reserved height are on the <ins>, so when tag.js (or ae-size.js) hides a slot it cannot fill, the label and the
   space go with it (and the empty wrapper with :has). 110px = 16px label + 4px gap + 90px banner; 270px on phones
   (300x250). All vertical spacing is margin on the <ins>: the narrow pages already end with 56px of padding, so the slot
   adds space only below, before the dark footer; after the home page's paper counter band it keeps the same space above.
   display stays in this file and is never !important: tag.js hides a slot with style.display='none'. Label: the site's
   mono label style in --mute (6.3:1 on white). */
.ae-slot{padding:0 var(--gut)}
.ae-slot:has(> ins.adengine[style*="display: none"]){display:none}
.ae-slot ins.adengine{display:block;max-width:728px;min-height:110px;margin:0 auto 56px;text-align:center;text-decoration:none}
main:has(> .band:last-child) + .ae-slot ins.adengine{margin-top:56px}
.ae-slot ins.adengine::before{content:"Advertisement";display:block;margin-bottom:4px;font:700 11px/16px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--mute)}
.ae-slot ins.adengine a{display:inline-block;vertical-align:top}
@media (max-width:767px){.ae-slot ins.adengine{max-width:300px;min-height:270px;margin-bottom:40px}main:has(> .band:last-child) + .ae-slot ins.adengine{margin-top:40px}}
@media print{.ae-slot{display:none}}