/* x200 class reference: all selectors are scoped to the new guide. */
.class-guide { min-width: 0; }
.class-guide .guide-heading { display:flex; align-items:center; gap:18px; margin-bottom:16px; }
.class-guide .guide-heading > img { flex:0 0 60px; width:60px; height:60px; object-fit:contain; border:1px solid #806339; background:#15120d; box-shadow:0 0 20px #b7893320; }
.about-content .class-guide .guide-heading h2 { margin:4px 0; padding:0; border:0; background:none; font-size:clamp(24px,3vw,34px); line-height:1.2; }
.class-guide .guide-heading p { margin:0; font-size:13px; color:#b6aa94; }
.class-guide .guide-kicker { color:#caa764; text-transform:uppercase; letter-spacing:.18em; font-size:10px; font-weight:700; }
.class-guide .guide-intro { color:#ded3bc; margin-bottom:20px; }
.class-guide .guide-tools { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto; gap:12px; align-items:end; padding:16px; background:#0d0c09c9; border:1px solid #5b492b; margin:0 0 8px; }
.class-guide .guide-tools label { display:flex; flex-direction:column; gap:7px; font-size:12px; font-weight:600; color:#d9c398; min-width:0; }
.class-guide .guide-tools input,.class-guide .guide-tools select { width:100%; min-width:0; height:40px; padding:8px 10px; border:1px solid #79613b; border-radius:2px; background:#1b1812; color:#f0e5cf; font:inherit; font-size:14px; }
.class-guide .guide-tools input::placeholder { color:#aaa08e; }
.class-guide .guide-tools button { padding:10px 14px; min-height:40px; border:1px solid #987443; background:linear-gradient(#32291b,#17130e); color:#e5c788; cursor:pointer; font:inherit; font-size:12px; }
.class-guide :is(input,select,button,summary,.guide-table-wrap):focus-visible { outline:2px solid #edc576; outline-offset:3px; }
.class-guide .guide-result { color:#ad9e83; font-size:12px; min-height:18px; margin:0 0 16px; }
.class-guide .guide-cards { display:grid; gap:16px; }
.class-guide .guide-card { border:1px solid #58462b; background:linear-gradient(120deg,#221c13dd,#0d0c09e8); padding:20px; scroll-margin-top:110px; min-width:0; }
.class-guide .guide-card-heading { display:flex; align-items:center; gap:12px; padding-bottom:13px; border-bottom:1px solid #d0a65c25; margin-bottom:14px; }
.class-guide .guide-card-heading img { flex:0 0 40px; width:40px; height:40px; object-fit:contain; border:1px solid #8d7042; }
.about-content .class-guide .guide-card-heading h3 { margin:0; font-size:18px; line-height:1.4; letter-spacing:.035em; text-transform:none; color:#efd49a; overflow-wrap:anywhere; }
.class-guide .guide-tag { display:block; color:#b9ab8b; font-size:10px; text-transform:uppercase; letter-spacing:.12em; margin-bottom:3px; }
.class-guide .guide-card p { font-size:14px; line-height:1.7; color:#ddd2bd; margin:8px 0; overflow-wrap:anywhere; }
.class-guide .guide-card p:last-child { margin-bottom:0; }
.class-guide .guide-stats { display:flex; flex-wrap:wrap; gap:8px; margin:10px 0 14px; }
.class-guide .guide-stats > div { padding:8px 12px; border:1px solid #6c56313d; background:#0004; min-width:90px; }
.class-guide .guide-stats dt { font-size:10px; letter-spacing:.06em; color:#b6a584; text-transform:uppercase; }
.class-guide .guide-stats dd { margin:3px 0 0; color:#f0dba8; font-size:14px; }
.class-guide .guide-note { border-left:2px solid #bc9352; padding:8px 12px; background:#d5a7500a; }
.class-guide .guide-levels { margin:10px 0; padding-left:20px; }
.class-guide .guide-levels li { margin:6px 0; padding:0; line-height:1.65; font-size:14px; color:#ddd2bd; list-style:disc; }
.class-guide .guide-levels li::before { content:none; }
.class-guide .guide-details { margin-top:14px; border:1px solid #66512f; background:#0b0a08a6; }
.class-guide .guide-details summary { cursor:pointer; padding:12px 14px; color:#e4c27f; font-size:13px; font-weight:600; }
.class-guide .guide-details[open] summary { border-bottom:1px solid #66512f; }
.class-guide .guide-table-wrap { overflow-x:auto; max-width:100%; }
.class-guide .guide-table-wrap table { width:100%; border-collapse:collapse; font-size:13px; margin:0; }
.class-guide .guide-table-wrap caption { text-align:left; padding:8px 12px; color:#b1a184; font-size:11px; }
.class-guide .guide-table-wrap :is(th,td) { padding:9px 12px; text-align:left; border:1px solid #57442a80; line-height:1.55; white-space:normal; vertical-align:top; color:#d8ccb6; }
.class-guide .guide-table-wrap th { font-weight:600; color:#e5c688; background:#2b2316a8; }
.class-guide .guide-table-wrap tbody tr:nth-child(even) { background:#ffffff04; }
.class-guide .guide-table-wrap th[scope=row] { white-space:nowrap; width:1%; }
.class-guide [hidden] { display:none!important; }
.class-guide .guide-empty { padding:20px; text-align:center; color:#d8c4a0; border:1px solid #66512f; }
@media(max-width:1100px) { .class-guide .guide-tools { grid-template-columns:1fr 1fr; } .class-guide .guide-tools button { grid-column:1/-1; } }
@media(max-width:600px) { .class-guide .guide-tools { grid-template-columns:1fr; padding:12px; } .class-guide .guide-card { padding:14px; } .class-guide .guide-heading { gap:12px; } .class-guide .guide-table-wrap :is(th,td) { padding:8px; } }