/* ===== TradingBlueChip — Main Stylesheet ===== */
* { margin:0; padding:0; box-sizing:border-box; }
*:focus-visible { outline:2px solid #0047AB; outline-offset:2px; border-radius:4px; }
html { width:100%; overflow-x:hidden; }
body { width:100%; min-width:100%; }
body { font-family:'Inter',sans-serif; color:#1A1D23; background:#F5F6F8; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; text-rendering:optimizeLegibility; }

/* Override WordPress block width constraints for classic theme */
.alignfull, .alignwide, .entry-content, .wp-site-blocks,
.wp-block-post-content, .is-layout-constrained, .is-layout-flow,
.wp-block-group__inner-container { max-width:none !important; padding:0 !important; }
body .is-layout-flex { gap:0; }
main, .container { max-width:none !important; width:100%; }
html, body { margin:0 !important; padding:0 !important; }

/* ===== SKIP LINK ===== */
.skip-link { position:absolute; top:-40px; left:0; background:#0047AB; color:#fff; padding:8px 16px; z-index:200; font-size:14px; text-decoration:none; }
.skip-link:focus { top:0; }

/* ===== NAV ===== */
.nav { background:#fff; border-bottom:1px solid #E8EAED; position:sticky; top:0; z-index:100; }
.nav-inner { max-width:1200px; margin:0 auto; display:flex; align-items:center; justify-content:space-between; height:60px; padding:0 20px; }
.nav-logo { font-size:20px; font-weight:800; color:#1A1D23; text-decoration:none; letter-spacing:-0.5px; }
.nav-logo span { color:#0047AB; }
.nav-logo small { font-size:10px; font-weight:500; color:#8E99B0; letter-spacing:0.5px; display:block; margin-top:-2px; }
.nav-links { display:flex; gap:2px; list-style:none; margin:0; align-items:stretch; }
.nav-links > li { display:flex; align-items:stretch; }
.nav-links a { color:#5A6377; text-decoration:none; font-size:14px; font-weight:500; line-height:1.4; white-space:nowrap; padding:18px 16px; border-bottom:2px solid transparent; transition:all 0.2s; display:flex; align-items:center; }
.nav-links > li > a:hover, .nav-links > li > a.active, .nav-links > .current-menu-item > a, .nav-links > .current-menu-ancestor > a { color:#0047AB; border-bottom-color:#0047AB; }

/* Dropdown sub-menu (Desktop) */
.nav-links .menu-item-has-children { position:relative; }
.nav-links .menu-item-has-children > a { padding-right:28px; }
.nav-links .menu-item-has-children > a::after { content:'▾'; font-size:9px; position:absolute; right:13px; top:50%; transform:translateY(-50%); transition:transform 0.2s; color:#9CA3AF; }
.nav-links .menu-item-has-children:hover > a::after,
.nav-links .menu-item-has-children.open > a::after { transform:translateY(-50%) rotate(180deg); color:#0047AB; }
.nav-links .sub-menu { position:absolute; top:100%; left:0; background:#fff; border:1px solid #E8EAED; border-radius:10px; box-shadow:0 8px 24px rgba(0,0,0,0.1); padding:6px; min-width:200px; opacity:0; visibility:hidden; transform:translateY(4px); transition:all 0.2s ease; z-index:150; }
.nav-links .menu-item-has-children:hover > .sub-menu,
.nav-links .menu-item-has-children:focus-within > .sub-menu { opacity:1; visibility:visible; transform:translateY(0); }
.nav-links .sub-menu li { display:block; margin:0; }
.nav-links .sub-menu a { display:flex; padding:10px 14px; border-bottom:none !important; border-radius:6px; font-size:13px; white-space:nowrap; }
.nav-links .sub-menu a:hover { background:#F5F6F8; color:#0047AB; border-bottom-color:transparent !important; }

.nav-actions { display:flex; gap:8px; align-items:center; }
.nav-search { background:#F5F6F8; border:1px solid #E8EAED; border-radius:8px; padding:8px 14px; font-size:13px; width:200px; font-family:'Inter',sans-serif; transition:all 0.2s; }
.nav-search:focus { outline:none; border-color:#0047AB; width:240px; }
.nav-search-icon { display:none; background:none; border:none; cursor:pointer; padding:8px; color:#5A6377; transition:color 0.2s; }
.nav-search-icon:hover { color:#0047AB; }
@media (min-width:769px) { .nav-search-icon { display:none !important; } }
.hamburger { display:none; flex-direction:column; gap:4px; background:none; border:none; cursor:pointer; padding:8px; }
.hamburger span { width:20px; height:2px; background:#1A1D23; border-radius:1px; transition:all 0.2s; }
.hamburger.active span:nth-child(1) { transform:rotate(45deg) translate(4px,4px); }
.hamburger.active span:nth-child(2) { opacity:0; }
.hamburger.active span:nth-child(3) { transform:rotate(-45deg) translate(4px,-4px); }

/* ===== HERO ===== */
.hero { background:linear-gradient(135deg, #1A1D23 0%, #1F2937 50%, #1A2A4A 100%); padding:80px 0; text-align:center; position:relative; overflow:hidden; }
.hero::before { content:''; position:absolute; top:-50%; right:-20%; width:500px; height:500px; background:radial-gradient(circle,rgba(0,71,171,0.15) 0%,transparent 70%); border-radius:50%; pointer-events:none; }
.hero::after { content:''; position:absolute; bottom:-30%; left:-10%; width:400px; height:400px; background:radial-gradient(circle,rgba(0,180,216,0.08) 0%,transparent 70%); border-radius:50%; pointer-events:none; }
.hero h1 { font-size:40px; color:#fff; margin-bottom:16px; position:relative; line-height:1.15; }
.hero h1 span { background:linear-gradient(135deg,#00B4D8,#0047AB); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; }
.hero p { color:#9CA3AF; font-size:16px; max-width:600px; margin:0 auto 32px; line-height:1.65; position:relative; }
.hero-search { max-width:520px; margin:0 auto; display:flex; gap:8px; position:relative; }
.hero-search input { flex:1; padding:14px 18px; border:none; border-radius:10px; font-size:15px; font-family:'Inter',sans-serif; background:#2A2D35; color:#fff; }
.hero-search input::placeholder { color:#6B7280; }
.hero-search button { background:linear-gradient(135deg,#0047AB,#00B4D8); color:#fff; border:none; padding:14px 32px; border-radius:10px; font-weight:700; cursor:pointer; font-family:'Inter',sans-serif; font-size:14px; transition:transform 0.2s; }
.hero-search button:hover { transform:translateY(-1px); }
.hero-stats { display:flex; justify-content:center; gap:48px; margin-top:40px; position:relative; flex-wrap:wrap; }
.hero-stat { text-align:center; }
.hero-stat .num { font-size:28px; font-weight:800; color:#fff; }
.hero-stat .num span { color:#00B4D8; }
.hero-stat .label { color:#6B7280; font-size:13px; margin-top:4px; }

/* ===== SECTION (full-width) ===== */
.section { padding:56px 0; }
.section-title { text-align:center; margin-bottom:40px; padding:0 16px; max-width:1200px; margin-left:auto; margin-right:auto; }
.section-title h2 { font-size:28px; font-weight:700; margin-bottom:8px; letter-spacing:-0.5px; }
.section-title p { color:#6B7280; font-size:15px; line-height:1.6; }
.section-title .line { width:48px; height:4px; background:linear-gradient(90deg,#0047AB,#00B4D8); margin:16px auto 0; border-radius:2px; }

/* ===== TRUST BAR ===== */
.trust-bar { background:#fff; border-bottom:1px solid #E8EAED; padding:24px 0; text-align:center; }
.trust-bar-inner { max-width:1200px; margin:0 auto; }
.trust-bar p { font-size:12px; color:#9CA3AF; font-weight:600; text-transform:uppercase; letter-spacing:1px; margin-bottom:16px; }
.trust-logos { display:flex; justify-content:center; align-items:center; column-gap:40px; row-gap:12px; flex-wrap:wrap; }
.trust-logo { font-size:13px; font-weight:700; color:#6B7280; display:flex; align-items:center; gap:8px; }
.trust-logo .tl-icon { width:32px; height:32px; border-radius:6px; display:flex; align-items:center; justify-content:center; font-size:10px; font-weight:800; color:#fff; flex-shrink:0; }
.trust-logo .tl-img { width:32px; height:32px; border-radius:6px; object-fit:contain; flex-shrink:0; }

/* ===== BROKER GRID ===== */
.broker-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; padding:0 16px; max-width:1200px; margin-left:auto; margin-right:auto; }
.broker-card, .broker-card-item { background:#fff; border:1px solid #E8EAED; border-radius:12px; padding:24px; transition:all 0.25s; box-shadow:0 1px 3px rgba(0,0,0,0.04); }
.broker-card:hover, .broker-card-item:hover { transform:translateY(-3px); box-shadow:0 12px 32px rgba(0,0,0,0.1); border-color:#0047AB; }
.broker-header { display:flex; justify-content:space-between; align-items:flex-start; margin-bottom:14px; }
.broker-logo-img { width:60px; height:60px; border-radius:10px; background:#F5F6F8; display:flex; align-items:center; justify-content:center; font-weight:700; font-size:11px; color:#6B7280; text-align:center; line-height:1.2; border:1px solid #E8EAED; overflow:hidden; }
.broker-logo-img img { width:100%; height:100%; object-fit:contain; border-radius:9px; }
.broker-rating { display:flex; flex-direction:column; align-items:flex-end; }
.broker-stars { color:#C8A84E; font-size:16px; letter-spacing:2px; display:inline-flex; align-items:center; gap:2px; }
.broker-stars .star-half { display:inline-block; }
.broker-rating-num { font-weight:700; font-size:14px; color:#1A1D23; }
.broker-name { font-size:20px; font-weight:700; margin-bottom:2px; }
.broker-type { font-size:12px; color:#0047AB; font-weight:600; text-transform:uppercase; letter-spacing:0.8px; margin-bottom:10px; }
.broker-features { list-style:none; margin-bottom:14px; }
.broker-features li { font-size:13px; color:#6B7280; padding:5px 0; display:flex; align-items:center; gap:8px; }
.broker-features li::before { content:"✓"; color:#0D7C3F; font-weight:700; font-size:14px; }
.broker-highlights { display:flex; gap:6px; flex-wrap:wrap; margin-bottom:16px; }
.broker-highlights span { font-size:11px; padding:4px 12px; border-radius:20px; font-weight:600; }
.hl-blue { background:#EBF5FF; color:#0047AB; }
.hl-green { background:#E8F5E9; color:#0D7C3F; }
.hl-gold { background:#FFF8E1; color:#C8A84E; }
.view-all-link { text-align:center; margin-top:36px; padding:0 16px; max-width:1200px; margin-left:auto; margin-right:auto; }
.view-all-link a { color:#0047AB; font-weight:700; font-size:15px; text-decoration:none; }
.view-all-link a:hover { text-decoration:underline; }

/* ===== BROKER ACTIONS ===== */
.broker-actions { display:flex; gap:10px; flex-wrap:wrap; }

/* ===== BUTTONS ===== */
.btn-primary { display:inline-flex; align-items:center; justify-content:center; background:linear-gradient(135deg,#0047AB,#003380); color:#fff; border:none; padding:12px 20px; border-radius:8px; font-weight:600; font-size:14px; cursor:pointer; flex:1; text-align:center; text-decoration:none; font-family:'Inter',sans-serif; transition:opacity 0.2s; }
.btn-primary:hover { opacity:0.9; }
.btn-secondary { display:inline-flex; align-items:center; justify-content:center; background:#fff; color:#0047AB; border:1.5px solid #D0D5DD; padding:11px 20px; border-radius:8px; font-weight:600; font-size:14px; cursor:pointer; flex:1; text-decoration:none; font-family:'Inter',sans-serif; transition:all 0.2s; }
.btn-secondary:hover { background:#EBF5FF; border-color:#0047AB; color:#003380; }
.btn-blue { background:linear-gradient(135deg,#0047AB,#00B4D8); }

/* ===== CRYPTO PRICES ===== */
.crypto-section { padding:40px 0; }
.crypto-table-wrap { overflow-x:auto; -webkit-overflow-scrolling:touch; border-radius:12px; border:1px solid #E8EAED; background:#fff; max-width:1200px; margin-left:auto; margin-right:auto; }
.crypto-table { width:100%; border-collapse:collapse; font-size:14px; min-width:600px; }
.crypto-table thead th { padding:14px 16px; text-align:left; font-weight:600; color:#6B7280; font-size:12px; text-transform:uppercase; letter-spacing:0.5px; border-bottom:2px solid #E8EAED; background:#F9FAFB; }
.crypto-table thead th:first-child { padding-left:24px; }
.crypto-table thead th:last-child { padding-right:24px; }
.crypto-table thead th:nth-child(3), .crypto-table thead th:nth-child(4), .crypto-table thead th:nth-child(5) { text-align:right; }
.crypto-table tbody td { padding:12px 16px; border-bottom:1px solid #F3F4F6; vertical-align:middle; }
.crypto-table tbody td:first-child { padding-left:24px; color:#9CA3AF; font-size:13px; }
.crypto-table tbody td:last-child { padding-right:24px; }
.crypto-table tbody td:nth-child(3), .crypto-table tbody td:nth-child(4), .crypto-table tbody td:nth-child(5) { text-align:right; font-weight:600; }
.crypto-table tbody tr:hover { background:#F9FAFB; }
.crypto-table tbody tr:last-child td { border-bottom:none; }
.crypto-coin { display:flex; align-items:center; gap:10px; }
.crypto-coin .coin-icon { width:24px; height:24px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-weight:700; font-size:10px; color:#fff; flex-shrink:0; }
.crypto-coin .coin-name { font-weight:600; color:#1A1D23; }
.crypto-coin .coin-symbol { color:#9CA3AF; font-size:12px; font-weight:400; }
.crypto-change { display:inline-flex; align-items:center; gap:3px; }
.crypto-change.up { color:#0D7C3F; }
.crypto-change.down { color:#D32F2F; }
.crypto-cap { color:#6B7280; font-size:13px; }
.cr-icon { width:20px; height:20px; border-radius:50%; vertical-align:middle; margin-right:6px; object-fit:contain; }
.cr-sym { color:#9CA3AF; font-size:12px; font-weight:400; }
.cr-change { font-weight:600; }
.cr-change.up { color:#0D7C3F; }
.cr-change.down { color:#D32F2F; }
.crypto-mobile { display:none; gap:12px; overflow-x:auto; padding-bottom:8px; scroll-snap-type:x mandatory; -webkit-overflow-scrolling:touch; }
.crypto-mobile-card { min-width:200px; padding:16px; border:1px solid #E8EAED; border-radius:12px; background:#fff; scroll-snap-align:start; flex-shrink:0; }
.crypto-mobile-card .top { display:flex; align-items:center; gap:10px; margin-bottom:10px; }
.crypto-mobile-card .top .coin-icon { width:28px; height:28px; border-radius:50%; flex-shrink:0; object-fit:contain; }
.crypto-mobile-card .top .cname { font-weight:600; font-size:15px; }
.crypto-mobile-card .top .csym { color:#9CA3AF; font-size:12px; }
.crypto-mobile-card .price { font-size:20px; font-weight:700; margin-bottom:6px; }
.crypto-mobile-card .stats { display:flex; justify-content:space-between; font-size:13px; }
.crypto-mobile-card .stats .cap { color:#6B7280; }

/* Crypto skeleton */
.crypto-skeleton { padding:16px 24px; }
.crypto-skeleton .sk-row { display:flex; align-items:center; padding:12px 0; border-bottom:1px solid #F3F4F6; gap:16px; }
.crypto-skeleton .sk-row:last-child { border-bottom:none; }
.sk-shape { background:linear-gradient(90deg,#F5F6F8 25%,#E8EAED 50%,#F5F6F8 75%); background-size:200% 100%; animation:sk-pulse 1.5s infinite; border-radius:4px; }
@keyframes sk-pulse { 0%{background-position:200% 0} 100%{background-position:-200% 0} }

/* ===== COMPARISON TEASER ===== */
.compare-row { display:grid; grid-template-columns:repeat(2,1fr); gap:24px; padding:0 16px; max-width:1200px; margin-left:auto; margin-right:auto; }
.compare-card { background:#fff; border:1px solid #E8EAED; border-radius:12px; padding:24px; box-shadow:0 1px 3px rgba(0,0,0,0.04); transition:all 0.25s; }
.compare-card:hover { transform:translateY(-2px); box-shadow:0 8px 24px rgba(0,0,0,0.08); }
.compare-card.compact { display:flex; align-items:center; gap:16px; padding:16px 20px; text-decoration:none; color:inherit; }
.compare-card.compact:hover { transform:translateY(-2px); box-shadow:0 8px 24px rgba(0,0,0,0.08); }
.compare-vs { display:flex; align-items:center; justify-content:center; gap:12px; }
.compare-vs .clogo { width:44px; height:44px; border-radius:8px; background:#F5F6F8; display:flex; align-items:center; justify-content:center; font-weight:700; font-size:9px; border:1px solid #E8EAED; flex-shrink:0; overflow:hidden; }
.compare-vs .clogo img { width:100%; height:100%; object-fit:contain; border-radius:7px; }
.compare-vs .vs-tag { color:#9CA3AF; font-size:11px; font-weight:700; }
.compare-info { flex:1; }
.compare-info .ctitle { font-size:15px; font-weight:600; }
.compare-info .crating { font-size:13px; color:#C8A84E; }
.compare-link { color:#0047AB; font-weight:600; font-size:13px; text-decoration:none; }

/* ===== WHY US ===== */
.section-why { background:#fff; border-radius:16px; padding:56px 0; }
.why-row { display:grid; grid-template-columns:repeat(4,1fr); gap:24px; padding:0 16px; max-width:1200px; margin-left:auto; margin-right:auto; }
.why-item { text-align:center; padding:32px 20px; background:#fff; border-radius:12px; border:1px solid #E8EAED; box-shadow:0 1px 3px rgba(0,0,0,0.04); transition:transform 0.25s, box-shadow 0.25s; }
.why-item:hover { transform:translateY(-2px); box-shadow:0 8px 24px rgba(0,0,0,0.08); }
.why-icon { width:56px; height:56px; border-radius:14px; background:linear-gradient(135deg,#EBF5FF,#D6E8FF); display:flex; align-items:center; justify-content:center; margin:0 auto 16px; }
.why-icon svg { width:28px; height:28px; }
.why-item h3 { font-size:16px; font-weight:700; margin-bottom:8px; }
.why-item p { font-size:13px; color:#6B7280; line-height:1.5; }

/* ===== BROKER CATEGORIES ===== */
.cat-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; padding:0 16px; max-width:1200px; margin-left:auto; margin-right:auto; }
.cat-card { background:#1A1D23; border-radius:12px; padding:32px 24px; text-align:center; position:relative; overflow:hidden; cursor:pointer; transition:transform 0.2s; display:block; text-decoration:none; }
.cat-card:hover { transform:translateY(-2px); }
.cat-card .icon { margin-bottom:12px; }
.cat-card .icon svg { width:40px; height:40px; }
.cat-card h3 { color:#fff; font-size:18px; font-weight:700; margin-bottom:4px; }
.cat-card p { color:#6B7280; font-size:13px; margin-bottom:16px; }
.cat-card a { color:#00B4D8; text-decoration:none; font-weight:600; font-size:14px; }
.cat-card a:hover { color:#fff; }

/* ===== NEWS / GUIDES GRID ===== */
.news-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; padding:0 16px; max-width:1200px; margin-left:auto; margin-right:auto; }
.news-card { background:#fff; border:1px solid #E8EAED; border-radius:12px; padding:24px; transition:all 0.25s; }
.news-card:hover { transform:translateY(-2px); box-shadow:0 8px 24px rgba(0,0,0,0.08); }
.news-card .category, .guide-category { font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:0.8px; color:#0047AB; margin-bottom:8px; }
.news-card h3, .guide-card h3 { font-size:16px; font-weight:700; margin-bottom:8px; line-height:1.35; }
.news-card h3 a { text-decoration:none; color:inherit; }
.news-card p { font-size:13px; color:#6B7280; line-height:1.6; margin-bottom:12px; }
.news-card .meta { font-size:12px; color:#9CA3AF; }

/* ===== NEWS FEED (list layout for /news/) ===== */
.news-feed { display:flex; flex-direction:column; gap:0; }
.nfi { border-bottom:1px solid #E8EAED; padding:24px 0; transition:all 0.2s; padding-left:0; }
.nfi:first-child { padding-top:0; }
.nfi:last-child { border-bottom:none; padding-bottom:0; }
.nfi:hover { border-left:3px solid #0047AB; padding-left:16px; }
.nfi-cat { display:inline-block; font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:0.8px; color:#0047AB; text-decoration:none; margin-bottom:6px; }
.nfi-cat:hover { text-decoration:underline; }
.nfi-title { font-size:18px; font-weight:700; line-height:1.35; margin-bottom:8px; }
.nfi-title a { color:#1A1D23; text-decoration:none; }
.nfi-title a:hover { color:#0047AB; }
.nfi-excerpt { font-size:14px; color:#6B7280; line-height:1.6; margin-bottom:10px; }
.nfi-meta { font-size:12px; color:#9CA3AF; display:flex; gap:16px; }
.news-empty { text-align:center; padding:40px 0; color:#6B7280; font-size:15px; }

/* ===== POST SINGLE (news) ===== */
.post-category-label { font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:0.8px; color:#0047AB; margin-bottom:8px; text-decoration:none; display:inline-block; }
.post-category-label:hover { text-decoration:underline; }
.post-title { font-size:32px; font-weight:800; letter-spacing:-0.5px; margin-bottom:8px; }
.post-meta { font-size:13px; color:#9CA3AF; margin-bottom:24px; display:flex; gap:16px; }

/* ===== NEWSLETTER ===== */
.newsletter { background:#1A1D23; padding:56px 0; text-align:center; }
.newsletter-inner { max-width:500px; margin:0 auto; }
.newsletter h2 { color:#fff; font-size:24px; margin-bottom:8px; }
.newsletter p { color:#6B7280; font-size:14px; margin-bottom:24px; }
.newsletter-form { display:flex; gap:8px; margin-bottom:12px; }
.newsletter-form input { flex:1; padding:12px 16px; border:1px solid #374151; border-radius:8px; background:#2A2D35; color:#fff; font-size:14px; font-family:'Inter',sans-serif; }
.newsletter-form input::placeholder { color:#6B7280; }
.newsletter-form button { background:linear-gradient(135deg,#0047AB,#00B4D8); color:#fff; border:none; padding:12px 24px; border-radius:8px; font-weight:600; cursor:pointer; font-family:'Inter',sans-serif; }
.gdpr-checkbox { display:flex; align-items:flex-start; gap:8px; justify-content:center; color:#6B7280; font-size:12px; text-align:left; max-width:460px; margin:0 auto; }
.gdpr-checkbox input { margin-top:2px; }
.gdpr-checkbox a { color:#00B4D8; text-decoration:none; }
.gdpr-checkbox a:hover { text-decoration:underline; }

/* ===== FOOTER ===== */
.footer { background:#1A1D23; padding:48px 16px 24px; border-top:1px solid #2A2D35; }
.footer-inner { max-width:1200px; margin:0 auto; display:grid; grid-template-columns:repeat(4,1fr); gap:40px; }
.footer h4 { color:#fff; font-size:14px; font-weight:700; margin-bottom:16px; }
.footer ul { list-style:none; }
.footer ul li { margin-bottom:8px; }
.footer ul li a { color:#6B7280; text-decoration:none; font-size:13px; transition:color 0.2s; }
.footer ul li a:hover { color:#00B4D8; }
.footer-badges { display:flex; gap:12px; flex-wrap:wrap; margin-top:12px; justify-content:center; }
.footer-badge { display:inline-flex; align-items:center; gap:6px; background:rgba(255,255,255,0.08); border:1px solid rgba(255,255,255,0.12); padding:6px 14px; border-radius:6px; color:#9CA3AF; font-size:11px; font-weight:600; }
.footer-badge svg { width:16px; height:16px; }
.footer .copyright { text-align:center; color:#4B5563; font-size:12px; padding-top:24px; margin-top:24px; border-top:1px solid #2A2D35; }
.footer .disclaimer, .disclaimer-box { color:#4B5563; font-size:11px; line-height:1.6; text-align:center; max-width:800px; margin:16px auto 0; }
.disclaimer-box .binary-warning { color:#D32F2F; background:#FFEBEE; border:1px solid #FFCDD2; border-radius:8px; padding:12px 16px; margin-bottom:16px; font-size:12px; }

/* ===== READING PROGRESS ===== */
.reading-progress { position:fixed; top:0; left:0; width:0%; height:3px; background:linear-gradient(90deg,#0047AB,#00B4D8); z-index:200; transition:width 0.1s linear; }
.reading-progress-wrap { position:fixed; top:0; left:0; right:0; height:3px; background:#E8EAED; z-index:200; display:none; }
.reading-progress-wrap.show { display:block; }

/* ===== COMPARE BAR ===== */
.compare-bar { position:fixed; bottom:0; left:0; right:0; background:#fff; border-top:2px solid #0047AB; padding:12px 24px; z-index:150; display:none; box-shadow:0 -4px 16px rgba(0,0,0,0.1); transform:translateY(100%); transition:transform 0.3s ease; }
.compare-bar.show { transform:translateY(0); }
.compare-bar-inner { max-width:1200px; margin:0 auto; display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap; }
.compare-bar .cmp-count { font-size:13px; color:#6B7280; }
.compare-bar .cmp-count strong { color:#1A1D23; }
.compare-bar .cmp-items { display:flex; gap:8px; flex:1; min-width:200px; }
.compare-bar .cmp-item { display:flex; align-items:center; gap:6px; background:#EBF5FF; border:1px solid #D6E8FF; border-radius:6px; padding:6px 12px; font-size:12px; font-weight:500; }
.compare-bar .cmp-item .cmp-remove { cursor:pointer; color:#9CA3AF; font-size:14px; line-height:1; margin-left:4px; }
.compare-bar .cmp-item .cmp-remove:hover { color:#D32F2F; }
.compare-bar .cmp-btn { background:linear-gradient(135deg,#0047AB,#003380); color:#fff; border:none; padding:10px 24px; border-radius:8px; font-weight:600; font-size:13px; cursor:pointer; font-family:'Inter',sans-serif; transition:opacity 0.2s; }
.compare-bar .cmp-btn:hover { opacity:0.9; }

/* ===== COOKIE BANNER ===== */
.cookie-banner { position:fixed; bottom:0; left:0; right:0; background:#1A1D23; border-top:1px solid #2A2D35; padding:16px 24px; display:none; z-index:200; box-shadow:0 -2px 12px rgba(0,0,0,0.2); }
.cookie-banner.show { display:block; }
.cookie-inner { max-width:1200px; margin:0 auto; display:flex; align-items:center; justify-content:space-between; gap:24px; flex-wrap:wrap; }
.cookie-inner p { color:#9CA3AF; font-size:12px; line-height:1.5; flex:1; min-width:260px; }
.cookie-inner a { color:#00B4D8; text-decoration:none; }
.cookie-inner .cookie-actions { display:flex; gap:8px; flex-shrink:0; }
.cookie-btn { padding:8px 20px; border-radius:6px; font-size:12px; font-weight:600; cursor:pointer; border:none; font-family:'Inter',sans-serif; }
.cookie-btn.accept { background:#0047AB; color:#fff; }
.cookie-btn.accept:hover { background:#003380; }
.cookie-btn.reject { background:transparent; border:1px solid #374151; color:#9CA3AF; }
.cookie-btn.reject:hover { border-color:#6B7280; }

/* ===== BREADCRUMB ===== */
.breadcrumb { font-size:13px; color:#6B7280; margin-bottom:24px; }
.breadcrumb a { color:#0047AB; text-decoration:none; font-weight:500; }
.breadcrumb a:hover { text-decoration:underline; }

/* ===== PAGINATION ===== */
.pagination { display:flex; justify-content:center; align-items:center; gap:6px; margin-top:40px; flex-wrap:wrap; }
.pagination .page-numbers { width:36px; height:36px; display:flex; align-items:center; justify-content:center; border:1px solid #E8EAED; border-radius:6px; font-size:13px; color:#6B7280; text-decoration:none; transition:all 0.2s; background:#fff; }
.pagination .page-numbers:hover { border-color:#0047AB; color:#0047AB; }
.pagination .page-numbers.current { background:#0047AB; color:#fff; border-color:#0047AB; font-weight:600; }
.pagination .page-numbers.prev, .pagination .page-numbers.next { font-weight:600; padding:0 12px; width:auto; }
.pagination .page-numbers.dots { color:#9CA3AF; border:none; width:auto; }

/* ===== CONTENT BODY ===== */
.content-body { font-size:16px; line-height:1.8; color:#1A1D23; }
.content-body p { margin-bottom:20px; }
.content-body strong { color:#1A1D23; }
.content-body h2 { margin-top:36px; }
.content-body h2:first-child { margin-top:0; }
.content-body h3 { font-size:18px; font-weight:700; margin-top:28px; margin-bottom:12px; color:#1A1D23; }
.content-body ul, .content-body ol { margin-bottom:20px; padding-left:24px; }
.content-body li { margin-bottom:8px; line-height:1.7; }
.content-body ul ul, .content-body ol ol { margin-bottom:0; margin-top:8px; }
.content-body table { width:100%; border-collapse:collapse; margin-bottom:20px; font-size:14px; }
.content-body th { background:#F5F6F8; font-weight:600; text-align:left; padding:10px 14px; border:1px solid #E8EAED; color:#1A1D23; }
.content-body td { padding:10px 14px; border:1px solid #E8EAED; vertical-align:top; }
.content-body tr:nth-child(even) td { background:#F9FAFB; }
.content-body .table-wrap { overflow-x:auto; -webkit-overflow-scrolling:touch; margin-bottom:20px; }
.content-body .table-wrap table { margin-bottom:0; }

/* ===== PAGE / POST ===== */
.section-card h1 { font-size:28px; font-weight:700; margin-bottom:16px; letter-spacing:-0.5px; }
.section-card .content-body p:last-child { margin-bottom:0; }

/* Make tables responsive on mobile — wrap in .table-wrap via JS or manually */
@media (max-width:768px) {
	.content-body table { font-size:13px; }
	.content-body th, .content-body td { padding:8px 10px; }
}

/* ===== PAGE LAYOUT ===== */
.page-wrap-single { grid-template-columns:1fr !important; }
.page-wrap-single .sidebar { display:none; }

/* Screen-reader only (for honeypot, skip links, etc.) */
.screen-reader-text { border:0; clip:rect(1px,1px,1px,1px); clip-path:inset(50%); height:1px; margin:-1px; overflow:hidden; padding:0; position:absolute; width:1px; word-wrap:normal !important; }

/* Narrow content width for text-heavy pages (About, Privacy, Terms) */
.content-narrow { max-width:760px; margin-left:auto; margin-right:auto; }

/* ===== CONTACT FORM ===== */
.contact-layout { display:grid; grid-template-columns:1.5fr 1fr; gap:32px; align-items:start; margin-top:24px; }
@media (max-width:768px) { .contact-layout { grid-template-columns:1fr; } }
.contact-form-col { min-width:0; }
.contact-form label { display:block; font-size:14px; font-weight:600; color:#1A1D23; margin-bottom:6px; }
.contact-form .required { color:#D32F2F; }
.contact-form .form-row { margin-bottom:20px; }
.contact-input, .contact-textarea { display:block; width:100%; padding:12px 14px; border:1px solid #D0D5DD; border-radius:8px; font-size:15px; font-family:'Inter',sans-serif; color:#1A1D23; background:#fff; transition:border-color 0.2s; }
.contact-input:focus, .contact-textarea:focus { outline:none; border-color:#0047AB; box-shadow:0 0 0 3px rgba(0,71,171,0.1); }
.contact-textarea { resize:vertical; min-height:120px; line-height:1.6; }
.contact-notice { padding:14px 18px; border-radius:8px; font-size:14px; font-weight:600; margin-bottom:24px; }
.contact-success { background:#E8F5E9; color:#0D7C3F; border-left:4px solid #0D7C3F; }
.contact-error { background:#FFEBEE; color:#D32F2F; border-left:4px solid #D32F2F; }

/* Contact info card */
.contact-info-card { background:#fff; border:1px solid #E8EAED; border-radius:12px; padding:28px; position:sticky; top:92px; }
.contact-info-card h3 { font-size:16px; font-weight:700; margin-bottom:16px; color:#1A1D23; }
.contact-info-item { display:flex; gap:12px; margin-bottom:18px; align-items:flex-start; }
.contact-info-item:last-child { margin-bottom:0; }
.contact-info-item .cil { font-size:13px; color:#9CA3AF; min-width:70px; flex-shrink:0; }
.contact-info-item .civ { font-size:14px; color:#1A1D23; font-weight:500; line-height:1.4; }
.contact-info-item .civ a { color:#0047AB; text-decoration:none; }
.contact-info-item .civ a:hover { text-decoration:underline; }
.contact-response-time { font-size:13px; color:#0D7C3F; font-weight:600; display:flex; align-items:center; gap:6px; margin-top:16px; padding-top:16px; border-top:1px solid #E8EAED; }

/* Legal page metadata */
.legal-updated { font-size:13px; color:#9CA3AF; margin-bottom:24px; }

/* ===== GUIDE SINGLE ===== */
.guide-category-label { font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:0.8px; color:#0047AB; margin-bottom:8px; }
.guide-title { font-size:32px; font-weight:800; letter-spacing:-0.5px; margin-bottom:8px; }
.guide-meta { font-size:13px; color:#9CA3AF; margin-bottom:24px; display:flex; gap:16px; }

/* Guide Table of Contents */
.guide-toc { background:#fff; border:1px solid #E8EAED; border-radius:12px; padding:24px; margin-bottom:32px; }
.guide-toc h3 { font-size:16px; font-weight:700; margin-bottom:12px; }
.guide-toc ol { list-style:none; counter-reset:guide-counter; }
.guide-toc ol li { counter-increment:guide-counter; margin-bottom:8px; font-size:14px; }
.guide-toc ol li::before { content:counter(guide-counter) "."; color:#0047AB; font-weight:600; margin-right:8px; }
.guide-toc ol li a { color:#0047AB; text-decoration:none; }
.guide-toc ol li a:hover { text-decoration:underline; }

/* Guide Guide Grid */
.guide-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:20px; }
.guide-card { display:block; background:#fff; border:1px solid #E8EAED; border-radius:12px; overflow:hidden; transition:all 0.25s; color:inherit; text-decoration:none; }
.guide-card:hover { transform:translateY(-2px); box-shadow:0 8px 24px rgba(0,0,0,0.08); }
.guide-thumb { width:100%; display:block; aspect-ratio:16/9; object-fit:cover; }
.guide-card-body { padding:24px; }
.guide-card .guide-category { font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:0.8px; color:#0047AB; margin-bottom:8px; }
.guide-card h3 { font-size:18px; font-weight:700; margin-bottom:8px; }
.guide-card p { font-size:14px; color:#6B7280; line-height:1.6; margin-bottom:12px; }
.guide-card .guide-meta { font-size:12px; }
.guide-card .guide-link { color:#0047AB; font-weight:600; text-decoration:none; font-size:14px; }
.guide-card .guide-link:hover { text-decoration:underline; }

/* Featured Guide */
.featured-guide { background:linear-gradient(135deg,#1A1D23,#1F2937); border-radius:16px; padding:40px 32px; display:flex; justify-content:space-between; align-items:center; gap:24px; margin-bottom:24px; text-decoration:none; color:inherit; transition:transform 0.2s, box-shadow 0.2s; }
.featured-guide:hover { transform:translateY(-2px); box-shadow:0 8px 24px rgba(0,0,0,0.3); }
.featured-guide .fg-tag { color:#00B4D8; background:rgba(0,71,171,0.2); padding:2px 10px; border-radius:4px; font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:0.5px; display:inline-block; margin-bottom:12px; }
.featured-guide .fg-content { flex:1; }
.featured-guide h2 { font-size:24px; font-weight:700; color:#fff; margin-bottom:8px; }
.featured-guide .fg-content p { color:#9CA3AF; font-size:14px; line-height:1.6; margin-bottom:12px; }
.featured-guide .fg-meta { color:#6B7280; font-size:12px; display:flex; gap:16px; }
.featured-guide .fg-link { color:#00B4D8; font-weight:700; text-decoration:none; font-size:14px; }
.featured-guide .fg-link:hover { text-decoration:underline; }
.featured-guide .fg-illustration { width:180px; height:140px; background:rgba(255,255,255,0.05); border-radius:12px; display:flex; align-items:center; justify-content:center; flex-shrink:0; }
.featured-guide .fg-thumb { width:180px; height:140px; border-radius:12px; object-fit:cover; flex-shrink:0; }

/* Filter bar */
.filter-bar { display:flex; gap:6px; flex-wrap:wrap; margin-bottom:24px; }
.filter-btn { padding:8px 20px; border:1px solid #E8EAED; border-radius:20px; background:#fff; color:#6B7280; font-size:13px; font-weight:500; cursor:pointer; text-decoration:none; transition:all 0.2s; font-family:'Inter',sans-serif; }
.filter-btn:hover { color:#0047AB; border-color:#0047AB; }
.filter-btn.active { background:#0047AB; color:#fff; border-color:#0047AB; }

/* Verdict Box */
.verdict-box { background:linear-gradient(135deg,#1A1D23,#1F2937); border-radius:16px; padding:40px 32px; text-align:center; margin-bottom:32px; }
.verdict-box h2 { color:#00B4D8; font-size:24px; margin-bottom:16px; }
.verdict-box p { color:#9CA3AF; font-size:15px; line-height:1.7; max-width:650px; margin:0 auto 16px; }
.verdict-box .verdict-highlight { color:#fff; font-size:18px; font-weight:700; }

/* Choice Cards */
.choice-grid { display:grid; grid-template-columns:1fr 1fr; gap:20px; margin-bottom:32px; }
.choice-card { background:#fff; border:1px solid #E8EAED; border-radius:12px; padding:24px; border-left:4px solid; }
.choice-card-a { border-left-color:#0047AB; }
.choice-card-b { border-left-color:#00B4D8; }
.choice-card h3 { font-size:16px; font-weight:700; margin-bottom:12px; }
.choice-card ul { list-style:none; }
.choice-card ul li { padding:6px 0; font-size:14px; color:#6B7280; display:flex; align-items:center; gap:8px; }
.choice-card ul li::before { content:"✓"; font-weight:700; font-size:14px; }
.choice-card-a ul li::before { color:#0047AB; }
.choice-card-b ul li::before { color:#00B4D8; }

/* VS Header */
.vs-header { background:#fff; border:1px solid #E8EAED; border-radius:12px; padding:28px; margin-bottom:24px; }
.vs-header h1 { font-size:22px; font-weight:800; text-align:center; margin-bottom:24px; }
.vs-row { display:flex; align-items:center; justify-content:center; gap:32px; }
.vs-col { text-align:center; flex:1; max-width:280px; }
.vs-col .logo { width:72px; height:72px; border-radius:14px; background:#F5F6F8; border:1px solid #E8EAED; display:flex; align-items:center; justify-content:center; margin:0 auto 8px; font-size:10px; font-weight:700; color:#6B7280; text-align:center; line-height:1.2; overflow:hidden; }
.vs-col .logo img { max-width:100%; height:auto; border-radius:8px; }
.vs-col .name { font-size:18px; font-weight:700; margin-bottom:4px; }
.vs-col .stars { color:#C8A84E; font-size:20px; letter-spacing:2px; margin-bottom:4px; }
.vs-col .rating-num { font-size:13px; color:#6B7280; margin-bottom:8px; }
.vs-col .badge { font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:0.5px; padding:4px 14px; border-radius:20px; background:#F5F6F8; color:#9CA3AF; display:inline-block; }
.vs-col .badge.winner { background:#E8F5E9; color:#0D7C3F; }
.vs-center { font-size:24px; font-weight:800; color:#9CA3AF; }
.vs-actions { display:flex; justify-content:center; gap:12px; margin-top:20px; flex-wrap:wrap; }

/* CTA section */
.cta-section { background:linear-gradient(135deg,#1A1D23,#1F2937); border-radius:16px; padding:40px 32px; text-align:center; margin:32px 0; }
.cta-section h2 { color:#fff; font-size:22px; font-weight:700; margin-bottom:8px; }
.cta-section p { color:#9CA3AF; font-size:14px; line-height:1.6; margin-bottom:20px; }

/* ===== COMPARISON TABLE ===== */
.comp-table { width:100%; border-collapse:collapse; font-size:14px; }
.comp-table th { background:#1A1D23; color:#fff; padding:12px 16px; text-align:left; font-weight:600; white-space:nowrap; }
.comp-table th:first-child { border-radius:8px 0 0 0; }
.comp-table th:last-child { border-radius:0 8px 0 0; }
.comp-table td { padding:12px 16px; border-bottom:1px solid #F3F4F6; }
.comp-table tr:nth-child(even) td { background:#F9FAFB; }
.comp-table td:first-child { font-weight:600; color:#6B7280; white-space:nowrap; }
.comp-table td.winner { color:#0D7C3F; font-weight:700; }
.comp-table td.tie { opacity:0.7; }
.comp-table tr[data-cmp="same"].diff-hidden { display:none; }
.table-wrapper { overflow-x:auto; -webkit-overflow-scrolling:touch; }
.cmp-diff-toggle { background:none; border:1px solid #E8EAED; border-radius:6px; padding:8px 16px; font-size:13px; cursor:pointer; display:inline-flex; align-items:center; gap:8px; margin-bottom:16px; font-family:'Inter',sans-serif; color:#6B7280; transition:all 0.2s; }
.cmp-diff-toggle:hover, .cmp-diff-toggle.active { border-color:#0047AB; color:#0047AB; }
.toggle-switch { width:32px; height:18px; background:#E8EAED; border-radius:10px; position:relative; transition:background 0.2s; }
.toggle-switch::after { content:''; position:absolute; top:2px; left:2px; width:14px; height:14px; background:#fff; border-radius:50%; transition:transform 0.2s; }
.cmp-diff-toggle.active .toggle-switch { background:#0047AB; }
.cmp-diff-toggle.active .toggle-switch::after { transform:translateX(14px); }

/* Rating badges */
.rating-badge { display:inline-block; padding:3px 12px; border-radius:20px; font-size:12px; font-weight:600; }
.rating-excellent { background:#E8F5E9; color:#0D7C3F; }
.rating-good { background:#FFF8E1; color:#C8A84E; }
.rating-medium { background:#EBF5FF; color:#0047AB; }

/* Sidebar */
.sidebar-card { background:#fff; border:1px solid #E8EAED; border-radius:12px; padding:24px; margin-bottom:16px; }
.sidebar-card h3 { font-size:14px; font-weight:700; margin-bottom:14px; padding-bottom:8px; border-bottom:1px solid #E8EAED; }
.sidebar-cat { display:flex; justify-content:space-between; padding:8px 0; font-size:13px; color:#6B7280; text-decoration:none; border-bottom:1px solid #F3F4F6; }
.sidebar-cat:hover { color:#0047AB; }
.sidebar-cat:last-child { border-bottom:none; }
.sidebar-cat span { color:#9CA3AF; font-size:12px; }
.sidebar-popular { margin-bottom:12px; }
.sidebar-popular:last-child { margin-bottom:0; }
.sidebar-popular a { font-size:13px; color:#1A1D23; text-decoration:none; font-weight:600; line-height:1.4; display:block; }
.sidebar-popular a:hover { color:#0047AB; }
.sidebar-popular .pmeta { font-size:11px; color:#9CA3AF; margin-top:2px; }

/* Sidebar dark CTA card */
.sidebar-card-dark { background:linear-gradient(135deg,#0047AB,#003380); border:none; }
.sidebar-card-dark h3 { color:#fff; border-bottom-color:rgba(255,255,255,0.2); }
.sidebar-card-dark p { color:rgba(255,255,255,0.8); font-size:13px; margin-bottom:16px; line-height:1.5; }
.sidebar-card-dark .btn-dark-cta { display:block; background:#fff; color:#0047AB; text-align:center; padding:10px; border-radius:8px; font-weight:700; font-size:13px; text-decoration:none; }
.sidebar-card-dark .btn-dark-cta:hover { opacity:0.9; }

/* Page layouts */
.page-wrap { display:grid; grid-template-columns:1fr 300px; gap:32px; max-width:1200px; margin:40px auto; padding:0 16px; }
.page { max-width:1200px; margin:40px auto; padding:0 16px; }
.page-header { margin-bottom:32px; }
.page-header h1 { font-size:28px; font-weight:800; margin-bottom:8px; }
.page-header p { color:#6B7280; font-size:15px; max-width:650px; line-height:1.6; }
.page-header .line { width:48px; height:4px; background:linear-gradient(90deg,#0047AB,#00B4D8); margin-top:16px; border-radius:2px; }

/* Comparison-related */
.related-compacts { display:grid; gap:12px; }
.related-compact { display:flex; align-items:center; gap:16px; padding:16px 20px; background:#fff; border:1px solid #E8EAED; border-radius:12px; transition:all 0.25s; }
.related-compact:hover { transform:translateY(-2px); box-shadow:0 4px 16px rgba(0,0,0,0.08); }
.related-compact .clogo { width:44px; height:44px; border-radius:8px; background:#F5F6F8; border:1px solid #E8EAED; display:flex; align-items:center; justify-content:center; font-size:9px; font-weight:700; color:#6B7280; flex-shrink:0; overflow:hidden; }
.related-compact .cinfo { flex:1; min-width:0; }
.related-compact .ctitle { font-size:15px; font-weight:600; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.related-compact .crating { color:#C8A84E; font-size:13px; }
.related-compact .clink { color:#0047AB; font-weight:600; font-size:13px; text-decoration:none; white-space:nowrap; }
.related-compact .clink:hover { text-decoration:underline; }

/* Comparison archive grid */
.comp-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:20px; margin-bottom:32px; }

/* Full-card clickable comparison card */
.comparison-card { display:flex; flex-direction:column; background:#fff; border:1px solid #E8EAED; border-radius:12px; padding:20px; text-decoration:none; color:inherit; box-shadow:0 1px 3px rgba(0,0,0,0.04); transition:all 0.25s; }
.comparison-card:hover { transform:translateY(-2px); box-shadow:0 8px 24px rgba(0,0,0,0.1); border-color:#0047AB; }
.comparison-card .cc-header { display:flex; align-items:center; gap:12px; }
.comparison-card .cc-logos { display:flex; align-items:center; flex-shrink:0; }
.comparison-card .clogo { width:44px; height:44px; border-radius:8px; background:#F5F6F8; border:1px solid #E8EAED; display:flex; align-items:center; justify-content:center; font-size:9px; font-weight:700; color:#6B7280; overflow:hidden; }
.comparison-card .cinfo { flex:1; min-width:0; }
.comparison-card .ctitle { font-size:15px; font-weight:600; }
.comparison-card .crating { color:#C8A84E; font-size:13px; margin-top:2px; }
.comparison-card .cwinner { font-size:11px; font-weight:700; color:#0D7C3F; background:#E8F5E9; padding:2px 10px; border-radius:20px; white-space:nowrap; flex-shrink:0; }
.comparison-card .cexcerpt { color:#6B7280; font-size:13px; line-height:1.5; margin:12px 0 0; }
.comparison-card .cc-footer { display:flex; align-items:center; justify-content:space-between; margin-top:12px; padding-top:12px; border-top:1px solid #E8EAED; }
.comparison-card .cctype { font-size:11px; font-weight:600; color:#0047AB; text-transform:uppercase; letter-spacing:0.5px; }
.comparison-card .clink { color:#0047AB; font-weight:600; font-size:13px; }
.comparison-card:hover .clink { text-decoration:underline; }

/* Featured comparison hero */
.featured-comparison { display:block; background:linear-gradient(135deg,#1A1D23,#1F2937); border-radius:16px; padding:40px 32px; text-decoration:none; color:inherit; margin-bottom:24px; transition:transform 0.2s, box-shadow 0.2s; }
.featured-comparison:hover { transform:translateY(-2px); box-shadow:0 8px 24px rgba(0,0,0,0.3); }
.featured-comparison .fc-tag { color:#00B4D8; background:rgba(0,71,171,0.2); padding:2px 10px; border-radius:4px; font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:0.5px; display:inline-block; margin-bottom:12px; }
.featured-comparison h2 { font-size:24px; font-weight:700; color:#fff; margin-bottom:8px; }
.featured-comparison .fc-brokers { display:flex; align-items:center; gap:10px; margin-bottom:12px; }
.featured-comparison .fc-broker { color:#9CA3AF; font-size:14px; font-weight:500; }
.featured-comparison .fc-vs { color:#6B7280; font-size:12px; font-weight:700; text-transform:uppercase; }
.featured-comparison p { color:#9CA3AF; font-size:14px; line-height:1.6; margin-bottom:12px; max-width:650px; }
.featured-comparison .fc-winner { color:#0D7C3F; font-size:13px; margin-bottom:12px; }
.featured-comparison .fc-winner strong { color:#fff; }
.featured-comparison .fc-link { color:#00B4D8; font-weight:700; font-size:14px; }
.featured-comparison:hover .fc-link { text-decoration:underline; }

/* ===== SECTION CARD ===== */
.section-card { background:#fff; border:1px solid #E8EAED; border-radius:12px; padding:28px; margin-bottom:24px; box-shadow:0 1px 3px rgba(0,0,0,0.04); }
.section-card h2 { font-size:20px; font-weight:700; margin-bottom:16px; letter-spacing:-0.3px; }