.features-vote .battle-card img{height:clamp(145px,16vw,230px);max-width:100%;object-fit:contain;filter:none;aspect-ratio:16/9}
.features-vote .battle-card strong{font-size:calc((clamp(17px,calc(1.8 * var(--type-reference-vw, 1vw)),27px)) * var(--desktop-font-scale, 1));line-height:1.1;text-wrap:balance}
.features-vote .battle-weapon-note{font-size:calc((12px) * var(--desktop-font-scale, 1));line-height:1.35}
.feature-sections{display:flex;justify-content:center;gap:18px;flex-wrap:wrap;margin:10px auto;color:#aeb5b8;font:calc((12px) * var(--desktop-font-scale, 1)) var(--mono)}
.feature-sections a,.feature-detail-link{color:var(--accent);text-decoration:none}
.features-vote .feature-detail-link{font:calc((11px) * var(--desktop-font-scale, 1)) var(--mono)}
.features-vote .feature-intro{text-align:center;color:#aeb5b8;font:calc((12px) * var(--desktop-font-scale, 1))/1.4 var(--mono);margin:8px 0}
.feature-document{max-width:1100px;margin:0 auto;padding:76px 20px 55px;font:calc((16px) * var(--desktop-font-scale, 1))/1.6 var(--mono);color:#c9ced1}
.feature-document h1,.feature-document h2,.feature-document h3{color:#edf0f1;font-family:var(--title);letter-spacing:.03em;line-height:1.2}
.feature-document h1{font-size:calc((clamp(25px,calc(4 * var(--type-reference-vw, 1vw)),40px)) * var(--desktop-font-scale, 1))}
.feature-document h2{font-size:calc((26px) * var(--desktop-font-scale, 1));margin:24px 0 10px}
.feature-document p{margin:12px 0}
.feature-document a{color:var(--accent)}
.feature-breadcrumbs{display:flex;gap:10px;flex-wrap:wrap;font-size:calc((13px) * var(--desktop-font-scale, 1));margin-bottom:20px}
.feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.feature-grid article{padding:16px;background:var(--surface-panel);border:1px solid var(--line);min-width:0}
.feature-grid img,.feature-hero{width:100%;height:auto;aspect-ratio:16/9;object-fit:contain}
.feature-hero{max-width:680px;display:block;margin:12px auto}
.feature-grid h3{font-size:calc((24px) * var(--desktop-font-scale, 1));margin:12px 0}
.feature-metrics{display:flex;gap:14px 25px;flex-wrap:wrap;padding:12px 0;font-size:calc((14px) * var(--desktop-font-scale, 1))}
.feature-metrics div{display:flex;gap:7px}.feature-metrics dt{color:#9aa4a9}.feature-metrics dd{margin:0;color:var(--accent)}
.feature-status{color:var(--accent);font-size:calc((13px) * var(--desktop-font-scale, 1));letter-spacing:.03em}
.feature-sources{font-size:calc((13px) * var(--desktop-font-scale, 1));color:#9aa4a9;line-height:1.5}.feature-sources ul{padding-left:20px}
.feature-related{display:flex;gap:16px;flex-wrap:wrap}
@media(max-width:640px){.features-vote .battle-card img{height:clamp(110px,32vw,145px)}.features-vote .battle-card strong{font-size:calc((18px) * var(--desktop-font-scale, 1))}.features-vote .battle-weapon-note{font-size:calc((11px) * var(--desktop-font-scale, 1))}.feature-document{padding:65px 14px 44px}.feature-grid{grid-template-columns:1fr}.feature-sections{gap:12px;font-size:calc((11px) * var(--desktop-font-scale, 1))}}
.features-vote .battle-section h2.battle-microcopy{font:500 calc((12px) * var(--desktop-font-scale, 1))/1.45 var(--mono);letter-spacing:.02em;margin:0 auto 12px;color:#b7bec2}
.features-vote .battle-card img{height:190px}
@media(max-width:640px){.features-vote .battle-card img{height:116px}.features-vote .battle-section h2.battle-microcopy{font-size:calc((10px) * var(--desktop-font-scale, 1))}}
.feature-tracker{font-size:calc((14px) * var(--desktop-font-scale, 1));line-height:1.55}
.feature-tracker-top{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:26px;align-items:center;margin:18px 0}
.feature-tracker .feature-hero{margin:0;max-width:none}
.feature-tracker .feature-eyebrow,.feature-verified{font-size:calc((11px) * var(--desktop-font-scale, 1));color:#a5adb2;letter-spacing:.04em}
.feature-tracker .feature-answer h2{font-size:calc((clamp(20px,calc(2.2 * var(--type-reference-vw, 1vw)),27px)) * var(--desktop-font-scale, 1));margin:8px 0}
.feature-status-block{font-size:calc((12px) * var(--desktop-font-scale, 1));margin:16px 0 6px}.feature-status-block div{display:flex;gap:10px;flex-wrap:wrap}.feature-status-block dt{color:#a5adb2}.feature-status-block dd{color:var(--accent);margin:0}
.feature-tracker>section{border-top:1px solid var(--line);margin-top:18px;padding-top:2px}
.feature-tracker>section h2{font-size:calc((21px) * var(--desktop-font-scale, 1));margin-top:16px;text-transform:uppercase}
.feature-additions{padding-left:20px;margin:10px 0}.feature-additions li{margin:5px 0}
.feature-mechanics{color:#aeb6ba;font-size:calc((13px) * var(--desktop-font-scale, 1))}
.feature-cta{margin:25px 0!important}.feature-cta a{display:inline-block;border:1px solid var(--accent);padding:10px 16px;font:600 calc((13px) * var(--desktop-font-scale, 1)) var(--mono);text-decoration:none}.feature-cta a:hover{background:var(--surface-raised)}
.feature-sources summary{cursor:pointer;color:#aeb6ba}.feature-sources{margin-top:18px}
@media(max-width:760px){.feature-tracker-top{grid-template-columns:1fr;gap:12px}.feature-tracker .feature-answer h2{font-size:calc((22px) * var(--desktop-font-scale, 1))}.feature-tracker .feature-metrics{gap:12px 18px;font-size:calc((12px) * var(--desktop-font-scale, 1))}}

/* Full tracker headings stay in normal flow on phones; tablet/desktop retain the existing masthead. */
.feature-mobile-masthead{display:none}
.feature-status-meaning{font-size:calc((12px) * var(--desktop-font-scale, 1));color:#aeb6ba}
@media(max-width:760px){
 html:not(.wardogs-ipad) body[data-features-page="feature"] .nav-active-title{display:none!important}
 html:not(.wardogs-ipad) body[data-features-page="feature"] .feature-mobile-masthead{display:block;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(120px,calc(100vw - 2 * var(--mobile-brand-width) - 76px));font:calc((11px) * var(--desktop-font-scale, 1))/1.15 var(--title);letter-spacing:.03em;text-align:center;color:var(--accent);white-space:normal;text-wrap:balance;overflow-wrap:anywhere}
 html:not(.wardogs-ipad) body[data-features-page="feature"] .feature-tracker{padding:65px 14px 44px;min-width:0}
 html:not(.wardogs-ipad) body[data-features-page="feature"] .feature-tracker>.section-heading{display:block;min-width:0;height:auto;margin:0 0 14px}
 html:not(.wardogs-ipad) body[data-features-page="feature"] .feature-tracker>.section-heading h1{display:block!important;width:100%;max-width:100%;margin:0;font-size:calc((clamp(16px,calc(4.5 * var(--type-reference-vw, 1vw)),22px)) * var(--desktop-font-scale, 1));letter-spacing:.01em;line-height:1.2;white-space:normal;overflow-wrap:anywhere;text-wrap:balance}
 html:not(.wardogs-ipad) body[data-features-page="feature"] .feature-tracker .feature-breadcrumbs{margin-bottom:12px}
 html:not(.wardogs-ipad) body[data-features-page="feature"] .feature-tracker-top>*{min-width:0}
}

.features-vote #ranking-list li{position:relative;transition:background-color .15s ease;-webkit-tap-highlight-color:rgba(247,108,2,.14)}
.features-vote #ranking-list .feature-ranking-name{color:inherit;text-decoration:none;font:inherit;font-weight:700;cursor:pointer;transition:color .15s ease}
.features-vote #ranking-list .feature-ranking-name::before{content:'';position:absolute;inset:0;z-index:1}
.features-vote #ranking-list .feature-ranking-name::after{content:'›' / '';color:var(--accent);margin-left:5px;font-weight:500}
.features-vote #ranking-list li:focus-within{background-color:rgba(247,108,2,.06)}
.features-vote #ranking-list .feature-ranking-name:focus-visible{outline:1px solid var(--accent);outline-offset:3px;color:var(--accent)}
.features-vote #ranking-list li:active{background-color:rgba(247,108,2,.12)}
.features-vote #ranking-list li:active .feature-ranking-name{color:var(--accent)}
@media(hover:hover){.features-vote #ranking-list li:hover{background-color:rgba(247,108,2,.06)}.features-vote #ranking-list li:hover .feature-ranking-name{color:var(--accent)}}

/* Compact only individual trackers, below the fixed site header. */
body:is([data-features-page="feature"],[data-future-weapon]) .feature-tracker{padding-top:14px!important}
body:is([data-features-page="feature"],[data-future-weapon]) .feature-tracker>.section-heading{position:absolute!important;width:1px!important;height:1px!important;min-height:0!important;margin:0!important;padding:0!important;overflow:hidden!important;clip-path:inset(50%);white-space:nowrap}
body:is([data-features-page="feature"],[data-future-weapon]) .feature-tracker-top{margin-top:0}