/* Layout: bright paper site. Public pages are one centred column; the member area is a sidebar + content shell. Gold is reserved for the single primary action per screen. Single light theme by choice (the site is meant to be bright). */
:root{
  --paper:#FBFAF7; --card:#FFFFFF; --bone:#F4F2EC; --sand:#E6E2D8; --ink:#0B0B0C; --muted:#66665F;
  --aurum:#C9A961; --aurum-ink:#7A6232; --aurum-soft:#F4ECD8; --iris-ink:#4A5F7E;
  --ok:#2F7D52; --ok-soft:#E3F1E8; --warn:#9A5B12; --warn-soft:#F7ECDA;
  --f-display:"Michroma","Eurostile",Arial,sans-serif;
  --f-body:"Manrope",system-ui,-apple-system,"Segoe UI",sans-serif;
  color-scheme:light;
}
*{box-sizing:border-box}
html,body{min-height:100%}
body{background:var(--paper);color:var(--ink);font-family:var(--f-body);font-size:15.5px;line-height:1.6;padding-inline:0;padding-block:0;margin:0}
svg{display:block;max-width:100%;height:auto}
button,input,select{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--aurum-ink);outline-offset:2px}
a{color:var(--iris-ink)}
h1,h2,h3{margin:0;font-weight:400;text-wrap:balance;line-height:1.25}
.disp{font-family:var(--f-display);text-transform:uppercase;letter-spacing:.14em}
.label{font-family:var(--f-display);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}
.muted{color:var(--muted)}
.num{font-variant-numeric:tabular-nums}
p{margin:0;max-width:62ch}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--f-display);font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;padding:13px 22px;border-radius:3px;border:1px solid var(--ink);background:var(--ink);color:var(--paper);cursor:pointer;text-decoration:none;white-space:nowrap}
.btn.gold{background:var(--aurum);border-color:var(--aurum);color:var(--ink)}
.btn.ghost{background:transparent;color:var(--ink);border-color:var(--sand)}
.btn.small{padding:9px 14px;font-size:9.5px;min-height:44px}
.btn:disabled{opacity:.4;cursor:not-allowed}
.btn:hover:not(:disabled){filter:brightness(.96)}
.link{display:inline-flex;align-items:center;min-height:44px;background:none;border:0;padding:8px 4px;color:var(--iris-ink);cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.link.danger{color:#963B2F}

/* public layout */
.pub-head{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:18px 24px;border-bottom:1px solid var(--sand);background:var(--paper)}
.brand{display:flex;align-items:center;gap:12px;background:none;border:0;padding:0;cursor:pointer;color:inherit;min-width:0}
.brand .mk{width:30px;flex:none}
/* The wordmark is the configured APP_NAME set in the display face, so a rename needs no new artwork. */
.brand .wd{font-family:var(--f-display);font-size:13px;line-height:1;letter-spacing:.3em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media (max-width:420px){.brand .wd{font-size:10.5px;letter-spacing:.18em}}
.pub-actions{display:flex;align-items:center;gap:18px}
.pub-main{max-width:1040px;margin:0 auto;padding-inline:24px;padding-block:0 72px}
.hero{display:grid;place-items:center;padding-block:88px 72px}
.hero .lg{width:min(380px,76vw)}
.home-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:16px}
@media (max-width:780px){.home-grid{grid-template-columns:minmax(0,1fr)}}
.card{background:var(--card);border:1px solid var(--sand);border-radius:6px;padding:24px;min-width:0}
.price{display:flex;align-items:baseline;gap:10px;margin-block:14px 4px}
.price b{font-family:var(--f-display);font-weight:400;font-size:40px;letter-spacing:.04em}
.list{list-style:none;margin:16px 0 22px;padding:0;display:flex;flex-direction:column;gap:9px}
.list li{display:flex;gap:10px;align-items:flex-start}
.list li::before{content:"";width:9px;height:8px;margin-top:7px;flex:none;background:var(--aurum);clip-path:polygon(50% 0,100% 100%,0 100%)}
.soon{display:flex;flex-direction:column;gap:12px}
.soon-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid var(--sand)}
.soon-row:last-child{border-bottom:0}
.pill{display:inline-flex;align-items:center;gap:6px;font-family:var(--f-display);font-size:9px;letter-spacing:.16em;text-transform:uppercase;padding:4px 9px;border-radius:99px;background:var(--bone);color:var(--muted);white-space:nowrap}
.pill.ok{background:var(--ok-soft);color:var(--ok)}
.pill.gold{background:var(--aurum-soft);color:var(--aurum-ink)}
.pill.warn{background:var(--warn-soft);color:var(--warn)}
.pub-foot{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:22px 24px;border-top:1px solid var(--sand);font-size:13px;color:var(--muted);margin-top:auto}
.pub-foot nav{display:flex;gap:18px}
.pub-foot button{background:none;border:0;padding:0;color:var(--muted);cursor:pointer;font-size:13px}

/* auth + onboarding */
.narrow{max-width:520px;margin:0 auto;padding-block:56px 72px;display:flex;flex-direction:column;gap:22px}
.steps{display:flex;gap:6px;flex-wrap:wrap}
.steps span{flex:1;min-width:60px;height:3px;background:var(--sand);border-radius:2px}
.steps span.on{background:var(--ink)}
.steps-l{display:flex;justify-content:space-between;gap:6px;flex-wrap:wrap}
.form{display:flex;flex-direction:column;gap:14px}
.field{display:flex;flex-direction:column;gap:6px}
.field label{font-size:13px;font-weight:600}
.field input,.field select{border:1px solid var(--sand);background:var(--card);border-radius:4px;padding:11px 12px;font-size:15px}
.field input:focus{border-color:var(--ink);outline:none}
.field .hint{font-size:12.5px;color:var(--muted)}
.check{display:flex;gap:10px;align-items:flex-start;font-size:14px}
.check input{margin-top:4px;accent-color:var(--ink);width:16px;height:16px}
.invite{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:4px;background:var(--bone);font-size:14px}
.invite .mk{width:22px}
.doc{border:1px solid var(--sand);border-radius:6px;background:var(--card)}
.doc summary{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:14px 16px;cursor:pointer;list-style:none}
.doc summary::-webkit-details-marker{display:none}
.doc .body{padding:0 16px 16px;display:flex;flex-direction:column;gap:12px;font-size:14px;color:var(--muted)}
.doc .placeholder{border:1px dashed var(--sand);border-radius:4px;padding:14px;background:var(--paper)}
.ref{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px;border-radius:6px;background:var(--bone);flex-wrap:wrap}
.ref b{font-family:var(--f-display);font-weight:400;font-size:20px;letter-spacing:.12em}
.kv{display:flex;flex-direction:column}
.kv div{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--sand);font-size:14px}
.kv div:last-child{border-bottom:0}
.kv span:first-child{color:var(--muted)}
.olist{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:6px;font-size:14px}
.code-in{font-family:var(--f-display)!important;letter-spacing:.18em;text-transform:uppercase;font-size:17px!important;text-align:center}
.err{font-size:13px;color:#B3362E}

/* member shell */
.shell{display:grid;grid-template-columns:232px minmax(0,1fr);min-height:calc(100vh - 72px)}
@media (max-width:860px){.shell{grid-template-columns:minmax(0,1fr)}}
.side{border-right:1px solid var(--sand);background:var(--card);padding:20px 14px;display:flex;flex-direction:column;gap:22px}
@media (max-width:860px){.side{border-right:0;border-bottom:1px solid var(--sand);padding:14px 16px;gap:12px}}
.side nav{display:flex;flex-direction:column;gap:2px}
@media (max-width:860px){.side nav{flex-direction:row;flex-wrap:wrap}}
.side nav button{display:flex;align-items:center;min-height:44px;gap:10px;text-align:left;background:none;border:0;padding:9px 12px;border-radius:4px;cursor:pointer;font-size:14px;color:var(--muted)}
.side nav button:hover{background:var(--bone)}
.side nav button.on{background:var(--bone);color:var(--ink);font-weight:600}
.side .me{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--sand);border-radius:6px}
@media (max-width:860px){.side .me{display:none}}
.content{padding:28px 32px 64px;display:flex;flex-direction:column;gap:20px;min-width:0}
@media (max-width:600px){.content{padding:20px 16px 56px}}
.page-head{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;flex-wrap:wrap}
.page-head h1{font-family:var(--f-display);font-size:20px;letter-spacing:.14em;text-transform:uppercase}
.tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
@media (max-width:1080px){.tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:460px){.tiles{grid-template-columns:minmax(0,1fr)}}
.tile{background:var(--card);border:1px solid var(--sand);border-radius:6px;padding:16px 18px;display:flex;flex-direction:column;gap:6px;min-width:0}
.tile .v{font-family:var(--f-display);font-size:22px;letter-spacing:.04em;font-variant-numeric:tabular-nums}
.tile .s{font-size:12.5px;color:var(--muted)}
.two{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:16px}
@media (max-width:1000px){.two{grid-template-columns:minmax(0,1fr)}}
.sec-t{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;flex-wrap:wrap}
.sec-t h2{font-size:15px;font-weight:700}
.feed{display:flex;flex-direction:column}
.feed div{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid var(--sand);font-size:14px}
.feed div:last-child{border-bottom:0}
.feed time{color:var(--muted);white-space:nowrap;font-size:13px}
.copyrow{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.copyrow code{flex:1;min-width:0;overflow-wrap:anywhere;background:var(--bone);padding:10px 12px;border-radius:4px;font-size:13.5px}
.note{font-size:13px;color:var(--muted);padding:12px 14px;border-radius:4px;background:var(--bone)}

/* rank */
.insignia{display:flex;gap:3px;align-items:flex-end}
.insignia i{width:11px;height:10px;background:var(--sand);clip-path:polygon(50% 0,100% 100%,0 100%)}
.insignia i.f{background:var(--aurum)}
.insignia.lg i{width:18px;height:16px}
.rank-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:center}
@media (max-width:760px){.rank-hero{grid-template-columns:minmax(0,1fr)}}
.rank-name{font-family:var(--f-display);font-size:28px;letter-spacing:.14em;text-transform:uppercase;margin-block:10px 4px}
.bar{height:8px;border-radius:99px;background:var(--bone);overflow:hidden;margin-block:10px 6px}
.bar i{display:block;height:100%;background:var(--aurum)}
.req{display:flex;flex-direction:column;gap:8px;margin-top:12px}
.req div{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:14px;padding:9px 12px;border:1px solid var(--sand);border-radius:4px}
.ladder{display:flex;flex-direction:column}
.rung{display:grid;grid-template-columns:120px 92px minmax(0,1fr) 110px;gap:14px;align-items:center;padding:11px 14px;border-bottom:1px solid var(--sand);font-size:14px}
.rung:last-child{border-bottom:0}
.rung.cur{background:var(--aurum-soft);border-radius:4px;border-bottom-color:transparent}
.rung.done .rname{color:var(--ink)}
.rung .rname{font-family:var(--f-display);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.rung .mini{text-align:right;color:var(--muted);font-size:12.5px}
@media (max-width:640px){.rung{grid-template-columns:minmax(0,1fr) auto}.rung .rreq,.rung .mini{grid-column:1 / -1;text-align:left}}
.tree-wrap{overflow-x:auto}
.tree{min-width:720px;display:flex;flex-direction:column;align-items:center;gap:0;padding-block:6px}
.node{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 12px;border:1px solid var(--sand);border-radius:6px;background:var(--card);min-width:128px;cursor:default}
.node.you{border-color:var(--ink);background:var(--ink);color:var(--paper)}
.node.you .insignia i{background:#3A3A3D}.node.you .insignia i.f{background:var(--aurum)}
.node .h{font-weight:700;font-size:13.5px}
.node .r{font-family:var(--f-display);font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.node.you .r{color:#C9C7C0}
.node.open{border-style:dashed;color:var(--muted);background:transparent}
.node.pending{opacity:.75}
.vline{width:1px;height:18px;background:var(--sand)}
.lvl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;width:100%;position:relative}
.lvl::before{content:"";position:absolute;top:0;left:16.6%;right:16.6%;height:1px;background:var(--sand)}
.branch{display:flex;flex-direction:column;align-items:center}
.kids{display:flex;gap:6px;flex-wrap:wrap;justify-content:center;margin-top:0}
.kids .node{min-width:88px;padding:7px 8px}
.kids .node .h{font-size:12px}
.lvl-table{width:100%;border-collapse:collapse;font-size:14px}
.lvl-table th,.lvl-table td{text-align:left;padding:9px 10px;border-bottom:1px solid var(--sand)}
.lvl-table th{font-family:var(--f-display);font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-weight:400}
.lvl-table td.n,.lvl-table th.n{text-align:right;font-variant-numeric:tabular-nums}
.lvl-table tr:last-child td{border-bottom:0}
.directs{display:flex;flex-direction:column}
.drow{display:grid;grid-template-columns:minmax(0,1.2fr) 110px 90px 90px;gap:12px;align-items:center;padding:11px 0;border-bottom:1px solid var(--sand);font-size:14px}
.drow:last-child{border-bottom:0}
.drow.h{font-family:var(--f-display);font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
@media (max-width:560px){.drow{grid-template-columns:minmax(0,1fr) auto}.drow .hide-s{display:none}}

/* empty */
.empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;padding:44px 20px}
.empty .mk{width:46px;color:var(--sand)}

.toast{position:fixed;left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 24px);transform:translateX(-50%);background:var(--ink);color:var(--paper);padding:12px 18px;border-radius:4px;font-size:14px;z-index:40;max-width:calc(100vw - 32px)}
@media (prefers-reduced-motion:no-preference){.screen{animation:in .18s ease-out}@keyframes in{from{opacity:.4}to{opacity:1}}}

.home-c{max-width:560px;margin:0 auto;padding-block:72px 40px;display:flex;flex-direction:column;gap:20px}
.cta-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}
@media (max-width:440px){.cta-row{grid-template-columns:minmax(0,1fr)}}
.btn.xl{padding:19px 24px;font-size:12px}
.otp{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}
.otp input{text-align:center;font-family:var(--f-display);font-size:20px;padding:12px 0;border:1px solid var(--sand);border-radius:4px;background:var(--card);min-width:0}
.otp input:focus{border-color:var(--ink);outline:none}
.codebig{font-family:var(--f-display);font-size:34px;letter-spacing:.32em;padding:22px 16px;text-align:center;border-radius:6px;background:var(--bone)}
.kid{display:flex;flex-direction:column;align-items:center}
.g3{display:flex;flex-direction:column;gap:3px;align-items:center;min-height:20px}
.g3 span{font-family:var(--f-display);font-size:9px;letter-spacing:.12em;padding:3px 6px;border:1px solid var(--sand);border-radius:3px;background:var(--paper)}
.g3 em{font-style:normal;font-size:11px;color:var(--muted)}
.vs{width:1px;height:10px;background:var(--sand)}
.node.up{background:var(--bone);border-style:dashed}
.lvl-key{display:flex;gap:16px;flex-wrap:wrap;font-size:12.5px;color:var(--muted);margin-top:12px}
/* admin */
.adm-tabs{display:flex;gap:6px;flex-wrap:wrap}
.adm-tabs button{min-height:44px;background:var(--card);border:1px solid var(--sand);border-radius:99px;padding:8px 14px;font-size:13px;cursor:pointer;color:var(--muted)}
.adm-tabs button.on{background:var(--ink);border-color:var(--ink);color:var(--paper)}
.tw{position:relative;overflow-x:auto;border:1px solid var(--sand);border-radius:6px;background:var(--card)}
.tw:focus-visible{outline:2px solid var(--aurum-ink);outline-offset:3px}
.qt{width:100%;border-collapse:collapse;font-size:13.5px;min-width:760px}
.qt th,.qt td{text-align:left;padding:11px 14px;border-bottom:1px solid var(--sand);vertical-align:middle}
.qt th{font-family:var(--f-display);font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-weight:400;background:var(--paper)}
.qt tr:last-child td{border-bottom:0}
.table-actions{display:flex;align-items:center;gap:12px;white-space:nowrap}
.fields2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
@media (max-width:520px){.fields2{grid-template-columns:minmax(0,1fr)}}
.codechip{font-family:var(--f-display);letter-spacing:.14em;font-size:12.5px}
[hidden]{display:none!important}
#public{min-height:100vh;display:flex;flex-direction:column}
img{display:block;max-width:100%;height:auto}
button{touch-action:manipulation}
.form-status,.screen-status,.ops-status{padding:11px 13px;border:1px solid var(--sand);border-radius:4px;background:var(--bone);font-size:13.5px;overflow-wrap:anywhere}
.form-status[data-type="error"],.screen-status[data-type="error"],.ops-status[data-type="error"]{border-color:#E5B7B3;background:#F8E3E1;color:#8A2721}
.form-status[data-type="loading"],.screen-status[data-type="loading"],.ops-status[data-type="loading"]{border-color:var(--aurum);background:var(--aurum-soft);color:var(--aurum-ink)}
.screen.is-loading > :not(.screen-status){visibility:hidden;pointer-events:none}
.screen.content.has-load-error > :not(.page-head):not(.screen-status){display:none}
.screen.narrow.has-load-error > :not(h1):not(.screen-status){display:none}
.btn[aria-busy="true"]{cursor:wait}
.dev-code{border-color:var(--aurum);background:var(--aurum-soft);color:var(--aurum-ink);font-family:var(--f-display);letter-spacing:.08em}
.lookup-form{display:flex;align-items:flex-end;gap:10px;max-width:560px}
.lookup-form .field{flex:1}
.api-tree{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;width:100%;margin:0;padding:0;list-style:none}
.api-tree li{display:flex;flex-direction:column;gap:4px;padding:12px;border:1px solid var(--sand);border-radius:6px;background:var(--card)}
.api-tree li span:last-child{font-size:12.5px;color:var(--muted)}
/* operations: owner dashboards. Charts are inline SVG drawn by app.js; series colours come from the --tone of a t-* class. */
.ops-bar{display:flex;justify-content:space-between;align-items:center;gap:10px 16px;flex-wrap:wrap}
.ops-tools{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.ops-body{display:flex;flex-direction:column;gap:20px;min-width:0}
.ops-body[aria-busy="true"]{opacity:.5}
.ops-tiles{grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}
.ops-tiles .v{overflow-wrap:anywhere}
.tile .v.word{font-size:15px;letter-spacing:.12em;text-transform:uppercase;overflow-wrap:normal}
.tile.ok{background:var(--ok-soft);border-color:transparent}.tile.ok .v{color:var(--ok)}
.tile.warn{background:var(--warn-soft);border-color:transparent}.tile.warn .v{color:var(--warn)}
.tile.bad{background:#F8E3E1;border-color:#E5B7B3}.tile.bad .v{color:#B3362E}
.t-ink{--tone:var(--ink)}.t-iris{--tone:var(--iris-ink)}.t-ok{--tone:var(--ok)}.t-warn{--tone:var(--warn)}.t-aurum{--tone:var(--aurum)}.t-bad{--tone:#B3362E}
.ops-chart{min-height:120px}
.chart{width:100%;overflow:visible}
.chart .ch-grid{stroke:var(--sand);stroke-width:1}
.chart .ch-axis{fill:var(--muted);font-family:var(--f-body);font-size:11px;font-variant-numeric:tabular-nums}
.chart .ch-bar{fill:var(--tone)}
.chart .ch-line{fill:none;stroke:var(--tone);stroke-width:2;stroke-linejoin:round;stroke-linecap:round}
.chart .ch-dot{fill:var(--tone)}
.chart .ch-hit{fill:transparent}
.chart .ch-hit:hover{fill:var(--ink);fill-opacity:.05}
.ops-legend{display:flex;gap:6px 14px;flex-wrap:wrap;font-size:12.5px;color:var(--muted)}
.ops-legend span{display:inline-flex;align-items:center;gap:6px}
.ops-legend .sw{width:10px;height:10px;border-radius:2px;background:var(--tone)}
.ops-legend .sw.ln{height:3px}
.ops-empty{padding:28px 12px;border-radius:4px;background:var(--paper);text-align:center;font-size:14px;color:var(--muted);max-width:none}
.ops-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:16px}
.hbars{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.hbars li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 10px;align-items:center;font-size:13.5px}
.hbars .hb-l{overflow-wrap:anywhere}
.hbars .hb-v{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.hbars .track{grid-column:1 / -1;order:3;height:8px;border-radius:99px;background:var(--bone);overflow:hidden}
.hbars .track i{display:block;height:100%;background:var(--tone)}
.qt.ops-t{min-width:0}
.qt.ops-t.wide{min-width:720px}
.qt th.n,.qt td.n{text-align:right;font-variant-numeric:tabular-nums}
.qt td.msg{min-width:200px;overflow-wrap:anywhere}
.qt td.nw,.ops-t .ops-mono{white-space:nowrap;overflow-wrap:normal}
.ops-t .link{min-height:36px;padding:4px 0}
.ops-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12.5px;overflow-wrap:anywhere}
.ops-sub{display:block;font-size:12px;color:var(--muted)}
.ops-stack td{background:var(--paper)}
.ops-stack pre{margin:0;max-height:320px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;line-height:1.5}
.ops-provider{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.note.warn{background:var(--warn-soft);color:var(--warn)}
@media (max-width:460px){
  .ops-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ops-tiles .tile{padding:14px}
  .ops-tiles .v{font-size:18px}
  .ops-tiles .tile.lead{grid-column:1 / -1}
  .ops-tiles .label{font-size:9px;letter-spacing:.1em}
  .adm-tabs button{padding:8px 11px}
}
.skip-link{position:fixed;left:16px;top:12px;z-index:100;transform:translateY(-180%);padding:10px 14px;border-radius:3px;background:var(--ink);color:var(--paper);font-weight:700;text-decoration:none}
.skip-link:focus{transform:translateY(0)}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.brand-logo{display:block;width:164px;height:auto}
.screen:focus{outline:none}
.screen:focus-visible{outline:2px solid var(--aurum-ink);outline-offset:-2px}
.toast{box-shadow:0 8px 28px rgba(11,11,12,.18)}
@media (max-width:600px){
  .pub-head{padding:14px 16px}
  .brand-logo{width:142px}
  .pub-actions{gap:10px}
  .pub-actions .btn{padding:9px 10px;font-size:8.5px;letter-spacing:.12em}
  .pub-foot{padding:18px 16px}
  .narrow{padding:36px 16px 56px}
  .card{padding:20px}
  .codebig{font-size:26px;letter-spacing:.22em}
  .lookup-form{align-items:stretch;flex-direction:column}
}
@media (max-width:390px){
  .pub-head{align-items:flex-start}
  .pub-actions{width:100%;justify-content:flex-end}
  .steps-l{font-size:8.5px;letter-spacing:.12em}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}