/* One visual system for the home page and the records page (the report page carries the same rules inline).
   Type: Helvetica Neue, sizes 12 / 14 / 16 / 22 / 32 / 48, weights 400 / 500.
   Shapes: 12 for cards and fields, pill for buttons and tabs. Lines: one light hairline. */
:root{--ink:#1C1C1C;--ink2:#454545;--muted:#6B6B6B;--hair:#E3E3E3;--tile:#F3F3F3;--good:#1E8A52;--good-text:#17653D;--crit:#C2362B;--warn:#A06A00;--good-soft:#E7F3EC;--crit-soft:#FBE7E4;--warn-soft:#FBF1D9;--pop:#0A66F5;--mono:"DM Mono",ui-monospace,Menlo,monospace}
body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;color:var(--ink);letter-spacing:0}
b,strong,h1,h2,h3,button,.tab,.pill,.back,.linkish{font-weight:500}
button,input,select{font-family:inherit}

/* header */
.appbar,html[data-v] .appbar{border-bottom:1px solid var(--hair)!important}
.appbar b,.brand b{font-size:16px;font-weight:500}
.mark,.wmark{border-radius:12px}

/* home (the page's own rules are more specific, hence !important) */
.hhead{font-size:clamp(32px,8vw,48px)!important;font-weight:500!important;letter-spacing:-.02em;line-height:1.08!important}
.hsub{font-size:16px!important;color:var(--ink2);max-width:56ch!important;text-wrap:balance}
label.sr{font-size:14px!important}
.hmeta{font-size:12px!important;color:var(--muted)}
.inp,.inp.big{border-radius:999px!important;font-size:16px!important}
.go,.go.cta,button.go,#checkBtn{border-radius:999px!important;font-size:16px!important;font-weight:500!important;min-height:48px}
.sugg,.seen{border-radius:12px!important}
.seen b,.seen a{font-size:16px!important}
.seen b{font-weight:500}
.linkish{font-size:12px!important;font-weight:500!important}
.brand b,.appbar b,.wmark+b,.mark+b{font-size:16px!important;font-weight:500!important}
h2{font-size:22px!important;font-weight:500!important;letter-spacing:-.02em}
h2+p{font-size:14px!important}
.mark,.wmark{border-radius:12px!important}

/* records page */
.wrap h1{font-size:clamp(32px,8vw,48px);font-weight:500;letter-spacing:-.02em;line-height:1.08}
.lead{font-size:16px;color:var(--ink2)}
.src{font-size:12px;color:var(--muted)}
.back{font-size:14px;color:var(--ink)}
.tabs{gap:6px}
.tab{background:var(--tile);border:0;border-radius:999px;padding:12px 16px;font-size:14px;font-weight:500;min-height:44px}
.tab[aria-pressed="true"]{background:var(--ink);color:#fff;border:0}
.tab span{font-weight:400!important;opacity:.7}
.rec{background:none;border-radius:0;border-top:1px solid var(--hair);padding:14px 0;margin:0}
.rec time{font-size:12px;font-weight:400;font-family:var(--mono)}
.rec b{font-size:16px!important;font-weight:500!important}
.wrap b{font-weight:500!important}
.rec span{font-size:14px;color:var(--ink2)}
.pill{font-size:12px;font-weight:500;letter-spacing:0}
.empty{border-radius:12px;font-style:normal;background:var(--tile)}