.class-guide{max-width:1040px;margin:15px auto 50px;padding:0 30px}.class-guide h1{font-size:clamp(32px,4vw,43px);letter-spacing:-1.5px;line-height:1.15;margin:15px 0 19px}.class-guide .guide-lead{font-size:16px;line-height:1.8;color:#67828e;max-width:820px}.class-guide p,.class-guide li{font-size:14px;color:#5e7a89;line-height:1.85}.class-guide li{margin:7px 0}.class-guide li strong,.class-guide li b{color:#2b5262}.class-guide a{color:#187e87;text-decoration:underline;text-underline-offset:3px}.guide-options{display:grid;grid-template-columns:1fr 1fr;gap:17px;margin:26px 0}.guide-option{border:1px solid #d6e4ea;background:white;border-radius:15px;padding:20px}.guide-option img{width:45px;height:45px;object-fit:contain;float:right;margin-left:15px}.guide-option h2{font-size:19px;letter-spacing:-.4px;margin:0 0 10px}.guide-option p{font-size:13px;line-height:1.8;margin:0}.guide-jump{display:flex;flex-wrap:wrap;gap:9px;margin:27px 0}.guide-jump a{padding:8px 12px;background:#e4eef3;border-radius:8px;font-size:12px;text-decoration:none;color:#497587}.class-guide section{border-top:1px solid #d9e4e9;padding:26px 0 21px;scroll-margin-top:20px}.class-guide section>h2{font-size:24px;letter-spacing:-.6px;margin:0 0 20px;display:flex;align-items:center;gap:13px}.class-guide section>h2 span{background:#dcece8;color:#308576;width:33px;height:33px;display:grid;place-items:center;border-radius:50%;font-size:13px}.guide-key-note{background:#eaf4ef;border:1px solid #c5e1d5;border-radius:11px;padding:15px 20px;color:#417968;font-size:13px;line-height:1.85;margin:19px 0}.guide-key-note strong{color:#346e5b}.guide-warning{background:#faf1e5;border:1px solid #e7d8be;color:#8b7656}.class-guide code{background:#e9eff4;color:#466c7c;border-radius:5px;padding:3px 6px;font-size:12px;overflow-wrap:anywhere}.guide-link-card{background:white;border:1px solid #d4e1e8;border-radius:14px;padding:18px 20px;margin:20px 0}.guide-link-card label{display:block;font-size:12px;font-weight:650;color:#456d80;margin:6px 0 9px}.guide-link-row{display:flex;gap:9px;align-items:center}.guide-link-row input{min-width:0;flex:1;border:1px solid #c0d4df;border-radius:8px;padding:11px 13px;font:13px ui-monospace,Consolas,monospace;color:#365f72;background:#f7fafc}.guide-link-row button{border:0;background:#217d86;color:white;border-radius:8px;padding:12px 17px;font-size:12px;font-weight:650}.guide-link-card p{font-size:11px;line-height:1.7;margin:10px 0}.guide-matrix{width:100%;border-collapse:collapse;border:1px solid #d6e2e9;font-size:13px;margin:18px 0;background:white}.guide-matrix th,.guide-matrix td{padding:14px 15px;text-align:left;border-bottom:1px solid #e2eaf0;line-height:1.8}.guide-matrix th{background:#eaf1f5;color:#527382;font-size:11px}.guide-matrix td{color:#698594}.guide-matrix b{color:#356b7b}.class-guide details{background:white;border:1px solid #dbe5eb;border-radius:10px;padding:14px 17px;margin:10px 0}.class-guide summary{cursor:pointer;color:#48758a;font-size:13px;font-weight:650}.class-guide details p{font-size:13px}.guide-small{font-size:11px!important;color:#839aa6!important}.guide-sources{font-size:12px;line-height:1.8;display:flex;gap:20px;flex-wrap:wrap}.guide-activity-list{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:20px 0}.guide-activity-list article{background:white;border:1px solid #dce6ed;border-radius:12px;padding:17px}.guide-activity-list h3{font-size:16px;margin:0 0 7px}.guide-activity-list p{font-size:12px;margin:0;line-height:1.8}@media(max-width:650px){.class-guide{padding:0 18px}.guide-options,.guide-activity-list{grid-template-columns:1fr}.class-guide p,.class-guide li{font-size:13px}.guide-matrix td,.guide-matrix th{padding:10px;font-size:11px}.guide-link-card{padding:14px}.guide-link-row input{font-size:11px}.class-guide section>h2{font-size:22px}}
