/* Tool-only styles loaded conditionally (kept thin; most styling lives in components.css). */

.pwb-tool-page { padding-bottom: var(--pwb-sp-8); }
.pwb-result__title { font-family: var(--pwb-font-display); font-size: var(--pwb-fs-700); color: var(--pwb-navy); margin: 0 0 var(--pwb-sp-3); }
.pwb-result__lede  { color: var(--pwb-charcoal); }
.pwb-result__grid  { display: grid; grid-template-columns: max-content 1fr; gap: 6px var(--pwb-sp-4); margin: var(--pwb-sp-3) 0; font-size: var(--pwb-fs-300); }
.pwb-result__grid > div { display: contents; }
.pwb-result__grid dt { font-family: var(--pwb-font-mono); color: var(--pwb-muted); font-size: var(--pwb-fs-200); text-transform: uppercase; letter-spacing: 0.04em; }
.pwb-result__grid dd { margin: 0; }
.pwb-result__cta { margin-top: var(--pwb-sp-4); }
.pwb-result__notice { font-size: var(--pwb-fs-200); color: var(--pwb-muted); margin-top: var(--pwb-sp-3); }

.pwb-viz__output[data-feel="balanced"] rect[data-pwb-viz-barrel] { fill: var(--pwb-maple); }
.pwb-viz__output[data-feel="end-loaded"] rect[data-pwb-viz-barrel] { fill: var(--pwb-leather); }