﻿/* extracted verbatim 2026-08-28 estate speed sweep. New content = new filename. */

    .nfbg-wrapper { width:100%; max-width:1080px; margin:0 auto; padding:2em 5% 4em; box-sizing:border-box; font-family:var(--ui); }
    .nfbg-wrapper h1,.nfbg-wrapper h2,.nfbg-wrapper h3,.nfbg-wrapper h4,.nfbg-wrapper strong,.nfbg-wrapper b,.nfbg-wrapper dt { color:var(--ink); font-family:var(--display); }
    .nfbg-wrapper p,.nfbg-wrapper li,.nfbg-wrapper dd { color:var(--ink-dim); }
    .nfbg-wrapper a { color:var(--action-hi); text-decoration:none; transition:color .18s; }
    .nfbg-wrapper a:hover { color:var(--accent-ink); }
    .nfbg-wrapper a:focus-visible { outline:2px solid var(--action-hi); outline-offset:3px; border-radius:4px; }

    /* breadcrumb */
    .nfbg-breadcrumb { display:flex; flex-wrap:wrap; gap:.45em; align-items:center; margin-bottom:1.5em; font-family:var(--mono); font-size:.72em; color:var(--ink-faint); text-transform:uppercase; letter-spacing:.06em; }
    .nfbg-breadcrumb a { color:var(--ink-dim); }
    .nfbg-breadcrumb a:hover { color:var(--action-hi); }
    .nfbg-breadcrumb .sep { color:var(--line-strong); }

    .nfbg-pop-wrap { background:var(--panel); padding:.4em; border-radius:.6em; border:1px solid var(--line); margin-bottom:2em; }

    /* eyebrow */
    .nfbg-eyebrow { font-family:var(--mono); text-transform:uppercase; letter-spacing:.14em; font-size:.72em; color:var(--action-hi); margin:0 0 .75em; }

    /* hero */
    .nfbg-hero { margin-bottom:1.5em; }
    .nfbg-wrapper h1 { font-size:clamp(2.1rem,5.4vw,3.3rem); line-height:1.04; letter-spacing:-.025em; margin:0 0 .45em; font-weight:700; }
    .nfbg-hero .accent { background:var(--accent-grad); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; }
    .nfbg-lede { font-size:clamp(1.04rem,2vw,1.24rem); line-height:1.55; color:var(--ink-dim); max-width:62ch; margin:0 0 1.5em; }
    .nfbg-cta-row { display:flex; flex-wrap:wrap; gap:.8em; align-items:center; }

    /* primary CTA (electric blue gradient) */
    .nfbg-cta { display:inline-flex; align-items:center; gap:.55em; min-height:44px; padding:.85em 1.5em; border-radius:.6em;
        background:var(--accent-grad); color:#fff !important; font-weight:700; font-size:.98rem;
        box-shadow:0 14px 30px -12px var(--accent-glow); transition:transform .15s, box-shadow .15s; }
    .nfbg-cta:hover { transform:translateY(-2px); box-shadow:0 20px 40px -12px var(--accent-glow); color:#fff !important; }
    .nfbg-cta-ghost { display:inline-flex; align-items:center; gap:.5em; min-height:44px; padding:.85em 1.35em; border-radius:.6em;
        border:1px solid var(--card-edge); color:var(--accent-ink) !important; font-weight:600; font-size:.95rem; background:var(--panel); transition:border-color .15s, background .15s; }
    .nfbg-cta-ghost:hover { border-color:var(--action-hi); background:var(--panel-2); }
    .nfbg-cta-micro { font-family:var(--mono); font-size:.74em; color:var(--ink-faint); margin:.95em 0 0; }

    /* proof strip -> /results.aspx (honest, no invented numbers) */
    .bb-proof { display:flex; align-items:center; justify-content:center; gap:.9em; flex-wrap:wrap; text-align:center;
        margin:0 0 2.5em; padding:.95em 1.3em; border-radius:999px; background:var(--panel-2); border:1px solid var(--card-edge);
        font-family:var(--mono); font-size:.8rem; line-height:1.5; color:var(--ink-dim) !important; transition:border-color .15s, box-shadow .15s; }
    .bb-proof:hover { border-color:var(--action-hi); box-shadow:0 14px 32px -20px var(--accent-glow); color:var(--ink) !important; }
    .bb-proof-dot { width:8px; height:8px; border-radius:50%; background:var(--model); box-shadow:0 0 10px var(--model); flex-shrink:0; }
    .bb-proof strong { color:var(--model); font-weight:700; font-family:var(--mono); }
    .bb-proof-link { color:var(--action-hi); font-weight:700; display:inline-flex; align-items:center; gap:.4em; }

    /* jump nav (scannable chips) */
    .nfbg-jump { display:flex; flex-wrap:wrap; gap:.55em; margin:0 0 2.5em; }
    .nfbg-jump a { display:inline-flex; align-items:center; gap:.45em; min-height:40px; padding:.5em .95em; border-radius:999px;
        font-family:var(--mono); font-size:.78em; letter-spacing:.02em; color:var(--ink-dim) !important; background:var(--panel); border:1px solid var(--line); transition:border-color .15s, color .15s; }
    .nfbg-jump a:hover { border-color:var(--card-edge); color:var(--accent-ink) !important; }

    /* answer capsule — key facts strip */
    .answer-capsule { position:relative; background:var(--panel); border:1px solid var(--card-edge); border-radius:.85em; padding:1.5em; margin-bottom:2.5em; overflow:hidden;
        box-shadow:0 20px 42px -24px var(--accent-glow); }
    .answer-capsule::after { content:""; position:absolute; inset:0 0 auto; height:120px; pointer-events:none;
        background:radial-gradient(120% 100% at 50% 0,rgba(70,140,255,.12),transparent 70%); }
    .answer-capsule dl { position:relative; margin:0; display:grid; grid-template-columns:1fr; gap:1.4em; }
    .answer-capsule dt { font-family:var(--mono); font-weight:700; color:var(--action-hi); font-size:.72em; text-transform:uppercase; letter-spacing:.1em; margin-bottom:.45em; }
    .answer-capsule dd { margin:0; font-size:.95em; line-height:1.6; color:var(--ink-dim); }
    @media(min-width:760px){ .answer-capsule dl { grid-template-columns:1fr 1fr 1fr; } }

    /* section eyebrow above the card grid */
    .nfbg-coreline { display:flex; align-items:baseline; justify-content:space-between; flex-wrap:wrap; gap:.6em; margin:0 0 1.2em; }
    .nfbg-coreline h2 { font-size:clamp(1.45rem,3vw,1.9rem); letter-spacing:-.02em; margin:0; }
    .nfbg-coreline .nfbg-kicker { font-family:var(--mono); font-size:.74em; text-transform:uppercase; letter-spacing:.1em; color:var(--ink-faint); }

    /* ambient-lift card */
    .guide-card { position:relative; background:var(--panel); border:1px solid var(--card-edge); border-radius:.85em; padding:1.6em; margin-bottom:1.5em; overflow:hidden;
        box-shadow:0 20px 42px -24px var(--accent-glow); }
    .guide-card::after { content:""; position:absolute; inset:0 0 auto; height:110px; pointer-events:none;
        background:radial-gradient(120% 100% at 50% 0,rgba(70,140,255,.10),transparent 70%); }
    .guide-card > * { position:relative; }
    .guide-card h2 { font-size:1.35rem; margin:0 0 .6em; letter-spacing:-.01em; }
    .guide-card p { line-height:1.7; }

    .section-header { display:flex; align-items:center; gap:.7em; margin-bottom:.9em; }
    .section-icon { color:var(--action-hi); font-size:1.15em; }
    .section-header h3 { margin:0; font-size:1.15rem; letter-spacing:-.01em; }

    /* example terminal block */
    .terminal-example { background:var(--void); border:1px solid var(--line); border-left:3px solid var(--card-edge); padding:1.1em 1.2em; margin:1.2em 0 0; border-radius:.5em;
        font-family:var(--mono); font-size:.86em; line-height:1.75; color:var(--ink-dim); }
    .terminal-example .lbl  { color:var(--ink-faint); }
    .terminal-example .val  { color:var(--model); font-weight:700; }
    .terminal-example .loss { color:var(--book);  font-weight:700; }
    .terminal-example .note { display:block; margin-top:.8em; color:var(--ink-faint); }
    .terminal-example .big  { font-size:1.6em; font-weight:700; color:var(--ink); font-family:var(--mono); }

    /* layout grids */
    .grid-2 { display:grid; grid-template-columns:1fr; gap:1.5em; margin-bottom:1.5em; }
    .props-grid { display:grid; grid-template-columns:1fr; gap:1em; margin-top:1.5em; }
    @media(min-width:760px){ .grid-2 { grid-template-columns:1fr 1fr; } .props-grid { grid-template-columns:repeat(3,1fr); } }

    .prop-tile { background:var(--panel-2); padding:1.1em; border-radius:.6em; border:1px solid var(--line); }
    .prop-tile strong { display:block; margin-bottom:.35em; font-size:.98em; }
    .prop-tile span { color:var(--ink-dim); font-size:.85em; line-height:1.55; }

    .nfbg-tags { margin-top:1.4em; display:flex; flex-wrap:wrap; gap:.7em; }
    .nfbg-tag { font-family:var(--mono); font-size:.74em; letter-spacing:.04em; padding:.45em .85em; border-radius:.45em; border:1px solid var(--line); color:var(--ink-dim); }
    .nfbg-tag.is-accent { color:var(--action-hi); border-color:var(--card-edge); }

    /* section heading for lower content */
    .nfbg-h2 { font-size:clamp(1.4rem,3vw,1.8rem); letter-spacing:-.015em; margin:3em 0 .4em; }
    .nfbg-sub { color:var(--ink-faint); font-family:var(--mono); font-size:.78em; text-transform:uppercase; letter-spacing:.1em; margin:0 0 1.5em; }

    /* FAQ */
    .nfbg-faq { max-width:820px; margin:0 auto; }
    .nfbg-faq-item { background:var(--panel); border:1px solid var(--line); border-radius:.7em; margin-bottom:.8em; overflow:hidden; transition:border-color .15s; }
    .nfbg-faq-item[open] { border-color:var(--card-edge); }
    .nfbg-faq-item summary { padding:1.05em 1.15em; cursor:pointer; font-weight:600; color:var(--ink); font-family:var(--display); list-style:none; display:flex; justify-content:space-between; align-items:center; gap:1em; min-height:44px; box-sizing:border-box; }
    .nfbg-faq-item summary:focus-visible { outline:2px solid var(--action-hi); outline-offset:-2px; }
    .nfbg-faq-item summary::-webkit-details-marker { display:none; }
    .nfbg-faq-item summary::after { content:'+'; font-family:var(--mono); color:var(--action-hi); flex-shrink:0; font-size:1.2em; }
    .nfbg-faq-item[open] summary::after { content:'\2212'; }
    .nfbg-faq-item p { padding:.75em 1.15em 1.15em; border-top:1px solid var(--line); margin:0; color:var(--ink-dim); line-height:1.7; }

    /* forward CTA band */
    .nfbg-forward { position:relative; background:var(--panel); border:1px solid var(--card-edge); border-radius:.85em; padding:2.2em 1.6em; margin-top:3em; text-align:center; overflow:hidden;
        box-shadow:0 20px 42px -24px var(--accent-glow); }
    .nfbg-forward::after { content:""; position:absolute; inset:0 0 auto; height:140px; pointer-events:none;
        background:radial-gradient(120% 100% at 50% 0,rgba(70,140,255,.14),transparent 70%); }
    .nfbg-forward > * { position:relative; }
    .nfbg-forward h2 { font-size:clamp(1.4rem,3vw,1.7rem); margin:0 0 .5em; letter-spacing:-.015em; }
    .nfbg-forward p { max-width:50ch; margin:0 auto 1.5em; line-height:1.6; }
    .nfbg-forward-row { display:flex; flex-wrap:wrap; gap:.8em; justify-content:center; }
    .nfbg-forward-micro { font-family:var(--mono); font-size:.74em; color:var(--ink-faint); margin:1.2em 0 0; }

    /* NFL hub links — go-deeper into this sport */
    .nfbg-hub-grid { list-style:none; padding:0; margin:1.4em 0 0; display:grid; grid-template-columns:repeat(auto-fill,minmax(240px,1fr)); gap:.8em; }
    .nfbg-hub-grid li a { display:flex; align-items:center; gap:.8em; min-height:56px; padding:.9em 1.05em; border-radius:.7em; background:var(--panel-2); border:1px solid var(--line); color:var(--ink) !important; font-weight:600; transition:border-color .15s, transform .12s, box-shadow .15s; }
    .nfbg-hub-grid li a:hover { border-color:var(--card-edge); transform:translateY(-2px); box-shadow:0 16px 34px -22px var(--accent-glow); color:var(--accent-ink) !important; }
    .nfbg-hub-grid li a i { color:var(--action-hi); font-size:1.05em; width:1.2em; text-align:center; }
    .nfbg-hub-grid .hub-arrow { margin-left:auto; color:var(--ink-faint); font-size:.85em; }

    /* cross-sport library */
    .nfbg-related ul { list-style:none; padding:0; margin:1.4em 0 0; display:grid; grid-template-columns:repeat(auto-fill,minmax(240px,1fr)); gap:.8em; }
    .nfbg-related li a { display:flex; align-items:center; gap:.7em; min-height:48px; padding:.85em 1em; border-radius:.6em; background:var(--panel-2); border:1px solid var(--line); color:var(--ink) !important; font-weight:500; transition:border-color .15s, transform .12s; }
    .nfbg-related li a:hover { border-color:var(--card-edge); transform:translateY(-1px); color:var(--accent-ink) !important; }
    .nfbg-related li a i { color:var(--action-hi); }

    @media (prefers-reduced-motion:reduce) {
        .nfbg-cta, .nfbg-cta:hover, .nfbg-related li a:hover, .nfbg-hub-grid li a:hover { transform:none; }
        .nfbg-wrapper a, .nfbg-cta, .nfbg-cta-ghost, .nfbg-faq-item, .nfbg-related li a, .nfbg-hub-grid li a, .bb-proof { transition:none; }
    }
