/* Structural fixes only — NO color overrides.
   Original HTML design colors preserved.
   Boss order 2026-10-16: restore original, don't redesign. */

/* Header layout */
.site-header-inner { display: flex !important; align-items: center !important; gap: 16px !important; max-width: 1400px !important; margin: 0 auto !important; padding: 12px 20px !important; }

/* Tabs — pills not squares */
.grade-tab { border-radius: 999px !important; padding: 10px 26px !important; cursor: pointer !important; }
.grade-tabs { display: flex !important; gap: 10px !important; flex-wrap: wrap !important; margin: 20px 0 !important; }

/* Tab panels */
/* tab-panel display handled by hidden attribute */
/* tab-panel active handled by JS */

/* Mobile nav */
@media (max-width: 768px) {
  .site-nav { display: none !important; }
  .hamburger, .mobile-menu-btn, .menu-toggle { display: block !important; }
}
/* Force update 202610162233 */

/* ARTICLE LIGHT-MODE FIXES (Boss 2026-10-16) — dark text on light backgrounds */
.article-hero-title, .wire-title, h1.article-title { color: #0C111D !important; }
.article-dek, .wire-dek { color: #4A5163 !important; }
.summary-box, .tldr-box { background: #FFFFFF !important; border: 1px solid #E6E9F2 !important; }
.summary-box p, .summary-box li, .tldr-box p, .tldr-box li { color: #0C111D !important; }
.lens-tab { color: #0C111D !important; }
.lens-content { color: #4A5163 !important; }
.consensus-box { background: #FFFFFF !important; }
.consensus-box p { color: #0C111D !important; }

/* Lens tabs — prevent cutoff */
.lens-tabs { display: flex !important; flex-wrap: wrap !important; gap: 8px !important; overflow-x: auto !important; }
.lens-tab { white-space: nowrap !important; flex-shrink: 0 !important; }