.class-guide{margin:40px 0;padding:clamp(18px,3vw,38px);border:1px solid #88703b;background:linear-gradient(130deg,#211d15ed,#0c1217f2);scroll-margin-top:calc(var(--beta-banner-height,80px) + 20px)}
.class-guide header{max-width:940px;margin-bottom:25px}.class-guide h2{color:#f1d590;font-size:clamp(24px,3vw,34px);margin:8px 0 18px}.class-guide p,.class-guide li{line-height:1.8}.class-guide-note,.class-guide-sources{font-size:12px;color:#bcae92}.class-guide-section{border-top:1px solid #74603a70}.class-guide-section:last-child{border-bottom:1px solid #74603a70}.class-guide-section summary{display:flex;align-items:center;gap:18px;padding:20px 5px;cursor:pointer;list-style:none}.class-guide-section summary::-webkit-details-marker{display:none}.class-guide-section summary>span{color:#b49556;font-size:12px}.class-guide-section summary::after{content:'+';margin-left:auto;color:#e6c379;font-size:24px}.class-guide-section[open] summary::after{content:'−'}.class-guide-section h3{font-size:clamp(16px,2vw,20px);color:#ecd398;margin:0}.class-guide-section ul{max-width:960px;margin:0 0 25px;padding-left:26px}.class-guide-section li{padding:0 0 14px 7px;color:#ddd4bd}.class-guide-status{display:inline-block;border:1px solid #88754e;color:#e6cb92;padding:0 6px;font-size:10px;line-height:1.8;text-transform:uppercase;letter-spacing:.04em;margin-right:3px}.class-guide summary:focus-visible{outline:2px solid #f3d589;outline-offset:3px}.class-guide a{color:#edc46d}.class-guide-sources{margin:25px 0 0}.class-guide-video{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center;margin-top:35px}.class-guide-jump{display:inline-block;margin:10px 0;color:#edc46d}.class-guide-video .video-card{min-width:0}@media(max-width:700px){.class-guide-video{grid-template-columns:1fr}.class-guide-section summary{gap:10px}.class-guide-section ul{padding-left:18px}.class-guide{padding:18px}}