.hbc{--paper:#faf8ef;--ink:#223c32;--green:#17664f;--line:#d9ded3;--muted:#52645c;color:var(--ink);font:17px/1.75 ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;max-width:820px;margin:0 auto}.hbc *{box-sizing:border-box}.hbc h1,.hbc h2,.hbc h3{line-height:1.18;letter-spacing:-.035em}.hbc h1{font-size:clamp(2.4rem,6vw,4.25rem);margin:18px 0 24px;max-width:780px}.hbc h2{font-size:clamp(1.6rem,3vw,2.1rem);margin:48px 0 16px}.hbc h3{font-size:1.25rem;margin:26px 0 12px}.hbc p{margin:14px 0}.hbc a{color:var(--green);text-underline-offset:4px}.hbc a:hover{text-decoration-thickness:2px}.hbc .kicker{font-size:.73rem;letter-spacing:.15em;font-weight:800;text-transform:uppercase}.hbc .lede{font-size:1.21rem;line-height:1.6;color:var(--muted);max-width:740px}.hbc .tag{border:1px solid var(--line);padding:5px 12px;border-radius:99px;display:inline-block;font-size:.8rem;margin:5px 6px 5px 0}.hbc section{scroll-margin-top:24px}.hbc .example{background:#fffdf7;border:1px solid var(--line);border-radius:18px;padding:24px;margin:24px 0}.hbc .takeaway{border-left:4px solid #dcb64f;padding:12px 20px;background:#f7efd1;margin:25px 0}.hbc .table-wrap{overflow-x:auto;margin:24px 0;border:1px solid var(--line);border-radius:12px}.hbc table{border-collapse:collapse;width:100%;font-size:.93rem;min-width:460px}.hbc th,.hbc td{padding:13px 15px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}.hbc th{background:#e9eee4;font-weight:700}.hbc tr:last-child td{border-bottom:0}.hbc caption{text-align:left;padding:12px 15px;font-weight:700}.hbc details{border:1px solid var(--line);border-radius:12px;padding:16px 20px;margin:14px 0}.hbc summary{cursor:pointer;font-weight:700}.hbc .controls{display:flex;flex-wrap:wrap;gap:16px;margin:18px 0}.hbc label{display:flex;flex-direction:column;gap:6px;font-size:.9rem;font-weight:650}.hbc select,.hbc input,.hbc button{font:inherit;min-height:44px;border:1px solid #a9b9ad;border-radius:8px;padding:9px 12px;background:white;color:var(--ink);max-width:100%}.hbc button{cursor:pointer;background:var(--green);color:white;font-weight:700}.hbc :focus-visible{outline:3px solid #b36816;outline-offset:4px}.hbc output{display:block;padding:16px;background:#e8f0e5;border-radius:12px;font-weight:700;margin:15px 0}.hbc .small{font-size:.87rem;color:var(--muted)}.hbc .tiles{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;max-width:420px;margin:18px 0}.hbc .tile{display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:10px;min-height:90px;padding:8px;font-size:1.7rem;font-weight:800}.hbc .tile small{font-size:.65rem;font-weight:600;letter-spacing:0}.hbc .correct{background:#246c50;color:white}.hbc .present{background:#efcf72;color:#332c13}.hbc .absent{background:#e2e4df;color:#374038}.hbc .card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.hbc .card-grid select{width:100%;font-size:1.3rem;font-weight:750;text-align:center;padding:8px 4px}.hbc .card-grid label{font-size:.72rem}.hbc svg{display:block;width:100%;max-width:480px;height:auto;margin:18px auto}.hbc figcaption{font-size:.88rem;color:var(--muted)}.hbc .chooser-card{padding:22px;border:1px solid var(--line);border-radius:14px;background:white;margin:14px 0}.hbc .chooser-card h3{margin-top:0}.hbc .next{border-top:1px solid var(--line);margin-top:45px;padding-top:22px}.hbc ul,.hbc ol{padding-left:24px}.hbc li{padding-left:4px;margin:8px 0}.hbc [hidden]{display:none!important}@media(max-width:560px){.hbc{font-size:16px}.hbc .example{padding:17px}.hbc .card-grid{gap:8px}.hbc .tile{min-height:75px;font-size:1.4rem}.hbc .tile small{font-size:.58rem}}

/* Fit the existing guide columns and retain native keyboard focus. */
.hbc{min-width:0}.hbc figure{margin-inline:0}.hbc .controls{padding:0;background:transparent;border:0;box-shadow:none}.hbc .article-toc{display:flex;flex-wrap:wrap;gap:8px 20px;border-block:1px solid var(--line);padding:18px 0;margin:24px 0;font-size:.9rem}.hbc .card-grid label{min-width:0}.hbc .tile small{text-align:center}