/* Sip Parade Paper Party tokens and shared shell, matched to site/styles.css. */
.site-footer { margin-top:48px; border-top:1px solid var(--line); background:var(--surface); }
.footer-inner { max-width:1220px; margin:0 auto; padding:40px 32px 24px; display:grid; grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) minmax(0,1.3fr); gap:32px; }
.footer-home { display:inline-flex; align-items:center; min-height:48px; }
.footer-home img { display:block; width:168px; max-width:100%; height:auto; }
.footer-tagline { margin:6px 0 0; color:var(--muted); font-size:.875rem; }
.footer-heading { margin:0 0 6px; font-size:.6875rem; font-weight:750; line-height:1.4; letter-spacing:.12em; text-transform:uppercase; color:var(--muted); }
.footer-links, .footer-notes { margin:0; padding:0; list-style:none; }
.footer-links a { display:flex; align-items:center; min-height:44px; font-size:.9375rem; font-weight:650; text-decoration:none; }
.footer-links a:hover { text-decoration:underline; }
.footer-links a[aria-current="page"] { color:var(--accent); text-decoration:underline; text-decoration-thickness:2px; }
.footer-notes li { padding:6px 0; font-size:.875rem; line-height:1.5; color:var(--muted); }
.footer-base { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:0 24px;
  margin:0 max(32px, calc((100% - 1156px) / 2)); padding:8px 0 max(16px, env(safe-area-inset-bottom, 0px)); border-top:1px dashed var(--line); font-size:.8125rem; color:var(--muted); }
.footer-base p { margin:0; min-height:44px; display:flex; align-items:center; }
.footer-credit a { display:inline-flex; align-items:center; min-height:44px; margin-left:.3em; color:var(--text); font-weight:650; }
@media (max-width:900px) { .footer-inner { grid-template-columns:minmax(0,1fr) minmax(0,1fr); }.footer-brand { grid-column:1 / -1; } }
@media (max-width:650px) {
  .footer-inner { grid-template-columns:minmax(0,1fr); gap:24px; padding:32px 16px 16px; }
  .footer-base { margin:0 16px; }
  /* Two link columns when they fit, one at large text sizes. */
  .footer-links { display:grid; grid-template-columns:repeat(auto-fill, minmax(150px, 1fr)); column-gap:16px; }
}


