/* A working scorecard on the site's architectural paper, in both themes. */
.scorecard-page { max-width:1320px;margin:auto;padding:2rem var(--story-space) 5rem; }
.scorecard-page [hidden] { display:none!important; }
.scorecard-breadcrumb { display:flex;flex-wrap:wrap;gap:.65rem;margin:0 0 2rem;font-size:.9375rem;color:var(--muted); }
.assessment-layout { display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(2rem,5vw,4.5rem);align-items:start; }
body.story-site.hierarchy-site.scorecard-site .assessment-intro h1 { font-size:clamp(2.1rem,3.6vw,3.4rem);line-height:1.08;letter-spacing:-.035em;max-width:18ch;margin:1rem 0 1.5rem;text-wrap:initial; }
.assessment-intro h1 span { background:var(--brand-spectrum-ink);background-clip:text;-webkit-background-clip:text;color:transparent; }
.assessment-intro>p:not(.kicker) { max-width:42ch;line-height:1.75;font-size:1.0625rem; }
.assessment-facts { border-block:1px solid var(--line);padding:1rem 0;margin:1.75rem 0; }
.assessment-facts p { margin:.35rem 0;font-size:.9375rem; }
.scorecard-site .local-note { color:var(--muted);font-size:.9375rem!important;line-height:1.65; }
.question-card { position:relative;padding:clamp(1.25rem,3vw,2.25rem);border:1px solid var(--line);background:var(--surface);box-shadow:8px 8px 0 color-mix(in srgb,var(--coral) 10%,transparent);min-width:0; }
.question-card::before { content:'';position:absolute;top:-1px;left:-1px;right:-1px;height:3px;background:var(--brand-spectrum); }
.question-progress { display:flex;justify-content:space-between;flex-wrap:wrap;gap:.5rem;color:var(--muted);font:500 .875rem/1.5 ui-monospace,monospace; }
#progress { position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%); }
#progress-steps { display:flex;gap:.4rem;margin:1rem 0 2rem; }
#progress-steps span { flex:1;height:4px;background:var(--line); }
#progress-steps .complete { background:var(--coral); }
#progress-steps .current { background:var(--brand-spectrum); }
#scorecard-form fieldset { border:0;padding:0;margin:0;min-width:0; }
#question-title { font-family:'Turbobase Headline',sans-serif;font-weight:800;font-size:clamp(1.4rem,2.2vw,1.9rem);line-height:1.3;letter-spacing:-.02em;padding:0;max-width:100%;scroll-margin-top:110px; }
#question-title:focus,#results-title:focus { outline:none; }
#question-hint { margin:1rem 0 1.5rem;color:var(--muted);font-size:1rem;line-height:1.65; }
#choices { display:grid;gap:.65rem; }
.score-choice { display:flex;gap:.85rem;align-items:center;padding:1rem;min-height:3.4rem;border:1px solid var(--line);background:var(--paper);cursor:pointer;transition:background .15s,border-color .15s; }
.score-choice input { width:1.15rem;height:1.15rem;flex:none;margin:0;accent-color:var(--magenta); }
.score-choice span { font-size:1rem;line-height:1.5; }
.score-choice:has(input:checked) { border-color:var(--magenta);background:color-mix(in srgb,var(--pink) 12%,var(--surface)); }
.score-choice:focus-within { outline:2px solid var(--magenta);outline-offset:3px; }
.score-choice:hover { border-color:var(--coral); }
.question-actions { display:flex;justify-content:space-between;align-items:center;gap:1rem;border-top:1px solid var(--line);padding-top:1.5rem;margin-top:1.5rem; }
.scorecard-site .button { font-size:1rem;min-height:48px;justify-content:center;text-align:center;white-space:normal; }
.text-button { padding:.7rem .1rem;border:0;background:transparent;color:var(--ink);font-family:inherit;font-size:1rem;font-weight:600;line-height:1.5;cursor:pointer;text-decoration:underline;text-underline-offset:.3em; }
.text-button:disabled { opacity:.45;cursor:default;text-decoration:none; }
.optional-note { font-size:.875rem;color:var(--muted);line-height:1.5;margin:1rem 0 0; }
.scorecard-site :is(button,a):focus-visible { outline:2px solid var(--magenta);outline-offset:4px; }
.scorecard-site .kicker { font-size:.875rem!important; }
.results-heading { padding:1rem 0 2rem;border-bottom:1px solid var(--line); }
body.story-site.hierarchy-site.scorecard-site .results-heading h1 { font-size:clamp(2rem,4.3vw,4rem);line-height:1.1;max-width:none; }
#result-date { color:var(--muted);font-size:.9375rem; }
.results-overview { display:grid;grid-template-columns:1fr 1.4fr;gap:3rem;align-items:center;padding:2.5rem 0; }
.score-number { display:flex;align-items:baseline;gap:1rem; }
#score-value { font-family:'Turbobase Headline',sans-serif;font-size:clamp(4.5rem,9vw,7.5rem);letter-spacing:-.07em;line-height:1.1; }
.score-number>span { color:var(--muted);font-size:1rem; }
#tier { display:inline-block;padding:.4rem .85rem;border:1px solid var(--line);font-size:1.125rem;font-weight:700;margin:.75rem 0 0; }
#result-summary { font-size:clamp(1.2rem,2vw,1.55rem);line-height:1.65;margin-top:0; }
.area-strip { display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.65rem; }
.area-status { padding:1rem;border:1px solid var(--line);border-top:3px solid var(--muted);background:var(--surface); }
.area-status strong { display:block;font-size:.9375rem;line-height:1.5;margin-bottom:.5rem; }
.area-status span { color:var(--muted);font-size:.875rem;line-height:1.5; }
.area-status.known { border-top-color:var(--ink); }
.area-status.partial { border-top-color:var(--pink); }
.area-status.unknown { border-top-color:var(--coral); }
.scorecard-site :is(.scoring-details,.context-details) { margin:1.5rem 0;padding:1rem 0;border-block:1px solid var(--line); }
.scorecard-site summary { font-weight:650;font-size:1rem;cursor:pointer;line-height:1.5; }
.scorecard-site details p { max-width:75ch;font-size:1rem;line-height:1.75; }
.score-table-wrap { overflow-x:auto; }
.scorecard-site table { width:100%;border-collapse:collapse;font-size:.9375rem; }
.scorecard-site th,.scorecard-site td { padding:.85rem;text-align:left;border-bottom:1px solid var(--line); }
.scorecard-site caption { text-align:left;font-weight:650;padding-bottom:1rem; }
.score-section { margin-top:clamp(3rem,6vw,5rem); }
body.story-site.hierarchy-site.scorecard-site .score-section h2 { font-size:clamp(1.8rem,3vw,2.7rem);max-width:none;line-height:1.15;margin:.75rem 0 1.5rem; }
.section-intro { max-width:70ch;font-size:1.0625rem;line-height:1.75; }
.source-date,.context-note { font-size:.9375rem;color:var(--muted);line-height:1.65;max-width:80ch; }
.next-actions { list-style:none;padding:0;counter-reset:action;display:grid;gap:1rem; }
.next-actions>li { display:flex;gap:1.5rem;counter-increment:action;padding:1.5rem;background:var(--surface);border:1px solid var(--line); }
.next-actions>li::before { content:counter(action,decimal-leading-zero);font:500 1.5rem/1.4 ui-monospace,monospace;color:var(--muted); }
body.story-site.hierarchy-site.scorecard-site .next-actions h3 { font-size:1.25rem;line-height:1.4;letter-spacing:0;margin:.45rem 0; }
.next-actions p { font-size:1rem;line-height:1.7;margin:.5rem 0; }
.action-severity { font:500 .875rem/1.5 ui-monospace,monospace;color:var(--muted); }
.netsuite-path { font-family:ui-monospace,monospace;font-size:.875rem!important;overflow-wrap:anywhere; }
.calendar-lane { margin:1.25rem 0;border:1px solid var(--line);padding:clamp(1.25rem,3vw,2rem);background:var(--surface); }
.lane-heading { display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:.75rem;padding-bottom:1rem;border-bottom:1px solid var(--line); }
body.story-site.hierarchy-site.scorecard-site .lane-heading h3 { font-size:1.25rem;line-height:1.4;letter-spacing:0;margin:0; }
.lane-heading>span { font-size:.875rem;color:var(--muted); }
.milestones { list-style:none;margin:0;padding:0; }
.milestones li { display:grid;grid-template-columns:10rem 1fr;gap:1.5rem;border-bottom:1px solid var(--line);padding:1.25rem 0; }
.milestones strong { display:block;font-size:1.1rem; }
.milestones span { color:var(--muted);font-size:.875rem; }
.milestones p { margin:0;font-size:1rem;line-height:1.75;max-width:68ch; }
.lane-note { font-size:.9375rem;line-height:1.7; }
.source-link { display:inline-block;margin-top:1rem;font-size:.9375rem;text-decoration:underline;text-underline-offset:.25em; }
.calendar-lane.not-selected { background:transparent; }
.not-selected .lane-heading { border:0;padding:0; }
.remedy-section { display:grid;grid-template-columns:1.3fr 1fr;gap:3rem;padding-top:2rem;border-top:3px solid var(--line);border-image:var(--brand-spectrum) 1; }
.remedy-section p { font-size:1.0625rem;line-height:1.75;max-width:48ch; }
.remedy-section .text-link { font-size:1rem; }
.result-actions { display:flex;flex-direction:column;align-items:stretch;gap:1rem; }
@media(max-width:900px) { .assessment-layout {grid-template-columns:1fr;} body.story-site.hierarchy-site.scorecard-site .assessment-intro h1 {max-width:24ch;font-size:clamp(2rem,5vw,3rem);} .assessment-facts {display:flex;flex-wrap:wrap;gap:.4rem 1.5rem;margin:1rem 0;} .assessment-intro .local-note {margin-bottom:0;} .assessment-intro>p:not(.kicker) {max-width:65ch;} .area-strip {grid-template-columns:repeat(2,minmax(0,1fr));} }
@media(max-width:600px) { .scorecard-page {padding-top:1.25rem;} .scorecard-breadcrumb {margin-bottom:1.5rem;} .results-overview,.remedy-section {grid-template-columns:1fr;gap:1.5rem;} .milestones li {grid-template-columns:1fr;gap:.5rem;} .next-actions>li {padding:1.1rem;gap:.75rem;} .question-actions {gap:.75rem;} .question-actions .button {padding-inline:1.2rem;} .scorecard-site td,.scorecard-site th {padding:.75rem .5rem;} }
@media(prefers-reduced-motion:reduce) { .scorecard-site *,html {scroll-behavior:auto!important;transition:none!important;} }
@media print {
  html[data-theme] .scorecard-site {background:white!important;color:black!important;--paper:white;--surface:white;--ink:black;--muted:#333;--line:#aaa;}
  .scorecard-site .site-header,.scorecard-site .story-footer,.scorecard-breadcrumb,.scorecard-site .skip-link,.result-actions {display:none!important;}
  .scorecard-page {max-width:none;padding:0;}
  .scorecard-site details>* {display:block!important;} .scorecard-site details::details-content {content-visibility:visible;}
  .scorecard-site .score-section {margin-top:2rem;} .calendar-lane,.next-actions>li,.area-status {break-inside:avoid;} .scorecard-site h2,.scorecard-site h3 {break-after:avoid;} .results-overview {padding:1rem 0;}
}
