.brand-ranking-page,.brand-ranking-page h1,.brand-ranking-page h2{letter-spacing:0}.ranking-hero{padding:34px 0 48px;border-bottom:1px solid var(--border);background:#fff}.ranking-family{display:inline-flex;gap:4px;margin-bottom:44px;padding:4px;border:1px solid #d7e0ef;border-radius:8px;background:#f5f8fc}.ranking-family a{padding:9px 14px;border-radius:5px;color:#59667c;font-size:.78rem;font-weight:800}.ranking-family a.active{background:#fff;color:var(--brand-blue);box-shadow:0 1px 4px #15254317}.hero-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(290px,.55fr);gap:64px;align-items:end}.hero-meta{display:flex;align-items:center;gap:14px}.ranking-hero h1{margin:22px 0 18px;font-size:clamp(2.8rem,5.7vw,4.8rem)}.ranking-hero .lead{max-width:790px;margin:0}.period-line{display:flex;flex-wrap:wrap;gap:12px 26px;margin-top:28px;color:#68758b;font-size:.76rem}.period-line strong{color:var(--ink)}.reading-note{padding-left:28px;border-left:1px solid #cdd8e9}.reading-note>span,.section-label,.chart-panel header>div>span{color:var(--brand-blue);font-size:.67rem;font-weight:850}.reading-note strong{display:block;margin:10px 0 7px;font-size:1.02rem}.reading-note p{margin:0;color:var(--muted);font-size:.78rem;line-height:1.65}.ranking-content{padding:36px 0 88px;background:#fff}.filter-panel,.ranking-panel,.chart-panel{border:1px solid var(--border);border-radius:8px;background:#fff}.filter-row{display:grid;grid-template-columns:88px minmax(0,1fr);gap:18px;padding:20px 22px;border-bottom:1px solid #e8edf4}.filter-row>strong,.filter-toolbar label>strong{padding-top:8px;font-size:.8rem}.segment-wrap{display:flex;flex-wrap:wrap;gap:8px}.segment-wrap button{min-height:36px;padding:7px 13px;border:1px solid #d5dfed;border-radius:6px;background:#f8fafc;color:#4d5a70;font-size:.76rem;font-weight:750;transition:background .2s,border-color .2s,color .2s}.segment-wrap button:hover,.segment-wrap button.active{border-color:var(--brand-blue);background:#edf4ff;color:var(--brand-blue)}.segment-wrap button:focus-visible,.filter-toolbar select:focus-visible,.detail-button:focus-visible{outline:3px solid rgba(37,99,235,.22);outline-offset:2px}.filter-toolbar{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:17px 22px}.scope-copy{display:flex;align-items:center;gap:12px;color:#7b8799;font-size:.74rem}.scope-copy strong{color:#28364c}.filter-toolbar label{display:flex;align-items:center;gap:13px}.filter-toolbar label>strong{padding:0}.filter-toolbar select{width:min(300px,34vw);height:40px;padding:0 36px 0 12px;border:1px solid #cbd7e8;border-radius:6px;background:#fff;color:var(--ink);font:inherit;font-size:.8rem;font-weight:700}.metric-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:20px 0;border:1px solid var(--border);border-radius:8px}.metric-strip>div{min-width:0;padding:20px 22px;border-left:1px solid var(--border)}.metric-strip>div:first-child{border-left:0}.metric-strip dt{color:var(--muted);font-size:.7rem}.metric-strip dd{overflow:hidden;margin:5px 0 0;color:var(--ink);font-size:1.05rem;font-weight:850;text-overflow:ellipsis;white-space:nowrap;font-variant-numeric:tabular-nums}.chart-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;margin-bottom:20px}.chart-panel{min-width:0;padding:24px}.chart-panel>header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:22px}.chart-panel h2{margin:7px 0 4px;font-size:1.16rem}.chart-panel header p{margin:0;color:var(--muted);font-size:.75rem;line-height:1.55}.chart-panel header>i{width:42px;height:7px;margin-top:6px;border-radius:2px;background:var(--brand-blue)}.score-chart-list,.comparison-list{display:grid;gap:11px}.chart-row{display:grid;grid-template-columns:minmax(88px,132px) minmax(80px,1fr) 38px;align-items:center;gap:11px;font-size:.7rem}.chart-row>span{overflow:hidden;color:#425069;font-weight:750;text-overflow:ellipsis;white-space:nowrap}.chart-row>span b{display:inline-block;width:24px;color:#9aa5b5;font-size:.61rem}.chart-row>i{height:8px;overflow:hidden;border-radius:2px;background:#edf1f6}.chart-row>i u{display:block;height:100%;border-radius:2px;background:#2d67e8;text-decoration:none}.chart-row>strong{color:var(--ink);font-size:.7rem;text-align:right;font-variant-numeric:tabular-nums}.chart-legend{display:grid;grid-template-columns:8px auto 8px auto;align-items:center;gap:5px 7px;color:#6c788b;font-size:.61rem;white-space:nowrap}.chart-legend i{width:8px;height:8px;border-radius:2px;background:#12a2bd}.chart-legend i:nth-of-type(2){background:#6a47ed}.comparison-row{display:grid;grid-template-columns:minmax(76px,104px) minmax(90px,1fr) 82px;align-items:center;gap:10px;font-size:.68rem}.comparison-row>span{overflow:hidden;color:#425069;font-weight:750;text-overflow:ellipsis;white-space:nowrap}.comparison-row>div{display:grid;gap:3px}.comparison-row>div i{display:block;height:4px;border-radius:1px;background:#12a2bd}.comparison-row>div i+i{background:#6a47ed}.comparison-row>strong{color:#657188;font-size:.62rem;text-align:right;font-variant-numeric:tabular-nums}.ranking-panel>header{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding:25px 26px 20px;border-bottom:1px solid var(--border)}.ranking-panel h2{margin:7px 0 5px;font-size:1.35rem}.ranking-panel header p{margin:0;color:var(--muted);font-size:.82rem}.result-count{display:grid;width:42px;height:42px;place-items:center;border-radius:50%;background:#edf4ff;color:var(--brand-blue);font-size:.8rem;font-weight:850}.desktop-table{overflow-x:auto}.desktop-table table{width:100%;border-collapse:collapse;table-layout:fixed}.desktop-table th{height:45px;padding:0 12px;background:#f6f8fb;color:#728097;text-align:left;font-size:.68rem}.desktop-table th:nth-child(1){width:76px}.desktop-table th:nth-child(2){width:150px}.desktop-table th:nth-child(8){width:70px;text-align:center}.desktop-table th button{display:flex;align-items:center;gap:5px;padding:0;border:0;background:transparent;color:inherit;font:inherit;font-weight:inherit}.desktop-table th button.active{color:var(--brand-blue)}.desktop-table td{height:74px;padding:10px 12px;border-top:1px solid #edf1f6;color:#4f5c71;font-size:.76rem;vertical-align:middle}.desktop-table td>strong{display:block;color:var(--ink);font-size:.83rem}.desktop-table td>small{display:block;margin-top:4px;color:#8490a3;font-size:.64rem}.rank{display:grid;width:34px;height:30px;place-items:center;border-radius:5px;background:#edf1f6;color:#65738a;font-size:.7rem;font-weight:850}.rank.top{background:var(--brand-blue);color:#fff}.trend{font-size:.62rem!important}.trend.up{color:#16845e!important}.trend.down{color:#cc5548!important}.brand-cell{display:flex;min-width:0;align-items:center;gap:10px}.brand-logo{display:grid;width:36px;height:36px;overflow:hidden;flex:none;place-items:center;border:1px solid #d9e1ec;border-radius:7px;background:#fff}.brand-logo img{display:block;width:100%;height:100%;padding:3px;object-fit:contain}.brand-logo.placeholder{border-color:#c8d8f2;background:#f0f5ff;color:#225bc7;font-size:.65rem;font-weight:900}.brand-cell strong{display:block;overflow:hidden;color:var(--ink);text-overflow:ellipsis;white-space:nowrap}.detail-button{display:grid;width:32px;height:32px;margin:auto;place-items:center;border:1px solid #cbd7e8;border-radius:6px;background:#fff;color:var(--brand-blue);font-size:1.2rem}.brand-detail-row td{height:auto!important;padding:0!important;background:#f8fafc}.platform-detail{padding:22px 26px}.platform-detail>strong{display:block;margin-bottom:14px;color:var(--ink)}.platform-detail>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.platform-detail article{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:12px;border:1px solid #dfe6f0;border-radius:6px;background:#fff}.platform-detail article>span{overflow:hidden;color:#4d5b72;font-size:.68rem;font-weight:750;text-overflow:ellipsis;white-space:nowrap}.platform-detail article>b{font-size:.72rem}.platform-detail article>i{grid-column:1/-1;height:4px;overflow:hidden;border-radius:2px;background:#e8edf4}.platform-detail article u{display:block;height:100%;border-radius:2px;background:var(--brand-blue);text-decoration:none}.platform-detail article>small{grid-column:1/-1;color:#8792a4;font-size:.6rem;line-height:1.5}.mobile-ranking{display:none}.rank-cell{display:grid;width:42px;min-height:34px;place-items:center;align-content:center;gap:2px}.rank-medal{display:grid;width:28px;height:32px;place-items:center}.rank-medal img{display:block;width:22px;height:26px;object-fit:contain}.rank-number{color:var(--ink);font-size:.75rem;font-weight:800;font-variant-numeric:tabular-nums}.rank-movement{display:flex;min-height:14px;align-items:center;justify-content:center;gap:2px;font-size:.62rem;font-weight:750;line-height:1}.rank-movement img{display:block;width:20px;height:12px;object-fit:contain}.rank-movement.up{color:#f53f3f}.rank-movement.down{color:#00b42a}@media(max-width:1000px){.hero-grid{grid-template-columns:1fr;gap:30px}.reading-note{padding:22px 0 0;border-top:1px solid #cdd8e9;border-left:0}.chart-grid{grid-template-columns:1fr}.platform-detail>div{grid-template-columns:repeat(2,minmax(0,1fr))}.desktop-table table{min-width:970px}}@media(max-width:700px){.ranking-hero{padding:26px 0 34px}.ranking-family{width:100%;margin-bottom:34px}.ranking-family a{flex:1;text-align:center}.hero-meta{align-items:flex-start;flex-direction:column;gap:10px}.ranking-hero h1{margin-top:20px;font-size:2.45rem}.ranking-hero .lead{font-size:.93rem;line-height:1.7}.period-line{margin-top:22px}.ranking-content{padding:24px 0 64px}.filter-row{grid-template-columns:1fr;gap:11px;padding:17px 15px}.filter-row>strong{padding:0}.segment-wrap{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.segment-wrap button{min-width:0;padding:7px 4px;overflow-wrap:anywhere}.filter-toolbar{align-items:stretch;flex-direction:column;padding:17px 15px}.scope-copy{justify-content:space-between}.filter-toolbar label{align-items:flex-start;flex-direction:column;gap:9px}.filter-toolbar select{width:100%}.metric-strip{grid-template-columns:1fr 1fr}.metric-strip>div{padding:16px}.metric-strip>div:nth-child(3){border-top:1px solid var(--border);border-left:0}.metric-strip>div:nth-child(4){border-top:1px solid var(--border)}.metric-strip dd{font-size:.82rem}.chart-panel{padding:20px 15px}.chart-panel>header{align-items:flex-start;flex-direction:column}.chart-row{grid-template-columns:minmax(78px,110px) minmax(60px,1fr) 34px;gap:8px}.comparison-row{grid-template-columns:minmax(68px,90px) minmax(60px,1fr) 76px;gap:8px}.ranking-panel>header{align-items:flex-start;padding:20px 16px}.ranking-panel header p{line-height:1.6}.desktop-table{display:none}.mobile-ranking{display:grid;gap:10px;margin:0;padding:12px;list-style:none}.brand-mobile-item{overflow:hidden;border:1px solid #dce4ef;border-radius:8px;background:#fff}.brand-mobile-item>button{display:grid;width:100%;grid-template-columns:36px minmax(0,1fr) auto 28px;align-items:center;gap:10px;padding:14px;border:0;background:#fff;text-align:left}.brand-mobile-item .mobile-score{color:var(--ink);font-size:1rem;text-align:right}.mobile-score small{display:block;margin-top:2px;color:var(--muted);font-size:.58rem;font-weight:650}.expand-symbol{color:var(--brand-blue);font-size:1.2rem;text-align:center}.brand-mobile-item .platform-detail{padding:14px;border-top:1px solid #dce4ef;background:#f8fafc}.platform-detail>div{grid-template-columns:1fr 1fr}.platform-detail article{padding:10px}.platform-detail article>span{white-space:normal}.result-count{width:36px;height:36px;flex:none}.brand-logo{width:34px;height:34px}}@media(max-width:700px){.metric-strip>div:nth-child(4) dd{overflow:visible;white-space:normal;overflow-wrap:anywhere;line-height:1.4}}@media(max-width:390px){.segment-wrap{grid-template-columns:repeat(2,minmax(0,1fr))}.brand-mobile-item>button{grid-template-columns:32px minmax(0,1fr) auto 22px;padding:12px;gap:8px}.platform-detail>div{grid-template-columns:1fr}.scope-copy{align-items:flex-start;flex-direction:column}.comparison-row{grid-template-columns:70px minmax(50px,1fr) 68px}.comparison-row>strong{font-size:.57rem}}@media(max-width:700px){.brand-mobile-item>button{grid-template-columns:44px minmax(0,1fr) auto 28px}.brand-mobile-item .rank-cell{width:44px}}@media(max-width:390px){.brand-mobile-item>button{grid-template-columns:40px minmax(0,1fr) auto 22px}.brand-mobile-item .rank-cell{width:40px}}