/* Approved three-section homepage; data categories keep their original IDs. */
body[data-home-section="true"] .app-header { min-height:94px; padding:18px; }
body[data-home-section="true"] .app-header h1 { font-size:32px; font-weight:800; }
body[data-home-section="true"] .brand-kicker { display:none; }
#homeNavigation { margin:0 -22px; }
#homeNavigation .search-wrap { position:relative; display:flex; align-items:center; height:52px; margin:0; padding:0 18px 10px; border:0; border-radius:0; background:#edf0f3; }
#homeNavigation .search-wrap input { min-width:0; width:100%; height:42px; padding:0 32px 0 38px; border:1px solid #dce1e7; border-radius:6px; background:#fff; font-size:15px; }
#homeNavigation .search-wrap > .ui-icon { position:absolute; left:30px; top:13px; width:20px; height:20px; color:#747b87; }
#homeNavigation .clear-search { position:absolute; right:22px; top:2px; }
#homeNavigation .search-results { margin:0 18px; }
.home-section-tabs { display:grid; grid-template-columns:1fr 1fr 1.2fr; gap:4px; padding:0 10px; border-bottom:1px solid #e4e7ec; }
.home-section-tabs button { position:relative; min-width:0; min-height:52px; padding:8px 0; border:0; border-radius:0; background:transparent; color:#242932; font-size:15px; white-space:nowrap; }
.home-section-tabs button.active { color:#2864c6; font-weight:650; }
.home-section-tabs button.active::after { content:""; position:absolute; bottom:0; left:50%; width:34px; height:3px; transform:translateX(-50%); background:#2864c6; border-radius:2px; }
#homeView .category-grid { display:flex; flex-wrap:wrap; gap:2px; margin:0 -22px; padding:12px 12px; border-bottom:1px solid #e4e7ec; background:#fff; }
#homeView .category-item { flex:1; min-width:45px; width:0; height:36px; padding:0 3px; border-radius:5px; }
#homeView .category-item strong { font-size:14px; font-weight:500; white-space:nowrap; }
#homeView .category-item.active { background:#e8f0fd; }
#homeView .category-item.active strong { color:#2864c6; font-weight:650; }
.home-subcategories { display:flex; gap:8px; padding-top:14px; }
.home-subcategories button { min-height:36px; padding:6px 12px; border:0; border-radius:4px; background:#f3f5f7; color:#69727e; font-size:13px; }
.home-subcategories button.active { background:#e8f0fd; color:#2864c6; }
#homeView .home-ranking-heading { align-items:center; margin:16px 0 8px; }
#homeView .home-ranking-heading h2 { font-size:22px; font-weight:650; }
#homeView .home-ranking-heading button { color:#747b87; font-size:12px; }
#homeRankingTabs { display:flex; flex-wrap:nowrap; gap:20px; max-width:100%; overflow-x:auto; scrollbar-width:none; border-bottom:1px solid #e4e7ec; }
#homeRankingTabs::-webkit-scrollbar { display:none; }
#homeRankingTabs button { flex:0 0 auto; min-height:40px; padding:10px 1px; border:0; border-radius:0; background:transparent; color:#687180; font-size:13px; line-height:1.45; white-space:nowrap; }
#homeRankingTabs button.active { color:#2864c6; font-weight:650; background:transparent; box-shadow:inset 0 -3px #2864c6; }
.home-ranking-context { display:flex; align-items:center; justify-content:space-between; gap:8px; min-height:44px; padding:4px 0; color:#687180; font-size:11px; }
#homeGroupLabel { min-width:0; overflow-wrap:anywhere; }
#homePlatformTabs { margin:0; padding:0; flex-shrink:0; border:0; background:transparent; }
#homePlatformTabs button { height:36px; min-width:52px; padding:0 8px; border-radius:4px; font-size:11px; }
#homePlatformTabs button.active { background:#e8f0fd; color:#2864c6; }
#homeSource { margin:10px 0 8px; font-size:11px; line-height:1.5; }
#homeView .preview-count { margin:0 0 8px; min-height:18px; }
#homeRankingTitle { display:none; }
#homePreviewCount { font-size:11px; }
#topPreview { margin:0 -22px; border:0; border-radius:0; overflow:visible; }
#homeView #topPreview .ladder-row { min-height:64px; grid-template-columns:32px minmax(0,1fr) 36px; padding:8px 14px; border-bottom:1px solid #fff; background:#f2f5f8; }
#homeView #topPreview .performance-fill { display:block; left:0; right:50px; top:0; bottom:0; width:auto; height:auto; background:#e0eaf8 !important; pointer-events:none; }
#homeView #topPreview .performance-cap { top:0; bottom:0; height:100%; width:1px; background:#4579c6 !important; }
#homeView #topPreview .row-name { font-size:14px; line-height:1.35; }
#homeView #topPreview .row-score { font-size:17px; }
#homeView #topPreview .row-score-wrap { max-width:46%; }
#homeView #topPreview .row-meta { font-size:10px; margin-top:4px; }
#homeView #topPreview .score-group-heading { padding:10px 18px; background:#f8f9fb; font-size:11px; color:#687180; }
#homeView #topPreview .ladder-row.is-selected { box-shadow:inset 3px 0 #2864c6; }
.home-full-ladder { display:flex; align-items:center; justify-content:center; gap:5px; min-height:56px; width:100%; padding:0; border:0; border-radius:0; background:transparent; color:#2864c6; font-size:14px; }
.home-full-ladder .ui-icon { width:18px; height:18px; }
body[data-home-section="true"] #calendarView { padding-top:16px; }
body[data-searching="true"] .view.active,body[data-searching="true"] .home-section-tabs { display:none; }
body[data-home-section="true"] .site-footer { margin-top:12px; }