.packs-hero{padding:82px 0 48px;border-bottom:1px solid var(--line)}
  .packs-hero h1{max-width:12ch}
  .pack-legend{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}
  .pack-legend span{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 13px;border:1px solid var(--line2);border-radius:999px;background:var(--rail);font-family:var(--mono);font-size:12px;color:var(--dust)}
  .pack-legend b{display:inline-grid;place-items:center;width:23px;height:23px;border-radius:50%;background:var(--accent);color:#041018}
  .pack-section{padding:46px 0}
  .class-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
  .class-card{appearance:none;width:100%;min-height:190px;padding:19px;border:1px solid var(--line);border-radius:var(--radius-card);background:var(--board2);color:var(--chalk);text-align:left;cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease}
  .class-card:hover,.class-card[aria-pressed="true"]{transform:translateY(-2px);border-color:var(--accent);background:var(--rail)}
  .class-card:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
  .class-card-top{display:flex;align-items:center;justify-content:space-between;gap:16px}
  .class-sigil,.result-sigil{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--accent);border-radius:10px;background:var(--accent-dim);color:var(--accent);font-family:var(--mono);font-weight:800;letter-spacing:.04em}
  .class-card h3{font-size:21px;letter-spacing:-.03em;margin:18px 0 0}
  .class-card p{font-size:16px;color:var(--dust);margin:8px 0 0}
  .class-card .choose-label{font-family:var(--mono);font-size:11px;color:var(--accent)}
  .builder-grid{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:14px;align-items:start}
  .panel{border:1px solid var(--line2);border-radius:var(--radius-card);background:var(--board2);padding:22px}
  .panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding-bottom:19px;border-bottom:1px solid var(--line)}
  .panel h2{font-size:25px;letter-spacing:-.03em;margin:6px 0 0}
  .progress{font-family:var(--mono);font-size:11px;color:var(--accent);white-space:nowrap}
  .quiz-question{font-size:20px;line-height:1.3;margin:22px 0 15px}
  .quiz-options{display:grid;gap:9px}
  .quiz-option{appearance:none;min-height:52px;padding:12px 14px;border:1px solid var(--line2);border-radius:var(--radius-button);background:var(--rail);color:var(--chalk);text-align:left;cursor:pointer}
  .quiz-option:hover,.quiz-option:focus-visible{border-color:var(--accent);color:var(--accent)}
  .result-root{padding:20px 0 4px;color:var(--dust);font-size:16px}
  .result-root p{margin:0 0 13px}
  .result-root strong{color:var(--chalk)}
  .tool-list{display:grid;gap:8px;margin:14px 0 20px;padding:0;list-style:none}
  .tool-list li{display:grid;grid-template-columns:1fr auto;gap:14px;padding:11px 0;border-top:1px solid var(--line)}
  .tool-list a{color:var(--accent);font-family:var(--mono);font-size:11px;text-decoration:none}
  .tool-list a:hover{text-decoration:underline}
  .prompt-label{display:block;margin:16px 0 8px;font-family:var(--mono);font-size:11px;color:var(--accent);text-transform:uppercase;letter-spacing:.08em}
  .setup-prompt{box-sizing:border-box;width:100%;resize:vertical;border:1px solid var(--line2);border-radius:var(--radius-button);background:#080e19;color:var(--chalk);padding:14px;font-family:var(--mono);font-size:13px;line-height:1.55;outline:none}
  .setup-prompt:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(94,198,255,.12)}
  .result-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:12px}
  button.button{cursor:pointer;background:transparent}
  button.button.primary{background:var(--accent)}
  button.button:disabled{cursor:not-allowed;opacity:.45}
  .pack-status{min-height:25px;margin:12px 0 0;color:var(--dust);font-size:16px}
  .pack-status.success{color:var(--good)}
  .pack-status.error{color:var(--warn)}
  @media(max-width:900px){.class-grid{grid-template-columns:repeat(2,1fr)}.builder-grid{grid-template-columns:1fr}}
  @media(max-width:650px){.packs-hero{padding:50px 0 34px}.class-grid{grid-template-columns:1fr}.pack-section{padding:34px 0}.panel{padding:18px}.tool-list li{grid-template-columns:1fr}.result-actions .button{width:100%}}
  @media(prefers-reduced-motion:reduce){.class-card{transition:none}}