/* base section - extracted for modularity */
/* Extracted Phase 1 from nutrient-assessment.html */
/* Dashboard-specific layout (tokens in /styles/design-system.css) */
  .page{max-width:1080px;margin:0 auto;padding:24px 24px 80px}
  h1{font-size:24px;font-weight:600;margin:6px 0 2px;letter-spacing:-.01em}
  h2{font-size:18px;font-weight:600;margin:30px 0 6px}
  h3{font-size:13px;font-weight:600;margin:0 0 2px}
  p{margin:6px 0}
  .eyebrow{color:var(--fg2);font-size:12px;letter-spacing:.02em}
  .lede{color:var(--fg2);max-width:80ch}
  .muted{color:var(--fg2)} .dim{color:var(--fg3)}
  .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
  .insights-milestone-bridge{margin:0}
  .src{color:var(--fg3);font-size:12px;margin-top:6px}
  hr{border:0;border-top:1px solid var(--st3);margin:28px 0 12px}
  a{color:var(--link)} small{font-size:12px}

  .statgrid{display:grid;gap:12px;margin:14px 0}
  .s5{grid-template-columns:repeat(5,minmax(0,1fr))}
  .s4{grid-template-columns:repeat(4,minmax(0,1fr))}
  .s3{grid-template-columns:repeat(3,minmax(0,1fr))}
  .stat{border:1px solid var(--st2);border-radius:10px;padding:12px 14px;background:var(--chrome)}
  .stat .v{font-size:21px;font-weight:600;letter-spacing:-.01em}
  .stat .l{color:var(--fg2);font-size:12px;margin-top:3px}
  .stat .sub{color:var(--fg3);font-size:11px;margin-top:2px;font-variant-numeric:tabular-nums}
  .v.success{color:var(--green)} .v.warning{color:var(--amber)}
  .v.danger{color:var(--red)} .v.info{color:var(--blue)}

  .grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:12px 0}
  .grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:12px 0}

  .callout{border:1px solid var(--st2);border-left-width:3px;border-radius:8px;
    padding:12px 14px;background:var(--fill3);margin:10px 0}
  .callout .ct{font-weight:600;margin-bottom:3px}
  .callout.warning{border-left-color:var(--amber)} .callout.warning .ct{color:var(--amber)}
  .callout.danger{border-left-color:var(--red)} .callout.danger .ct{color:var(--red)}
  .callout.success{border-left-color:var(--green)} .callout.success .ct{color:var(--green)}
  .callout.info{border-left-color:var(--blue)} .callout.info .ct{color:var(--blue)}
  .callout.neutral{border-left-color:var(--fg4)}