/* Scoped addition to Answari's current editorial design. */
.scorecard-page [hidden]{display:none!important}
.scorecard-page .page-head{padding-bottom:32px}
.scorecard-page .page-head h1{max-width:21ch;font-size:clamp(38px,5vw,62px)}
.scorecard-page .page-head .capsule{max-width:63ch}
.sc-intro-note{margin-top:18px;font-family:var(--ui,system-ui,sans-serif);font-size:14px;color:var(--ink-soft)}
.sc-tool{padding-top:0;padding-bottom:56px}
.sc-frame{border:1px solid var(--line-strong);background:var(--bone-lift);padding:clamp(20px,3.5vw,42px);border-top:3px solid var(--cobalt)}
.sc-step{font:500 12px/1.5 'Spline Sans Mono',monospace;letter-spacing:.05em;color:var(--cobalt);text-transform:uppercase;margin-bottom:10px}
.sc-tool h2{font-size:clamp(27px,3vw,36px);margin-bottom:12px}
.sc-tool h3{font-size:23px;margin-bottom:12px}
.sc-help{font-size:16px;color:var(--ink-soft);max-width:76ch;margin-bottom:24px}
.sc-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.sc-field{display:flex;flex-direction:column;min-width:0;gap:7px;margin-bottom:20px}
.sc-field label,.sc-label,.sc-tool legend{font:550 14px/1.5 var(--ui,system-ui,sans-serif);color:var(--ink)}
.sc-field input,.sc-field select,.sc-field textarea{font:16px/1.5 var(--ui,system-ui,sans-serif);padding:11px 12px;border:1px solid #89899a;border-radius:2px;background:var(--bone-lift);color:var(--ink);min-width:0;width:100%;min-height:46px}
.sc-field textarea{resize:vertical;min-height:86px}
.sc-field small{font:14px/1.5 var(--ui,system-ui,sans-serif);color:var(--ink-soft)}
.sc-tool fieldset{border:0;min-width:0;margin:0 0 24px;padding:0}
.sc-products{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}
.sc-products label{display:flex;align-items:center;gap:9px;border:1px solid var(--line-strong);padding:10px 13px;font:15px/1.5 var(--ui,system-ui,sans-serif);cursor:pointer}
.sc-products input{accent-color:var(--cobalt);width:18px;height:18px}
.sc-question{border-top:1px solid var(--line);padding-top:20px;display:grid;grid-template-columns:minmax(0,1fr) 220px auto;gap:14px;align-items:start}
.sc-question .sc-remove{margin-top:28px}
.sc-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-top:18px}
.sc-secondary{background:transparent;border:1px solid var(--line-strong);color:var(--ink);border-radius:2px;min-height:44px;padding:10px 15px;font:500 14px/1.5 var(--ui,system-ui,sans-serif);cursor:pointer}
.sc-secondary:hover{background:var(--bone-deep)}
.sc-secondary:disabled{opacity:.55;cursor:default}
.sc-error{font:15px/1.5 var(--ui,system-ui,sans-serif);border-left:3px solid #a52626;padding:12px 16px;margin:16px 0;color:#802222;background:#fbf0ed}
.sc-status{font:14px/1.5 var(--ui,system-ui,sans-serif);color:var(--ink-soft);margin:12px 0;min-height:1.5em}
.sc-results{margin-top:30px;border-top:1px solid var(--line-strong);padding-top:28px}
.sc-metrics{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:20px 0}
.sc-metric{padding:22px;background:var(--bone);border:1px solid var(--line)}
.sc-metric dt{font:500 14px/1.5 var(--ui,system-ui,sans-serif);margin-bottom:10px}
.sc-metric dd{font:500 clamp(24px,3vw,34px)/1.15 'Fraunces',Georgia,serif;margin:0;overflow-wrap:anywhere}
.sc-metric p{font:14px/1.5 var(--ui,system-ui,sans-serif);color:var(--ink-soft);margin-top:12px}
.sc-tool table{width:100%;border-collapse:collapse;font:14px/1.6 var(--ui,system-ui,sans-serif)}
.sc-tool table caption{text-align:left;font-size:16px;font-weight:550;margin-bottom:12px;color:var(--ink)}
.sc-tool th,.sc-tool td{text-align:left;padding:14px 12px;border-bottom:1px solid var(--line);vertical-align:top;min-width:135px}
.sc-tool th{font-weight:550;background:var(--bone)}
.sc-tool th:first-child,.sc-tool td:first-child{padding-left:12px}
.sc-tool .table-scroll{border:1px solid var(--line);max-width:100%}
/* The same breakdown values use a comparison table on desktop and labelled cards on small screens. */
.sc-tool .sc-breakdown-title{font-size:23px;line-height:1.3;margin:24px 0 14px}
.sc-breakdown-cards{display:none}
.sc-breakdown-card{min-width:0;border:1px solid var(--line);background:var(--bone-lift);padding:16px}
.sc-breakdown-card h4{font-size:20px;line-height:1.3;margin:0 0 12px;overflow-wrap:anywhere}
.sc-breakdown-card dl{margin:0}
.sc-breakdown-card dl>div{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.3fr);gap:12px;padding:11px 0;border-top:1px solid var(--line)}
.sc-breakdown-card dt{font:500 14px/1.5 var(--ui,system-ui,sans-serif);color:var(--ink-soft);overflow-wrap:anywhere}
.sc-breakdown-card dd{font:500 15px/1.5 var(--ui,system-ui,sans-serif);color:var(--ink);margin:0;overflow-wrap:anywhere}
.sc-breakdown-card dl>div:last-child{padding-bottom:0}
@media screen and (max-width:540px){.sc-tool .sc-breakdown-desktop{display:none}.sc-breakdown-cards{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}}
.sc-reading{background:var(--bone);border-left:2px solid var(--cobalt);padding:16px 20px;font-size:17px;margin:20px 0}
.sc-reading p+p{margin-top:10px}
.sc-records{margin-top:32px}
.sc-records>details{border:1px solid var(--line-strong);margin-bottom:16px}
.sc-records>details>summary{padding:18px 20px;cursor:pointer;font:500 20px/1.45 'Fraunces',Georgia,serif;overflow-wrap:anywhere}
.sc-question-type{display:block;font:12px/1.5 'Spline Sans Mono',monospace;color:var(--ink-soft);margin-top:7px}
.sc-run{padding:22px 20px;border-top:1px solid var(--line);background:var(--bone-lift)}
.sc-run-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:18px}
.sc-run-head h4{font-size:21px}
.sc-run-number{font:12px/1.5 'Spline Sans Mono',monospace;color:var(--ink-soft)}
.sc-observations{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}
.sc-run .sc-field{margin-bottom:14px}
.sc-run details{margin-top:8px}
.sc-run details>summary{font:14px/1.5 var(--ui,system-ui,sans-serif);color:var(--ink-soft);cursor:pointer;padding:9px 0}
.sc-inline-error{font:14px/1.5 var(--ui,system-ui,sans-serif);color:#802222}
.sc-guide{border-top:1px solid var(--line);padding-block:46px}
.sc-guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px}
.sc-guide h2{font-size:30px;margin-bottom:20px}
.sc-guide ol,.sc-guide ul{padding-left:22px}
.sc-guide li+li{margin-top:13px}
.sc-guide p+p{margin-top:14px}
.sc-guide a{text-underline-offset:4px}
.sc-offer{border-top:1px solid var(--line);margin-top:28px;padding-top:24px}
@media(max-width:760px){.sc-question{grid-template-columns:minmax(0,1fr) 180px}.sc-question .sc-remove{grid-column:1/-1;margin:0 0 18px;justify-self:start}.sc-observations{grid-template-columns:1fr}.sc-guide-grid{grid-template-columns:1fr;gap:32px}}
@media(max-width:540px){.sc-grid,.sc-question,.sc-metrics{grid-template-columns:1fr;gap:0}.sc-question .sc-remove{grid-column:auto}.sc-frame{padding:20px 16px}.sc-metric{margin-bottom:12px}.sc-actions>.btn{width:100%}.sc-run{padding:20px 15px}.sc-records>details>summary{padding:16px 15px}.sc-question .sc-field{margin-bottom:14px}}
@media print{.sc-plan-controls,.sc-actions,#sc-records,.sc-status,.sc-guide .sc-offer{display:none!important}.sc-frame{border:0;padding:0}.sc-tool{padding-bottom:15px}.sc-metric,.sc-results{break-inside:avoid}.sc-tool .table-scroll{overflow:visible}.sc-tool th,.sc-tool td{min-width:0}.sc-guide{padding-block:20px}}
