.scorecard-page{--bg-primary:#fff;--bg-secondary:#f5f5f3;--bg-page:#fafaf8;--text-primary:#1a1a18;--text-secondary:#6b6b67;--text-tertiary:#a0a09b;--border-light:#0000001a;--border-mid:#0000002e;--radius-md:8px;--radius-lg:12px;--accent:#1d9e75;--accent-dark:#0f6e56;--accent-bg:#1d9e7514;background:var(--bg-page);color:var(--text-primary);min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-size:16px;line-height:1.6}@media(prefers-color-scheme:dark){.scorecard-page{--bg-primary:#1e1e1c;--bg-secondary:#2a2a27;--bg-page:#161614;--text-primary:#f0efe8;--text-secondary:#9a9994;--text-tertiary:#6b6b67;--border-light:#ffffff1a;--border-mid:#ffffff2e;--accent:#1d9e75;--accent-dark:#5dcaa5;--accent-bg:#1d9e751f}}.scorecard-page *,.scorecard-page :before,.scorecard-page :after{box-sizing:border-box}.scorecard-page h1,.scorecard-page h2,.scorecard-page h3,.scorecard-page p{margin:0}.scorecard-page .wrap{max-width:700px;margin:0 auto;padding:3rem 1.5rem 4rem}.scorecard-page .top-bar{color:var(--text-secondary);justify-content:space-between;align-items:center;margin-bottom:3rem;font-size:13px;display:flex}.scorecard-page .top-bar strong{color:var(--text-primary);font-weight:500}.scorecard-page .eyebrow{letter-spacing:.1em;text-transform:uppercase;color:var(--text-tertiary);margin-bottom:.75rem;font-size:11px}.scorecard-page h1{color:var(--text-primary);margin-bottom:1rem;font-size:2.6rem;font-weight:500;line-height:1.15}.scorecard-page h1 .accent{color:var(--accent)}.scorecard-page .sub{color:var(--text-secondary);max-width:520px;margin-bottom:2.5rem;font-size:1.05rem;line-height:1.65}.scorecard-page .stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:2.5rem;display:grid}.scorecard-page .stat{background:var(--bg-secondary);border-radius:var(--radius-md);text-align:center;padding:1rem}.scorecard-page .stat-num{font-size:1.6rem;font-weight:500}.scorecard-page .stat-label{color:var(--text-secondary);margin-top:4px;font-size:12px}.scorecard-page .score-bar{background:var(--bg-secondary);border-radius:var(--radius-lg);border:.5px solid var(--border-light);justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem;padding:1rem 1.25rem;display:flex}.scorecard-page .score-label{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.08em;font-size:11px}.scorecard-page .score-val{font-size:1.5rem;font-weight:500}.scorecard-page .progress-track{background:var(--border-light);border-radius:99px;flex:1;height:6px}.scorecard-page .progress-fill{background:var(--accent);border-radius:99px;width:0%;height:100%;transition:width .4s}.scorecard-page .dimensions{flex-direction:column;gap:1rem;margin-bottom:2rem;display:flex}.scorecard-page .dim-card{background:var(--bg-primary);border:.5px solid var(--border-light);border-radius:var(--radius-lg);padding:1rem 1.25rem;transition:border-color .15s}.scorecard-page .dim-card:hover{border-color:var(--border-mid)}.scorecard-page .dim-header{align-items:center;gap:10px;margin-bottom:.75rem;display:flex}.scorecard-page .dim-icon{color:var(--text-secondary);font-size:18px}.scorecard-page .dim-title{flex:1;font-size:14px;font-weight:500}.scorecard-page .dim-score{color:var(--text-secondary);font-size:13px}.scorecard-page .dim-options{grid-template-columns:1fr 1fr;gap:8px;display:grid}@media(max-width:480px){.scorecard-page .dim-options{grid-template-columns:1fr}.scorecard-page h1{font-size:2rem}}.scorecard-page .opt{background:var(--bg-secondary);border:.5px solid var(--border-light);border-radius:var(--radius-md);cursor:pointer;color:var(--text-secondary);text-align:left;align-items:flex-start;gap:8px;padding:.6rem .75rem;font-family:inherit;font-size:13px;line-height:1.4;transition:all .15s;display:flex}.scorecard-page .opt:hover{border-color:var(--border-mid);color:var(--text-primary)}.scorecard-page .opt.selected{background:var(--accent-bg);border-color:var(--accent);color:var(--text-primary)}.scorecard-page .opt-score{color:var(--accent);flex-shrink:0;min-width:16px;margin-top:1px;font-size:12px;font-weight:500}.scorecard-page .results-section{border-top:.5px solid var(--border-light);margin-top:1rem;padding-top:2rem;display:none}.scorecard-page .results-section.visible{display:block}.scorecard-page .results-header{margin-bottom:1.5rem}.scorecard-page .results-header h2{margin-bottom:.25rem;font-size:1.3rem;font-weight:500}.scorecard-page .results-header p{color:var(--text-secondary);font-size:14px}.scorecard-page .total-card{border-radius:var(--radius-lg);border:.5px solid;margin-bottom:1.5rem;padding:1.5rem}.scorecard-page .total-card.low{background:#e24b4a0f;border-color:#e24b4a38}.scorecard-page .total-card.mid{background:#ef9f2712;border-color:#ef9f2740}.scorecard-page .total-card.high{background:#1d9e7512;border-color:#1d9e7538}.scorecard-page .total-tag{text-transform:uppercase;letter-spacing:.08em;margin-bottom:.4rem;font-size:11px;font-weight:500}.scorecard-page .total-card.low .total-tag{color:#a32d2d}.scorecard-page .total-card.mid .total-tag{color:#854f0b}.scorecard-page .total-card.high .total-tag{color:#0f6e56}.scorecard-page .total-num{margin-bottom:.25rem;font-size:2.5rem;font-weight:500}.scorecard-page .total-card.low .total-num{color:#a32d2d}.scorecard-page .total-card.mid .total-num{color:#854f0b}.scorecard-page .total-card.high .total-num{color:#0f6e56}.scorecard-page .total-desc{color:var(--text-secondary);font-size:14px;line-height:1.55}.scorecard-page .section-label{margin-bottom:.75rem;font-size:14px;font-weight:500}.scorecard-page .breakdown{flex-direction:column;gap:8px;margin-bottom:2rem;display:flex}.scorecard-page .bk-row{align-items:center;gap:10px;font-size:13px;display:flex}.scorecard-page .bk-label{width:150px;color:var(--text-secondary);flex-shrink:0;font-size:12px}.scorecard-page .bk-bar-track{background:var(--bg-secondary);border-radius:99px;flex:1;height:5px}.scorecard-page .bk-bar-fill{background:var(--accent);border-radius:99px;height:100%;transition:width .5s}.scorecard-page .bk-bar-fill.warn{background:#ef9f27}.scorecard-page .bk-bar-fill.bad{background:#e24b4a}.scorecard-page .bk-val{color:var(--text-secondary);text-align:right;min-width:30px;font-size:12px;font-weight:500}.scorecard-page .fixes{margin-bottom:2rem}.scorecard-page .fix-item{border-bottom:.5px solid var(--border-light);gap:12px;padding:.75rem 0;display:flex}.scorecard-page .fix-item:last-child{border-bottom:none}.scorecard-page .fix-num{color:var(--accent);min-width:20px;margin-top:2px;font-size:11px;font-weight:500}.scorecard-page .fix-text{color:var(--text-secondary);font-size:13px;line-height:1.5}.scorecard-page .fix-text strong{color:var(--text-primary);margin-bottom:3px;font-weight:500;display:block}.scorecard-page .cta-box{border:.5px solid var(--border-light);border-radius:var(--radius-lg);background:var(--bg-secondary);padding:1.5rem}.scorecard-page .cta-box h3{margin-bottom:.4rem;font-size:1rem;font-weight:500}.scorecard-page .cta-box p{color:var(--text-secondary);margin-bottom:1rem;font-size:13px;line-height:1.55}.scorecard-page .cta-btns{flex-wrap:wrap;gap:10px;display:flex}.scorecard-page .btn-primary{background:var(--accent);color:#fff;border-radius:var(--radius-md);cursor:pointer;border:none;align-items:center;gap:6px;padding:.6rem 1.1rem;font-size:14px;font-weight:500;text-decoration:none;transition:opacity .15s;display:inline-flex}.scorecard-page .btn-primary:hover{opacity:.88}.scorecard-page .btn-ghost{color:var(--text-primary);border:.5px solid var(--border-mid);border-radius:var(--radius-md);cursor:pointer;background:0 0;align-items:center;gap:6px;padding:.6rem 1.1rem;font-family:inherit;font-size:14px;text-decoration:none;transition:background .15s;display:inline-flex}.scorecard-page .btn-ghost:hover{background:var(--bg-secondary)}.scorecard-page .reset-btn{color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;margin-top:1rem;padding:0;font-family:inherit;font-size:13px;display:inline-flex}.scorecard-page .reset-btn:hover{color:var(--text-secondary)}.scorecard-page .footer{border-top:.5px solid var(--border-light);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:3.5rem;padding-top:1.5rem;display:flex}.scorecard-page .footer-name{font-size:13px;font-weight:500}.scorecard-page .footer-sub{color:var(--text-tertiary);margin-top:3px;font-size:11px}.scorecard-page .footer-links{align-items:center;gap:14px;display:flex}.scorecard-page .footer-links a{color:var(--text-secondary);align-items:center;gap:4px;font-size:12px;text-decoration:none;transition:color .15s;display:flex}.scorecard-page .footer-links a:hover{color:var(--text-primary)}.scorecard-page .sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}