/* GRIT Coaching Cockpit, round-1 shared component CSS.
   Rails (brand book §7.3.2): radius 2 px max, no shadows, no pills, hairlines, one Gunmetal fill per screen,
   tabular figures on every numeric column, every Archivo rule sets its weight (the variable file defaults to 600).
   Layout lives in the direction files (d1..d5.css); status colour in status-a/b/bplus.css. */

@font-face{font-family:"Archivo";src:url("fonts/Archivo-var.woff2") format("woff2");font-weight:100 900;font-stretch:62% 125%;font-style:normal;font-display:block}
@font-face{font-family:"Archivo Black";src:url("fonts/ArchivoBlack.woff2") format("woff2");font-weight:400;font-style:normal;font-display:block}

:root{
  color-scheme:light;
  /* tool tokens over tokens.css (design doc D22) */
  --ck-page:var(--grit-white);
  --ck-ink:var(--grit-iron);
  --ck-ink-2:#565A5C;            /* Iron at 80% on White, 6.97:1; a working tint like Ash-30 */
  --ck-rule:#E8E8E8;
  --ck-rule-strong:var(--grit-iron);
  --ck-row-hover:#F3F3F3;
  --ck-accent:var(--grit-gunmetal);
  --ck-accent-ink:var(--grit-gunmetal);   /* 4.94 on White */
  --ck-bar:var(--grit-iron);
  --ck-bar-ink:var(--grit-ash);           /* the signature pair */
  --ck-bar-ink-strong:var(--grit-white);
  --ck-bar-rule:rgba(178,180,178,.22);
  --ck-radius:2px;
  --ck-font:Archivo,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --ck-display:"Archivo Black",Archivo,"Arial Black",sans-serif;
  --ck-row:40px;
  --ck-table:13px;
  --ck-body:14px;
  --ck-micro:11px;
}
[data-ground="dark"]{
  color-scheme:dark;
  --ck-page:var(--grit-iron);
  --ck-ink:var(--grit-white);
  --ck-ink-2:var(--grit-ash);
  --ck-rule:rgba(178,180,178,.22);
  --ck-rule-strong:var(--grit-ash);
  --ck-row-hover:rgba(0,0,0,.35);
  --ck-accent:var(--grit-gunmetal);        /* fills and rules only on dark, never text */
  --ck-accent-ink:var(--grit-ash);
  --ck-bar:var(--grit-black);
  --ck-bar-ink:var(--grit-ash);
  --ck-bar-ink-strong:var(--grit-white);
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--ck-page);color:var(--ck-ink);font-family:var(--ck-font);font-weight:400;font-size:var(--ck-body);line-height:1.45;font-stretch:100%;-webkit-font-smoothing:antialiased}
img,svg{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
a:hover{text-decoration:underline;text-underline-offset:.25em}
p,ul,ol,h1,h2,h3,h4{margin:0}
ul,ol{padding:0;list-style:none}
button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}
table{border-collapse:collapse;border-spacing:0}
.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ---------- type primitives ---------- */
.micro{font-family:var(--ck-font);font-weight:600;font-size:var(--ck-micro);letter-spacing:.12em;text-transform:uppercase;line-height:1.3;color:var(--ck-accent-ink)}
.micro::before{content:"";display:inline-block;width:5px;height:5px;border:1px solid currentColor;margin-right:.6em;vertical-align:middle;transform:translateY(-1px)}
.micro.plain::before{display:none}
.micro.muted{color:var(--ck-ink-2)}
.display{font-family:var(--ck-display);font-weight:400;text-transform:uppercase;letter-spacing:0;line-height:1.05}
.num{font-variant-numeric:tabular-nums}
.wide{font-family:var(--ck-font);font-stretch:125%;font-weight:900;font-variant-numeric:tabular-nums;letter-spacing:0}
.ink2{color:var(--ck-ink-2)}
.small{font-size:12px}
.right{text-align:right}

