/* extracted verbatim 2026-08-28 estate speed sweep. New content = new filename. */

    /* ---- BetBetter NFL News — content/hub redesign. Tokens come from Site.Master; only locals + layout here. ---- */
    .nws { --r:10px; --r-lg:14px; }
    .nws *,.nws *::before,.nws *::after { box-sizing:border-box; }
    .nws a { color:inherit; text-decoration:none; transition:color .15s ease, border-color .15s ease; }
    .nws a:focus-visible, .nws button:focus-visible, .nws summary:focus-visible { outline:2px solid var(--action-hi); outline-offset:3px; border-radius:6px; }

    .wrapper { width:100%; max-width:1180px; margin:0 auto; padding:24px 5% 8px; box-sizing:border-box; }

    /* ---- top chrome ---- */
    .breadcrumbs { margin-bottom:1.25rem; font-size:.72rem; font-family:var(--mono); color:var(--ink-faint); letter-spacing:.08em; text-transform:uppercase; }
    .breadcrumbs a:hover { color:var(--action-hi); }
    .breadcrumbs span[aria-current] { color:var(--action-hi); }

    .bb-eyebrow { font-family:var(--mono); font-size:.72rem; letter-spacing:.14em; text-transform:uppercase; color:var(--action-hi); }

    /* ---- hero header ---- */
    .page-header { margin:6px 0 2.25rem; }
    .badge-row { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:14px; }
    .data-badge { display:inline-flex; align-items:center; gap:6px; background:rgba(70,140,255,.10); border:1px solid var(--card-edge); color:var(--accent-ink); font-family:var(--mono); font-size:.7rem; letter-spacing:.06em; text-transform:uppercase; padding:5px 10px; border-radius:999px; }
    .section-title { font-family:var(--display); font-size:clamp(2.1rem,5.4vw,3.1rem); font-weight:800; letter-spacing:-.03em; line-height:1.04; margin:0 0 .65rem; }
    .section-description { font-size:1.1rem; color:var(--ink-dim); max-width:760px; margin:0; line-height:1.55; }
    .section-description strong { color:var(--ink); }

    /* ---- hero action cluster: primary CTA + proof, placed where intent peaks ---- */
    .hero-actions { display:flex; flex-wrap:wrap; align-items:center; gap:12px; margin-top:22px; }
    .hero-actions .btn-grad { min-height:48px; }
    .hero-secondary { display:inline-flex; align-items:center; gap:7px; min-height:48px; padding:0 16px; border-radius:12px; border:1px solid var(--line-strong); background:var(--panel-2); color:var(--ink); font-family:var(--ui); font-weight:600; font-size:.95rem; transition:border-color .15s ease, transform .15s ease; }
    .hero-secondary:hover { border-color:var(--action-hi); transform:translateY(-1px); }
    .hero-secondary i { color:var(--action-hi); }

    /* ---- section heads ---- */
    .sec-head { margin:0 0 18px; }
    .sec-head h2 { font-family:var(--display); font-size:1.5rem; font-weight:800; letter-spacing:-.02em; margin:6px 0 6px; }
    .sec-head p { margin:0; color:var(--ink-dim); max-width:820px; line-height:1.55; }

    /* ---- ambient-lift card recipe (shared) ---- */
    .lift { position:relative; background:var(--panel); border:1px solid var(--card-edge); border-radius:var(--r-lg); box-shadow:0 20px 42px -24px var(--accent-glow); overflow:hidden; }
    .lift::after { content:""; position:absolute; inset:0 0 auto; height:120px; background:radial-gradient(120% 90% at 50% -30%, rgba(70,140,255,.16), transparent 70%); pointer-events:none; }
    .lift > * { position:relative; z-index:1; }

    /* ---- news grid (PRIMARY content, above the fold) ---- */
    #news-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(320px,1fr)); gap:20px; margin-bottom:.5rem; }
    .news-card { display:flex; flex-direction:column; height:100%; padding:0; }
    .news-card { position:relative; background:var(--panel); border:1px solid var(--card-edge); border-radius:var(--r-lg); box-shadow:0 20px 42px -24px var(--accent-glow); overflow:hidden; transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease; }
    .news-card:hover { transform:translateY(-3px); border-color:var(--action-hi); box-shadow:0 30px 54px -22px var(--accent-glow); }
    .news-card:focus-within { border-color:var(--action-hi); }
    .news-image { width:100%; aspect-ratio:16/9; background-size:cover; background-position:center; display:block; border-bottom:1px solid var(--line); }
    .news-body { padding:16px 18px 18px; display:flex; flex-direction:column; flex:1; }
    .news-meta { display:flex; justify-content:space-between; align-items:center; gap:10px; font-size:.78rem; margin-bottom:10px; }
    .news-category { font-family:var(--mono); font-weight:700; letter-spacing:.06em; text-transform:uppercase; color:var(--action-hi); }
    .news-time { font-family:var(--mono); color:var(--ink-faint); }
    .news-title { font-family:var(--display); font-size:1.08rem; font-weight:700; line-height:1.35; margin:0 0 10px; color:var(--ink); }
    .news-title a:hover { color:var(--action-hi); }
    .news-blurb { margin:0 0 14px; color:var(--ink-dim); font-size:.92rem; line-height:1.55; }
    .news-cta { margin-top:auto; display:inline-flex; align-items:center; gap:6px; font-family:var(--mono); font-size:.78rem; letter-spacing:.05em; text-transform:uppercase; color:var(--action-hi); font-weight:700; }
    .news-card:hover .news-cta { gap:9px; }
    .pro-flag { position:absolute; top:10px; left:10px; z-index:3; }

    /* ---- pagination ---- */
    .pagination { display:flex; flex-wrap:wrap; justify-content:center; gap:8px; margin:1.75rem 0 0; }
    .pagination a { min-width:44px; min-height:44px; display:inline-flex; align-items:center; justify-content:center; padding:8px 14px; font-family:var(--mono); font-size:.9rem; background:var(--panel-2); border:1px solid var(--line); border-radius:var(--r); color:var(--ink-dim); transition:all .15s; }
    .pagination a:hover { background:rgba(70,140,255,.10); border-color:var(--card-edge); color:var(--ink); }
    .pagination a.current-page { background:var(--accent-grad); color:#fff; border-color:transparent; box-shadow:0 8px 22px -10px var(--accent-glow); }
    .pagination a.disabled { color:var(--ink-faint); cursor:default; background:transparent; border-color:var(--line); }

    /* ---- forward CTA hub (Next steps) ---- */
    .hub-panel { padding:22px; }
    .hub-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(210px,1fr)); gap:10px; margin-top:16px; }
    .hub-link { display:flex; align-items:center; justify-content:space-between; gap:10px; min-height:64px; padding:14px; background:var(--panel-2); border:1px solid var(--line); border-radius:var(--r); transition:transform .15s ease, border-color .15s ease; }
    .hub-link:hover { border-color:var(--action-hi); transform:translateY(-2px); }
    .hub-left { display:flex; flex-direction:column; gap:3px; }
    .hub-kicker { font-family:var(--mono); font-size:.68rem; color:var(--ink-faint); letter-spacing:.08em; text-transform:uppercase; }
    .hub-label { font-weight:700; color:var(--ink); }
    .hub-icon { color:var(--ink-faint); }
    .hub-link:hover .hub-icon { color:var(--action-hi); }

    /* ---- AEO / quick answers (demoted) ---- */
    .aeo-summary { padding:22px; }
    .aeo-summary > h2 { font-family:var(--display); margin:0 0 8px; font-size:1.25rem; font-weight:800; color:var(--ink); }
    .aeo-summary > p { margin:0; color:var(--ink-dim); line-height:1.6; max-width:820px; }
    .quick-answers { display:grid; grid-template-columns:repeat(auto-fit,minmax(250px,1fr)); gap:12px; margin-top:18px; }
    .qa-card { background:var(--panel-2); border:1px solid var(--line); border-radius:var(--r); padding:16px; }
    .qa-kicker { font-family:var(--mono); font-size:.66rem; letter-spacing:.1em; text-transform:uppercase; color:var(--action-hi); margin-bottom:8px; }
    .qa-title { font-weight:700; color:var(--ink); margin:0 0 6px; font-size:.98rem; line-height:1.35; }
    .qa-text { margin:0; color:var(--ink-dim); font-size:.9rem; line-height:1.55; }
    .toc { margin-top:18px; display:flex; flex-wrap:wrap; gap:8px; }
    .toc a { font-family:var(--mono); font-size:.78rem; color:var(--ink-dim); padding:9px 13px; border:1px solid var(--line); border-radius:999px; background:var(--panel-2); min-height:38px; display:inline-flex; align-items:center; }
    .toc a:hover { border-color:var(--action-hi); color:var(--ink); }

    /* ---- about / proof stats ---- */
    .persuasive-stats-container { margin:64px auto 0; max-width:1000px; }
    .persuasive-stats-cards-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(250px,1fr)); gap:18px; margin-top:24px; }
    .stat-card { padding:26px 22px; display:flex; flex-direction:column; align-items:flex-start; text-align:left; }
    .stat-icon-container { width:48px; height:48px; background:rgba(70,140,255,.12); border:1px solid var(--card-edge); border-radius:12px; display:flex; align-items:center; justify-content:center; margin-bottom:16px; }
    .stat-icon { font-size:20px; color:var(--action-hi); }
    .stat-number { font-family:var(--mono); font-size:2.4rem; font-weight:700; color:var(--ink); line-height:1; margin-bottom:8px; letter-spacing:-.02em; }
    .stat-label { font-family:var(--mono); font-size:.74rem; font-weight:700; color:var(--action-hi); text-transform:uppercase; letter-spacing:.08em; margin-bottom:10px; display:block; }
    .stat-text { color:var(--ink-dim); font-size:.92rem; line-height:1.55; }

    /* ---- SEO essay (demoted, bottom) ---- */
    .seo-content { color:var(--ink-dim); margin:64px 0 8px; }
    .seo-content h2 { font-family:var(--display); color:var(--ink); margin-top:38px; font-size:1.5rem; font-weight:800; letter-spacing:-.02em; }
    .seo-content h3 { font-family:var(--display); color:var(--ink); margin-top:24px; font-size:1.2rem; font-weight:700; }
    .seo-content p { margin-bottom:16px; line-height:1.7; max-width:820px; }
    .seo-content ul,.seo-content ol { margin:0 0 16px 20px; color:var(--ink-dim); max-width:820px; }
    .seo-content li { margin:8px 0; line-height:1.65; }
    .seo-content strong { color:var(--ink); }
    .info-callout { background:rgba(70,140,255,.07); border:1px solid var(--card-edge); border-radius:var(--r); padding:16px 18px; margin-top:14px; max-width:820px; }
    .info-callout strong { color:var(--ink); }
    .compare-table { width:100%; border-collapse:collapse; overflow:hidden; border-radius:var(--r); border:1px solid var(--line); background:var(--panel-2); margin:14px 0 6px; }
    .compare-table th,.compare-table td { padding:12px 14px; border-bottom:1px solid var(--line); vertical-align:top; text-align:left; }
    .compare-table th { color:var(--ink); font-weight:700; font-size:.82rem; font-family:var(--mono); letter-spacing:.04em; text-transform:uppercase; background:rgba(70,140,255,.05); }
    .compare-table td { color:var(--ink-dim); font-size:.93rem; line-height:1.55; }
    .compare-table tr:last-child td { border-bottom:none; }
    .faq-wrap { margin-top:18px; max-width:820px; }
    .faq-item { background:var(--panel-2); border:1px solid var(--line); border-radius:var(--r); padding:14px 16px; margin-bottom:10px; transition:border-color .15s; }
    .faq-item[open] { border-color:var(--card-edge); }
    .faq-item summary { cursor:pointer; font-weight:700; color:var(--ink); list-style:none; display:flex; justify-content:space-between; gap:12px; align-items:center; }
    .faq-item summary::-webkit-details-marker { display:none; }
    .faq-item summary::after { content:"+"; font-family:var(--mono); color:var(--action-hi); font-size:1.2rem; line-height:1; }
    .faq-item[open] summary::after { content:"–"; }
    .faq-item p { margin:12px 0 0; color:var(--ink-dim); line-height:1.65; }

    /* ---- full-width email signup ---- */
    .full-width-email-signup { border-top:1px solid var(--line); background:linear-gradient(180deg, var(--panel) 0%, var(--void) 100%); padding:64px 5%; margin-top:72px; }
    .signup-inner { position:relative; max-width:640px; margin:0 auto; text-align:center; background:var(--panel); border:1px solid var(--card-edge); border-radius:18px; box-shadow:0 30px 60px -28px var(--accent-glow); padding:40px 32px; overflow:hidden; }
    .signup-inner::after { content:""; position:absolute; inset:0 0 auto; height:140px; background:radial-gradient(120% 90% at 50% -20%, rgba(70,140,255,.18), transparent 70%); pointer-events:none; }
    .signup-inner > * { position:relative; z-index:1; }
    .signup-h { font-family:var(--display); color:var(--ink); font-size:1.7rem; font-weight:800; letter-spacing:-.02em; margin:0 0 10px; }
    .signup-sub { color:var(--ink-dim); margin:0 0 22px; line-height:1.55; }
    .signup-sub strong { color:var(--ink); }
    .email-input { background:var(--panel-2); border:1px solid var(--line); color:var(--ink); padding:14px 16px; border-radius:10px; width:100%; font-size:1rem; font-family:var(--ui); }
    .email-input::placeholder { color:var(--ink-faint); }
    .email-input:focus { outline:none; border-color:var(--action-hi); box-shadow:0 0 0 3px rgba(70,140,255,.2); }
    .signup-button { background:var(--accent-grad); box-shadow:0 10px 28px -10px var(--accent-glow); color:#fff; padding:14px; border:none; border-radius:10px; font-weight:700; font-size:1rem; width:100%; min-height:48px; margin-top:12px; cursor:pointer; transition:transform .12s ease, box-shadow .12s ease; }
    .signup-button:hover { transform:translateY(-1px); box-shadow:0 16px 34px -12px var(--accent-glow); }
    .signup-fine { font-size:.74rem; color:var(--ink-faint); margin-top:18px; line-height:1.5; }
    .signup-fine a { color:var(--action-hi); }

    /* ---- partners strip ---- */
    .partners-section { margin-top:56px; padding:36px 0 8px; border-top:1px solid var(--line); }
    .partners-cap { text-align:center; font-family:var(--mono); font-size:.7rem; letter-spacing:.12em; text-transform:uppercase; color:var(--ink-faint); margin-bottom:22px; }
    .partners-logos-wrapper { overflow:hidden; white-space:nowrap; -webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent); mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent); }
    .partners-logos { display:inline-block; animation:scroll 40s linear infinite; }
    .partners-logos i { font-size:34px; margin:0 28px; color:var(--ink-faint); transition:color .3s; vertical-align:middle; }
    .partners-logos i:hover { color:var(--ink-dim); }
    @keyframes scroll { 0%{transform:translateX(0);} 100%{transform:translateX(-50%);} }

    .stack-lg > * + * { margin-top:48px; }

    @media (max-width:768px) {
        .wrapper { padding:18px 18px 8px; }
        #news-grid { grid-template-columns:1fr; gap:16px; }
        .signup-inner { padding:32px 22px; }
        .persuasive-stats-container { margin-top:48px; }
        .seo-content { margin-top:48px; }
    }
    @media (prefers-reduced-motion: reduce) {
        .partners-logos { animation:none; }
        .news-card, .news-card:hover, .hub-link:hover, .signup-button:hover, .stat-card { transition:none; transform:none; }
    }