.home-phone-topics { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; padding:4px 0 12px; }
.home-phone-topics button { display:flex; align-items:center; justify-content:space-between; min-width:0; min-height:40px; padding:8px 12px; border:0; border-radius:4px; background:#eef3fb; color:#2864c6; font-size:14px; font-weight:600; }
.home-phone-topics .ui-icon { width:15px; height:15px; }
.phone-topic-tabs { display:flex; border-bottom:1px solid #e4e7ec; }
.phone-topic-tabs button { position:relative; flex:1; min-width:0; padding:18px 4px; border:0; border-radius:0; background:transparent; color:#68707c; font-size:16px; font-weight:600; }
.phone-topic-tabs button.active { color:#2864c6; }
.phone-topic-tabs button.active::after { content:""; position:absolute; bottom:0; left:16px; right:16px; height:3px; background:#2864c6; }
.phone-metrics { display:flex; gap:4px; margin-top:16px; }
.phone-metrics button { flex:1; min-width:0; min-height:38px; padding:8px 4px; border:0; border-radius:4px; background:#f1f3f6; color:#5d6673; font-size:12px; line-height:1.4; }
.phone-metrics button.active { background:#2864c6; color:#fff; }
.phone-filter-row { display:flex; align-items:center; gap:10px; min-height:64px; }
#phoneCount { color:#68707c; font-size:12px; flex-shrink:0; }
#phoneVendor { min-width:0; max-width:145px; margin-left:auto; padding:9px 6px; background:#fff; border:1px solid #dce1e7; border-radius:4px; color:#454c56; font-size:12px; }
#phonePlatforms { display:flex; min-width:0; margin:0; padding:3px; background:#f1f3f6; border-radius:4px; }
#phonePlatforms button { flex:1; padding:8px; border:0; border-radius:3px; background:transparent; color:#68707c; font-size:12px; }
#phonePlatforms button.active { color:#fff; background:#2864c6; }
.phone-source { display:flex; flex-direction:column; gap:5px; padding-bottom:18px; color:#747b87; font-size:12px; line-height:1.5; }
#phoneTestName { color:#38414e; font-weight:500; }
#phoneRankingsView .ladder-row.is-selected { background:#f8faff; box-shadow:inset 3px 0 #2864c6; }
#phoneRankingsView .ladder-row.is-selected .rank { padding-left:5px; }
.phone-skeleton { height:72px; margin:8px 0; }
#phoneListEnd { padding:20px; color:#747b87; font-size:12px; text-align:center; }
#phoneRankingsView button:focus-visible,#phoneRankingsView select:focus-visible,.home-phone-topics button:focus-visible { outline:2px solid #2864c6; outline-offset:2px; }
@media (max-width:360px) { .phone-filter-row { gap:5px; } #phoneVendor { max-width:112px; } #phonePlatforms button { padding:8px 5px; } }