.hnc{margin:28px 0;padding:30px;border:1px solid #cbd9e8;border-radius:20px;background:#edf3fa;color:#142f4c;scroll-margin-top:100px}.hnc *{box-sizing:border-box}.hnc header>span{font-size:16px;font-weight:800;color:#195ba5}.hnc h2{font-size:clamp(25px,3vw,32px);margin:8px 0 12px}.hnc p{font-size:18px;line-height:1.75;margin:8px 0}.hnc-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:28px;margin-top:22px}.hnc-picker,.hnc-summary{padding:24px;background:#fff;border:1px solid #d4dfed;border-radius:14px;min-width:0}.hnc-picker-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;font-size:18px}.hnc button{font:700 18px/1.4 inherit;cursor:pointer;border:1px solid #afc1d6;color:#173853;background:#fff;border-radius:8px;min-height:48px}.hnc #hncReset{font-size:16px;padding:8px 12px}.hnc-grid{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:7px}.hnc-grid button{font-size:18px;padding:0;font-weight:700}.hnc-grid button[aria-pressed=true]{background:#174d85;color:#fff;border-color:#174d85;box-shadow:inset 0 0 0 2px #fff}.hnc-grid button.is-match{background:#176344;color:#fff;border-color:#176344}.hnc-grid button.is-bonus{background:#fff0b9;color:#563b00;border-color:#b18719}.hnc button:focus-visible,.hnc a:focus-visible{outline:3px solid #c78800;outline-offset:3px}.hnc button:disabled{cursor:not-allowed;opacity:.55}#hncSelected{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;min-height:46px;margin:16px 0}#hncSelected li{display:flex;align-items:center;justify-content:center;border-radius:50%;width:42px;height:42px;background:#e8eff8;font-size:18px;font-weight:800}#hncCompare{width:100%;background:#174d85;color:#fff;padding:12px;font-size:18px}#hncResult{margin:18px 0;padding:16px;border-radius:10px;background:#f2f6fb}#hncResult strong{font-size:24px}.hnc-summary>a{display:block;font-size:17px;font-weight:700;color:#155596;padding:8px 0}.hnc footer{border-top:1px solid #cbd9e8;padding-top:14px;margin-top:22px}.hnc footer p{font-size:16px;color:#455b73}.hnc footer a{color:#155596;text-decoration:underline}@media(max-width:760px){.hnc{padding:20px 16px}.hnc-layout{grid-template-columns:1fr;gap:14px}.hnc-picker,.hnc-summary{padding:16px}.hnc-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}}@media(max-width:380px){.hnc{padding:18px 12px}.hnc-picker,.hnc-summary{padding:12px}.hnc-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
.hnc [data-ball-band="1"]{--ball-color:#f2c344;--ball-soft:#fff4c8;--ball-border:#d6b443;--ball-ink:#513b08;--ball-selected-ink:#302600}
.hnc [data-ball-band="2"]{--ball-color:#2268b0;--ball-soft:#e2effd;--ball-border:#83afd9;--ball-ink:#154b80;--ball-selected-ink:#fff}
.hnc [data-ball-band="3"]{--ball-color:#bb3f43;--ball-soft:#fde7e6;--ball-border:#dc9598;--ball-ink:#902a31;--ball-selected-ink:#fff}
.hnc [data-ball-band="4"]{--ball-color:#5d6874;--ball-soft:#e9edf1;--ball-border:#a5afb9;--ball-ink:#38434f;--ball-selected-ink:#fff}
.hnc [data-ball-band="5"]{--ball-color:#267747;--ball-soft:#e2f3e7;--ball-border:#83b696;--ball-ink:#205b36;--ball-selected-ink:#fff}
.hnc .hnc-grid button[data-ball-band]{position:relative;background:var(--ball-soft);color:var(--ball-ink);border-color:var(--ball-border);box-shadow:inset 0 3px 0 var(--ball-color);font-family:inherit}
.hnc .hnc-grid button[data-ball-band][aria-pressed=true]{background:var(--ball-color);color:var(--ball-selected-ink);border-color:#163450;box-shadow:inset 0 0 0 2px #fff,0 2px 4px #16345025}
.hnc-grid button[aria-pressed=true]::after{content:'✓';position:absolute;right:2px;top:1px;width:13px;height:13px;line-height:13px;font-size:11px;font-weight:900;border-radius:50%;background:#fff;color:#163450}
.hnc-grid button.is-match[aria-pressed=true]::after{background:#124d32;color:#fff}
.hnc-grid button.is-bonus[aria-pressed=true]::after{content:'B';background:#513b08;color:#fff}
.hnc #hncSelected li[data-ball-band]{background:var(--ball-color);color:var(--ball-selected-ink);border:2px solid #fff;box-shadow:0 2px 5px #142f4c26}
.hnc .hnc-intro{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:28px;align-items:center}
.hnc-intro-copy{min-width:0}.hnc-intro-copy>span{font-size:16px;font-weight:800;color:#195ba5}
.hnc .hnc-round-note{font-size:16px;color:#455b73}
.hnc .hnc-qr-visual{margin:0;overflow:hidden;border:1px solid #d4dfed;border-radius:14px;background:#fff}
.hnc-qr-visual img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}
.hnc .hnc-qr-visual figcaption{padding:10px 14px 14px;font-size:16px;line-height:1.55;color:#455b73;word-break:keep-all;overflow-wrap:anywhere}
.hnc-qr-visual figcaption strong,.hnc-qr-visual figcaption span{display:block}.hnc-qr-visual figcaption strong{color:#142f4c;margin-bottom:3px}
.hnc footer summary{font-size:17px;font-weight:700;cursor:pointer;padding:10px 0}.hnc summary:focus-visible{outline:3px solid #c78800;outline-offset:3px}
.hnc-manual{margin-top:18px;border:1px solid #bfcee0;border-radius:12px;background:#fff;scroll-margin-top:110px}
.hnc-manual>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;list-style:none;cursor:pointer;padding:16px 18px;font-size:18px;font-weight:700;color:#174d85;min-height:56px}
.hnc-manual>summary::-webkit-details-marker{display:none}.hnc-manual-state::after{content:'+';font-size:24px}.hnc-manual[open] .hnc-manual-state::after{content:'−'}
.hnc .hnc-manual-note{margin:0 18px;font-size:16px}.hnc-manual .hnc-layout{margin:16px;gap:16px;align-items:start}.hnc-manual #hncSelected:empty{display:none}
.hnc #hncResult[hidden]{display:none}
@media(max-width:760px){.hnc-manual>summary{font-size:17px;padding:14px 12px}.hnc-manual .hnc-layout{margin:12px;gap:12px}.hnc .hnc-manual-note{margin:0 12px}}
@media(max-width:760px){.hnc .hnc-intro{grid-template-columns:minmax(0,1fr);gap:14px}.hnc .hnc-qr-visual{display:grid;grid-template-columns:112px minmax(0,1fr);align-items:center}.hnc .hnc-qr-visual figcaption{padding:10px}.hnc-qr-visual img{width:112px}}
/* Compact, action-first QR entry. Disclosure content stays available. */
.hnc{padding:26px 30px;background:linear-gradient(115deg,#edf4fc,#f8fbff);border-color:#c8d8e9}
.hnc .hnc-intro{grid-template-columns:minmax(0,1fr) 180px;gap:24px}
.hnc .hnc-qr-visual{display:block;border:0;border-radius:16px;background:#fff}
.hnc .hnc-qr-visual img{width:100%;aspect-ratio:3/2}
.hnc .hnc-eyebrow{font-size:15px;color:#286196}
.hnc h2{font-size:clamp(24px,2.6vw,32px);line-height:1.35;margin:8px 0}
.hnc .hnc-round-note{display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-size:14px;margin:12px 0 0}
.hnc-round-note strong{display:inline-block;padding:3px 10px;border-radius:6px;background:#dce9f7;color:#174d85}
.hnc .hnc-manual{margin-top:18px;background:#ffffffb8}.hnc .hnc-manual>summary{min-height:50px;padding:12px 16px;font-size:17px}
.hnc footer{margin-top:16px;padding-top:10px}.hnc-footer-links{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}
.hnc-help{flex:1;min-width:200px}.hnc footer summary{font-size:16px;padding:8px 0}.hnc .hnc-report-link{font-size:16px;font-weight:700;padding:8px 0;white-space:nowrap;text-decoration:none}
.hnc footer .hnc-official-note{font-size:14px;margin:4px 0 0;line-height:1.65}.hnc .hnc-help p{font-size:16px;line-height:1.75}
@media(max-width:760px){.hnc{padding:20px 18px}.hnc .hnc-intro{grid-template-columns:minmax(0,1fr) 100px;gap:12px}.hnc h2{font-size:24px}.hnc .hnc-intro-copy>p:not(.hnc-round-note){font-size:17px}.hnc .hnc-eyebrow{font-size:14px}.hnc .hnc-qr-visual{align-self:start;margin-top:28px}.hnc .hnc-intro-copy{grid-column:1/-1;padding-right:0}.hnc .hnc-qr-visual{display:none}.hnc .hnc-footer-links{gap:0 12px}.hnc .hnc-help{min-width:100%}}