.whfshq_cats{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;display:grid}.whfshq_cat{background:var(--mist);transition:background .3s, transform .3s var(--ease);border-radius:26px;gap:14px;padding:18px 18px 26px;display:grid}.whfshq_cat:hover{background:var(--lime);transform:translateY(-4px)}.whfshq_cat h2{font:500 clamp(28px, 3vw, 42px)/1 var(--display);letter-spacing:-.02em;margin:6px 0 0}.whfshq_cat p{color:#3d3d3d;margin:0}.whfshq_thumb{background:var(--paper);pointer-events:none;border-radius:16px;overflow:hidden}.whfshq_kits{gap:22px;display:grid}.whfshq_kit{background:var(--ink);color:var(--paper);border-radius:26px;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:center;gap:30px;padding:18px;display:grid}.whfshq_kit h3{font:500 clamp(30px, 3.4vw, 48px)/1 var(--display);letter-spacing:-.02em;margin:6px 0 10px}.whfshq_kit p{color:#cfcfcf;max-width:40ch;margin:0 0 22px}.whfshq_kit ul{flex-wrap:wrap;gap:6px;margin:0 0 24px;padding:0;list-style:none;display:flex}.whfshq_kit li{border:1px solid var(--line);font:500 12px var(--mono);border-radius:999px;padding:6px 12px}.whfshq_list{gap:30px;display:grid}.whfshq_card{background:var(--mist);border-radius:26px;overflow:hidden}.whfshq_cardHead{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:20px;padding:28px 28px 20px;display:flex}.whfshq_cardHead h2{font:500 clamp(26px, 2.6vw, 36px)/1.05 var(--display);letter-spacing:-.02em;margin:6px 0}.whfshq_cardHead p{color:#4a4a4a;max-width:52ch;margin:0}.whfshq_controls{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.whfshq_seg{background:var(--paper);border:1px solid var(--rule);border-radius:999px;padding:3px;display:inline-flex}.whfshq_seg button{cursor:pointer;background:0 0;border:0;border-radius:999px;padding:7px 14px;font-size:13px;font-weight:600}.whfshq_seg button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.whfshq_copy{background:var(--lime);cursor:pointer;border:0;border-radius:999px;padding:9px 16px;font-size:13px;font-weight:600}.whfshq_stage{padding:0 18px 18px}.whfshq_frame{background:var(--paper);box-shadow:inset 0 0 0 1px var(--rule);transition:height .4s var(--ease);border-radius:16px;position:relative;overflow:hidden}.whfshq_frame iframe{transform-origin:top;background:var(--paper);border:0;position:absolute;top:0;left:50%}.whfshq_code{background:var(--ink);color:#e6e6e6;max-height:560px;font:13px/1.7 var(--mono);border-radius:16px;margin:0 18px 18px;padding:22px;overflow:auto}.whfshq_full{inset:var(--nav) 0 0;width:100%;height:calc(100svh - var(--nav));border:0;position:fixed}@media (max-width:960px){.whfshq_cats,.whfshq_kit{grid-template-columns:minmax(0,1fr)}.whfshq_cardHead{padding:20px 18px 16px}.whfshq_controls{gap:8px;width:100%}.whfshq_seg button{padding:7px 11px}}