/* ---------- app bar (top) ---------- */
.bar{background:var(--ck-bar);color:var(--ck-bar-ink);border-bottom:1px solid var(--ck-bar-rule)}
.bar-in{display:flex;align-items:center;gap:32px;height:76px}
.bar .lockup{width:88px;height:auto;flex:none}
.tabs{display:flex;gap:22px;align-items:stretch;height:100%}
.tabs a{display:inline-flex;align-items:center;font-weight:600;font-size:var(--ck-micro);letter-spacing:.12em;text-transform:uppercase;color:var(--ck-bar-ink);border-bottom:2px solid transparent;padding-top:2px;min-height:44px}
.tabs a:hover{color:var(--ck-bar-ink-strong);text-decoration:underline;text-underline-offset:.3em}
.tabs a[aria-current="page"]{color:var(--ck-bar-ink-strong);border-bottom-color:var(--ck-bar-ink-strong);text-decoration:none}
.bar-right{margin-left:auto;display:flex;align-items:center;gap:20px;font-size:12px;color:var(--ck-bar-ink)}
.bar-right .stamp{font-variant-numeric:tabular-nums}
.bar-right a,.bar-right button{font-weight:600;font-size:var(--ck-micro);letter-spacing:.12em;text-transform:uppercase;color:var(--ck-bar-ink);min-height:44px;display:inline-flex;align-items:center}
.bar-right a:hover,.bar-right button:hover{color:var(--ck-bar-ink-strong);text-decoration:underline;text-underline-offset:.3em}

/* ---------- buttons ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 16px;border:1px solid currentColor;border-radius:var(--ck-radius);font-weight:600;font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;background:transparent;color:inherit;white-space:nowrap}
.btn:hover{text-decoration:underline;text-underline-offset:.3em}
.btn:focus-visible{outline:2px solid currentColor;outline-offset:3px}
.btn--fill{background:var(--grit-gunmetal);border-color:var(--grit-gunmetal);color:var(--grit-white)}   /* the one Gunmetal fill per screen */
.btn--sm{min-height:28px;padding:0 10px;font-size:10.5px;letter-spacing:.1em}
.btn--row{min-height:28px;padding:0 10px;font-size:10.5px;letter-spacing:.1em;border-color:var(--ck-rule-strong);opacity:.9}
.link{font-weight:600;font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--ck-accent-ink)}
[data-ground="dark"] .link{color:var(--ck-ink)}
.link:hover{text-decoration:underline;text-underline-offset:.3em}

/* ---------- toggles (done ticks) ---------- */
.tick{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border:1px solid var(--ck-rule-strong);border-radius:var(--ck-radius);background:transparent;flex:none;color:var(--ck-page)}
.tick[aria-checked="true"]{background:var(--ck-ink);border-color:var(--ck-ink)}
.tick svg{width:12px;height:12px;display:none}
.tick[aria-checked="true"] svg{display:block}
.tick-hit{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px}
.sel{width:14px;height:14px;border:1px solid var(--ck-rule-strong);border-radius:var(--ck-radius);flex:none;opacity:.7}

/* ---------- sections and hairlines ---------- */
.sec{border-top:1px solid var(--ck-rule-strong);padding-top:10px}
.sec-head{display:flex;align-items:baseline;gap:10px;margin-bottom:8px}
.sec-head .count{font-weight:400;letter-spacing:0;text-transform:none;font-size:12px;color:var(--ck-ink-2)}
.sec-head .spacer{flex:1}
.hair{border-top:1px solid var(--ck-rule)}
.rows>*{border-top:1px solid var(--ck-rule)}
.rows>*:first-child{border-top:0}
.empty{color:var(--ck-ink-2);font-size:var(--ck-body);padding:10px 0}

