.hg-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:26px;display:grid}.hg-panel{border:2px solid var(--ink);background:var(--paper);box-shadow:3px 3px 0 var(--ink);border-radius:18px;flex-direction:column;display:flex;overflow:hidden}.hg-head{padding:14px 16px 0}.hg-head h3{color:var(--ink);margin:0;font-size:19px;line-height:1.2}.hg-head p{color:var(--muted);margin:5px 0 0;font-size:13.5px;line-height:1.45}.hg-stage{flex:1;align-items:center;min-height:132px;padding:16px;display:flex}.hg-q{color:var(--ink);margin:0;font-size:17px;font-weight:700;line-height:1.4}.hg-q.is-swap{animation:.22s hg-pop}@keyframes hg-pop{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}.hg-actions{gap:8px;padding:0 16px 16px;display:flex}.hg-btn{font:inherit;color:#fff;background:var(--red);border:2px solid var(--ink);cursor:pointer;border-radius:11px;flex:1;padding:10px 12px;font-size:14px;font-weight:800;transition:filter .15s}.hg-btn:hover{filter:brightness(1.08)}.hg-link{color:var(--ink);border:2px solid var(--ink);background:0 0;border-radius:11px;flex:1;justify-content:center;align-items:center;padding:10px 12px;font-size:14px;font-weight:800;text-decoration:none;display:flex}.hg-link:hover{background:color-mix(in srgb, var(--ink) 7%, transparent)}@media (width<=1040px){.hj-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=560px){.hj-grid{grid-template-columns:1fr}}@media (width<=900px){.hg-grid{grid-template-columns:1fr;gap:14px}.hg-stage{min-height:0;padding:14px 16px}}.hr-card{text-align:center;border:2px solid var(--ink);background:var(--paper);max-width:720px;box-shadow:3px 3px 0 var(--ink);border-radius:18px;margin:26px auto 0;padding:22px}.hr-kicker{letter-spacing:.09em;text-transform:uppercase;color:var(--red-text,var(--red));font-size:12.5px;font-weight:800;display:block}.hr-q{color:var(--ink);margin:10px 0 0;font-size:21px;font-weight:800;line-height:1.35}.hr-answer{width:100%;font:inherit;color:var(--ink);background:color-mix(in srgb, var(--red) 8%, var(--paper));border:2px dashed color-mix(in srgb, var(--red) 45%, var(--ink));cursor:pointer;border-radius:12px;margin-top:14px;padding:12px 14px;font-weight:700;display:block}.hr-answer .hr-reveal{text-transform:uppercase;letter-spacing:.04em;color:var(--red-text,var(--red));font-size:14px;font-weight:800;display:none}.hr-answer .hr-text{display:block}.hr-answer.is-hidden{border-style:solid}.hr-answer.is-hidden .hr-reveal{display:block}.hr-answer.is-hidden .hr-text{display:none}.hr-answer.is-shown{border-color:color-mix(in srgb, var(--red) 60%, var(--ink));background:color-mix(in srgb, var(--red) 14%, var(--paper))}.hr-answer:focus{outline:none}.hr-answer:focus-visible{outline:3px solid var(--red);outline-offset:3px}.hg-btn:focus{outline:none}.hg-btn:focus-visible{outline:3px solid var(--red);outline-offset:3px}.hr-actions{margin-top:14px}.hr-cats{flex-wrap:wrap;justify-content:center;gap:9px;margin-top:18px;display:flex}.hr-cat{color:var(--ink);border:2px solid var(--ink);border-radius:999px;padding:8px 14px;font-size:14px;font-weight:700;text-decoration:none}.hr-cat:hover{background:color-mix(in srgb, var(--ink) 8%, transparent)}@media (width<=600px){.hr-card{padding:18px}.hr-q{font-size:18px}}.hj-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:14px;margin-top:24px;display:grid}.hj-card{border:2px solid var(--ink);background:var(--paper);box-shadow:3px 3px 0 var(--ink);border-radius:16px;flex-direction:column;padding:16px;text-decoration:none;transition:transform .14s;display:flex}.hj-card:hover{box-shadow:5px 5px 0 var(--ink);transform:translate(-2px,-2px)}.hj-card h3{letter-spacing:.08em;text-transform:uppercase;color:var(--red-text,var(--red));margin:0;font-size:12px;font-weight:800}.hj-sample{color:var(--ink);flex:1;margin:10px 0 0;font-size:16px;font-weight:600;line-height:1.42}.hj-go{border-top:2px solid color-mix(in srgb, var(--ink) 12%, transparent);color:var(--red-text,var(--red));box-sizing:border-box;white-space:nowrap;margin-top:auto;padding-top:14px;font-size:14px;font-weight:800;line-height:1.2}.hj-go span{transition:transform .14s;display:inline-block}.hj-card:hover .hj-go span{transform:translate(3px)}.hg-tag{letter-spacing:.07em;text-transform:uppercase;color:#fff;background:var(--red);border-radius:999px;margin-bottom:8px;padding:3px 10px;font-size:11.5px;font-weight:800;display:inline-block}.hg-stage{flex-direction:column;justify-content:center;align-items:flex-start}.hg-panel .hg-link{margin:0 16px 16px}
