/* Shared visual language. Pages opt in; existing pages keep their own styles. */
body.planning-studio {
  --studio-background:#fff;
  --studio-sage:#f2f5f1;
  --studio-ink:#20332a;
  --studio-muted:#596b61;
  --studio-forest:#175c49;
  --studio-rule:#dae3dc;
  background:var(--studio-background);
  color:var(--studio-ink);
  font-family:Inter,system-ui,sans-serif;
  -webkit-font-smoothing:antialiased;
  color-scheme:light;
}
.planning-studio .wrap { width:min(1184px,calc(100% - 48px)); margin-inline:auto; }
.planning-studio .nav { height:78px; border-bottom:1px solid var(--studio-rule); }
.planning-studio .nav .logo { font-size:30px; color:var(--studio-ink); }
.planning-studio .nav .logo span { color:#b46347; }
.planning-studio .nav a.nav-cta { background:var(--studio-forest); color:#fff; min-height:44px; border-radius:4px; }
.planning-studio .nav .nav-links a { color:var(--studio-ink); }
.planning-studio .nav .nav-links a.nav-cta { color:#fff; }
.planning-studio :focus-visible { outline:2px solid var(--studio-forest); outline-offset:3px; }
.planning-studio button,.planning-studio input,.planning-studio select { font-family:Inter,system-ui,sans-serif; }
.planning-studio .coverage-track { height:7px; background:#e8ede7; overflow:hidden; border-radius:2px; }
.planning-studio .coverage-track > span { display:block; height:100%; background:var(--studio-forest); }
@media(max-width:760px) {
  .planning-studio .wrap { width:calc(100% - 40px); }
  .planning-studio .nav { height:74px; }
}