.skill-class-page{max-width:1140px;margin:0 auto;padding:24px 28px 70px}.skill-class-back{min-height:44px;color:var(--color-muted);align-items:center;gap:7px;font-size:12px;text-decoration:none;display:inline-flex}.skill-class-hero{padding:24px 0 38px}.skill-class-hero h1{letter-spacing:-.05em;margin:15px 0 19px;font-size:clamp(34px,4.7vw,57px);font-weight:500;line-height:1.1}.skill-class-hero h1 span{color:var(--color-muted)}.skill-class-hero>p:last-child{max-width:600px;color:var(--color-ink-2);font-size:15px;line-height:1.8}.skill-class-section-heading{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:16px;display:flex}.skill-class-section-heading h2{letter-spacing:-.025em;margin:0;font-size:18px;font-weight:500}.skill-class-section-heading>p,.skill-class-section-heading>span{color:var(--color-muted);margin:0;font-size:11px}.skill-class-choices{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.skill-class-choice{text-align:left;border:1px solid var(--skill-class-edge);background:linear-gradient(145deg, #ffffffa6, #fff0 65%), var(--skill-class-paper);border-radius:12px;flex-direction:column;align-items:flex-start;min-width:0;padding:18px;display:flex;box-shadow:inset 0 1px #ffffffe0,inset 0 -1px 2px #11111106}.skill-class-choice[aria-pressed=true]{outline:2px solid var(--skill-class-accent);outline-offset:3px}.skill-class-choice-top{justify-content:space-between;align-items:center;gap:8px;width:100%;display:flex}.skill-class-selected{opacity:0;color:var(--skill-class-ink)}.skill-class-choice[aria-pressed=true] .skill-class-selected{opacity:1}.skill-class-choice>strong{letter-spacing:-.02em;min-height:44px;margin:12px 0 20px;font-size:16px;font-weight:500;line-height:1.4;display:block}.skill-class-cue{width:100%;font:10px var(--font-mono);color:var(--skill-class-ink);justify-content:space-between;align-items:center;margin-top:auto;display:flex}.skill-class-choice>.skill-class-symbol{margin:16px 0 4px -4px}.skill-class-explanation{border:1px solid var(--skill-class-edge);background:linear-gradient(130deg, #fff8, #fff0), var(--skill-class-paper);border-radius:12px;grid-template-columns:1.4fr 1fr;gap:36px;margin-top:24px;padding:26px;display:grid}.skill-class-explanation h3{letter-spacing:-.025em;margin:12px 0;font-size:21px;font-weight:500;line-height:1.3}.skill-class-explanation p{color:var(--color-ink-2);margin:0;font-size:13px;line-height:1.8}.skill-class-examples{flex-wrap:wrap;gap:7px;margin:18px 0 0;padding:0;list-style:none;display:flex}.skill-class-examples li{border:1px solid var(--skill-class-edge);background:#ffffff73;border-radius:4px;padding:6px 8px;font-size:10px}.skill-class-explanation aside{border-left:1px solid var(--skill-class-edge);padding-left:25px}.skill-class-explanation aside>svg{color:var(--skill-class-ink)}.skill-class-explanation h4{margin:11px 0 8px;font-size:13px;font-weight:500}.skill-class-explanation a{min-height:44px;color:var(--skill-class-ink);align-items:center;gap:7px;margin-top:10px;font-size:12px;text-decoration:none;display:inline-flex}.skill-class-rarity{border-block:1px solid var(--color-line-strong);grid-template-columns:1fr 1.25fr;column-gap:50px;margin:52px 0;padding:34px 0;display:grid}.skill-class-rarity>.eyebrow{grid-column:1/-1;margin-bottom:20px}.skill-class-rarity h2{letter-spacing:-.04em;margin:0;font-size:clamp(25px,3.1vw,35px);font-weight:500;line-height:1.2}.skill-class-rarity>div>p{color:var(--color-ink-2);margin:0 0 15px;font-size:14px;line-height:1.8}.skill-class-rarity>div>p:last-child{margin-bottom:0}.skill-class-review-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;padding:20px 0 32px;display:grid}.skill-class-review-steps svg{color:var(--color-muted)}.skill-class-review-steps h3{margin:14px 0 8px;font-size:15px;font-weight:500}.skill-class-review-steps p{color:var(--color-muted);margin:0;font-size:12px;line-height:1.8}.skill-class-language{border-top:1px solid var(--color-line-strong);grid-template-columns:1fr 1fr;gap:40px;padding-top:30px;display:grid}.skill-class-language h2{letter-spacing:-.025em;margin:0 0 10px;font-size:19px;font-weight:500}.skill-class-language p{color:var(--color-muted);margin:0;font-size:13px;line-height:1.8}.skill-class-legend{grid-template-columns:1fr 1fr;gap:15px;display:grid}.skill-class-legend .skill-class-mark{flex-wrap:wrap;align-content:center}.skill-class-legend small{width:100%;color:var(--color-muted);padding-left:16px;font-size:10px;font-weight:400;display:block}.skill-class-close{justify-content:space-between;align-items:center;gap:30px;margin-top:38px;display:flex}.skill-class-close p{max-width:650px;color:var(--color-muted);font-size:11px;line-height:1.75}.skill-class-close a{min-height:44px;color:var(--color-ink);flex-shrink:0;align-items:center;gap:7px;font-size:12px;text-decoration:none;display:inline-flex}.skill-class-page a:focus-visible,.skill-class-choice:focus-visible{outline:2px solid var(--color-ink);outline-offset:4px}@media (hover:hover) and (pointer:fine){.skill-class-choice:hover{box-shadow:inset 0 1px #fff,inset 0 -1px 2px #11111106,0 4px 12px #11111108}}@media (width<=800px){.skill-class-choices{grid-template-columns:1fr 1fr;gap:14px}.skill-class-choice{padding:16px}.skill-class-explanation{grid-template-columns:1fr;gap:22px}.skill-class-explanation aside{border-left:0;border-top:1px solid var(--skill-class-edge);padding:20px 0 0}.skill-class-rarity{grid-template-columns:1fr;gap:18px;margin:36px 0}.skill-class-rarity>.eyebrow{margin-bottom:0}.skill-class-review-steps{gap:20px}.skill-class-language{grid-template-columns:1fr;gap:24px}}@media (width<=520px){.skill-class-page{padding:15px 20px 40px}.skill-class-hero{padding:18px 0 30px}.skill-class-hero h1{font-size:35px}.skill-class-hero>p:last-child{font-size:14px}.skill-class-section-heading{flex-direction:column;align-items:flex-start;gap:5px}.skill-class-choice{padding:12px}.skill-class-choice-top{gap:3px}.skill-class-choice>.skill-class-symbol{width:68px;height:68px;margin-top:12px}.skill-class-choice-top .skill-class-mark{gap:5px;font-size:11px}.skill-class-choice>strong{min-height:37px;margin-bottom:14px;font-size:13px}.skill-class-explanation{padding:20px 16px}.skill-class-review-steps{grid-template-columns:1fr;padding:10px 0 28px}.skill-class-review-steps>div{grid-template-columns:22px 1fr;gap:7px 10px;display:grid}.skill-class-review-steps h3{margin:0}.skill-class-review-steps p{grid-column:2}.skill-class-close{flex-direction:column;align-items:flex-start;gap:5px}}