:root{--hhi-ink:#17232d;--hhi-muted:#5c6b73;--hhi-line:#d7e0e3;--hhi-soft:#f2f6f6;--hhi-accent:#195c63;--hhi-accent-dark:#12464b;--hhi-warm:#f7f1e7;--hhi-good:#276749;--hhi-warn:#9b4d1f}
.hhi-lesson{color:var(--hhi-ink);font:17px/1.6 "Source Sans 3","Segoe UI",Arial,sans-serif;background:#fff}
.hhi-wrap{width:min(1120px,calc(100% - 40px));margin:0 auto}
.hhi-hero{padding:28px 0 38px;background:linear-gradient(135deg,#eef5f5 0%,#fff 68%);border-bottom:1px solid var(--hhi-line)}
.hhi-back{display:inline-flex;margin-bottom:25px;color:var(--hhi-accent);font-weight:700;text-decoration-thickness:1px;text-underline-offset:4px}
.hhi-kicker{margin:0 0 8px;color:var(--hhi-accent);font-size:.84rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}
.hhi-hero h1{max-width:850px;margin:0;font:700 clamp(2.25rem,5vw,4rem)/1.03 Georgia,"Times New Roman",serif;letter-spacing:-.025em}
.hhi-question{max-width:760px;margin:18px 0 0;font-size:1.27rem;line-height:1.45}
.hhi-byline{margin:15px 0 0;color:var(--hhi-muted);font-size:.95rem}
.hhi-section{padding:52px 0;border-bottom:1px solid var(--hhi-line)}
.hhi-section.alt{background:var(--hhi-soft)}
.hhi-section h2{margin:0 0 14px;font:700 clamp(1.65rem,3vw,2.35rem)/1.15 Georgia,"Times New Roman",serif}
.hhi-section h3{margin:1.7rem 0 .55rem;font-size:1.12rem;line-height:1.3}
.hhi-lede{max-width:780px;margin:0;color:#263842;font-size:1.12rem}
.hhi-grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:26px}
.hhi-card{padding:22px;border:1px solid var(--hhi-line);border-radius:10px;background:#fff}
.hhi-card h3{margin:0 0 8px;color:var(--hhi-accent-dark)}
.hhi-card p{margin:0}
.hhi-equation{display:inline-block;margin:20px 0;padding:12px 18px;border-radius:8px;background:var(--hhi-warm);font:700 1.35rem/1.3 Georgia,serif}
.hhi-notice{margin:24px 0 0;padding:16px 18px;border-left:4px solid var(--hhi-accent);background:#f4f9f9}
.hhi-downloads{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0 0;padding:0;list-style:none}
.hhi-downloads li{display:flex;margin:0}
.hhi-downloads a,.hhi-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:9px 14px;border:1px solid var(--hhi-accent);border-radius:5px;color:var(--hhi-accent-dark);background:#fff;font-weight:700;text-decoration:none}
.hhi-downloads a:hover,.hhi-button:hover{background:#e9f2f2}
.hhi-button{cursor:pointer;font:inherit;font-weight:700}
.hhi-lab{padding:48px 0;background:#f7f9f9}
.hhi-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:24px 0;padding:20px;border:1px solid var(--hhi-line);border-radius:12px;background:#fff;box-shadow:0 8px 24px rgba(23,35,45,.06)}
.hhi-field label{display:block;margin-bottom:5px;font-size:.9rem;font-weight:800}
.hhi-field select{width:100%;min-height:44px;padding:8px 34px 8px 10px;border:1px solid #85979e;border-radius:5px;background:#fff;color:var(--hhi-ink);font:inherit}
.hhi-field-help{display:block;margin-top:6px;color:var(--hhi-muted);font-size:.82rem;line-height:1.35}
.hhi-field select:disabled{color:#68777e;background:#edf1f2}
.hhi-controls-actions{display:flex;align-items:end}
.hhi-load-error{padding:18px;border:2px solid #a13f2b;background:#fff5f2}
.hhi-results{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.hhi-panel{padding:22px;border:1px solid var(--hhi-line);border-radius:12px;background:#fff}
.hhi-panel h3{margin:0 0 15px}
.hhi-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0}
.hhi-metric{padding:12px;border-radius:7px;background:var(--hhi-soft)}
.hhi-metric dt{color:var(--hhi-muted);font-size:.82rem;font-weight:800;text-transform:uppercase}
.hhi-metric dd{margin:4px 0 0;font-size:1.45rem;font-weight:800}
.metric-status{margin:16px 0 0;padding:10px 12px;border-radius:6px;font-weight:700}
.metric-status.included{color:var(--hhi-good);background:#edf8f1}.metric-status.excluded{color:var(--hhi-warn);background:#fff1e9}
.hhi-definition-list{display:grid;grid-template-columns:minmax(145px,.65fr) 1.35fr;gap:8px 14px;margin:0}
.hhi-definition-list dt{font-weight:800}.hhi-definition-list dd{margin:0;overflow-wrap:anywhere}
.hhi-disclaimer{color:var(--hhi-muted);font-size:.92rem}
.hhi-viz{margin-top:22px}
.hhi-bar-row{margin:14px 0}.hhi-bar-label{display:flex;justify-content:space-between;gap:20px;margin-bottom:4px}.hhi-bar-track{height:23px;border-radius:4px;background:#e8eeee;overflow:hidden}.hhi-bar-track span{display:block;height:100%;background:linear-gradient(90deg,var(--hhi-accent),#3d8a91)}
.hhi-table-wrap{max-width:100%;margin-top:18px;overflow-x:auto;border:1px solid var(--hhi-line);border-radius:8px;background:#fff}
.hhi-table{width:100%;border-collapse:collapse;font-size:.92rem}.hhi-table th,.hhi-table td{padding:10px 12px;border-bottom:1px solid var(--hhi-line);text-align:left;vertical-align:top}.hhi-table thead th{background:#eaf1f2}.hhi-table tbody tr:last-child>*{border-bottom:0}
.hhi-step{margin-top:28px;padding-top:28px;border-top:1px solid var(--hhi-line)}
.hhi-prompt{padding:18px;border-radius:8px;background:var(--hhi-warm)}
.hhi-evidence-list{display:grid;gap:16px;margin-top:24px}
.hhi-evidence{padding:22px;border:1px solid var(--hhi-line);border-radius:10px}.hhi-evidence h3{margin:0 0 6px}.hhi-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.hhi-actions a{font-weight:700}
.hhi-citation{padding:36px 0;color:var(--hhi-muted);font-size:.94rem}.hhi-citation h2{color:var(--hhi-ink);font-size:1.35rem}.hhi-citation .citation-url{overflow-wrap:anywhere}.hhi-app-end{padding-bottom:36px}
.hhi-lesson :focus-visible{outline:3px solid #f0a338;outline-offset:3px}
@media(max-width:800px){.hhi-wrap{width:min(100% - 28px,1120px)}.hhi-grid-3,.hhi-controls,.hhi-results{grid-template-columns:1fr}.hhi-hero{padding-top:20px}.hhi-section{padding:38px 0}.hhi-definition-list{grid-template-columns:1fr}.hhi-definition-list dd{margin-bottom:8px}}
@media(max-width:430px){.hhi-hero h1{font-size:2.15rem}.hhi-question{font-size:1.08rem}.hhi-card,.hhi-panel,.hhi-controls{padding:16px}.hhi-table{font-size:.85rem}.hhi-table th,.hhi-table td{padding:8px}.hhi-metric dd{font-size:1.2rem}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
@media print{.hhi-controls,.app-privacy{display:none}.hhi-section,.hhi-lab{break-inside:avoid}.hhi-lesson{font-size:11pt}.hhi-wrap{width:100%}}