/* SGF OWNER — face v2. TRANSCRIBED from the RATIFIED estate dashboard
   (srv1737097 /day/ — approved live design): exact tokens, Source Serif 4 + JetBrains
   Mono pairing, card idiom. Content per SCREEN-SPEC.md. No builder taste. */
:root{--bone:#F2EEE4;--bone-card:#F7F4EC;--bone-deep:#EAE4D6;--ink:#1F201D;--ink-2:#3A3A36;
--ink-dim:#6E6B63;--ink-faint:#A6A198;--green:#33705B;--green-soft:#5C9B82;
--green-deep:#234A3D;--alert:#B23A2E;--rule:rgba(31,32,29,.1);
--serif:"Source Serif 4",Georgia,serif;--mono:"JetBrains Mono",ui-monospace,monospace}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bone);color:var(--ink);font:17px/1.5 var(--serif);
padding-bottom:3.5rem}
header{padding:18px 16px 6px;max-width:640px;margin:0 auto}
h1{font:600 .72rem var(--mono);letter-spacing:.22em;color:var(--ink-dim);margin:0}
#v2-date{display:block;font:600 1.9rem/1.15 var(--serif);margin-top:2px}
#v2-fresh{font:400 .78rem var(--mono);color:var(--ink-dim)}
nav#v2-tabs{display:flex;flex-wrap:wrap;gap:6px;padding:14px 0 10px;border-bottom:1px solid var(--rule)}
nav#v2-tabs button{min-height:44px;padding:0 13px;border:0;border-radius:11px;
background:transparent;color:var(--ink-dim);font:500 .82rem var(--mono);letter-spacing:.04em}
nav#v2-tabs button[aria-current=page]{background:var(--ink);color:var(--bone-card);font-weight:600}
header div{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding-top:10px}
header label{font:400 .74rem var(--mono);color:var(--ink-dim);display:flex;align-items:center;gap:6px}
select,input[type=date],header button{min-height:44px;border:1px solid var(--bone-deep);
border-radius:11px;background:var(--bone-card);color:var(--ink);font:400 .85rem var(--mono);padding:0 10px}
#v2-filternotes{font:400 .8rem var(--serif);font-style:italic;color:var(--ink-dim);margin:6px 0 0}
#v2-filternotes code{font:inherit;background:none}
main{padding:0 16px;max-width:640px;margin:0 auto}
main ol{list-style:none;padding:0;margin:12px 0;display:grid;gap:10px}
main ol li{background:var(--bone-card);border:1px solid var(--bone-deep);border-radius:16px;
padding:16px 18px 14px}
main ol li b{display:block;font:600 .68rem var(--mono);letter-spacing:.18em;
color:var(--ink-dim);margin-bottom:6px}
.big{font:500 2.3rem/1 var(--mono);letter-spacing:-.02em}
.big .unit{font-size:1.15rem;color:var(--ink-dim);margin-left:2px}
.mean{display:block;font:400 .86rem var(--serif);color:var(--ink-2);margin-top:6px}
.sub{display:block;font:400 .95rem var(--serif);color:var(--ink-2);margin-top:4px}
main p{margin:12px 0;font-size:.95rem}
main details{background:var(--bone-card);border:1px solid var(--bone-deep);
border-radius:13px;padding:6px 14px;margin:10px 0}
main summary{min-height:44px;display:flex;align-items:center;font:600 .85rem var(--mono);
letter-spacing:.03em;color:var(--ink-2)}
main details li{border:0;padding:6px 0;border-top:1px solid var(--rule);border-radius:0;background:none}
[data-status]{border-radius:16px;padding:14px 18px;margin:12px 0;background:var(--bone-card);
border:1px solid var(--bone-deep);font:400 1.05rem var(--serif)}
[data-status=ok]{border-left:5px solid var(--green)}
[data-status=look]{border-left:5px solid var(--ink);font-weight:600}
[data-status=incomplete]{border-left:5px solid var(--ink-faint);color:var(--ink-2)}
[data-status=filtered]{color:var(--ink-dim);font-style:italic;font-size:.9rem}
[data-banner]{border-radius:11px;padding:10px 14px;font:400 .85rem var(--serif);
font-style:italic;margin:8px 0;background:var(--bone-deep);color:var(--ink-2)}
[data-state]{padding:26px 16px;color:var(--ink-dim);font-style:italic}
em{font-style:normal;font:500 .68rem var(--mono);color:var(--ink-dim);letter-spacing:.06em;
display:inline-block;margin-left:6px}
small{color:var(--ink-dim)}
button[data-trust]{min-height:44px;min-width:44px;border-radius:50%;border:1px solid var(--rule);
background:transparent;color:var(--ink-faint);font:400 .8rem var(--serif);float:right}
button[data-drill],#v2-back{min-height:44px;border:1px solid var(--bone-deep);border-radius:11px;
background:var(--bone-card);font:400 .78rem var(--mono);padding:0 12px;color:var(--ink-2)}
dialog#v2-trust{border:1px solid var(--bone-deep);border-radius:16px;background:var(--bone);
color:var(--ink);max-width:92vw;padding:18px;font:16px/1.5 var(--serif)}
dialog#v2-trust button{min-height:44px;min-width:88px}
dialog#v2-trust::backdrop{background:rgba(31,32,29,.5)}
dialog#v2-trust pre{font:.78rem/1.5 var(--mono);white-space:pre-wrap}
@media(min-width:768px){main ol{grid-template-columns:1fr 1fr}}