/* ---------- stat strip ---------- */
.stats{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;border-top:1px solid var(--ck-rule-strong);border-bottom:1px solid var(--ck-rule)}
.stat{padding:14px 16px 12px 0;min-width:0}
.stat+.stat{border-left:1px solid var(--ck-rule);padding-left:16px}
.stat .v{font-weight:700;font-size:28px;line-height:1.1;font-variant-numeric:tabular-nums;margin-top:6px}
.stat .v small{font-weight:500;font-size:13px;color:var(--ck-ink-2);margin-left:2px}
.stat .s{font-size:12px;color:var(--ck-ink-2);margin-top:4px}
.stat.hero .v{font-size:48px;line-height:1}
.stat .label{font-weight:600;font-size:var(--ck-micro);letter-spacing:.12em;text-transform:uppercase;color:var(--ck-ink-2);display:flex;align-items:center;gap:8px}
.stat .label .bdot{width:8px;height:8px;border-radius:1px;flex:none;background:var(--ck-rule-strong)}

/* ---------- queue ---------- */
.qgroup{margin-bottom:16px}
.qhead{display:flex;align-items:center;gap:10px;padding:6px 0 6px;border-bottom:1px solid var(--ck-rule-strong)}
.qhead .n{font-weight:400;letter-spacing:0;text-transform:none;font-size:12px;color:var(--ck-ink-2)}
.qhead .bdot{width:8px;height:8px;border-radius:1px;flex:none;background:var(--ck-rule-strong)}
.qrow{display:grid;grid-template-columns:18px 52px minmax(0,1fr) auto auto;gap:0 14px;align-items:center;min-height:var(--ck-row);padding:0 6px 0 2px;border-top:1px solid var(--ck-rule)}
.qrow:first-of-type{border-top:0}
.qrow:hover{background:var(--ck-row-hover)}
.qrow.is-selected{box-shadow:none;border-left:2px solid var(--ck-ink);padding-left:0}
.badge{display:inline-flex;align-items:baseline;justify-content:flex-end;gap:2px;min-width:44px;height:28px;padding:0 7px;border-radius:var(--ck-radius);font-weight:700;font-size:15px;line-height:28px;font-variant-numeric:tabular-nums;border:1px solid transparent}
.badge small{font-weight:500;font-size:11px;letter-spacing:0}
.qname{display:flex;flex-direction:column;min-width:0;line-height:1.25;padding:5px 0}
.qname .nm{font-weight:600;font-size:var(--ck-body);display:flex;align-items:center;gap:8px;min-width:0}
.qname .nm .name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.qname .nm .mark{font-weight:600;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--ck-ink-2)}
.qname .note{font-size:12px;color:var(--ck-ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.flag{display:inline-flex;align-items:center;font-weight:600;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--ck-accent-ink);white-space:nowrap}
[data-ground="dark"] .flag{color:var(--ck-ink)}
.flag::before{content:"";display:inline-block;width:5px;height:5px;border:1px solid currentColor;margin-right:5px}
.qmeta{display:flex;flex-direction:column;align-items:flex-end;gap:2px;font-size:12px;color:var(--ck-ink-2);font-variant-numeric:tabular-nums;white-space:nowrap;line-height:1.25}
.qact{display:flex;align-items:center;gap:10px}
.greens summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:10px;padding:6px 0;border-bottom:1px solid var(--ck-rule-strong)}
.greens summary::-webkit-details-marker{display:none}
.greens summary .n{font-weight:400;letter-spacing:0;text-transform:none;font-size:12px;color:var(--ck-ink-2)}
.greens summary .tog{margin-left:auto;font-weight:600;font-size:var(--ck-micro);letter-spacing:.12em;text-transform:uppercase;color:var(--ck-ink-2)}

