/* BRAND-EXTRACT-01: exact source values and usage evidence in docs/launch_48h/BRAND_EXTRACT_01.md. */
:root {
  color-scheme: light;
  --primary: #E64422;
  --background: #F4F1EB;
  --surface: #FFFDFA;
  --text: #211D18;
  --secondary: #8B371F;
  --on-primary: #FFFFFF;
  --muted: #6D6359;
  --border: #DDD4C7;
  --success: #287C45;
  --warning: #704514;
  --error: #8A1C0D;
  --font: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --radius-control: .55rem;
  --radius-card: .85rem;
}
* { box-sizing: border-box; }
body { margin: 0; font: 1rem/1.55 var(--font); color: var(--text); background: var(--background); }
a { color: var(--secondary); text-underline-offset: .2em; }
a:hover { text-decoration-thickness: .15em; }
:focus-visible { outline: 3px solid var(--secondary); outline-offset: 3px; }
h1 { font-size: clamp(1.75rem, 7vw, 2.4rem); line-height: 1.12; letter-spacing: -.025em; }
h2 { font-size: clamp(1.35rem, 4vw, 1.8rem); line-height: 1.2; }
h3 { font-size: 1.15rem; }
h1,h2,h3 { overflow-wrap: anywhere; }
.shell { width: min(100% - 2rem, 74rem); margin-inline: auto; }
main { padding-block: 1.8rem 4rem; }
header { background: var(--surface); border-bottom: 1px solid var(--border); }
.bar { display:flex; align-items:center; justify-content:space-between; gap:1rem; flex-wrap:wrap; padding-block:1rem; }
.brand { font-weight:800; text-decoration:none; letter-spacing:.02em; }
.brand::before { content:""; display:inline-block; width:.8em; height:.8em; margin-right:.5em; background:var(--primary); border-radius:.2em; }
.sub { font-size:.85rem; color:var(--muted); display:block; }
nav { display:flex; flex-wrap:wrap; align-items:center; gap:1rem; }
nav form { margin:0; }
.reading { max-width:46rem; margin-inline:auto; }
.auth { max-width:30rem; margin:3rem auto; }
.card, fieldset { min-width:0; padding:1.4rem; margin:1rem 0; background:var(--surface); border:1px solid var(--border); border-radius:var(--radius-card); }
.hero { padding:1.5rem 0 .5rem; }
.eyebrow { text-transform:uppercase; font-size:.78rem; font-weight:750; letter-spacing:.09em; color:var(--secondary); }
.grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,19rem),1fr)); gap:1rem; }
.grid .card { margin:0; }
.muted, .helptext { color:var(--muted); }
.helptext { font-size:.9rem; }
.notice { padding:1rem; border-left:.3rem solid var(--primary); background:var(--surface); margin:1rem 0; }
.error, .errorlist { color:var(--error); }
.success { color:var(--success); }
.warning { color:var(--warning); }
.badge { display:inline-block; border:1px solid currentColor; border-radius:var(--radius-control); padding:.12rem .5rem; font-size:.85rem; font-weight:700; }
button,.button { display:inline-block; min-height:2.75rem; padding:.65rem 1rem; border:1px solid var(--secondary); border-radius:var(--radius-control); background:var(--primary); color:var(--on-primary); font:750 1.1875rem/1.25 var(--font); text-decoration:none; cursor:pointer; }
button:hover,.button:hover { background:var(--secondary); color:var(--on-primary); }
.quiet { background:var(--surface); color:var(--secondary); font-size:1rem; }
input,select,textarea { max-width:100%; font:inherit; color:var(--text); }
input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea { display:block; width:100%; min-height:2.75rem; padding:.55rem .7rem; background:var(--surface); border:1px solid var(--muted); border-radius:var(--radius-control); }
input[type=checkbox],input[type=radio] { width:1.2rem; height:1.2rem; margin-right:.4rem; accent-color:var(--secondary); }
label { font-weight:700; }
form p, .field { margin:1.2rem 0; }
textarea { resize:vertical; }
legend { font-weight:750; }
.field-error { margin:0; color:var(--error); }
.copy { font-size:1.08rem; line-height:1.75; overflow-wrap:anywhere; }
.copy p { white-space:pre-line; }
details { margin-block:1rem; }
summary { cursor:pointer; font-weight:750; padding-block:.6rem; }
.scroll { overflow-x:auto; }
table { border-collapse:collapse; width:100%; }
th,td { text-align:left; padding:.7rem; vertical-align:top; border-bottom:1px solid var(--border); }
dl { display:grid; grid-template-columns:minmax(7rem,1fr) 2fr; gap:.5rem 1rem; }
dt { color:var(--muted); } dd { margin:0; overflow-wrap:anywhere; }
.skip { position:absolute; top:-8rem; background:var(--surface); padding:1rem; z-index:2; }
.skip:focus { top:0; }
.test-only { font-weight:750; color:var(--warning); }
.actions { display:flex; gap:.75rem; flex-wrap:wrap; align-items:center; }
@media(max-width:480px) { .shell {width:calc(100% - 1.25rem)} .card,fieldset{padding:1rem} .auth{margin:1rem auto} .bar{align-items:flex-start} nav{gap:.7rem} dl{grid-template-columns:1fr} dd{margin-bottom:.6rem} }