.level-guide{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);margin-top:48px;max-width:780px;padding:clamp(24px,3vw,36px)}.band .level-guide{margin-top:0}.level-guide h3{font-size:1.25rem}.level-guide>p{color:var(--muted);margin-top:8px;max-width:62ch}.level-q{margin-top:22px}.level-lab{font-size:.95rem;font-weight:600;margin:0 0 8px}.level-seg{background:var(--tint-2);border:1px solid var(--line);border-radius:14px;display:grid;gap:8px;padding:8px}.level-seg--3{grid-template-columns:repeat(3,1fr)}.level-seg--4{grid-template-columns:repeat(4,1fr)}.level-seg button{background:var(--paper);border:1.5px solid var(--line-strong);border-radius:10px;color:var(--ink);cursor:pointer;font-family:inherit;font-size:.9rem;font-weight:600;padding:11px 10px;transition:background .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease}.level-seg button:hover{background:#fff;border-color:var(--ink);box-shadow:var(--shadow)}.level-seg button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);box-shadow:none;color:#fff}.level-note{color:var(--muted);font-size:.84rem;margin:8px 0 0}.level-hint{background:var(--tint);border-radius:var(--radius-sm);margin-top:24px;padding:18px 20px}.level-hint[hidden]{display:none}.level-hint p{color:var(--ink-2);margin:0;max-width:62ch}.level-hint-name{color:var(--ink);font-size:1.15rem;font-weight:800;margin:0 0 6px!important}.level-hint .btn{margin-top:14px}@media (max-width:680px){.level-seg--4{grid-template-columns:repeat(2,1fr)}}