/* SGB page layout; shared type and container tokens are loaded last. */
.sgb-page .case-hero{padding-bottom:0}
.sgb-page .case-hero h1{margin-bottom:48px}
.sgb-page .overview{margin-bottom:0}
.sgb-page .intro-section{margin-top:64px}
.sgb-figure{margin:40px 0 0}
.sgb-figure img{display:block;width:100%;height:auto;border-radius:var(--radius-card)}
.sgb-figure figcaption{margin-top:14px;color:var(--muted)}
.sgb-page .survey-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin:40px 0}
.survey-grid .metric{padding:24px 20px;gap:20px}
.survey-grid .metric small{font-size:var(--size-caption);color:var(--muted)}
.insights{padding-left:24px;color:var(--muted)}
.insights li+li{margin-top:12px}
.journey-scroll{overflow:auto;margin:36px 0;border:1px solid #d2d1c8;border-radius:var(--radius-card);background:var(--white)}
.journey-table{width:100%;min-width:760px;border-collapse:collapse;font-size:var(--size-caption);line-height:1.5}
.journey-table th,.journey-table td{padding:14px 12px;text-align:left;vertical-align:top;border:1px solid #d2d1c8}
.journey-table thead th{background:#1b1b1b;color:#fff;font-weight:600}
.journey-table tbody th{background:#e9e7da;font-weight:600;width:100px}
.journey-table .pain{background:#f3d9df}
.two-up{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.hypothesis-card,.decision-card,.result-card{background:var(--white);border:1px solid #deddd7;border-radius:var(--radius-card);padding:28px}
.hypothesis-card h3{margin-top:0;color:#144E45}
.hypothesis-card p:last-child{margin-top:20px}
.audit-stats{display:flex;flex-wrap:wrap;gap:16px;margin:28px 0}
.audit-stats span{background:#e8e7e1;border-radius:var(--radius-label);padding:8px 14px;color:var(--muted);font-size:var(--size-caption)}
.screen-panel{padding:32px;background:#e3e2dd;border-radius:var(--radius-card);margin-top:36px}
.screen-panel figure{margin:0;min-width:0}
.screen-panel img{display:block;width:100%;height:auto}
.screen-panel figcaption{color:var(--muted);margin-top:12px}
.screen-panel.two-up{align-items:start}
.sgb-page .decision-heading{margin-top:64px}
.problem-label{color:#144E45;font-weight:600}
.nav-options{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin:32px 0}
.nav-options figure{margin:0;padding:20px;background:#e3e2dd;border-radius:var(--radius-card)}
.nav-options img{display:block;width:100%;height:auto}
.nav-options figcaption{margin-top:16px;color:var(--muted)}
.nav-options figure:last-child{grid-column:1/-1;width:calc(50% - 14px);justify-self:center}
.decision-card{border-left:4px solid #144E45;margin-top:32px}
.decision-card h4{margin-top:0}
.validation-results{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:32px 0}
.result-card{display:flex;flex-direction:column;gap:12px}
.result-card strong{font-size:var(--size-section-title);color:#144E45;line-height:1.1}
.result-card span{color:var(--muted)}
.sgb-page .evidence-note{border-left:3px solid #144E45;padding-left:20px;margin-top:24px}
.feedback-quotes{margin-top:40px}
.feedback-quotes blockquote{margin:0;background:var(--white);border-radius:var(--radius-card);padding:28px;border-top:3px solid #144E45}
.feedback-quotes p{font-size:var(--size-body)}
.feedback-quotes cite{font-size:var(--size-caption);font-style:normal;color:#144E45;font-weight:600}
.supporting-screens{margin-top:48px;border-top:1px solid #d2d1c8;padding-top:20px}
.supporting-screens summary{cursor:pointer;min-height:44px;display:list-item;font-size:var(--size-body);font-weight:600;color:#144E45}
.supporting-screens .screen-panel{margin-top:24px}
.supporting-screens .sgb-figure{margin-top:24px}
.sgb-page .final-image{margin-top:40px}
@media(max-width:1000px){.sgb-page .survey-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.screen-panel{padding:24px}}
@media(max-width:740px){.sgb-page .intro-section{margin-top:48px}.sgb-page .survey-grid,.two-up,.validation-results,.nav-options{grid-template-columns:1fr}.nav-options figure:last-child{grid-column:auto;width:100%}.sgb-figure{margin-top:28px}.hypothesis-card,.decision-card,.result-card,.feedback-quotes blockquote{padding:24px}.screen-panel{padding:20px}.audit-stats{gap:10px}.sgb-page .decision-heading{margin-top:44px}}

.sgb-page .project-focus{display:block;font-size:var(--size-section-title);line-height:1.15;letter-spacing:-.04em;font-weight:650;color:var(--color-accent);margin-top:16px}