/* Calculator directory: the shared Planning Studio language, scoped to this page. */
body.discovery-studio { --ink:var(--studio-ink); --paper:var(--studio-background); --paper-2:var(--studio-sage); --muted:var(--studio-muted); --rule:var(--studio-rule); --accent:var(--studio-forest); line-height:1.6; }
.discovery-studio main { overflow-wrap:break-word; }
.discovery-studio .eyebrow { color:var(--studio-muted); font-size:12px; letter-spacing:.12em; line-height:1.5; }
.discovery-studio .hero { display:grid; grid-template-columns:minmax(0,1.5fr) minmax(0,1fr); gap:64px; align-items:center; padding:56px 0 44px; }
.discovery-studio h1 { font-size:clamp(38px,4.6vw,60px); line-height:1.08; letter-spacing:-.025em; text-wrap:balance; }
.discovery-studio .lede { max-width:60ch; margin-top:22px; font-size:17px; }
.discovery-studio .start-panel { padding:30px; background:var(--studio-sage); border:1px solid var(--studio-rule); border-radius:6px; }
.discovery-studio .start-panel h2 { font-family:Inter,system-ui,sans-serif; font-size:25px; font-weight:600; line-height:1.25; letter-spacing:-.03em; }
.discovery-studio .start-panel p:not(.eyebrow) { margin:14px 0 22px; color:var(--studio-muted); font-size:15px; }
.discovery-studio .start-link { display:flex; align-items:center; justify-content:space-between; gap:16px; min-height:48px; padding:12px 16px; color:#fff; background:var(--studio-forest); border:1px solid var(--studio-forest); border-radius:4px; font-size:14px; font-weight:600; text-decoration:none; }
.discovery-studio .start-link:hover { background:#124938; }
.discovery-studio .start-panel .secondary-link { display:inline-block; margin-top:18px; text-underline-offset:4px; font-size:14px; font-weight:500; }
.discovery-studio .directory-nav { display:flex; align-items:center; gap:24px; padding:18px 0; border-top:1px solid var(--studio-rule); border-bottom:1px solid var(--studio-rule); }
.discovery-studio .directory-nav p { margin:0; font-size:12px; color:var(--studio-muted); white-space:nowrap; }
.discovery-studio .directory-nav ul { display:flex; flex-wrap:wrap; column-gap:28px; row-gap:2px; list-style:none; padding:0; margin:0; }
.discovery-studio .directory-nav a { display:inline-flex; align-items:center; min-height:44px; text-decoration:none; font-size:14px; font-weight:600; }
.discovery-studio .directory-nav a:hover { text-decoration:underline; text-underline-offset:5px; }
.discovery-studio .tool-group { display:grid; grid-template-columns:minmax(0,.65fr) minmax(0,1.6fr); gap:64px; padding-block:44px; border-bottom:1px solid var(--studio-rule); scroll-margin-top:24px; }
.discovery-studio .group-heading h2 { font-size:34px; line-height:1.15; letter-spacing:-.025em; }
.discovery-studio .group-heading p:last-child { margin:16px 0 0; max-width:32ch; color:var(--studio-muted); font-size:14px; }
.discovery-studio .tool-group .tool-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; padding:0; }
.discovery-studio .tool-card { position:relative; display:flex; flex-direction:column; justify-content:space-between; gap:22px; min-height:216px; padding:24px; border:1px solid var(--studio-rule); border-radius:5px; background:#fff; color:var(--studio-ink); text-decoration:none; }
.discovery-studio .tool-card:hover { border-color:var(--studio-forest); background:var(--studio-sage); }
.discovery-studio .tool-card.primary { background:var(--studio-sage); color:var(--studio-ink); border-color:var(--studio-rule); }
.discovery-studio .tool-card.primary:hover { border-color:var(--studio-forest); }
.discovery-studio .tool-card h3 { font-family:Inter,system-ui,sans-serif; font-size:18px; font-weight:600; line-height:1.4; letter-spacing:-.025em; text-wrap:pretty; }
.discovery-studio .tool-card p,.discovery-studio .tool-card.primary p { margin:10px 0 0; color:var(--studio-muted); font-size:14px; line-height:1.6; }
.discovery-studio .tool-action { display:flex; justify-content:space-between; gap:12px; color:var(--studio-forest); font-size:13px; font-weight:600; }
.discovery-studio .editorial-bridges { padding:48px 0; }
.discovery-studio .editorial-bridges > h2 { font-size:36px; line-height:1.15; letter-spacing:-.025em; }
.discovery-studio .bridge-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:40px; margin-top:28px; }
.discovery-studio .bridge-card { border-top:1px solid var(--studio-rule); padding-top:22px; }
.discovery-studio .bridge-card h3 { font-size:26px; line-height:1.25; }
.discovery-studio .bridge-card p { color:var(--studio-muted); font-size:15px; margin:12px 0; max-width:54ch; }
.discovery-studio .bridge-links { display:grid; gap:8px; justify-items:start; }
.discovery-studio .bridge-links a { display:inline-flex; align-items:center; min-height:40px; color:var(--studio-forest); font-size:14px; text-underline-offset:4px; }
.discovery-studio .why { background:var(--studio-sage); padding:36px 0; border-color:var(--studio-rule); }
.discovery-studio .why h2 { font-size:32px; line-height:1.15; letter-spacing:-.02em; }
.discovery-studio .why-grid { grid-template-columns:minmax(0,.65fr) minmax(0,1.6fr); gap:64px; }
.discovery-studio .why p,.discovery-studio .why li { font-size:14px; }
.discovery-studio .why p { margin:0 0 14px; }
.discovery-studio .why a { text-underline-offset:4px; }
.discovery-studio footer { padding:30px 0; }
.discovery-studio .foot-row { border:0; padding-top:0; }
@media(max-width:1000px) {
  .discovery-studio .hero { gap:32px; }
  .discovery-studio .tool-group,.discovery-studio .why-grid { grid-template-columns:minmax(0,.75fr) minmax(0,1.6fr); gap:32px; }
  .discovery-studio .tool-card { padding:20px; }
}
@media(max-width:760px) {
  .discovery-studio .hero { grid-template-columns:1fr; padding:30px 0; gap:26px; }
  .discovery-studio h1 { font-size:40px; }
  .discovery-studio .start-panel { padding:24px; }
  .discovery-studio .directory-nav { display:block; padding:18px 0 12px; }
  .discovery-studio .directory-nav ul { margin-top:6px; column-gap:24px; }
  .discovery-studio .tool-group,.discovery-studio .why-grid { grid-template-columns:1fr; gap:24px; padding-block:32px; }
  .discovery-studio .group-heading p:last-child { max-width:60ch; margin-top:12px; }
  .discovery-studio .group-heading h2 { font-size:30px; }
  .discovery-studio .bridge-grid { grid-template-columns:1fr; gap:28px; }
  .discovery-studio .editorial-bridges { padding:32px 0; }
  .discovery-studio .editorial-bridges > h2 { font-size:32px; }
  .discovery-studio .why { padding:0; }
}
@media(max-width:540px) {
  .discovery-studio .tool-group .tool-grid { grid-template-columns:1fr; }
  .discovery-studio .tool-card { min-height:0; gap:20px; }
  .discovery-studio h1 { font-size:36px; }
}
@media(prefers-reduced-motion:reduce) {
  .discovery-studio *, .discovery-studio *::before, .discovery-studio *::after { transition:none !important; animation:none !important; scroll-behavior:auto !important; }
}
