/* PreveriDom 2026-10-09 · page-family UX system */
:root{
  --ux-ink:#13271f;--ux-muted:#53675d;--ux-line:#c8d3cc;--ux-surface:#fff;
  --ux-shadow:0 18px 48px rgba(15,35,27,.10);--ux-radius:24px
}
.topbar{background:rgba(255,255,255,.94);backdrop-filter:saturate(140%) blur(14px);border-bottom:1px solid #d6dfda}
.topbar .nav{min-height:72px;gap:22px}.brand{gap:10px;font-weight:850;letter-spacing:-.02em}.brand img{width:40px;height:40px;filter:drop-shadow(0 5px 10px rgba(12,37,27,.16))}
.site-menu{margin-left:auto}.site-menu>summary{min-height:44px;display:flex;align-items:center;border:1px solid #c8d3cc;border-radius:12px;padding:8px 13px;background:#f7f9f8;color:#17372b;font-weight:800}
.site-menu[open]>summary{background:#eef4f1;border-color:#94ad9f}.site-menu nav{border-radius:18px!important;box-shadow:0 18px 42px rgba(17,38,29,.14)!important}
.site-menu nav a{border-radius:9px}.site-menu nav a:hover,.site-menu nav a:focus-visible{background:#edf4f0;text-decoration:none}
@media(min-width:951px){
  .site-menu{position:static;display:flex;align-items:center;min-width:0}
  .site-menu>summary{display:none}
  .site-menu nav{position:static;display:flex;align-items:center;gap:4px;width:auto;max-height:none;overflow:visible;padding:0;border:0;background:transparent;border-radius:0;box-shadow:none!important}
  .site-menu nav a{display:flex;align-items:center;min-height:44px;padding:8px 11px;border-radius:10px;color:#17372b;font-size:14px;font-weight:800;white-space:nowrap}
  .site-menu nav a:hover,.site-menu nav a:focus-visible{background:#edf4f0}
}
@media(min-width:951px) and (max-width:1120px){.site-menu nav{gap:1px}.site-menu nav a{padding-inline:8px;font-size:13px}}

.next-hero{--hero-accent:#1a6a4a;--hero-accent-2:#103f31;--hero-tint:#edf5f1;position:relative;overflow:hidden}
.next-hero:before{content:"";position:absolute;inset:0;pointer-events:none;background:
 radial-gradient(circle at 90% 5%,color-mix(in srgb,var(--hero-accent) 12%,transparent) 0 18%,transparent 19%),
 linear-gradient(135deg,rgba(255,255,255,.92),color-mix(in srgb,var(--hero-tint) 86%,white));z-index:0}
.next-hero>*{position:relative;z-index:1}
.hero-support{align-self:stretch;min-width:0;padding:20px;border:1px solid color-mix(in srgb,var(--hero-accent) 34%,#cbd6d0);border-radius:20px;background:rgba(255,255,255,.82);box-shadow:0 10px 26px rgba(13,42,31,.07);color:var(--ux-ink)}
.hero-support-label{display:block;margin-bottom:14px;color:var(--hero-accent-2);font-size:13px;font-weight:850;letter-spacing:.045em;text-transform:uppercase}
.hero-support span,.hero-support b,.hero-support strong,.hero-support small{overflow-wrap:anywhere}
.tool-hero.next-hero{display:grid;grid-template-columns:minmax(0,1.22fr) minmax(280px,.78fr);column-gap:36px;align-items:center;padding:42px clamp(22px,4vw,48px) 30px!important;border-radius:0 0 28px 28px!important;border:1px solid color-mix(in srgb,var(--hero-accent) 28%,#c8d3cc)!important;border-top:0!important;background:transparent!important;box-shadow:var(--ux-shadow)!important}
.tool-hero.next-hero>.breadcrumbs,.tool-hero.next-hero>.kicker,.tool-hero.next-hero>h1,.tool-hero.next-hero>.lead{grid-column:1}
.tool-hero.next-hero>.hero-support{grid-column:2;grid-row:1/6}
.tool-hero.next-hero>.tool-route-nav{grid-column:1/-1}
.tool-hero.next-hero h1{font-size:clamp(38px,5.1vw,64px);line-height:1.02;letter-spacing:-.045em;max-width:16ch;margin:10px 0 16px}
.tool-hero.next-hero .lead{font-size:clamp(17px,1.7vw,20px);line-height:1.65;max-width:68ch;color:#334d41}
.hero.next-hero .hero-grid{display:grid;grid-template-columns:minmax(0,1.14fr) minmax(290px,.86fr);gap:18px 38px;align-items:start}
.hero.next-hero .hero-grid>.breadcrumbs,.hero.next-hero .hero-grid>.eyebrow,.hero.next-hero .hero-grid>h1,.hero.next-hero .hero-grid>.lead{grid-column:1}
.hero.next-hero .hero-grid>.hero-support{grid-column:2;grid-row:1/5}
.hero.next-hero .hero-grid>.checker,.hero.next-hero .hero-grid>.quick-examples,.hero.next-hero .hero-grid>.trust{grid-column:1/-1}
.hero.next-hero h1{max-width:16ch;letter-spacing:-.045em;font-size:clamp(40px,5.4vw,68px);line-height:1.01}
.hero.next-hero .lead{font-size:clamp(17px,1.7vw,20px);line-height:1.65;max-width:66ch}

/* Overview: checker is the focal product card on the right */
body[data-ux-family=overview] .hero.next-hero{--hero-accent:#0d7653;--hero-accent-2:#0b513c;--hero-tint:#e8f4ee}
body[data-ux-family=overview] .hero.next-hero .hero-grid{grid-template-columns:minmax(0,.92fr) minmax(390px,1.08fr);gap:18px 44px}
body[data-ux-family=overview] .hero.next-hero .hero-grid>.checker{grid-column:2;grid-row:1/8;align-self:start;height:auto;margin:0;background:#fff;border:1px solid #a9bdb1;border-top:6px solid #0d7653;border-radius:22px;padding:24px;box-shadow:0 22px 50px rgba(14,54,39,.14)}
body[data-ux-family=overview] .hero.next-hero .hero-grid>.hero-support{grid-column:1;grid-row:auto;padding:16px;background:rgba(255,255,255,.68)}
body[data-ux-family=overview] .hero.next-hero .hero-grid>.quick-examples,body[data-ux-family=overview] .hero.next-hero .hero-grid>.trust{grid-column:1}
.hero-proof-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.hero-proof-grid span{padding:9px 10px;border-radius:10px;background:#fff;border:1px solid #c6d7ce;font-size:14px;font-weight:750;color:#204838}

/* Risk pages use distinct compositions, not just hues */
body[data-ux-family=flood] .next-hero{--hero-accent:#1971a8;--hero-accent-2:#0d4f7a;--hero-tint:#e7f3fa}
body[data-ux-family=earthquake] .next-hero{--hero-accent:#b15a35;--hero-accent-2:#71361f;--hero-tint:#f7ebe5}
body[data-ux-family=water] .next-hero{--hero-accent:#167f7a;--hero-accent-2:#0c5551;--hero-tint:#e4f3f2}
body[data-ux-family=heritage] .next-hero{--hero-accent:#74518a;--hero-accent-2:#523360;--hero-tint:#f0eaf3}
body[data-ux-family=natura] .next-hero{--hero-accent:#357847;--hero-accent-2:#245632;--hero-tint:#e8f2e9}
body[data-ux-family=protected] .next-hero{--hero-accent:#9a6a28;--hero-accent-2:#66451a;--hero-tint:#f6efe3}
body[data-ux-family=flood] .hero-grid,body[data-ux-family=natura] .hero-grid{grid-template-columns:minmax(0,1.28fr) minmax(260px,.72fr)}
body[data-ux-family=earthquake] .hero-grid,body[data-ux-family=heritage] .hero-grid{grid-template-columns:minmax(260px,.72fr) minmax(0,1.28fr)}
body[data-ux-family=earthquake] .hero-grid>.hero-support,body[data-ux-family=heritage] .hero-grid>.hero-support{grid-column:1;grid-row:1/5}
body[data-ux-family=earthquake] .hero-grid>.breadcrumbs,body[data-ux-family=earthquake] .hero-grid>.eyebrow,body[data-ux-family=earthquake] .hero-grid>h1,body[data-ux-family=earthquake] .hero-grid>.lead,
body[data-ux-family=heritage] .hero-grid>.breadcrumbs,body[data-ux-family=heritage] .hero-grid>.eyebrow,body[data-ux-family=heritage] .hero-grid>h1,body[data-ux-family=heritage] .hero-grid>.lead{grid-column:2}
body[data-ux-family=earthquake] .hero-grid>.checker,body[data-ux-family=earthquake] .hero-grid>.quick-examples,body[data-ux-family=earthquake] .hero-grid>.trust,
body[data-ux-family=heritage] .hero-grid>.checker,body[data-ux-family=heritage] .hero-grid>.quick-examples,body[data-ux-family=heritage] .hero-grid>.trust{grid-column:1/-1}

.hero-scenario-strip{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:8px;align-items:end}.hero-scenario-strip>*{min-height:58px;display:grid;place-items:center;border-radius:12px;background:#eaf5fb;border:1px solid #acd1e5;color:#15547a}.hero-scenario-strip b:nth-child(3){min-height:82px;background:#d8edf8}.hero-scenario-strip b:nth-child(4){min-height:68px}
.hero-pga{display:grid;grid-template-columns:auto 1fr auto 1fr auto;gap:10px;align-items:center;min-height:96px}.hero-pga i{height:6px;border-radius:99px;background:linear-gradient(90deg,#d8b6a6,#a84e2a)}.hero-pga strong{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:#a84e2a;color:#fff}.hero-pga span{font-size:13px;font-weight:800;color:#71361f}
.hero-bands{display:grid;gap:8px}.hero-bands span{padding:13px 16px;border-radius:10px;font-weight:800}.hero-bands span:nth-child(1){background:#cdeceb}.hero-bands span:nth-child(2){background:#def2f1;margin-left:9%}.hero-bands span:nth-child(3){background:#edf8f7;margin-left:18%}
.hero-renovation-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.hero-renovation-grid span{padding:17px 12px;border:1px solid #cdbbd6;border-radius:12px;background:#fbf8fc;font-weight:800}.hero-renovation-grid span:first-child{grid-column:1/-1}
.hero-badge-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px}.hero-badge-pair strong{display:grid;place-items:center;min-height:76px;border-radius:50%;background:#327448;color:#fff;font-size:25px}.hero-badge-pair span{grid-column:1/-1;text-align:center;font-size:14px;font-weight:750;color:#31583b}
.hero-split-card{display:grid;grid-template-columns:1fr 1fr;gap:10px}.hero-split-card span{min-height:100px;display:flex;align-items:end;padding:14px;border-radius:14px;border:1px solid #d8c6a7;background:#fffaf2;font-weight:800}.hero-split-card span+span{background:#f3ecdf;border-style:dashed}

/* Product families */
body[data-ux-family=development] .next-hero{--hero-accent:#aa701c;--hero-accent-2:#67430f;--hero-tint:#f7efe1}
body[data-ux-family=etn] .next-hero{--hero-accent:#0a8b68;--hero-accent-2:#e9fff8;--hero-tint:#132a33;color:#fff}
body[data-ux-family=etn] .next-hero:before{background:linear-gradient(135deg,#11262f,#173c3b)}
body[data-ux-family=etn] .next-hero h1,body[data-ux-family=etn] .next-hero .kicker,body[data-ux-family=etn] .next-hero .breadcrumbs,body[data-ux-family=etn] .next-hero .breadcrumbs a{color:#fff}
body[data-ux-family=etn] .next-hero .lead{color:#dbe9e6}
body[data-ux-family=etn] .hero-support-label{color:#17624e}.hero-market{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.hero-market span{padding:16px 12px;border-radius:13px;background:#fff;color:#173830}.hero-market b{display:block;font-size:19px}.hero-market small{display:block;margin-top:5px;color:#4a635a;font-size:12px}
.hero-radar{position:relative;min-height:190px;display:grid;place-items:center}.hero-radar i{position:absolute;border:1px solid #bc8e49;border-radius:50%}.hero-radar i:nth-child(1){width:62px;height:62px}.hero-radar i:nth-child(2){width:116px;height:116px}.hero-radar i:nth-child(3){width:174px;height:174px}.hero-radar span{position:absolute;font-size:12px;font-weight:800;color:#785017}.hero-radar span:nth-of-type(1){transform:translate(0,-37px)}.hero-radar span:nth-of-type(2){transform:translate(0,-65px)}.hero-radar span:nth-of-type(3){transform:translate(0,-94px)}
body[data-ux-family=solar] .next-hero{--hero-accent:#b56d12;--hero-accent-2:#704207;--hero-tint:#fff0d7}
body[data-ux-family=municipality] .next-hero{--hero-accent:#2e68a0;--hero-accent-2:#214c75;--hero-tint:#e9f1f8}
body[data-ux-family=budget] .next-hero{--hero-accent:#146345;--hero-accent-2:#0e4733;--hero-tint:#e7f1ec}
body[data-ux-family=living] .next-hero{--hero-accent:#386b88;--hero-accent-2:#284d63;--hero-tint:#eaf1f5}
body[data-ux-family=heating] .next-hero{--hero-accent:#a94f2b;--hero-accent-2:#6f321d;--hero-tint:#f6e8e1}
body[data-ux-family=quotes] .next-hero{--hero-accent:#816039;--hero-accent-2:#584125;--hero-tint:#f4eee7}
body[data-ux-family=documents] .next-hero{--hero-accent:#5c5d8f;--hero-accent-2:#404169;--hero-tint:#ededf6}
body[data-ux-family=directory] .next-hero{--hero-accent:#275f49;--hero-accent-2:#1b4535;--hero-tint:#edf4f0}
.hero-months{display:flex;align-items:end;gap:10px;height:150px}.hero-months span{flex:1;min-width:0;height:var(--h);display:flex;align-items:end;justify-content:center;padding:7px 4px;border-radius:8px 8px 4px 4px;background:linear-gradient(#f3b443,#c77413);color:#fff;font-size:12px;font-weight:850}
.hero-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;align-items:end}.hero-columns span{display:flex;align-items:end;justify-content:center;padding:10px;border-radius:9px 9px 4px 4px;background:#d9e7f4;color:#27577e;font-weight:800}.hero-columns span:nth-child(1){height:84px}.hero-columns span:nth-child(2){height:118px}.hero-columns span:nth-child(3){height:98px}.hero-columns b{grid-column:1/-1;text-align:right;color:#2e68a0}
.hero-budget-flow,.hero-cost-stack,.hero-system-chips,.hero-quote-board,.hero-dossier,.hero-tool-map{display:grid;gap:8px}.hero-budget-flow{grid-template-columns:1fr 1fr}.hero-budget-flow span,.hero-cost-stack span,.hero-system-chips span,.hero-quote-board span,.hero-dossier span,.hero-tool-map span{padding:12px 14px;border-radius:11px;background:#fff;border:1px solid color-mix(in srgb,var(--hero-accent) 28%,#ccd5d0);font-weight:800;color:var(--hero-accent-2)}
.hero-cost-stack span:nth-child(2){margin-left:8%}.hero-cost-stack span:nth-child(3){margin-left:16%}.hero-cost-stack span:nth-child(4){margin-left:24%}
.hero-system-chips{grid-template-columns:1fr}.hero-system-chips span:nth-child(2){margin-left:12%}.hero-system-chips span:nth-child(3){margin-left:24%}
.hero-quote-board{grid-template-columns:1fr 1fr}.hero-quote-board span:last-child{grid-column:1/-1;border-style:dashed}
.hero-dossier{grid-template-columns:1fr 1fr}.hero-tool-map{grid-template-columns:repeat(2,1fr)}.hero-tool-map span:last-child{grid-column:1/-1}

/* Buying / guides / intent families */
body[data-ux-family=buying] .next-hero{--hero-accent:#27624a;--hero-accent-2:#174532;--hero-tint:#ebf3ef}
body[data-ux-family=guides] .next-hero{--hero-accent:#395f7f;--hero-accent-2:#284660;--hero-tint:#edf2f6}
body[data-ux-family=certificate] .next-hero{--hero-accent:#34704b;--hero-accent-2:#225137;--hero-tint:#e9f2eb}
body[data-ux-family=roof] .next-hero{--hero-accent:#6d551e;--hero-accent-2:#4c3b12;--hero-tint:#f3eedf}
body[data-ux-family=electricity] .next-hero{--hero-accent:#2d5e91;--hero-accent-2:#20466c;--hero-tint:#e9f0f7}
body[data-ux-family=repayment] .next-hero{--hero-accent:#66447a;--hero-accent-2:#493158;--hero-tint:#f0ebf3}
.hero-journey{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.hero-journey span{padding:13px;border-radius:11px;background:#fff;border:1px solid #b8cdc1;font-weight:800;color:#22503c}
.hero-guide-mosaic{display:grid;grid-template-columns:1.2fr .8fr;gap:8px}.hero-guide-mosaic span{min-height:62px;display:grid;place-items:center;border-radius:11px;background:#fff;border:1px solid #b9c9d6;font-weight:850}.hero-guide-mosaic span:nth-child(3){grid-column:1/-1}
.hero-energy-bands{display:flex;gap:5px;align-items:end}.hero-energy-bands span{flex:1;padding:9px 4px;border-radius:7px;color:#fff;text-align:center;font-weight:850;background:#30744d}.hero-energy-bands span:nth-child(4){background:#9d7725}.hero-energy-bands span:nth-child(5){background:#9a482e}
.hero-panel-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;padding:9px;border:7px solid #718394;background:#dfe8ee}.hero-panel-grid i{aspect-ratio:1.55;background:#245475;border:1px solid #b7d2e4}
.hero-bill{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:8px;align-items:center}.hero-bill span,.hero-bill strong{padding:16px 10px;text-align:center;border-radius:10px;background:#fff;border:1px solid #b6c9da;color:#28547c}.hero-bill b{color:#2d5e91}
.hero-timeline{display:grid;grid-template-columns:auto 1fr auto 1fr auto;align-items:center;gap:7px}.hero-timeline i{height:5px;border-radius:99px;background:#af97bd}.hero-timeline strong{padding:12px;border-radius:12px;background:#65457a;color:#fff}.hero-timeline span{font-size:12px;font-weight:800;color:#5a3e68}

/* Trust pages deliberately quieter */
body[data-ux-family=method] .next-hero,body[data-ux-family=sources] .next-hero,body[data-ux-family=privacy] .next-hero,body[data-ux-family=about] .next-hero{--hero-accent:#456657;--hero-accent-2:#304b3f;--hero-tint:#f0f4f2}
.hero-pipeline,.hero-data-flow{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.hero-pipeline span,.hero-data-flow span{padding:10px 12px;border-radius:10px;background:#fff;border:1px solid #c5d2cb;font-weight:800}.hero-pipeline b,.hero-data-flow b{color:#71877b}.hero-data-flow em{width:100%;font-size:13px;color:#53685d}
.hero-source-matrix{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.hero-source-matrix span{padding:12px 8px;text-align:center;border-radius:9px;background:#fff;border:1px solid #c5d2cb;font-weight:850}
.hero-brand-story{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;align-items:center}.hero-brand-story img{grid-row:1/3}.hero-brand-story span{font-size:22px;font-weight:900}.hero-brand-story small{font-size:13px;color:#54685e}

/* Form surfaces: visible decision chunks instead of one long wall */
.tool-content .tool-panel,.intent-workspace,.household-panel,.quote-scope,.budget-board{border-radius:18px!important;box-shadow:0 10px 28px rgba(18,42,31,.06)}
.tool-content .tool-panel>h2,.intent-workspace>h2{display:flex;align-items:center;gap:10px}.tool-content .tool-panel>h2:before,.intent-workspace>h2:before{content:"";width:9px;height:28px;border-radius:99px;background:var(--hero-accent,#2a654c);flex:none}
.tool-fields{gap:16px!important}.tool-fields>label,.intent-workspace .tool-fields>label{padding:12px;border:1px solid #d1dad5;border-radius:12px;background:#fbfcfb}
.tool-fields>label:focus-within,.intent-workspace .tool-fields>label:focus-within{border-color:var(--hero-accent,#2a654c);box-shadow:0 0 0 3px color-mix(in srgb,var(--hero-accent,#2a654c) 12%,transparent)}
.tool-field-note{line-height:1.55}
.tool-workspace>.tool-panel:first-child{border-top:5px solid var(--hero-accent,#2a654c)}
.tool-output{border-radius:18px!important}

/* Cards feel like navigation, not boxes of text */
.tool-tile,.property-check-card,.intent-card,.visit-grid article,.features article{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.tool-tile:hover,.property-check-card:hover,.intent-card:hover{transform:translateY(-3px);box-shadow:0 16px 34px rgba(16,38,29,.12)}
@media(prefers-reduced-motion:reduce){.tool-tile,.property-check-card,.intent-card,.visit-grid article,.features article{transition:none}.tool-tile:hover,.property-check-card:hover,.intent-card:hover{transform:none}}

@media(max-width:900px){
  .tool-hero.next-hero,.hero.next-hero .hero-grid,body[data-ux-family=overview] .hero.next-hero .hero-grid{grid-template-columns:1fr}
  .tool-hero.next-hero>.breadcrumbs,.tool-hero.next-hero>.kicker,.tool-hero.next-hero>h1,.tool-hero.next-hero>.lead,.tool-hero.next-hero>.hero-support,.tool-hero.next-hero>.tool-route-nav,
  .hero.next-hero .hero-grid>.breadcrumbs,.hero.next-hero .hero-grid>.eyebrow,.hero.next-hero .hero-grid>h1,.hero.next-hero .hero-grid>.lead,.hero.next-hero .hero-grid>.hero-support,.hero.next-hero .hero-grid>.checker,.hero.next-hero .hero-grid>.quick-examples,.hero.next-hero .hero-grid>.trust,
  body[data-ux-family=overview] .hero.next-hero .hero-grid>.checker,body[data-ux-family=overview] .hero.next-hero .hero-grid>.hero-support,body[data-ux-family=overview] .hero.next-hero .hero-grid>.quick-examples,body[data-ux-family=overview] .hero.next-hero .hero-grid>.trust,
  body[data-ux-family=earthquake] .hero-grid>.hero-support,body[data-ux-family=earthquake] .hero-grid>.breadcrumbs,body[data-ux-family=earthquake] .hero-grid>h1,body[data-ux-family=earthquake] .hero-grid>.lead,
  body[data-ux-family=heritage] .hero-grid>.hero-support,body[data-ux-family=heritage] .hero-grid>.breadcrumbs,body[data-ux-family=heritage] .hero-grid>h1,body[data-ux-family=heritage] .hero-grid>.lead{grid-column:1;grid-row:auto}
  .hero-support{margin-top:4px}.hero-radar{min-height:150px}.tool-hero.next-hero{padding-top:30px!important}
}
@media(max-width:640px){
  .topbar .nav{min-height:64px}.brand img{width:36px;height:36px}.next-hero{border-radius:0 0 20px 20px!important}
  .tool-hero.next-hero{padding:25px 20px 22px!important;gap:12px}.tool-hero.next-hero h1,.hero.next-hero h1{font-size:clamp(34px,10vw,46px)}
  .hero-support{padding:15px;border-radius:15px}.hero-market{grid-template-columns:1fr}.hero-scenario-strip{grid-template-columns:1fr 1fr}.hero-scenario-strip span{grid-column:1/-1}
  .hero-columns span:nth-child(1),.hero-columns span:nth-child(2),.hero-columns span:nth-child(3){height:76px}.hero-radar{min-height:132px}
  .hero-source-matrix{grid-template-columns:repeat(2,1fr)}.hero-budget-flow,.hero-dossier,.hero-tool-map,.hero-journey{grid-template-columns:1fr 1fr}
  .tool-fields>label,.intent-workspace .tool-fields>label{padding:10px}
}


/* Progressive form grouping */
.form-stage{position:relative;margin:18px 0;padding:18px;border:1px solid #ced8d2;border-radius:16px;background:#f9fbfa}
.form-stage-primary{background:linear-gradient(135deg,#fff,#f0f6f3);border-color:color-mix(in srgb,var(--hero-accent,#2a654c) 32%,#cbd5cf)}
.form-stage-kicker{display:block;margin-bottom:4px;color:var(--hero-accent,#2a654c);font-size:12px;font-weight:900;letter-spacing:.065em;text-transform:uppercase}
.form-stage h3{margin:0 0 14px;font-size:19px;line-height:1.3;color:#203a2f}
.form-stage>.tool-fields{margin:0}
.form-stage-advanced{background:#f6f8f7}.form-stage-advanced summary,.form-stage.tool-optional>summary{min-height:46px;display:flex;align-items:center;font-weight:850;color:#2a4b3b;cursor:pointer}
.form-primary-action{margin-top:20px;padding-top:16px;border-top:1px solid #d5ddd8}
.form-primary-action .btn.primary{min-width:210px}

/* Existing dynamic tools read as intentional boards */
body[data-ux-family=documents] .dossier-controls{padding:16px 18px;border:1px solid #cecfe1;border-radius:16px;background:#f6f6fb}
body[data-ux-family=documents] [data-tool-output]>*+*{margin-top:14px}
body[data-ux-family=quotes] .quote-scope{border-left:5px solid #816039;background:linear-gradient(135deg,#fff,#fbf7f2)}
body[data-ux-family=quotes] .quote-cell{box-shadow:0 6px 16px rgba(70,48,25,.045)}
body[data-ux-family=living] .household-profile,body[data-ux-family=heating] .household-profile{border-radius:16px!important;border-color:#bdccc4!important;background:#fbfcfb!important}
body[data-ux-family=living] .household-tabs,body[data-ux-family=heating] .household-tabs{padding:7px;border-radius:14px;background:#eef3f1}
body[data-ux-family=municipality] .tool-filter{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
body[data-ux-family=etn] .etn-workspace textarea{min-height:180px;border-radius:12px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}
body[data-ux-family=etn] .etn-workspace [data-etn-official]{box-shadow:0 8px 20px rgba(10,139,104,.18)}
body[data-ux-family=development] .development-radius-row{padding:14px;border:1px solid #d8c7a8;border-radius:14px;background:#fffaf2}
body[data-ux-family=development] .development-coordinate-panel{padding:4px 14px 12px;border:1px dashed #c9b38c;border-radius:12px;background:#fffdf9}

/* Page-family section rhythm */
body[data-ux-family=etn] .tool-content,
body[data-ux-family=development] .tool-content,
body[data-ux-family=budget] .tool-content,
body[data-ux-family=solar] .tool-content,
body[data-ux-family=documents] .tool-content,
body[data-ux-family=municipality] .tool-content{padding-top:30px}
.tool-next{border-radius:20px!important;background:linear-gradient(135deg,#f7faf8,#fff)!important;border:1px solid #c6d2cb!important}
.prose>section,.topic-reading{scroll-margin-top:90px}
.article-layout .side-card{border-radius:18px;box-shadow:0 10px 28px rgba(18,42,31,.065)}

@media(max-width:780px){
  .form-stage{padding:14px;margin:14px 0}.form-stage h3{font-size:18px}
  .form-primary-action .btn.primary{width:100%;min-width:0}
  body[data-ux-family=municipality] .tool-filter{grid-template-columns:1fr}
}