/* ---------- rail cards (hairline sections, no boxes) ---------- */
.rail{display:flex;flex-direction:column;gap:22px}
.card{border-top:1px solid var(--ck-rule-strong);padding-top:10px}
.card h2{font-weight:600;font-size:var(--ck-micro);letter-spacing:.12em;text-transform:uppercase;color:var(--ck-accent-ink);display:flex;align-items:baseline;gap:8px;margin-bottom:8px}
[data-ground="dark"] .card h2{color:var(--ck-ink-2)}
.card h2::before{content:"";display:inline-block;width:5px;height:5px;border:1px solid currentColor;margin-right:.1em;vertical-align:middle;transform:translateY(-1px)}
.card h2 .count{font-weight:400;letter-spacing:0;text-transform:none;font-size:12px;color:var(--ck-ink-2)}
.duerow{display:flex;align-items:center;gap:10px;min-height:36px;border-top:1px solid var(--ck-rule);font-size:13px}
.duerow:first-child{border-top:0}
.duerow .who{font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.duerow .st{margin-left:auto;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ck-ink-2);white-space:nowrap;display:flex;align-items:center;gap:8px}
.duerow .when{margin-left:auto;font-size:12px;color:var(--ck-ink-2);font-variant-numeric:tabular-nums;white-space:nowrap}
.duehead{font-weight:600;font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ck-ink-2);padding:8px 0 2px}

/* ---------- cycle strip ---------- */
.cycle{position:relative;padding:26px 0 8px;height:60px}
.cycle .track{position:absolute;left:0;right:0;top:26px;height:1px;background:var(--ck-rule-strong)}
.cycle .pt{position:absolute;top:22px;width:9px;height:9px;background:var(--ck-page);border:1px solid var(--ck-ink);transform:translateX(-50%)}
.cycle .pt.today{background:var(--ck-ink)}
.cycle .pt.fill{background:var(--grit-gunmetal);border-color:var(--grit-gunmetal)}
.cycle .lbl.alt{top:52px}
.cycle .dt.alt{top:66px}
.cycle.has-alt{height:88px}
.cycle .lbl{position:absolute;top:0;transform:translateX(-50%);font-size:10.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ck-ink-2);white-space:nowrap}
.cycle .dt{position:absolute;top:36px;transform:translateX(-50%);font-size:11.5px;font-variant-numeric:tabular-nums;white-space:nowrap}
.countdown{display:grid;grid-template-columns:repeat(4,1fr);margin-top:8px;border-top:1px solid var(--ck-rule)}
.countdown div{padding:8px 10px 8px 0}
.countdown div+div{border-left:1px solid var(--ck-rule);padding-left:10px}
.countdown b{display:block;font-weight:700;font-size:20px;font-variant-numeric:tabular-nums;line-height:1.1}
.countdown span{font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--ck-ink-2);font-weight:600}

/* ---------- tables ---------- */
.tbl{width:100%;font-size:var(--ck-table);line-height:1.3}
.tbl th{text-align:left;font-weight:600;font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ck-ink-2);padding:8px 10px 6px 0;border-bottom:1px solid var(--ck-rule-strong);white-space:nowrap;position:sticky;top:0;background:var(--ck-page)}
.tbl td{padding:0 10px 0 0;height:var(--ck-row);border-bottom:1px solid var(--ck-rule);vertical-align:middle;white-space:nowrap}
.tbl th.right,.tbl td.right{text-align:right}
.tbl td.num,.tbl th.num{font-variant-numeric:tabular-nums;text-align:right}
.tbl tr:hover td{background:var(--ck-row-hover)}
.tbl .nm{font-weight:600}
.tbl td.note{max-width:220px;overflow:hidden;text-overflow:ellipsis;color:var(--ck-ink-2)}
.tbl tfoot td{border-top:1px solid var(--ck-rule-strong);border-bottom:0;font-weight:700}
.zebra tbody tr:nth-child(even) td{background:var(--grit-ash-30)}
[data-ground="dark"] .zebra tbody tr:nth-child(even) td{background:rgba(0,0,0,.25)}
.days7{display:inline-grid;grid-template-columns:repeat(7,7px);gap:3px;vertical-align:middle}
.days7 i{display:block;width:7px;height:7px;border:1px solid var(--ck-rule-strong);background:transparent}
.days7 i.on{background:var(--ck-ink);border-color:var(--ck-ink)}
.days7 i.pd{outline:2px solid var(--grit-gunmetal);outline-offset:-1px}
.filters{display:flex;gap:18px;align-items:center;padding:10px 0;border-bottom:1px solid var(--ck-rule)}
.filters a{font-weight:600;font-size:var(--ck-micro);letter-spacing:.12em;text-transform:uppercase;color:var(--ck-ink-2);min-height:32px;display:inline-flex;align-items:center;border-bottom:2px solid transparent}
.filters a.on{color:var(--ck-ink);border-bottom-color:var(--ck-ink)}
.filters .sp{flex:1}
.filters .q{font-size:12px;color:var(--ck-ink-2);font-variant-numeric:tabular-nums}