:root{--font:ui-rounded,"SF Pro Rounded",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--paper:#FFF8E7;--surface:#FFFEF9;--ink:#342820;--text:var(--ink);--muted:#685748;--control-border:#A98763;--line:color-mix(in srgb,var(--control-border) 50%,var(--surface));--wash:#FFF0C4;--accent:#99420D;--green:var(--accent);--shadow:#DCC5A0;--focus:#2459A4;--button-text:#FFFFFF;font-family:var(--font);font-synthesis:none}
body{line-height:1.55}h1,h2,h3{font-family:var(--font);font-weight:750;line-height:1.08;letter-spacing:-.045em}h1{font-weight:780;font-size:clamp(2.625rem,5.4vw,4.375rem)}.hero h1{letter-spacing:-.045em}.measurement,.metrics dd,.delta,.bag-value,.history-list span{font-family:var(--font);font-weight:750;letter-spacing:-.035em}.masthead,main{width:100%;max-width:1220px;padding-left:32px;padding-right:32px;margin:auto}.masthead{border:0;padding-top:8px;padding-bottom:8px;min-height:90px;gap:16px}.brand{display:inline-flex;align-items:center;min-height:48px;letter-spacing:normal}.brand img{display:block;width:210px;max-width:100%;height:auto}.decoder-nav{justify-content:flex-end;gap:4px 16px}.decoder-nav a{font-size:.8125rem;font-weight:650}.hero{padding-top:32px}.panel{border:2px solid var(--ink);border-radius:24px;box-shadow:3px 4px 0 var(--shadow)}button{border:2px solid var(--accent);border-radius:18px;background:var(--accent);color:var(--button-text);font-weight:700;box-shadow:2px 3px 0 var(--shadow)}button:hover{filter:none}.quiet{background:var(--surface);color:var(--ink);border-color:var(--control-border);box-shadow:none}input,select,textarea{font-family:var(--font);border-color:var(--control-border);border-radius:14px}input[type=range]{border:0}.choices span{border:2px solid var(--control-border);border-radius:16px}.choices input:checked+span{color:var(--ink);background:var(--wash);border-color:var(--accent);box-shadow:2px 3px 0 var(--shadow)}.number{font:700 .875rem var(--font);border:2px solid var(--control-border);background:var(--wash);border-radius:50%}.mode,.notice{border-radius:12px;background:var(--wash);border-left-width:3px}.tag{border-radius:9px;color:var(--accent);border-color:var(--control-border);background:var(--wash)}.upload{background:var(--wash);border:2px dashed var(--control-border);border-radius:18px}.upload-symbol{font-family:var(--font)}.flow-progress button{border-radius:12px;box-shadow:none}.flow-progress button[aria-current=step]{color:var(--button-text);background:var(--accent)}.bag-source-tabs [aria-pressed=true]{background:var(--accent);color:var(--button-text)}.recommendation{border-top:6px solid var(--accent)}.share-download{border:2px solid var(--control-border);border-radius:16px}.site-footer{display:block;padding:0;margin-top:56px;border-top:2px solid var(--control-border);background:var(--surface);font-family:var(--font)}.site-footer::before{content:"";display:block;height:28px;margin-top:-14px;background:url('/assets/patterns/footer-confetti.svg') center/auto 28px no-repeat}.site-footer p{max-width:none}.site-footer .footer-heading{font-size:.6875rem;font-weight:750;letter-spacing:.12em}.footer-base{border-top:2px dashed var(--line)}.service-note{max-width:1156px;margin:0 auto;padding:0 32px 20px;font-size:.75rem;color:var(--muted)}.capture-guide-art{border:1px solid var(--control-border);border-radius:16px}
@media(max-width:650px){.masthead,main{padding-left:16px;padding-right:16px}.masthead{min-height:72px;flex-wrap:wrap;row-gap:0}.brand img{width:180px;max-width:calc(100vw - 32px)}.decoder-nav{width:100%;justify-content:flex-start;gap:0 16px}.decoder-nav a{font-size:.875rem;min-height:44px}.hero{padding:24px 0 16px}.hero h1{font-size:2.4rem}.panel{padding:18px}.bag-value{font-size:1.25rem}.footer-links{grid-template-columns:repeat(auto-fill,minmax(min(150px,100%),1fr))}}
@media(prefers-color-scheme:dark){:root{--paper:#221F1B;--surface:#302B25;--ink:#FFF8E9;--muted:#D0C4B3;--control-border:#B89768;--wash:#44351F;--accent:#FFD378;--button-text:#261D15;--shadow:#100E0C;--focus:#9DC9FF}.choices input:checked+span{color:var(--ink)}.flow-progress button[aria-current=step],.bag-source-tabs [aria-pressed=true]{color:var(--button-text)}}
@media(forced-colors:active){.panel,.choices span{border-color:CanvasText}.flow-progress button[aria-current=step],.choices input:checked+span{border:3px solid Highlight}.panel,button{box-shadow:none}}
.journey-path{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0}.journey-path a{display:flex;flex-direction:column;gap:6px;min-height:48px;padding:16px;border:2px solid var(--control-border);border-radius:18px;background:var(--surface);text-decoration:none}.journey-path a:hover{border-color:var(--accent)}.journey-path a>span{font-size:.6875rem;font-weight:650;color:var(--muted)}.journey-path strong{font-size:.9375rem;line-height:1.3}.journey-path small{font-size:.75rem;line-height:1.5;color:var(--muted)}.journey-path strong>span{color:var(--accent)}.intro .journey-path{grid-template-columns:1fr;grid-column:1/-1}.intro .journey-path a{gap:3px;padding:12px 16px}.journey-help{margin-top:16px}.journey-help summary{font-weight:600;font-size:.8125rem}.tool-expectation{font-size:.875rem;line-height:1.7;color:var(--muted);max-width:65ch}.tool-expectation strong{color:var(--text)}.site-nav [aria-current=page]{text-decoration-thickness:3px;text-decoration-color:var(--accent)}
@media(max-width:650px){.journey-path{grid-template-columns:1fr;gap:8px}.journey-path a{padding:12px 14px}.journey-help .journey-path a{font-size:.875rem}}