.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 .btn{margin-top:14px}.level-examples{margin-top:44px;max-width:780px}.level-examples h3{font-size:1.25rem}.level-examples .faq{margin-top:8px;max-width:780px}.level-examples .faq details{border-bottom:1px solid var(--line)}.level-examples .faq summary{align-items:center;color:var(--ink);cursor:pointer;display:flex;font-size:1.05rem;font-weight:600;gap:20px;justify-content:space-between;list-style:none;padding:20px 0}.level-examples .faq summary::-webkit-details-marker{display:none}.level-examples .faq summary:after{color:var(--accent);content:"+";flex:0 0 auto;font-size:1.5rem;line-height:1;transition:transform .2s ease}.level-examples .faq details[open] summary:after{transform:rotate(45deg)}.level-examples .faq .ans{color:var(--muted);margin:0;max-width:66ch;padding:0 0 20px}@media (max-width:680px){.level-seg--4{grid-template-columns:repeat(2,1fr)}}