/* ---------- forms ---------- */
.field{display:flex;flex-direction:column;gap:4px;min-width:0}
.field label{font-weight:600;font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ck-ink-2)}
.field .in{border:0;border-bottom:1px solid var(--ck-rule-strong);background:transparent;color:var(--ck-ink);font:inherit;font-weight:400;font-size:var(--ck-body);padding:6px 0;min-height:36px;width:100%}
.field .in:focus{outline:0;border-bottom:2px solid var(--grit-gunmetal)}
.field .in.num{text-align:right;font-variant-numeric:tabular-nums}
.fgrid{display:grid;gap:14px 20px}
textarea.in{min-height:96px;resize:vertical;line-height:1.45}
.two-step{display:inline-flex;align-items:center;gap:12px;font-size:13px}
.two-step .ask{font-weight:600}
.two-step .yn{font-weight:600;font-size:11px;letter-spacing:.1em;text-transform:uppercase}
.undo{display:inline-flex;align-items:center;gap:12px;font-size:12.5px;color:var(--ck-ink-2);border-top:1px solid var(--ck-rule);padding:8px 0}
.undo .u{font-weight:600;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ck-ink)}

/* ---------- charts ---------- */
.chart{position:relative}
.chart svg{width:100%;height:auto;display:block;overflow:visible}
.chart text{font-family:var(--ck-font);font-weight:500;font-size:11px;fill:var(--ck-ink-2);font-variant-numeric:tabular-nums}
.chart text.lbl{font-weight:600;fill:var(--ck-ink)}
.chart line.grid{stroke:var(--ck-rule);stroke-width:1}
.chart line.axis{stroke:var(--ck-rule-strong);stroke-width:1}
.chart line.thr{stroke:var(--ck-ink-2);stroke-width:1;stroke-dasharray:none}
.chart .m-ink{fill:var(--ck-ink)}
.chart .m-ink2{fill:var(--ck-ink-2)}
.chart .m-ash{fill:var(--grit-ash)}
.chart .m-ash30{fill:var(--grit-ash-30)}
.chart .m-acc{fill:var(--grit-gunmetal)}
.chart .l-ink{stroke:var(--ck-ink);stroke-width:2;fill:none;stroke-linejoin:round;stroke-linecap:round}
.chart .l-ink2{stroke:var(--ck-ink-2);stroke-width:2;fill:none;stroke-linejoin:round;stroke-linecap:round}
.chart .l-acc{stroke:var(--grit-gunmetal);stroke-width:2;fill:none;stroke-linejoin:round;stroke-linecap:round}
.chart .dot{fill:var(--ck-page);stroke:var(--ck-ink);stroke-width:2}
.chart .hm{shape-rendering:crispEdges}
.chart.hm svg{width:auto;height:auto;max-width:100%}
.legend{display:flex;gap:16px;flex-wrap:wrap;margin-top:8px;font-size:11.5px;color:var(--ck-ink-2)}
.legend span{display:inline-flex;align-items:center;gap:6px}
.legend i{width:10px;height:10px;display:inline-block;border:1px solid var(--ck-rule-strong)}
.spark{display:inline-block;width:80px;height:20px;vertical-align:middle}
.spark svg{width:80px;height:20px}
.spark polyline{fill:none;stroke:var(--ck-ink);stroke-width:1.5}
.spark line{stroke:var(--ck-rule-strong);stroke-width:1}
.hbar{display:grid;grid-template-columns:52px 1fr 32px;gap:10px;align-items:center;min-height:22px}
.hbar .p{font-size:12px;font-weight:600;text-align:right;font-variant-numeric:tabular-nums;color:var(--ck-ink-2)}
.hbar .t{height:12px;background:transparent;position:relative}
.hbar .b{height:100%;background:var(--ck-ink)}
.hbar.std .b{background:var(--grit-gunmetal)}
.hbar .c{font-size:12px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--ck-ink-2)}
.multi{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.multi h3{font-weight:600;font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ck-ink-2);margin-bottom:6px}
.sparks{display:grid;grid-template-columns:repeat(6,1fr);gap:12px 18px}
.sparks div{font-size:11.5px;display:flex;flex-direction:column;gap:2px}
.sparks .nm{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sparks svg{width:100%;height:28px}
.sparks polyline{fill:none;stroke:var(--ck-ink);stroke-width:1.5}
.sparks line{stroke:var(--ck-rule-strong);stroke-width:1}

/* ---------- banner, footer ---------- */
.banner{display:flex;align-items:center;gap:14px;min-height:40px;border-top:1px solid var(--ck-rule-strong);border-bottom:1px solid var(--ck-rule-strong);font-size:13px;padding:4px 0}
.banner .micro{color:var(--ck-ink)}
.dq{font-size:12px;color:var(--ck-ink-2)}
.dq li{padding:3px 0 3px 14px;position:relative}
.dq li::before{content:"";position:absolute;left:0;top:9px;width:5px;height:5px;border:1px solid currentColor}
.footer{margin-top:28px;border-top:1px solid var(--ck-rule);padding-top:10px;font-size:12px;color:var(--ck-ink-2);display:flex;gap:24px;flex-wrap:wrap}

/* ---------- athlete screen ---------- */
.ath-head{display:flex;align-items:flex-end;gap:24px;flex-wrap:wrap;padding-bottom:14px;border-bottom:1px solid var(--ck-rule-strong)}
.ath-head h1{font-weight:600;font-size:22px;letter-spacing:0;text-transform:none;font-family:var(--ck-font);line-height:1.1}
.ath-head .meta{display:flex;gap:18px;font-size:12.5px;color:var(--ck-ink-2);font-variant-numeric:tabular-nums;flex-wrap:wrap}
.ath-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center;padding:14px 0;border-bottom:1px solid var(--ck-rule)}
.kv{display:grid;grid-template-columns:max-content 1fr;gap:6px 18px;font-size:13px}
.kv dt{color:var(--ck-ink-2);font-weight:500}
.kv dd{margin:0;font-variant-numeric:tabular-nums}
.hist li{display:flex;justify-content:space-between;gap:10px;padding:5px 0;border-top:1px solid var(--ck-rule);font-size:13px;font-variant-numeric:tabular-nums}
.hist li:first-child{border-top:0}

