/* ============================================
   Top10Scout Global Fix — Authority Lab Override
   Applied to ALL existing review pages
   ============================================ */

/* === Fix 1: Logo — replace broken author image with text styling === */
.site-header .logo img {
    display: none !important;
}

/* === Fix 2: Hero section — constrain height, fix overlap === */
.page-hero {
    min-height: auto !important;
    max-height: 320px !important;
    height: auto !important;
    padding: 48px 0 36px !important;
    position: relative !important;
    overflow: hidden !important;
    display: flex !important;
    align-items: center !important;
}
.page-hero .container {
    position: relative !important;
    z-index: 2 !important;
}
.page-hero h1 {
    font-family: 'DM Serif Display', Georgia, serif !important;
    font-size: 2rem !important;
    line-height: 1.25 !important;
    color: #F8FAFC !important;
    max-width: 720px !important;
    margin: 0 auto !important;
}
.page-hero .meta {
    color: #94A3B8 !important;
    font-size: 0.85rem !important;
}
.page-hero .breadcrumb {
    color: #94A3B8 !important;
    font-size: 0.82rem !important;
}
.page-hero .breadcrumb a { color: #CBD5E1 !important; }

/* === Fix 3: Hero image — hide the broken author photo === */
.hero-image,
.article-content > .hero-image,
.article-content > div.hero-image {
    display: none !important;
}

/* === Fix 4: Article body typography === */
@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Display:wght@400&family=Libre+Franklin:wght@400;500;600;700&display=swap');

.article-content,
.article-body {
    font-family: 'Libre Franklin', 'system-ui', sans-serif !important;
    font-size: 17px !important;
    line-height: 1.8 !important;
    color: #1E293B !important;
    -webkit-font-smoothing: antialiased !important;
}

.article-content h1,
.article-content h2,
.article-content h3 {
    font-family: 'DM Serif Display', Georgia, serif !important;
    color: #0F172A !important;
    letter-spacing: -0.02em !important;
}

.article-content h2 {
    font-size: 1.6rem !important;
    margin-top: 40px !important;
    margin-bottom: 16px !important;
    padding-bottom: 10px !important;
    border-bottom: 2px solid #E2E8F0 !important;
}

.article-content h3 {
    font-size: 1.2rem !important;
    margin-top: 28px !important;
    margin-bottom: 10px !important;
}

.article-content p {
    margin-bottom: 18px !important;
    color: #1E293B !important;
}

/* Max width for readability */
.article-content {
    max-width: 760px !important;
    margin: 0 auto !important;
}

/* === Fix 5: Author sidebar / bio — prevent overlap === */
.author-sidebar,
.sidebar-bio,
.author-bio-sidebar,
aside.author-card,
.article-layout > aside {
    position: static !important;
    float: none !important;
    width: 100% !important;
    max-width: 760px !important;
    margin: 24px auto !important;
    display: block !important;
}

/* The article layout — force single column, no sidebar overlap */
.article-layout {
    display: block !important;
    max-width: 760px !important;
    margin: 0 auto !important;
}

/* === Fix 6: Tables === */
.article-content table {
    width: 100% !important;
    border-collapse: collapse !important;
    border: 1px solid #E2E8F0 !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    margin: 24px 0 !important;
    font-size: 0.92rem !important;
}
.article-content th {
    background: #0F172A !important;
    color: #F8FAFC !important;
    padding: 12px 16px !important;
    text-align: left !important;
    font-weight: 600 !important;
    font-size: 0.82rem !important;
    text-transform: uppercase !important;
    letter-spacing: 0.04em !important;
}
.article-content td {
    padding: 12px 16px !important;
    border-bottom: 1px solid #F1F5F9 !important;
}
.article-content tr:nth-child(even) td { background: #F8FAFC !important; }
.article-content tr:hover td { background: #FFF7ED !important; }

/* === Fix 7: Links & CTAs === */
.article-content a {
    color: #EA580C !important;
    text-decoration: none !important;
    transition: border-color 0.2s;
}
.article-content a:hover {
    border-bottom: 1px solid #EA580C !important;
}
/* Amazon buttons */
.article-content a[href*="amazon"],
.article-content a[href*="amzn"],
.cta-button,
.buy-button,
.check-price {
    display: inline-block !important;
    background: #EA580C !important;
    color: #FFFFFF !important;
    font-weight: 700 !important;
    padding: 14px 32px !important;
    border-radius: 6px !important;
    text-align: center !important;
    text-decoration: none !important;
    border: none !important;
    transition: transform 0.15s, box-shadow 0.15s !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08) !important;
    margin: 12px 0 !important;
}
.article-content a[href*="amazon"]:hover,
.article-content a[href*="amzn"]:hover,
.cta-button:hover {
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 16px rgba(0,0,0,0.12) !important;
    border-bottom: none !important;
}

/* === Fix 8: Disclaimer / blockquotes === */
.article-disclaimer,
.article-content blockquote {
    background: #F8FAFC !important;
    border-left: 4px solid #EA580C !important;
    padding: 14px 18px !important;
    margin: 20px 0 !important;
    border-radius: 0 6px 6px 0 !important;
    font-size: 0.9rem !important;
    color: #64748B !important;
}

/* === Fix 9: Site header refinement === */
.site-header {
    background: #0F172A !important;
    border-bottom: none !important;
    padding: 12px 0 !important;
}
.main-nav a {
    color: #CBD5E1 !important;
    font-weight: 500 !important;
    font-size: 0.9rem !important;
    text-decoration: none !important;
}
.main-nav a:hover { color: #F8FAFC !important; }
.nav-toggle { color: #F8FAFC !important; }

/* === Fix 10: Images === */
.article-content img {
    max-width: 100% !important;
    height: auto !important;
    border-radius: 8px !important;
}
.article-content figure {
    margin: 24px 0 !important;
}

/* === Fix 11: Verdict / Opinion Box === */
.verdict-box,
.our-verdict,
.opinion-box {
    background: #F8FAFC !important;
    border: 1px solid #E2E8F0 !important;
    border-left: 4px solid #EA580C !important;
    border-radius: 6px !important;
    padding: 22px 26px !important;
    margin: 28px 0 !important;
}

/* === Mobile responsive === */
@media (max-width: 640px) {
    .page-hero h1 { font-size: 1.5rem !important; }
    .page-hero { padding: 32px 0 24px !important; max-height: 260px !important; }
    .article-content h2 { font-size: 1.3rem !important; }