.heat-map{--hm-ink:#173043;color:var(--hm-ink);background:#fff;font-family:inherit;min-width:0}.hm-heading h3{font-size:1.45rem;line-height:1.3;letter-spacing:-.025em;margin:0 0 12px}.hm-heading>p:not(.hm-kicker),.hm-help,.hm-status,.hm-source{font-size:.875rem;line-height:1.65;color:#526470;margin:12px 0}.hm-kicker{font-size:.75rem;font-weight:700;letter-spacing:.06em;color:#526470;margin:0 0 12px}.hm-legend{display:flex;flex-wrap:wrap;gap:10px 16px;margin:20px 0}.hm-legend>span{display:flex;align-items:center;gap:6px;font-size:.8125rem;color:#324c5f}.hm-legend i{display:inline-block;width:15px;height:15px;border-radius:3px;border:1px solid #0002;flex-shrink:0}.hm-matrix{display:grid;gap:18px;margin-top:24px}.hm-row{display:grid;grid-template-columns:115px minmax(0,1fr);gap:18px;align-items:start}.hm-row h4{font-size:.9375rem;line-height:1.4;margin:12px 0 0;letter-spacing:0}.hm-cells{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:7px}.hm-cell{font:inherit;position:relative;display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:5px;padding:10px 8px;border:1px solid #0002;border-radius:5px;min-width:0;min-height:108px;cursor:pointer;color:#183043;line-height:1.3}.hm-cell:hover{box-shadow:0 0 0 2px #57798b}.hm-cell:focus-visible{outline:3px solid #173e66;outline-offset:3px;z-index:1}.hm-cell[aria-pressed=true]{outline:2px solid #173e66;outline-offset:2px}.hm-id{font-size:.75rem;font-weight:700}.hm-capability{font-size:.8125rem;overflow-wrap:anywhere;line-height:1.4}.hm-cell strong{font-size:1.2rem;margin-top:auto}.hm-cell strong small{font-size:.75rem;font-weight:400;margin-left:3px}.hm-0{background:#f2c3c3}.hm-1{background:#f2d1b8}.hm-2{background:#f8e5b5}.hm-3{background:#e2eac4}.hm-4{background:#c4e2ce}.hm-5{background:#a3cebc}.hm-gap{background:repeating-linear-gradient(135deg,#dfe4e8,#dfe4e8 4px,#f6f7f8 4px,#f6f7f8 8px)}.hm-unrated{background:#e5e8eb}.hm-alert{font-size:.75rem;font-weight:700;color:#8a1823}.hm-detail{background:#f1f5f8;border-left:3px solid #5a7d92;padding:17px 20px;margin:24px 0 12px;font-size:.9375rem;line-height:1.7;min-height:72px}.hm-link{display:inline-block;text-decoration:underline;text-underline-offset:4px;font-size:.875rem;font-weight:700;margin-top:12px}.heatmap-section{padding:70px 0;background:#f3f6f8}.hm-full{padding:32px;border:1px solid #d8e2e8;border-radius:8px}.hm-full .hm-cells{grid-template-columns:repeat(5,minmax(0,1fr))}.hm-compact .hm-row{grid-template-columns:1fr;gap:9px}.hm-compact .hm-row h4{margin:0}.hm-compact .hm-cells{grid-template-columns:repeat(4,minmax(0,1fr))}.hm-compact .hm-cell{min-height:119px}.hm-compact .hm-heading h3{font-size:1.25rem}.sample-banner .hm-link{color:#071723;margin:0 0 0 12px}.hm-status{border-top:1px solid #dbe3e8;padding-top:15px}.heat-map button{transition:box-shadow .15s}
@media(max-width:900px){.hm-full .hm-row{grid-template-columns:1fr;gap:10px}.hm-full .hm-cell{min-height:110px}}
@media(max-width:600px){.hm-full{padding:20px}.hm-full .hm-cells,.hm-compact .hm-cells{grid-template-columns:repeat(2,minmax(0,1fr))}.hm-cell{padding:12px;min-height:110px}.hm-capability{font-size:.875rem}.hm-row{gap:10px}.hm-detail{padding:15px}.heatmap-section{padding:42px 0}.hm-legend{gap:10px 12px}.hm-full .hm-heading h3{font-size:1.4rem}}
@media(prefers-reduced-motion:reduce){.heat-map button{transition:none}}