/* ---------- corner stamp (renders only) ---------- */
.stamp-corner{display:block;width:max-content;margin:28px 0 0 auto;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--ck-ink-2);font-weight:600;background:var(--ck-page);padding:2px 6px;border:1px solid var(--ck-rule)}

/* ---------- phone queue (<= 480 px) ---------- */
@media (max-width:480px){
  :root{--ck-row:56px}
  .bar-in{height:56px;gap:16px}
  .bar .lockup{width:72px}
  .tabs{display:none}
  .bar-right .stamp{display:none}
  .bar-right a[href="#sheet"],.bar-right a[href="#refresh"]{display:none}
  .bar-right{gap:14px}
  .stats{grid-auto-flow:row;grid-template-columns:repeat(3,1fr)}
  .stat{padding:10px 8px 8px 0}
  .stat.hero .v{font-size:34px}
  .stat .v{font-size:22px}
  .stat:nth-child(n+4){display:none}
  .qrow{grid-template-columns:48px minmax(0,1fr) auto;gap:0 10px;padding:0 0 0 2px}
  .qrow .sel{display:none}
  .qrow .qmeta{display:none}
  .badge{min-width:48px;height:44px;line-height:44px;font-size:18px}
  .btn--row{min-height:44px;min-width:44px;padding:0 12px}
  .qname .note{display:none}
  .qname .nm .name{white-space:normal}
}