.cls .sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.cls .race-icon{border-radius:0}.cls .role{--chip-fg:#5a4a30;--chip-bg:#d3c8b2;white-space:normal;border-radius:0;padding:3px 6px;font-size:.62rem;line-height:1.4}.cls .gx-text-link{align-items:center;gap:6px;display:inline-flex}.cls .gx-text-link svg{flex:none;transform:none}.cls .catalog-link-button{font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-size:.8rem;font-weight:750}.cls .gx-button svg{flex:none}.cls .cls-index-hero{padding-block:28px 40px}.cls .cls-index-hero-grid{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:24px 48px;display:grid}.cls .cls-back{color:#c8c3b8;align-items:center;gap:8px;margin-bottom:24px;font-size:.69rem;text-decoration:none;display:inline-flex}.cls .cls-back:hover{text-underline-offset:4px;text-decoration:underline}.cls .cls-index-title{max-width:18ch;font-size:clamp(2.4rem,4.1vw,3.7rem)}.cls .cls-index-title em{display:block}.cls .cls-count{justify-items:end;gap:6px;margin-right:4%;display:grid}.cls .cls-count-num{color:#0000;font-family:var(--gx-display);letter-spacing:-.04em;-webkit-text-stroke:2px #f3d9b6;font-size:clamp(5rem,9vw,8rem);font-style:italic;font-weight:850;line-height:.85}.cls .cls-count-label{background:var(--gx-dark);color:var(--gx-on-dark);letter-spacing:.12em;text-transform:uppercase;padding:4px 8px;font-size:.62rem;font-weight:800}.cls .cls-count-detail{color:#fff3e2;white-space:nowrap;font-size:.7rem;font-weight:750}.cls .class-index-wrap{padding-block:32px 64px}.cls .class-catalog{grid-template-columns:minmax(0,1fr) minmax(0,19rem);align-items:stretch;gap:16px;display:grid}.cls .class-catalog>.class-index-body,.cls .class-catalog>.catalog-tray,.cls .class-catalog.is-comparing>.catalog-controls,.cls .class-catalog.is-comparing>.catalog-compare{grid-column:1/-1}.cls .catalog-controls,.cls .catalog-compare{border:1px solid var(--gx-line-strong);background:var(--gx-card-2);min-width:0;padding:18px 20px;position:relative}.cls .catalog-controls:before,.cls .catalog-compare:before{content:"";background:#ad7338;width:42px;height:3px;position:absolute;top:-1px;left:-1px}.cls .catalog-controls-title,.cls .catalog-compare h2{letter-spacing:-.01em;margin-bottom:12px;font-size:1.15rem}.cls .catalog-filters{grid-template-columns:auto minmax(0,1fr);gap:12px 28px;display:grid}.cls .catalog-filter{border:0;min-width:0;margin:0;padding:0}.cls .catalog-filter legend{color:#6e5332;letter-spacing:.12em;text-transform:uppercase;margin-bottom:8px;padding:0;font-size:.6rem;font-weight:800}.cls .catalog-options{flex-wrap:wrap;gap:6px;display:flex}.cls .catalog-option{display:inline-flex;position:relative}.cls .catalog-option input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.cls .catalog-option span{min-height:40px;color:var(--gx-ink);background:#d2ccbc;border:1px solid #ada58f;align-items:center;padding:6px 12px;font-size:.76rem;font-weight:750;line-height:1.3;display:inline-flex}.cls .catalog-option input:hover+span{border-color:var(--gx-ink)}.cls .catalog-option input:checked+span{border-color:var(--gx-dark-3);background:var(--gx-dark-3);color:var(--gx-on-dark);box-shadow:inset 0 -3px 0 var(--gx-accent)}.cls .catalog-option input:focus-visible+span{outline:3px solid var(--gx-accent-ink);outline-offset:2px}.cls .catalog-status{color:var(--gx-ink-2);border-top:1px solid #a2967b88;flex-wrap:wrap;align-items:center;gap:6px 18px;margin-top:14px;padding-top:12px;font-size:.8rem;font-weight:650;display:flex}.cls .catalog-compare-hint{color:var(--gx-ink-2);font-size:.82rem;line-height:1.7}.cls .catalog-compare-hint strong{color:var(--gx-ink)}.cls .catalog-compare-limit{color:var(--gx-ink-2);margin-top:10px;font-size:.78rem}.cls .catalog-compare-actions{margin-top:12px}.cls .compare-table-wrap{margin-top:4px}.cls .compare-table{border-collapse:collapse;table-layout:fixed;width:100%;font-size:.86rem;line-height:1.65}.cls .compare-table th,.cls .compare-table td{color:var(--gx-ink);text-align:left;vertical-align:top;border-bottom:1px solid #a2967b88;padding:11px 14px}.cls .compare-table tbody th{color:#6e5332;letter-spacing:.12em;text-transform:uppercase;width:9.5rem;font-size:.6rem;font-weight:800}.cls .compare-table thead td{border-bottom:0;width:9.5rem}.cls .compare-table thead th{border-bottom:0;border-left:4px solid var(--gx-card-2);background:var(--gx-dark-3);box-shadow:inset 0 3px 0 var(--gx-accent);padding:10px 10px 10px 14px}.cls .compare-col-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.cls .compare-col-head a{min-width:0;color:var(--gx-on-dark);font-family:var(--gx-display);letter-spacing:-.02em;font-size:1.25rem;font-weight:850;line-height:1.15;text-decoration:none;display:flex}.cls .compare-col-head a:hover{text-underline-offset:4px;text-decoration:underline}.cls .compare-table thead :focus-visible{outline-color:var(--gx-accent)}.cls .compare-remove,.cls .catalog-tray-clear{width:44px;height:44px;color:var(--gx-on-dark);cursor:pointer;background:0 0;border:1px solid #6b6a64;border-radius:0;flex:none;place-items:center;display:inline-grid}.cls .compare-remove:hover,.cls .catalog-tray-clear:hover{border-color:var(--gx-accent);background:#ffffff0f}.cls .compare-highlights{gap:6px;margin:0;padding-left:18px;display:grid}.cls .compare-highlights li::marker{color:var(--gx-accent-ink)}.cls .class-index-body{gap:34px;margin-top:18px;display:grid}.cls .class-index-race h2{border-bottom:1px solid #a2967b88;flex-wrap:wrap;align-items:baseline;gap:4px 18px;margin-bottom:16px;padding-bottom:12px;font-size:clamp(1.8rem,3vw,2.4rem);display:flex}.cls .class-index-race h2 .race-heading{align-self:center;gap:12px}.cls .class-index-race h2 em{color:var(--gx-accent-deep);letter-spacing:-.01em;font-size:.5em;font-style:italic}.cls .class-index-bases{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:20px;display:grid}.cls .class-index-bases:has(>:only-child){grid-template-columns:minmax(0,1fr)}.cls .class-index-base-name{color:#655944;letter-spacing:.12em;text-transform:uppercase;gap:8px;margin-bottom:10px;font-size:.62rem;font-weight:800;display:flex}.cls .class-index-base-name:after{content:"";background:#a2967b88;flex:1;height:1px}.cls .class-index-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.cls .class-index-bases:has(>:only-child) .class-index-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,17rem),1fr))}.cls .class-index-grid>li{min-width:0;display:flex}.cls .class-index-card{background:var(--gx-card);border:1px solid #ada58f;flex-direction:column;flex:1;min-width:0;display:flex;position:relative}.cls .class-index-card:hover{border-color:#9b5b23}.cls .class-index-card.is-selected{border-color:var(--gx-ink);box-shadow:inset 0 0 0 1px var(--gx-ink)}.cls .index-stage{isolation:isolate;background:linear-gradient(180deg, transparent 0 calc(100% - 26px), #2b2e33 calc(100% - 26px)), repeating-linear-gradient(118deg, transparent 0 70px, #fff6e806 70px 71px, transparent 71px 130px), var(--gx-dark);justify-content:center;align-items:flex-end;height:168px;padding:12px 12px 10px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 3px #ad7338}.cls .index-stage:before{content:"";z-index:-1;background:#4a4b48;height:1px;position:absolute;bottom:26px;left:0;right:0}.cls .index-stage:after{content:"";z-index:-1;background:#a95b2433;width:30%;position:absolute;top:-20px;bottom:-20px;right:-12%;transform:skew(-15deg)}.cls .index-thumb{object-fit:contain;object-position:bottom;width:auto;max-width:100%;height:100%}.cls .class-index-card-body{flex-direction:column;flex:1;gap:8px;padding:14px 14px 12px;display:flex;container-type:inline-size}.cls .class-index-name{align-items:center;gap:8px;margin:0;font-size:1.3rem;line-height:1.15;display:flex}.cls .class-index-name .class-icon{width:38px;height:38px}.cls .class-index-link{min-width:0;color:inherit;overflow-wrap:break-word;text-decoration:none}.cls .class-index-link:after{content:"";position:absolute;inset:0}.cls .class-index-card:hover .class-index-link{text-underline-offset:4px;text-decoration:underline;text-decoration-thickness:2px}.cls .class-index-card:has(.class-index-link:focus-visible){outline:3px solid var(--gx-accent-ink);outline-offset:3px}.cls .class-index-link:focus-visible{outline:none}.cls .class-index-meta{color:var(--gx-ink-2);font-size:.74rem;font-weight:700}.cls .class-index-card-body>p{color:#4d5049;font-size:.8rem;line-height:1.7}.cls .class-index-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;margin-top:auto;padding-top:6px;display:flex}.cls .class-index-more{color:#7d461a;letter-spacing:.03em;text-transform:uppercase;align-items:center;gap:6px;font-size:.6rem;font-weight:800;display:inline-flex}@container (max-width:250px){.cls .class-index-more{display:none}}.cls .compare-toggle{z-index:1;isolation:isolate;min-height:44px;color:var(--gx-ink);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;margin-left:auto;padding:6px 11px;font-size:.66rem;font-weight:800;display:inline-flex;position:relative}.cls .compare-toggle:before{content:"";z-index:-1;box-shadow:inset 0 0 0 1px var(--gx-ink);clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);background:0 0;position:absolute;inset:0}.cls .compare-toggle:hover:before{background:#24272b14}.cls .compare-toggle[aria-pressed=true]{color:var(--gx-on-dark)}.cls .compare-toggle[aria-pressed=true]:before{background:var(--gx-dark-3);box-shadow:inset 0 -3px 0 var(--gx-accent)}.cls .compare-toggle[aria-disabled=true]{cursor:not-allowed;opacity:.55}.cls .compare-toggle[aria-disabled=true]:hover:before{background:0 0}.cls .catalog-empty{border:1px dashed #8f6b45;border-left:3px solid var(--gx-accent-ink);background:var(--gx-paper-2);color:var(--gx-ink);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 20px;padding:18px 20px;font-weight:650;display:flex}.cls .catalog-tray{z-index:5;max-width:100%;box-shadow:inset 0 3px 0 var(--gx-accent), 0 10px 26px -12px #0009;border:1px solid #53524d;flex-wrap:wrap;justify-self:center;align-items:center;gap:10px 16px;margin-top:8px;padding:8px 8px 8px 16px;display:flex;position:sticky;bottom:12px}.cls .catalog-tray-names{color:var(--gx-on-dark);flex-wrap:wrap;gap:4px 16px;font-size:.84rem;font-weight:750;display:flex}.cls .catalog-tray-names .with-icon{align-items:center;gap:6px;display:inline-flex}.cls .catalog-tray-go{min-height:44px;padding:10px 18px;font-size:.7rem}.cls .class-hero{padding-block:26px 40px}.cls .class-hero .gx-breadcrumb ol{margin-bottom:20px}.cls .class-hero-grid{grid-template:"head art""body art"1fr/minmax(0,1.3fr) minmax(0,.7fr);gap:18px 56px;display:grid}.cls .class-hero-head{grid-area:head;justify-items:start;gap:12px;display:grid}.cls .class-hero-head .gx-eyebrow{margin:0}.cls .class-hero-body{grid-area:body;align-content:start;gap:18px;display:grid}.cls .class-title{overflow-wrap:anywhere;align-items:center;gap:18px;font-size:clamp(2.6rem,5vw,4.2rem);display:flex}.cls .class-title .class-icon{width:57px;height:57px;box-shadow:0 0 0 1px #8d7b5b88}.cls .class-opening{max-width:34ch;color:var(--gx-accent);font-family:var(--gx-display);letter-spacing:-.01em;text-transform:uppercase;font-size:clamp(1.15rem,2vw,1.45rem);font-style:italic;font-weight:800;line-height:1.2}.cls .gx-hero .role{--chip-fg:#ece2cf;--chip-bg:#34373c;box-shadow:inset 0 0 0 1px #5d5a52}.cls .class-lead{max-width:62ch;margin-top:0}.cls .class-facts{background:#25282df5;border:1px solid #4a4b48;grid-template-columns:repeat(4,minmax(0,1fr));max-width:46rem;margin:0;display:grid}.cls .class-facts>div{align-content:start;gap:4px;min-width:0;padding:11px 14px;display:grid}.cls .class-facts>div+div{border-left:1px solid #4a4b48}.cls .class-facts dt{color:var(--gx-on-dark-accent);letter-spacing:.12em;text-transform:uppercase;font-size:.58rem;font-weight:800}.cls .class-facts dd{color:var(--gx-on-dark);margin:0;font-size:.84rem;font-weight:750;line-height:1.4}.cls .class-facts dd.with-icon{gap:6px}.cls .class-facts a{color:#e0b07a;text-underline-offset:3px;text-decoration:underline}.cls .class-actions{flex-wrap:wrap;align-items:center;gap:12px 24px;display:flex}.cls .class-actions .gx-text-link{font-size:.8rem}.cls .class-hero-art{isolation:isolate;background:linear-gradient(#0000 0 calc(100% - 66px),#2b2e33 calc(100% - 66px)),repeating-linear-gradient(118deg,#0000 0 110px,#fff6e806 110px 111px,#0000 111px 210px),linear-gradient(#202328 0%,#24272c 100%);border:1px solid #53524d;flex-direction:column;grid-area:art;justify-content:flex-end;align-items:center;min-height:420px;margin:0;padding:28px 18px 14px;display:flex;position:relative;overflow:hidden}.cls .class-hero-art:before{content:"";z-index:2;background:var(--gx-accent);width:42px;height:3px;position:absolute;top:-1px;left:-1px}.cls .class-hero-art:after{content:"";z-index:-1;background:#4a4b48;height:1px;position:absolute;bottom:66px;left:0;right:0}.cls .class-hero-art img{object-fit:contain;object-position:bottom;flex:auto;width:auto;max-width:100%;height:100%;min-height:0;max-height:380px;margin-bottom:8px}.cls .class-hero-art figcaption{color:var(--gx-on-dark-2);background:#1c1f24;border:1px solid #4a4b48;align-self:flex-start;padding:5px 9px;font-size:.68rem;font-weight:700;line-height:1.4}.cls .class-body{padding-block:36px 40px}.cls .class-body-grid{grid-template-columns:minmax(0,1fr) minmax(240px,290px);align-items:start;gap:36px;display:grid}.cls .class-main{gap:16px;min-width:0;display:grid}.cls .class-block{padding:22px 24px}.cls .class-block h2{margin-bottom:8px;font-size:clamp(1.35rem,2.2vw,1.7rem)}.cls .class-block>p{color:var(--gx-ink-2);font-size:.9rem;line-height:1.75}.cls .class-highlights{counter-reset:highlight;gap:8px;margin:14px 0 0;padding:0;list-style:none;display:grid}.cls .class-highlights li{color:var(--gx-ink);counter-increment:highlight;background:#d2ccbc;border:1px solid #ada58f;border-left:3px solid #ad7338;align-items:baseline;gap:12px;padding:10px 14px;font-size:.88rem;font-weight:650;line-height:1.55;display:flex}.cls .class-highlights li:before{content:counter(highlight, decimal-leading-zero);color:var(--gx-accent-deep);font-family:var(--gx-display);flex:none;font-size:1.05rem;font-style:italic;font-weight:850}.cls .class-advice{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.cls .class-advice h2{font-size:1.25rem}.cls .compare-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px;display:grid}.cls .compare-card{background:#d2ccbc;border:1px solid #ada58f;grid-template-columns:64px minmax(0,1fr);gap:14px;min-width:0;padding:14px;display:grid}.cls .compare-card:not(:has(.compare-card-art)){grid-template-columns:minmax(0,1fr)}.cls .compare-card.is-current{background:var(--gx-dark-3);box-shadow:inset 0 3px 0 var(--gx-accent);border-color:#53524d}.cls .compare-card-art{background:linear-gradient(180deg, transparent 0 calc(100% - 14px), #2b2e33 calc(100% - 14px)), var(--gx-dark);justify-content:center;align-items:flex-end;height:112px;padding:6px 4px 4px;display:flex}.cls .compare-card-art img{object-fit:contain;object-position:bottom;width:auto;max-width:100%;height:100%}.cls .compare-card-copy{align-content:start;justify-items:start;gap:7px;min-width:0;display:grid}.cls .compare-card-flag{color:var(--gx-on-dark-accent);letter-spacing:.12em;text-transform:uppercase;font-size:.56rem;font-weight:800}.cls .compare-card strong{color:var(--gx-ink);font-family:var(--gx-display);letter-spacing:-.02em;gap:8px;font-size:1.25rem;font-weight:850;line-height:1.15;display:flex}.cls .compare-card-weapon{color:var(--gx-ink-2);font-size:.74rem;font-weight:700}.cls .compare-card p{color:#4d5049;font-size:.8rem;line-height:1.7}.cls .compare-card .gx-text-link{color:var(--gx-accent-deep);font-size:.78rem}.cls .compare-card .role{--chip-bg:#c4bba6;--chip-fg:#51452e}.cls .compare-card.is-current strong{color:var(--gx-on-dark)}.cls .compare-card.is-current .compare-card-weapon,.cls .compare-card.is-current p{color:var(--gx-on-dark-2)}.cls .compare-card.is-current .role{--chip-fg:#ece2cf;--chip-bg:#3a3d42}.cls .compare-card.is-current .compare-card-art{background:linear-gradient(#0000 0 calc(100% - 14px),#34373c calc(100% - 14px)),#1c1f24}.cls .class-transform{grid-template-columns:minmax(0,15rem) minmax(0,1fr);grid-template-areas:"title title""form copy";align-items:start;gap:6px 24px;display:grid}.cls .class-transform h2{grid-area:title}.cls .class-transform-name{background:var(--gx-dark-3);box-shadow:inset 3px 0 0 var(--gx-accent);border:1px solid #53524d;grid-area:form;align-items:center;gap:14px;margin-top:6px;padding:12px 14px;display:flex}.cls .class-transform-name .sprite-icon{box-shadow:0 0 0 1px #8d7b5b88}.cls .class-transform-name span:not(.sprite-icon){gap:3px;min-width:0;display:grid}.cls .class-transform-name small{color:var(--gx-on-dark-accent);letter-spacing:.12em;text-transform:uppercase;font-size:.58rem;font-weight:800}.cls .class-transform-name strong{color:var(--gx-on-dark);font-family:var(--gx-display);letter-spacing:-.02em;text-transform:uppercase;font-size:1.3rem;font-weight:850;line-height:1.1}.cls .class-transform-copy{color:var(--gx-ink-2);grid-area:copy;gap:10px;font-size:.88rem;line-height:1.75;display:grid}.cls .class-transform-copy strong{color:var(--gx-ink)}.cls .class-transform-links{flex-wrap:wrap;gap:6px 24px;margin:4px 0 0;padding:0;font-size:.8rem;list-style:none;display:flex}.cls .class-note{color:var(--gx-ink-2);font-size:.74rem;line-height:1.7}.cls .class-aside{top:calc(var(--header-h,76px) + 20px);gap:12px;display:grid;position:sticky}.cls .class-aside-card{border:1px solid #53524d;padding:18px 20px 20px}.cls .class-aside-card:before{background:var(--gx-accent);width:100%}.cls .aside-title{color:var(--gx-on-dark-accent);letter-spacing:.13em;text-transform:uppercase;font-size:.62rem;font-weight:800}.cls .aside-group{color:var(--gx-on-dark-2);letter-spacing:.1em;text-transform:uppercase;margin-top:12px;font-size:.6rem;font-weight:800}.cls .aside-links{margin:4px 0 0;padding:0;list-style:none;display:grid}.cls .aside-links a,.cls .aside-race a,.cls .aside-race span{min-height:36px;color:var(--gx-on-dark);align-items:center;gap:8px;font-size:.86rem;font-weight:650;text-decoration:none;display:flex}.cls .aside-links a:hover,.cls .aside-race a:hover{color:#f0c999;text-underline-offset:4px;text-decoration:underline}.cls .aside-all{border-top:1px solid #4a4b48;margin-top:12px;padding-top:10px}.cls .aside-all summary{color:var(--gx-on-dark);cursor:pointer;padding:8px 0;font-size:.84rem;font-weight:800}.cls .aside-all summary::marker{color:var(--gx-accent)}.cls .aside-all[open] summary{margin-bottom:6px}.cls .aside-race+.aside-race{border-top:1px solid #3e3f3d;margin-top:10px;padding-top:10px}.cls .aside-race strong{color:var(--gx-on-dark-accent);letter-spacing:.12em;text-transform:uppercase;font-size:.58rem;font-weight:800}.cls .aside-race ul{grid-template-columns:minmax(0,1fr);margin:4px 0 0;padding:0;list-style:none;display:grid}.cls .aside-race a,.cls .aside-race span{min-height:32px;font-size:.82rem}.cls .aside-race [aria-current]{color:var(--gx-accent);font-weight:800}.cls .aside-catalog{color:#e0b07a;margin-top:14px;font-size:.8rem}.cls .class-aside-guide{border:1px solid var(--gx-line-strong);background:var(--gx-card-2);color:var(--gx-ink);align-items:center;gap:12px;padding:14px 16px;text-decoration:none;display:flex;position:relative}.cls .class-aside-guide:before{content:"";background:#ad7338;width:42px;height:3px;position:absolute;top:-1px;left:-1px}.cls .class-aside-guide>svg{color:var(--gx-accent-ink);flex:none}.cls .class-aside-guide>svg:last-child{margin-left:auto}.cls .class-aside-guide span{gap:2px;display:grid}.cls .class-aside-guide strong{font-size:.86rem}.cls .class-aside-guide small{color:var(--gx-ink-2);font-size:.72rem}.cls .class-aside-guide:hover{border-color:#9b5b23}.cls .class-aside-guide:hover strong{text-underline-offset:4px;text-decoration:underline}.cls .class-pager{justify-content:space-between;gap:12px;padding-bottom:48px;display:flex}.cls .class-pager a{border:1px solid var(--gx-line-strong);background:var(--gx-card-2);min-width:min(100%,17rem);color:var(--gx-ink);font-family:var(--gx-display);letter-spacing:-.02em;align-items:center;gap:12px;padding:12px 16px;font-size:1.15rem;font-weight:850;line-height:1.15;text-decoration:none;display:inline-flex;position:relative}.cls .class-pager a:before{content:"";background:#ad7338;width:42px;height:3px;position:absolute;top:-1px;left:-1px}.cls .class-pager a>svg{color:var(--gx-accent-ink);flex:none}.cls .class-pager a span{gap:2px;display:grid}.cls .class-pager small{color:#6e5332;font-family:var(--font-body);letter-spacing:.12em;text-transform:uppercase;font-size:.58rem;font-weight:800}.cls .class-pager .pager-next{text-align:right;justify-content:flex-end;margin-left:auto}.cls .class-pager a:hover{border-color:#9b5b23}@media (max-width:1100px){.cls .class-catalog{grid-template-columns:minmax(0,1fr)}.cls .class-index-bases{grid-template-columns:minmax(0,1fr);gap:18px}}@media (max-width:900px){.cls .class-hero-grid{grid-template:"head""art""body"/minmax(0,1fr)}.cls .class-hero-art{height:320px;min-height:0}.cls .class-hero-art img{max-height:240px}.cls .class-body-grid{grid-template-columns:minmax(0,1fr)}.cls .class-aside{grid-template-columns:repeat(auto-fit,minmax(min(100%,17rem),1fr));align-items:start;position:static}}@media (max-width:760px){.cls .cls-index-hero-grid{grid-template-columns:minmax(0,1fr)}.cls .cls-count{flex-wrap:wrap;place-items:center start;gap:6px 10px;margin-right:0;display:flex}.cls .cls-count-num{-webkit-text-stroke-width:1.5px;font-size:3.2rem}.cls .cls-count-detail{color:var(--gx-on-dark-2);flex-basis:100%}.cls .catalog-filters{grid-template-columns:minmax(0,1fr)}.cls .class-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.cls .class-facts>div+div{border-left:0}.cls .class-facts>div:nth-child(2n){border-left:1px solid #4a4b48}.cls .class-facts>div:nth-child(n+3){border-top:1px solid #4a4b48}.cls .class-transform{grid-template-columns:minmax(0,1fr);grid-template-areas:"title""form""copy"}.cls .class-transform-name{justify-self:start;margin-bottom:6px}}@media (max-width:640px){.cls .class-index-wrap{padding-block:24px 48px}.cls .catalog-controls,.cls .catalog-compare{padding:16px 14px}.cls .catalog-option span{padding-inline:10px}.cls .class-index-grid{grid-template-columns:minmax(0,1fr)}.cls .class-index-bases:has(>:only-child) .class-index-grid{grid-template-columns:minmax(0,1fr)}.cls .class-index-card.has-thumb{grid-template-columns:92px minmax(0,1fr);display:grid}.cls .index-stage{background:linear-gradient(180deg, transparent 0 calc(100% - 20px), #2b2e33 calc(100% - 20px)), var(--gx-dark);height:auto;min-height:150px;padding:10px 6px 8px}.cls .index-stage:before{bottom:20px}.cls .index-stage:after{display:none}.cls .index-thumb{height:auto;max-height:150px}.cls .class-index-card-body{padding:12px}.cls .class-index-name{font-size:1.2rem}.cls .class-index-more{display:none}.cls .class-index-race h2 em{flex-basis:100%;font-size:.55em}.cls .class-advice,.cls .compare-grid{grid-template-columns:minmax(0,1fr)}.cls .class-block{padding:18px 16px}.cls .class-title{gap:12px}.cls .class-title .class-icon{width:38px;height:38px}.cls .class-hero-art{height:290px}.cls .class-hero-art img{max-height:210px}.cls .class-pager{flex-direction:column}.cls .class-pager a{width:100%}.cls .class-pager .pager-next{margin-left:0}.cls .compare-table,.cls .compare-table thead,.cls .compare-table tbody{display:block}.cls .compare-table tr{grid-template-columns:repeat(var(--compare-cols,2), minmax(0, 1fr));display:grid}.cls .compare-table.cols-1 tr{--compare-cols:1}.cls .compare-table thead tr{gap:4px}.cls .compare-table thead td{display:none}.cls .compare-table thead th{border-left:0;padding:8px 6px 8px 10px}.cls .compare-table tbody th{border-bottom:0;grid-column:1/-1;width:auto;padding-bottom:0}.cls .compare-table th,.cls .compare-table td{overflow-wrap:anywhere;padding:10px 8px}.cls .compare-table tbody td+td{border-left:1px solid #a2967b88}.cls .compare-col-head{flex-wrap:wrap}.cls .compare-col-head a{font-size:1.05rem}.cls .catalog-tray{justify-self:stretch}}@media (forced-colors:active){.cls .catalog-controls,.cls .catalog-compare,.cls .class-index-card,.cls .class-hero-art,.cls .compare-toggle,.cls .class-pager a{border:1px solid canvastext}.cls .catalog-option input:checked+span{outline:2px solid highlight}}