*{box-sizing:border-box}body{margin:0;background:#101410;color:#eeeade;font-family:Arial,sans-serif}a{color:inherit;text-decoration:none}.age{background:#d6ff3f;color:#111;text-align:center;padding:7px;font-size:11px;font-weight:800}header{height:76px;padding:0 6vw;display:flex;align-items:center;gap:28px;border-bottom:1px solid #30382e}.logo{display:flex;align-items:center;gap:10px}.logo span{border:1px solid #bea15f;padding:10px;color:#bea15f;font-family:Georgia}.logo i{display:block;color:#d6ff3f;font-family:Georgia;font-size:20px}nav{margin-left:auto;display:flex;gap:24px}.acct{display:flex;gap:12px}.smallcta,.cta{background:#d6ff3f;color:#111;padding:12px 16px;font-weight:900;display:inline-block;border:0}.hero{min-height:620px;padding:80px 7vw;display:grid;grid-template-columns:1.2fr .8fr;gap:7vw;background:radial-gradient(circle at 15% 20%,#273423,transparent 30%)}small{color:#bea15f;letter-spacing:.13em;font-weight:800}.hero h1,.page h1,.manifest h2{font:800 clamp(48px,6vw,88px)/.94 Georgia;margin:16px 0}.hero h1 em{color:#d6ff3f;font-style:normal}.hero p{max-width:650px;color:#b9c0b5;line-height:1.7}.hero aside{background:#eeeadd;color:#151815;align-self:center;padding:28px}.hero aside label,.pick>span,.week>span{display:inline-block;background:#161b15;color:#d6ff3f;padding:7px 9px;font-size:10px;font-weight:900;letter-spacing:.1em}.hero aside h2{font:700 42px Georgia}.manifest{background:#d6ff3f;color:#111;padding:80px 7vw}.manifest h2{font-size:60px}.manifest>div{display:grid;grid-template-columns:repeat(4,1fr);gap:1px}.manifest p{border:1px solid #8d974a;padding:22px;margin:0}.page{padding:70px 7vw;min-height:70vh}.page h1{font-size:65px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:30px 0}.pick{background:#eeeadd;color:#151815;padding:24px;min-height:300px}.pick h2{font:700 34px Georgia}.pick p{color:#646960;line-height:1.6}.prices{display:flex;gap:18px;padding:14px 0;border-block:1px solid #c5c0b4}.notice,.flash{padding:15px;background:#2b3129;border-left:4px solid #d6ff3f}.flash{margin:15px 7vw}.plans{display:grid;grid-template-columns:1fr 1fr;gap:18px;max-width:1000px}.plans article{border:1px solid #30382e;padding:30px}.plans .week{background:#eeeadd;color:#151815}.week>strong{font:700 90px Georgia;display:block}.day{display:grid;grid-template-columns:1fr 70px 80px;padding:13px 0;border-bottom:1px solid #30382e}.auth{max-width:520px;margin:70px auto;min-height:60vh;padding:30px}.auth h1{font:700 50px Georgia}.auth form{display:grid;gap:14px}.auth input,.adminform input,.adminform select{padding:14px;background:#1c211b;border:1px solid #424941;color:white}.table{border-top:1px solid #30382e}.tr{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;padding:13px 5px;border-bottom:1px solid #30382e;font-size:12px}.adminform{display:flex;gap:10px;margin-bottom:35px}.fine{font-size:11px;color:#858c80}.legal{max-width:900px}.legal p{line-height:1.7;color:#b4baaf}footer{border-top:1px solid #30382e;padding:45px 7vw;color:#90978c;font-size:12px}.footlinks{display:flex;gap:20px}@media(max-width:800px){nav{display:none}.hero{grid-template-columns:1fr}.grid,.plans,.manifest>div{grid-template-columns:1fr}.tr{grid-template-columns:1fr 1fr}.page,.hero,.manifest{padding-left:20px;padding-right:20px}}
.auth input[type="checkbox"]{
    width:18px;
    height:18px;
    padding:0;
    margin:0 10px 0 0;
    accent-color:#d6ff3f;
    cursor:pointer;
    vertical-align:middle;
}

.auth label{
    display:flex;
    align-items:center;
    gap:8px;
    padding:12px 0;
    cursor:pointer;
    color:#eeeade;
}

.secondarycta{
    margin-left:10px;
    background:transparent;
    color:#d6ff3f;
    border:1px solid #d6ff3f;
}

.agecheck{
    display:flex;
    align-items:flex-start;
    gap:10px;
    padding:10px 0 14px;
    line-height:1.4;
}
/* =========================================================
   BOOKMAKERS DEN - THE CARD ANALYSIS BACKGROUND
   ========================================================= */

.card-page {
    background:
        linear-gradient(rgba(16, 20, 16, 0.68), rgba(16, 20, 16, 0.76)),
        url("/static/card-analysis-bg.png") center center / cover fixed no-repeat;
}
/* =========================================================
   BOOKMAKERS DEN - THE LEDGER ANALYSIS BACKGROUND
   ========================================================= */

.ledger-page {
    background:
        linear-gradient(rgba(16, 20, 16, 0.68), rgba(16, 20, 16, 0.76)),
        url("/static/ledger-analysis-bg.png") center center / cover fixed no-repeat;
}
/* =========================================================
   BOOKMAKERS DEN - MEMBERSHIP BACKGROUND
   ========================================================= */

.membership-page {
    background:
        linear-gradient(rgba(16, 20, 16, 0.72), rgba(16, 20, 16, 0.80)),
        url("/static/membership-analysis-bg.png") center center / cover fixed no-repeat;
}
/* =========================================================
   BOOKMAKERS DEN - HOME HERO BACKGROUND
   ========================================================= */

.home-hero {
    background:
        linear-gradient(rgba(16, 20, 16, 0.56), rgba(16, 20, 16, 0.72)),
        url("/static/home-analysis-bg.png") center center / cover no-repeat;
}
/* =========================================================
   BOOKMAKERS DEN - AUTH BACKGROUND
   ========================================================= */

.auth-page {
    background:
        linear-gradient(rgba(16, 20, 16, 0.74), rgba(16, 20, 16, 0.84)),
        url("/static/auth-analysis-bg.png") center center / cover fixed no-repeat;
}
/* =========================================================
   BOOKMAKERS DEN - MOBILE POLISH
   ========================================================= */

@media (max-width: 800px) {

    header {
        height: auto;
        min-height: 70px;
        padding: 10px 16px;
        gap: 12px;
        flex-wrap: wrap;
    }

    .logo {
        gap: 8px;
    }

    .logo span {
        padding: 8px;
    }

    .logo i {
        font-size: 17px;
    }

    .acct {
        margin-left: auto;
        gap: 8px;
    }

    .smallcta,
    .cta {
        padding: 11px 14px;
    }

    .hero {
        min-height: auto;
        padding-top: 48px;
        padding-bottom: 48px;
        gap: 34px;
    }

    .home-hero {
        background-position: 58% center;
    }

    .hero h1 {
        font-size: clamp(44px, 13vw, 62px);
        line-height: .96;
        margin: 14px 0 20px;
    }

    .hero p {
        line-height: 1.55;
    }

    .hero aside {
        padding: 22px;
    }

    .hero aside h2 {
        font-size: 34px;
        margin: 14px 0;
    }

    .manifest {
        padding-top: 48px;
        padding-bottom: 48px;
    }

    .manifest h2 {
        font-size: 42px;
        line-height: 1;
    }

    .page {
        padding-top: 48px;
        padding-bottom: 48px;
    }

    .page h1 {
        font-size: 48px;
    }

    .grid {
        gap: 14px;
    }

    .pick {
        min-height: auto;
        padding: 20px;
    }

    .pick h2 {
        font-size: 30px;
    }

    .prices {
        flex-wrap: wrap;
        gap: 10px 16px;
    }

    .plans article {
        padding: 22px;
    }

    .week > strong {
        font-size: 68px;
    }

    .auth {
        margin: 36px 16px;
        padding: 24px;
        min-height: auto;
    }

    .auth h1 {
        font-size: 44px;
    }

    .tr {
        grid-template-columns: 1fr;
        gap: 5px;
        padding: 14px 8px;
    }

    footer {
        padding: 36px 20px;
    }

    .footlinks {
        flex-wrap: wrap;
        gap: 12px 18px;
    }
}
/* =========================================================
   BOOKMAKERS DEN - ADMIN CARD MONITOR
   ========================================================= */

.admin-card {
    margin: 22px 0 44px;
}

.admin-card .tr {
    align-items: center;
}

.admin-card .headliner-row {
    background: rgba(214, 255, 63, 0.08);
    border-left: 4px solid #d6ff3f;
    padding-left: 12px;
}

.admin-card .headliner-row span:nth-child(3) {
    color: #d6ff3f;
    font-weight: 900;
}

.admin-card .overlay-row span:nth-child(3) {
    color: #bea15f;
    font-weight: 900;
}

.admin-summary {
    margin-bottom: 16px;
}

@media (max-width: 800px) {
    .adminform {
        display: grid;
        grid-template-columns: 1fr;
    }

    .adminform input,
    .adminform select,
    .adminform button {
        width: 100%;
    }
}
/* =========================================================
   BOOKMAKERS DEN - ADMIN LEDGER AUDIT
   ========================================================= */

.admin-ledger {
    margin: 22px 0 44px;
}

.admin-ledger .ledger-row {
    align-items: center;
}

.admin-ledger small {
    color: #858c80;
    font-size: 9px;
    letter-spacing: .04em;
    word-break: break-all;
}

.admin-ledger .ledger-settled {
    color: #d6ff3f;
    font-weight: 900;
}

.admin-ledger .ledger-pending {
    color: #bea15f;
    font-weight: 900;
}

@media (max-width: 800px) {
    .admin-ledger .ledger-row {
        padding: 16px 10px;
    }

    .admin-ledger .ledger-row span {
        line-height: 1.45;
    }
}


/* =========================================================
   BOOKMAKERS DEN V2
   PREMIUM RACING ROOM FOUNDATION
   ========================================================= */

:root {
    --den-black: #0b0d0b;
    --den-charcoal: #111510;
    --den-panel: #171b16;
    --den-panel-2: #1c211b;

    --den-cream: #eee8da;
    --den-paper: #ddd5c4;
    --den-muted: #999d92;

    --den-brass: #b89a58;
    --den-brass-light: #d0b878;
    --den-green: #263429;

    --den-line: rgba(184,154,88,.24);
    --den-soft-line: rgba(238,232,218,.10);

    --den-serif: Georgia, "Times New Roman", serif;
    --den-sans: Arial, Helvetica, sans-serif;
}

/* ---------- GLOBAL ---------- */

body {
    background:
        radial-gradient(
            circle at 50% -10%,
            rgba(46,61,47,.28),
            transparent 34%
        ),
        var(--den-black);

    color: var(--den-cream);
    font-family: var(--den-sans);
}

a {
    transition:
        color .18s ease,
        border-color .18s ease,
        background .18s ease,
        opacity .18s ease,
        transform .18s ease;
}

/* ---------- RESPONSIBLE MESSAGE ---------- */

.age {
    background: #151914;
    color: #aaa99f;

    border-bottom:
        1px solid var(--den-line);

    padding: 7px 20px;

    font-size: 10px;
    font-weight: 700;
    letter-spacing: .12em;
    text-transform: uppercase;
}

/* ---------- HEADER ---------- */

header {
    height: 84px;
    padding: 0 6vw;

    background:
        rgba(11,13,11,.94);

    border-bottom:
        1px solid var(--den-line);

    backdrop-filter: blur(14px);
}

.logo {
    gap: 12px;
}

.logo span {
    border:
        1px solid var(--den-brass);

    color:
        var(--den-brass-light);

    padding: 9px 10px;

    font-family:
        var(--den-serif);

    font-size: 17px;
    letter-spacing: .06em;
}

.logo b {
    font-size: 12px;
    letter-spacing: .12em;
}

.logo i {
    color:
        var(--den-brass-light);

    font-family:
        var(--den-serif);

    font-size: 18px;
    letter-spacing: .04em;
}

nav {
    gap: 30px;
}

nav a,
.acct > a:not(.smallcta) {
    color: #b8b9b1;

    font-size: 11px;
    font-weight: 700;

    letter-spacing: .08em;
    text-transform: uppercase;
}

nav a:hover,
.acct > a:not(.smallcta):hover {
    color:
        var(--den-brass-light);
}

/* ---------- BUTTONS ---------- */

.cta,
.smallcta {
    background:
        var(--den-brass);

    color:
        #0b0d0b;

    border:
        1px solid var(--den-brass);

    padding:
        13px 18px;

    font-size:
        11px;

    font-weight:
        900;

    letter-spacing:
        .09em;

    text-transform:
        uppercase;
}

.cta:hover,
.smallcta:hover {
    background:
        var(--den-brass-light);

    border-color:
        var(--den-brass-light);

    transform:
        translateY(-1px);
}

.secondarycta {
    background:
        transparent;

    color:
        var(--den-brass-light);

    border:
        1px solid var(--den-brass);
}

.secondarycta:hover {
    background:
        rgba(184,154,88,.10);

    color:
        var(--den-brass-light);
}

/* ---------- TYPOGRAPHY ---------- */

small {
    color:
        var(--den-brass-light);

    letter-spacing:
        .18em;

    font-size:
        10px;

    font-weight:
        800;

    text-transform:
        uppercase;
}

.hero h1,
.page h1,
.manifest h2 {
    font-family:
        var(--den-serif);

    letter-spacing:
        -.035em;
}

.hero h1 em {
    color:
        var(--den-brass-light);
}

.page h1 {
    color:
        var(--den-cream);
}

/* ---------- HOME HERO ---------- */

.home-hero {
    position:
        relative;

    isolation:
        isolate;
}

.home-hero::after {
    content: "";

    position:
        absolute;

    inset:
        0;

    z-index:
        -1;

    background:
        linear-gradient(
            90deg,
            rgba(7,9,7,.48),
            transparent 55%
        );
}

.hero p {
    color:
        #b0b2aa;

    font-size:
        15px;
}

.hero .rule {
    color:
        var(--den-brass-light);

    margin-top:
        20px;

    font-size:
        11px;

    font-weight:
        800;

    letter-spacing:
        .12em;

    text-transform:
        uppercase;
}

/* ---------- THE BOARD ---------- */

.hero aside {
    position:
        relative;

    background:
        linear-gradient(
            145deg,
            #e9e1d1,
            #d8ceba
        );

    color:
        #151713;

    padding:
        34px;

    border:
        1px solid #c1ad7d;

    box-shadow:
        0 28px 70px rgba(0,0,0,.30);
}

.hero aside::before {
    content:
        "";

    position:
        absolute;

    inset:
        8px;

    border:
        1px solid rgba(95,74,35,.25);

    pointer-events:
        none;
}

.hero aside > * {
    position:
        relative;

    z-index:
        1;
}

.hero aside label,
.pick > span,
.week > span {
    background:
        var(--den-charcoal);

    color:
        var(--den-brass-light);

    padding:
        7px 10px;

    letter-spacing:
        .13em;
}

.hero aside h2 {
    color:
        #151713;
}

/* ---------- MANIFEST ---------- */

.manifest {
    background:
        #dcd3c1;

    color:
        #11130f;

    border-block:
        1px solid #b79d64;
}

.manifest h2 {
    color:
        #11130f;
}

.manifest p {
    border:
        1px solid rgba(80,65,35,.28);

    background:
        rgba(255,255,255,.14);
}

.manifest p b {
    font-family:
        var(--den-serif);

    color:
        #725c2d;

    letter-spacing:
        .04em;
}

/* ---------- PAGE FOUNDATION ---------- */

.page {
    position:
        relative;
}

.card-page,
.ledger-page,
.membership-page {
    background-attachment:
        fixed;
}

.notice,
.flash {
    background:
        rgba(27,32,26,.94);

    border:
        1px solid var(--den-soft-line);

    border-left:
        3px solid var(--den-brass);

    color:
        #c7c8bf;

    box-shadow:
        0 14px 40px rgba(0,0,0,.12);
}

/* ---------- SELECTION CARDS ---------- */

.grid {
    gap:
        20px;
}

.pick {
    position:
        relative;

    overflow:
        hidden;

    min-height:
        320px;

    padding:
        26px;

    background:
        linear-gradient(
            145deg,
            #e7dfcf,
            #d8cfbd
        );

    color:
        #161814;

    border:
        1px solid #bba97f;

    box-shadow:
        0 18px 45px rgba(0,0,0,.18);
}

.pick::after {
    content:
        "";

    position:
        absolute;

    left:
        0;

    right:
        0;

    bottom:
        0;

    height:
        3px;

    background:
        var(--den-brass);
}

.pick h2 {
    margin:
        20px 0 8px;

    color:
        #11130f;

    font-family:
        var(--den-serif);

    font-size:
        35px;
}

.pick p {
    color:
        #62655e;
}

.pick strong {
    color:
        #665126;

    letter-spacing:
        .04em;
}

.prices {
    justify-content:
        space-between;

    gap:
        14px;

    margin:
        18px 0 8px;

    padding:
        15px 0;

    border-block:
        1px solid rgba(72,62,42,.22);
}

.prices b {
    font-family:
        var(--den-serif);

    font-size:
        15px;
}

/* ---------- RACE EDGE POSITIVES ---------- */

.race-edge-positives {
    margin-top:
        70px !important;

    padding-top:
        42px;

    border-top:
        1px solid var(--den-line);
}

.race-edge-positives > h1 {
    margin-bottom:
        14px;
}

.race-edge-positives > .fine {
    max-width:
        720px;

    color:
        #a9ada3;

    font-size:
        12px;

    line-height:
        1.7;
}

.race-edge-positives .pick {
    background:
        linear-gradient(
            145deg,
            #171d17,
            #111510
        );

    color:
        var(--den-cream);

    border:
        1px solid var(--den-line);

    box-shadow:
        0 18px 45px rgba(0,0,0,.25);
}

.race-edge-positives .pick h2 {
    color:
        var(--den-cream);
}

.race-edge-positives .pick p {
    color:
        #9ea399;
}

.race-edge-positives .pick .prices {
    border-color:
        var(--den-line);
}

.race-edge-positives .pick strong {
    color:
        var(--den-brass-light);
}

/* ---------- MEMBERSHIP ---------- */

.plans {
    gap:
        24px;

    max-width:
        1080px;
}

.plans article {
    background:
        rgba(18,22,17,.90);

    border:
        1px solid var(--den-line);

    padding:
        34px;
}

.plans .week {
    position:
        relative;

    background:
        linear-gradient(
            145deg,
            #e6dece,
            #d7cdb9
        );

    color:
        #151713;

    border:
        1px solid #b89a58;

    box-shadow:
        0 24px 60px rgba(0,0,0,.24);
}

.week > strong {
    color:
        #6f5829;

    font-family:
        var(--den-serif);
}

.day {
    border-bottom:
        1px solid var(--den-soft-line);
}

.day a {
    color:
        var(--den-brass-light);

    font-weight:
        800;
}

/* ---------- LEDGER ---------- */

.table {
    margin-top:
        32px;

    border-top:
        1px solid var(--den-line);

    background:
        rgba(12,15,12,.64);
}

.tr {
    border-bottom:
        1px solid var(--den-soft-line);

    padding:
        15px 12px;
}

.tr:hover {
    background:
        rgba(184,154,88,.045);
}

/* ---------- FOOTER ---------- */

footer {
    background:
        #090b09;

    border-top:
        1px solid var(--den-line);

    color:
        #858a80;

    padding-top:
        52px;
}

footer .logo {
    margin-bottom:
        18px;
}

footer > p:not(.fine) {
    color:
        var(--den-brass-light);

    font-family:
        var(--den-serif);

    font-size:
        15px;
}

.footlinks a:hover {
    color:
        var(--den-brass-light);
}

/* ---------- MOBILE V2 ---------- */

@media (max-width: 800px) {

    .age {
        padding:
            6px 12px;

        font-size:
            9px;
    }

    header {
        background:
            rgba(10,12,10,.97);
    }

    .logo b {
        font-size:
            10px;
    }

    .hero {
        padding-top:
            54px;

        padding-bottom:
            54px;
    }

    .hero aside {
        padding:
            27px;
    }

    .manifest {
        padding-top:
            54px;

        padding-bottom:
            54px;
    }

    .pick {
        padding:
            22px;

        min-height:
            auto;
    }

    .race-edge-positives {
        margin-top:
            50px !important;

        padding-top:
            34px;
    }

    .prices {
        align-items:
            flex-start;
    }

    .plans article {
        padding:
            26px;
    }
}


/* =========================================================
   BOOKMAKERS DEN V2 - CARD EXPERIENCE
   ========================================================= */

.den-selection {
    display: flex;
    flex-direction: column;
}

.selection-topline {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 14px;
}

.selection-topline small {
    color: #756e61;
    letter-spacing: .10em;
}

.selection-condition {
    margin-top: 0;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: .08em;
}

.market-board {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    margin: 22px 0;
    border-block: 1px solid rgba(72,62,42,.24);
}

.market-board > div {
    padding: 16px 14px 16px 0;
}

.market-board > div + div {
    border-left: 1px solid rgba(72,62,42,.18);
    padding-left: 16px;
}

.market-board small {
    display: block;
    color: #777064;
    margin-bottom: 6px;
    font-size: 9px;
}

.market-board strong {
    display: block;
    color: #171914;
    font-family: var(--den-serif);
    font-size: 24px;
}

.selection-note {
    margin-top: 4px;
}

.selection-note small {
    color: #806a3b;
}

.selection-note p {
    margin-top: 7px;
}

.value-meter {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: auto;
    padding-top: 18px;
    border-top: 1px solid rgba(72,62,42,.18);
}

.value-meter span {
    font-size: 9px;
    font-weight: 900;
    letter-spacing: .13em;
    color: #777064;
}

.value-meter strong {
    font-family: var(--den-serif);
    font-size: 20px;
    color: #6d5729;
}

@media (max-width: 800px) {

    .selection-topline {
        align-items: flex-start;
        flex-direction: column;
        gap: 9px;
    }

    .market-board {
        grid-template-columns: 1fr 1fr;
    }

    .market-board > div:nth-child(3) {
        grid-column: 1 / -1;
        border-left: 0;
        border-top: 1px solid rgba(72,62,42,.18);
        padding-left: 0;
    }
}


/* ===== BOOKMAKERS DEN V2 FINAL START ===== */

/*
   CLEAN HOMEPAGE
   Important: home-analysis-bg.png deliberately NOT used here.
   The original asset contains obsolete page artwork/text.
*/

.home-v2-hero {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    min-height: 650px;
    padding: 86px 7vw 82px;
    display: grid;
    grid-template-columns: minmax(0, 1.04fr) minmax(360px, .72fr);
    align-items: center;
    gap: clamp(64px, 8vw, 130px);

    background:
        radial-gradient(circle at 18% 28%,
            rgba(125, 105, 54, .14),
            transparent 28%),
        radial-gradient(circle at 82% 40%,
            rgba(31, 67, 49, .18),
            transparent 30%),
        linear-gradient(115deg,
            #090c0a 0%,
            #0c100d 52%,
            #11150f 100%);
}

.home-v2-hero::before {
    content: "BD";
    position: absolute;
    z-index: -1;
    right: 3vw;
    top: 46%;
    transform: translateY(-50%);
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(220px, 31vw, 530px);
    line-height: .7;
    color: rgba(190, 161, 95, .025);
    pointer-events: none;
}

.home-v2-hero::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    opacity: .19;
    background-image:
        linear-gradient(rgba(190,161,95,.10) 1px, transparent 1px),
        linear-gradient(90deg, rgba(190,161,95,.08) 1px, transparent 1px);
    background-size: 72px 72px;
    mask-image: linear-gradient(
        90deg,
        rgba(0,0,0,.25),
        transparent 60%
    );
}

.home-v2-copy {
    max-width: 820px;
}

.eyebrow {
    display: inline-block;
    color: #c3a45e;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .19em;
    line-height: 1.5;
}

.home-v2-copy h1 {
    margin: 19px 0 24px;
    max-width: 790px;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(60px, 6.3vw, 102px);
    font-weight: 700;
    line-height: .83;
    letter-spacing: -.055em;
    color: #eee8d8;
}

.home-v2-copy h1 em {
    color: #c3a45e;
    font-style: normal;
}

.home-v2-lead {
    max-width: 720px;
    margin: 0 0 28px;
    color: #c0c0b6;
    font-size: 16px;
    line-height: 1.72;
}

.home-v2-actions {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.home-v2-actions .cta,
.weekly-price .cta {
    background: #c3a45e;
    color: #090b09;
    border: 1px solid #c3a45e;
    padding: 14px 19px;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: .09em;
}

.ghost-cta {
    display: inline-block;
    padding: 14px 19px;
    border: 1px solid rgba(195,164,94,.42);
    color: #e9e3d2;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: .09em;
}

.ghost-cta:hover {
    border-color: #c3a45e;
}

.home-v2-rule {
    margin-top: 24px;
    color: #c3a45e;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: .18em;
}


/* TODAY'S BOARD */

.today-board {
    position: relative;
    width: 100%;
    max-width: 455px;
    justify-self: end;
    padding: 31px 31px 30px;
    color: #181812;
    background: #dfd5bf;
    border: 1px solid #b6a989;
    box-shadow:
        0 26px 60px rgba(0,0,0,.35),
        inset 0 0 0 8px #e8dfcd,
        inset 0 0 0 9px #b8ac91;
}

.board-heading {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding-bottom: 18px;
}

.board-heading > span {
    font-family: Georgia, "Times New Roman", serif;
    font-size: 14px;
}

.board-heading small {
    width: max-content;
    padding: 7px 11px;
    color: #dbc475;
    background: #0b0e0b;
    font-size: 9px;
    font-weight: 900;
    letter-spacing: .16em;
}

.board-live,
.board-quiet {
    display: inline-block;
    margin-top: 10px;
    color: #31533b;
    font-size: 9px;
    font-weight: 900;
    letter-spacing: .15em;
}

.board-quiet {
    color: #755f34;
}

.today-board h2 {
    margin: 24px 0 10px;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(39px, 4vw, 58px);
    line-height: .96;
    letter-spacing: -.03em;
}

.board-race {
    margin: 5px 0;
    font-weight: 800;
    text-transform: uppercase;
}

.board-condition {
    color: #625d51;
    margin: 5px 0 0;
}

.board-divider {
    height: 1px;
    margin: 24px 0;
    background: #b8ac91;
}

.board-copy {
    color: #696456;
    line-height: 1.55;
}

.board-copy.strong {
    color: #26251f;
}

.board-link {
    display: inline-block;
    margin-top: 12px;
    padding-bottom: 4px;
    color: #27251e;
    border-bottom: 1px solid #8c7640;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: .12em;
}


/* SHARED HOMEPAGE WIDTH */

.section-inner {
    width: min(1320px, 86vw);
    margin: 0 auto;
}


/* METHOD */

.den-method {
    padding: 86px 0 92px;
    background: #090c0a;
    border-top: 1px solid rgba(195,164,94,.16);
}

.section-heading-row {
    display: grid;
    grid-template-columns: 1fr .8fr;
    gap: 60px;
    align-items: end;
    margin: 16px 0 54px;
}

.section-heading-row h2 {
    margin: 0;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(45px, 5.4vw, 78px);
    line-height: .91;
    letter-spacing: -.035em;
    color: #eee8d8;
}

.section-heading-row > p {
    max-width: 570px;
    margin: 0 0 5px;
    color: #aaa99f;
    font-size: 15px;
    line-height: 1.65;
}

.method-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    border-top: 1px solid rgba(195,164,94,.22);
    border-bottom: 1px solid rgba(195,164,94,.22);
}

.method-grid article {
    min-height: 245px;
    padding: 31px 34px 35px 0;
}

.method-grid article + article {
    padding-left: 34px;
    border-left: 1px solid rgba(195,164,94,.22);
}

.method-grid span {
    color: #c3a45e;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 12px;
}

.method-grid h3 {
    margin: 37px 0 13px;
    color: #eee8d8;
    font-size: 17px;
    letter-spacing: .02em;
}

.method-grid p {
    max-width: 360px;
    margin: 0;
    color: #aaa99f;
    line-height: 1.65;
}


/* MANIFEST */

.home-manifest {
    padding: 88px 0 94px;
    color: #171812;
    background: #ded4bd;
}

.dark-eyebrow {
    color: #a18547;
}

.home-manifest h2 {
    margin: 18px 0 50px;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(58px, 6.8vw, 101px);
    line-height: .82;
    letter-spacing: -.055em;
}

.manifest-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    border: 1px solid #b7aa8c;
}

.manifest-grid article {
    min-height: 132px;
    padding: 24px 25px;
}

.manifest-grid article + article {
    border-left: 1px solid #b7aa8c;
}

.manifest-grid h3 {
    margin: 0 0 5px;
    color: #765e32;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 15px;
}

.manifest-grid p {
    margin: 0;
    color: #292920;
    line-height: 1.38;
}


/* MEMBERSHIP */

.home-membership {
    padding: 70px 0;
    background:
        radial-gradient(circle at 80% 20%,
            rgba(57,86,62,.14),
            transparent 28%),
        #090c0a;
}

.membership-row {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 80px;
    align-items: center;
}

.membership-row h2 {
    margin: 16px 0 14px;
    color: #eee8d8;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(43px, 4.4vw, 67px);
}

.membership-row > div:first-child p {
    max-width: 570px;
    color: #aaa99f;
    line-height: 1.6;
}

.weekly-price {
    display: grid;
    grid-template-columns: auto auto;
    align-items: baseline;
    justify-content: end;
    column-gap: 4px;
}

.weekly-price > span {
    color: #c3a45e;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 20px;
}

.weekly-price > strong {
    color: #eee8d8;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 74px;
    line-height: 1;
}

.weekly-price > small {
    grid-column: 1 / -1;
    margin: 7px 0 16px;
    color: #c3a45e;
    font-size: 9px;
    font-weight: 900;
    letter-spacing: .17em;
}

.weekly-price > .cta {
    grid-column: 1 / -1;
}


/* GLOBAL V2 REFINEMENTS */

.age {
    background: #111610 !important;
    color: #aaa99f !important;
    border-bottom: 1px solid rgba(195,164,94,.18);
    letter-spacing: .13em;
}

header {
    background: rgba(8,11,9,.98);
    border-bottom-color: rgba(195,164,94,.22);
}

.logo i {
    color: #c3a45e !important;
}

header .smallcta {
    background: #c3a45e;
    color: #0b0d0b;
}

header nav a,
header .acct > a:not(.smallcta) {
    color: #bcb9ad;
}

header nav a:hover,
header .acct > a:not(.smallcta):hover {
    color: #eee8d8;
}

footer {
    background: #070a08;
    border-top-color: rgba(195,164,94,.15);
}


/* MOBILE */

@media (max-width: 900px) {

    .home-v2-hero {
        min-height: auto;
        grid-template-columns: 1fr;
        padding: 62px 24px 66px;
        gap: 48px;
    }

    .home-v2-copy h1 {
        font-size: clamp(54px, 15vw, 78px);
    }

    .today-board {
        justify-self: start;
        max-width: 100%;
    }

    .section-inner {
        width: auto;
        margin: 0 24px;
    }

    .section-heading-row {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .method-grid {
        grid-template-columns: 1fr;
    }

    .method-grid article {
        padding: 27px 0;
        min-height: auto;
    }

    .method-grid article + article {
        padding-left: 0;
        border-left: 0;
        border-top: 1px solid rgba(195,164,94,.22);
    }

    .method-grid h3 {
        margin-top: 18px;
    }

    .manifest-grid {
        grid-template-columns: 1fr 1fr;
    }

    .manifest-grid article:nth-child(3) {
        border-left: 0;
        border-top: 1px solid #b7aa8c;
    }

    .manifest-grid article:nth-child(4) {
        border-top: 1px solid #b7aa8c;
    }

    .membership-row {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .weekly-price {
        justify-content: start;
    }
}

@media (max-width: 560px) {

    .home-v2-hero {
        padding-left: 20px;
        padding-right: 20px;
    }

    .home-v2-copy h1 {
        font-size: clamp(50px, 17vw, 68px);
    }

    .home-v2-actions {
        align-items: stretch;
    }

    .home-v2-actions a {
        text-align: center;
    }

    .today-board {
        padding: 25px;
    }

    .section-inner {
        margin: 0 20px;
    }

    .den-method,
    .home-manifest {
        padding-top: 65px;
        padding-bottom: 68px;
    }

    .manifest-grid {
        grid-template-columns: 1fr;
    }

    .manifest-grid article + article {
        border-left: 0;
        border-top: 1px solid #b7aa8c;
    }
}

/* ===== BOOKMAKERS DEN V2 FINAL END ===== */



/* ===== BOOKMAKERS DEN CARD MEMBER V2 START ===== */

.card-v2-page {
    min-height: 75vh;
    padding-bottom: 90px;
    background:
        radial-gradient(circle at 92% 5%,
            rgba(64,91,66,.15),
            transparent 25%),
        radial-gradient(circle at 8% 40%,
            rgba(195,164,94,.055),
            transparent 28%),
        #090c0a;
}


/* HEADER */

.card-v2-header {
    width: min(1320px, 86vw);
    margin: 0 auto;
    padding: 76px 0 48px;
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 80px;
    align-items: end;
}

.card-eyebrow,
.card-section-heading small,
.den-read small,
.release-value small,
.market-cell small,
.card-lock-panel > small {
    color: #c3a45e;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: .18em;
}

.card-v2-header h1 {
    margin: 12px 0 20px;
    color: #eee8d8;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(65px, 7vw, 108px);
    line-height: .82;
    letter-spacing: -.055em;
}

.card-intro {
    max-width: 720px;
    margin: 0;
    color: #aaa99f;
    font-size: 15px;
    line-height: 1.7;
}


/* ACCESS STATUS */

.card-access-panel {
    min-width: 300px;
    display: grid;
    grid-template-columns: 11px 1fr;
    gap: 15px;
    align-items: start;
    padding: 22px 24px;
    border: 1px solid rgba(195,164,94,.28);
    background: rgba(15,19,15,.92);
}

.access-dot {
    width: 9px;
    height: 9px;
    margin-top: 4px;
    border-radius: 50%;
    background: #6f936f;
    box-shadow: 0 0 0 4px rgba(111,147,111,.10);
}

.access-dot.inactive {
    background: #8d7750;
    box-shadow: none;
}

.card-access-panel small {
    display: block;
    margin-bottom: 7px;
    color: #898d83;
    font-size: 8px;
    letter-spacing: .17em;
}

.card-access-panel strong {
    color: #e8e2d2;
    font-size: 12px;
    letter-spacing: .07em;
}

.card-access-panel p {
    margin: 6px 0 0;
    color: #81857c;
    font-size: 11px;
}


/* TOOLBAR */

.card-v2-toolbar {
    width: min(1320px, 86vw);
    margin: 0 auto 70px;
    padding: 19px 0;
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 34px;
    align-items: center;
    border-top: 1px solid rgba(195,164,94,.23);
    border-bottom: 1px solid rgba(195,164,94,.23);
}

.card-v2-toolbar > div {
    display: flex;
    align-items: baseline;
    gap: 12px;
}

.card-v2-toolbar span {
    color: #898d83;
    font-size: 9px;
    font-weight: 900;
    letter-spacing: .14em;
}

.card-v2-toolbar strong {
    color: #c3a45e;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 25px;
}

.card-v2-toolbar p {
    margin: 0;
    color: #777c73;
    font-size: 11px;
}

.card-v2-toolbar a {
    color: #c3a45e;
    font-size: 9px;
    font-weight: 900;
    letter-spacing: .13em;
}


/* SECTIONS */

.official-card,
.positives-v2,
.card-lock-panel {
    width: min(1320px, 86vw);
    margin-left: auto;
    margin-right: auto;
}

.card-section-heading {
    margin-bottom: 30px;
    display: grid;
    grid-template-columns: 1fr .8fr;
    gap: 60px;
    align-items: end;
}

.card-section-heading h2 {
    margin: 9px 0 0;
    color: #eee8d8;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(42px, 4vw, 60px);
    line-height: .95;
}

.card-section-heading > p {
    max-width: 520px;
    margin: 0;
    color: #878b82;
    line-height: 1.6;
}


/* OFFICIAL RELEASE */

.official-release-list {
    display: grid;
    gap: 18px;
}

.den-release {
    position: relative;
    overflow: hidden;
    padding: 0;
    color: #1a1a14;
    background: #ddd3bd;
    border: 1px solid #b3a789;
    box-shadow: 0 12px 40px rgba(0,0,0,.13);
}

.den-release::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 4px;
    background: #937b46;
}

.den-release.release-headliner::before {
    width: 7px;
    background: #c3a45e;
}

.release-status-row {
    padding: 17px 25px 13px 29px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #bcb096;
}

.release-status {
    display: inline-block;
    padding: 6px 9px;
    color: #d9c174;
    background: #10130f;
    font-size: 9px;
    font-weight: 900;
    letter-spacing: .15em;
}

.release-number {
    color: #8f856e;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 12px;
}

.release-main {
    display: grid;
    grid-template-columns: minmax(260px, .9fr) 1.4fr;
    gap: 40px;
    padding: 31px 30px 28px;
}

.release-race {
    margin: 0 0 9px;
    color: #776d5b;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: .10em;
    text-transform: uppercase;
}

.release-identity h3 {
    margin: 0 0 13px;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(36px, 3.5vw, 52px);
    line-height: .95;
    letter-spacing: -.025em;
}

.release-condition {
    display: inline-block;
    padding-top: 7px;
    color: #6f6858;
    border-top: 1px solid #b9ad93;
    font-size: 11px;
}

.release-market {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    border: 1px solid #b9ad93;
}

.market-cell {
    min-height: 135px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.market-cell + .market-cell {
    border-left: 1px solid #b9ad93;
}

.market-cell small {
    color: #826b38;
}

.market-cell strong {
    display: block;
    margin: 8px 0 3px;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 34px;
}

.market-cell span {
    color: #807866;
    font-size: 9px;
    line-height: 1.35;
}

.market-gap strong {
    color: #34553e;
}


/* ANALYSIS */

.release-analysis {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 45px;
    padding: 25px 30px 29px;
    background: #e7dfcd;
    border-top: 1px solid #bcb096;
}

.den-read p {
    max-width: 850px;
    margin: 9px 0 0;
    color: #514d42;
    line-height: 1.62;
}

.release-value {
    min-width: 150px;
    padding-left: 28px;
    border-left: 1px solid #c1b79f;
}

.value-score {
    margin: 8px 0 7px;
    display: flex;
    align-items: baseline;
}

.value-score strong {
    font-family: Georgia, "Times New Roman", serif;
    font-size: 34px;
}

.value-score span {
    color: #77705f;
}

.value-bars {
    display: flex;
    gap: 4px;
}

.value-bars i {
    width: 18px;
    height: 4px;
    background: #c4baa4;
}

.value-bars i.active {
    background: #9b8146;
}


/* EMPTY CARD */

.empty-card {
    padding: 55px;
    text-align: center;
    border: 1px solid rgba(195,164,94,.25);
    background: #0d110e;
}

.empty-card small {
    color: #c3a45e;
    letter-spacing: .16em;
}

.empty-card h3 {
    margin: 13px 0 8px;
    color: #eee8d8;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 37px;
}

.empty-card p {
    color: #858980;
}


/* DEN AI RUNNER EXPLANATION */

.den-ai-runner {
    margin-top: 20px;
    padding-top: 18px;
    border-top: 1px solid rgba(195,164,94,.18);
}

.den-ai-runner-button {
    appearance: none;
    border: 1px solid rgba(195,164,94,.42);
    background: transparent;
    color: #c3a45e;
    padding: 10px 14px;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: .14em;
    cursor: pointer;
}

.den-ai-runner-button:hover {
    background: rgba(195,164,94,.08);
}

.den-ai-runner-button:disabled {
    opacity: .55;
    cursor: wait;
}

.den-ai-runner-result {
    margin-top: 14px;
    color: #bfc1b8;
    line-height: 1.7;
}


/* DEN AI RACE BRIEF */

.den-ai-brief {
    width: min(1320px, 86vw);
    margin: 90px auto 0;
    padding-top: 70px;
    border-top: 1px solid rgba(195,164,94,.22);
}

.den-ai-brief-copy {
    padding: 30px 34px;
    border: 1px solid rgba(195,164,94,.28);
    background: #0d110e;
    color: #c8c8bd;
    font-size: 16px;
    line-height: 1.75;
}


/* RACE EDGE POSITIVES */

.positives-v2 {
    margin-top: 90px;
    padding-top: 70px;
    border-top: 1px solid rgba(195,164,94,.22);
}

.positives-table {
    border-top: 1px solid rgba(195,164,94,.25);
}

.positive-row {
    min-height: 70px;
    padding: 14px 16px;
    display: grid;
    grid-template-columns:
        minmax(190px, 1.45fr)
        1.1fr
        .55fr
        .65fr
        .55fr
        1.4fr;
    gap: 15px;
    align-items: center;
    border-bottom: 1px solid rgba(195,164,94,.14);
    color: #aaa99f;
    font-size: 11px;
}

.positive-header {
    min-height: auto;
    padding-top: 11px;
    padding-bottom: 11px;
    color: #777c73;
    font-size: 8px;
    font-weight: 900;
    letter-spacing: .13em;
    text-transform: uppercase;
}

.positive-runner {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.positive-runner strong {
    color: #eee8d8;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 17px;
}

.positive-runner small {
    color: #927b46;
    font-size: 8px;
    letter-spacing: .08em;
}

.positive-projected {
    color: #eee8d8;
    font-weight: 900;
}

.positive-lift {
    color: #8faa8c;
    font-weight: 900;
}

.positive-signal {
    color: #bba56d;
    font-size: 9px;
}

.positives-footnote {
    max-width: 780px;
    margin: 20px 0 0;
    color: #72766e;
    font-size: 10px;
    line-height: 1.55;
}


/* LOCK */

.card-lock-panel {
    margin-top: 70px;
    padding: 42px;
    border: 1px solid rgba(195,164,94,.28);
    background: #101410;
}

.card-lock-panel h2 {
    margin: 10px 0;
    color: #eee8d8;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 38px;
}

.card-lock-panel p {
    max-width: 650px;
    color: #898d84;
    line-height: 1.6;
}

.card-lock-panel .cta {
    margin-top: 12px;
    background: #c3a45e;
    color: #0b0d0b;
}

.card-login-link {
    margin-left: 20px;
    color: #c3a45e;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: .1em;
}


/* MOBILE */

@media (max-width: 900px) {

    .card-v2-header {
        width: auto;
        margin: 0 24px;
        grid-template-columns: 1fr;
        gap: 30px;
        padding-top: 58px;
    }

    .card-access-panel {
        min-width: 0;
    }

    .card-v2-toolbar,
    .official-card,
    .positives-v2,
    .card-lock-panel {
        width: auto;
        margin-left: 24px;
        margin-right: 24px;
    }

    .card-v2-toolbar {
        grid-template-columns: 1fr auto;
    }

    .card-v2-toolbar p {
        grid-column: 1 / -1;
        grid-row: 2;
    }

    .card-section-heading {
        grid-template-columns: 1fr;
        gap: 15px;
    }

    .release-main {
        grid-template-columns: 1fr;
        gap: 25px;
    }

    .release-analysis {
        grid-template-columns: 1fr;
        gap: 25px;
    }

    .release-value {
        padding-left: 0;
        padding-top: 20px;
        border-left: 0;
        border-top: 1px solid #c1b79f;
    }

    .positive-row {
        grid-template-columns:
            minmax(160px, 1.3fr)
            1fr
            .6fr
            .7fr
            .6fr;
    }

    .positive-row > :last-child {
        display: none;
    }
}


@media (max-width: 600px) {

    .card-v2-header,
    .card-v2-toolbar,
    .official-card,
    .positives-v2,
    .card-lock-panel {
        margin-left: 20px;
        margin-right: 20px;
    }

    .card-v2-header h1 {
        font-size: 62px;
    }

    .card-v2-toolbar {
        gap: 15px;
    }

    .release-main {
        padding: 25px 22px;
    }

    .release-status-row {
        padding-left: 25px;
        padding-right: 22px;
    }

    .release-market {
        grid-template-columns: 1fr;
    }

    .market-cell {
        min-height: auto;
    }

    .market-cell + .market-cell {
        border-left: 0;
        border-top: 1px solid #b9ad93;
    }

    .release-analysis {
        padding: 23px 22px;
    }

    .positive-header {
        display: none;
    }

    .positive-row {
        padding: 18px 0;
        grid-template-columns: 1fr auto;
    }

    .positive-row > span:nth-of-type(2),
    .positive-row > span:nth-of-type(3),
    .positive-row > span:nth-of-type(4),
    .positive-row > span:nth-of-type(5) {
        display: none;
    }

    .positive-runner strong {
        font-size: 19px;
    }

    .card-login-link {
        display: block;
        margin: 20px 0 0;
    }
}

/* ===== BOOKMAKERS DEN CARD MEMBER V2 END ===== */



/* ===== BOOKMAKERS DEN LEDGER V2 START ===== */


/* ---------------------------------------------------------
   CARD FINAL POLISH
   --------------------------------------------------------- */

.card-access-panel {
    min-width: 330px;
    padding: 25px 27px;
}

.den-release .release-main {
    padding-top: 25px;
    padding-bottom: 23px;
}

.den-release .release-analysis {
    padding-top: 21px;
    padding-bottom: 23px;
}

.den-release .release-identity h3 {
    margin-bottom: 8px;
}


/* ---------------------------------------------------------
   LEDGER PAGE
   --------------------------------------------------------- */

.ledger-v2-page {
    min-height: 75vh;
    padding-bottom: 90px;
    background:
        radial-gradient(
            circle at 85% 5%,
            rgba(195,164,94,.07),
            transparent 24%
        ),
        radial-gradient(
            circle at 10% 45%,
            rgba(52,82,60,.12),
            transparent 30%
        ),
        #090c0a;
}


/* HEADER */

.ledger-v2-header {
    width: min(1320px, 86vw);
    margin: 0 auto;
    padding: 76px 0 55px;

    display: grid;
    grid-template-columns: 1fr auto;
    gap: 90px;
    align-items: end;
}

.ledger-eyebrow,
.ledger-book-heading small,
.ledger-principle small,
.ledger-empty small {
    color: #c3a45e;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: .18em;
}

.ledger-v2-header h1 {
    margin: 13px 0 20px;

    color: #eee8d8;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: clamp(65px, 7vw, 108px);
    line-height: .82;
    letter-spacing: -.055em;
}

.ledger-intro {
    max-width: 720px;
    margin: 0;

    color: #aaa99f;

    font-size: 15px;
    line-height: 1.7;
}


/* PRINCIPLE BOX */

.ledger-principle {
    width: 310px;
    padding: 27px;

    border: 1px solid rgba(195,164,94,.30);
    background: #101410;
}

.ledger-principle small {
    display: block;
    margin-bottom: 17px;
}

.ledger-principle strong {
    display: block;

    color: #eee8d8;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 35px;
    line-height: .94;
}

.ledger-principle p {
    margin: 15px 0 0;

    color: #7f837a;

    font-size: 11px;
    line-height: 1.5;
}


/* SUMMARY STRIP */

.ledger-summary {
    width: min(1320px, 86vw);
    margin: 0 auto 70px;

    padding: 18px 0;

    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 35px;
    align-items: center;

    border-top:
        1px solid rgba(195,164,94,.23);

    border-bottom:
        1px solid rgba(195,164,94,.23);
}

.ledger-summary > div {
    display: flex;
    align-items: baseline;
    gap: 12px;
}

.ledger-summary small {
    color: #858980;

    font-size: 8px;
    font-weight: 900;
    letter-spacing: .15em;
}

.ledger-summary strong {
    color: #c3a45e;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 25px;
}

.ledger-summary p {
    margin: 0;

    color: #777c73;

    font-size: 11px;
}

.ledger-summary a {
    color: #c3a45e;

    font-size: 9px;
    font-weight: 900;
    letter-spacing: .12em;
}


/* BOOK */

.ledger-book {
    width: min(1320px, 86vw);
    margin: 0 auto;
}

.ledger-book-heading {
    margin-bottom: 30px;

    display: grid;
    grid-template-columns: 1fr .7fr;
    gap: 60px;
    align-items: end;
}

.ledger-book-heading h2 {
    margin: 9px 0 0;

    color: #eee8d8;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: clamp(42px, 4vw, 60px);
    line-height: .95;
}

.ledger-book-heading > p {
    margin: 0;

    color: #81857c;

    line-height: 1.5;
}


/* TABLE */

.ledger-table {
    border-top:
        1px solid rgba(195,164,94,.27);
}

.ledger-row {
    position: relative;

    min-height: 76px;
    padding: 16px 18px;

    display: grid;

    grid-template-columns:
        .8fr
        1.45fr
        1.7fr
        1.05fr
        .65fr;

    gap: 18px;
    align-items: center;

    border-bottom:
        1px solid rgba(195,164,94,.14);

    color: #aaa99f;
}

.ledger-row::before {
    content: "";

    position: absolute;

    left: 0;
    top: 17px;
    bottom: 17px;

    width: 2px;

    background:
        rgba(195,164,94,.22);
}


/* TABLE HEADER */

.ledger-table-head {
    min-height: auto;
    padding-top: 11px;
    padding-bottom: 11px;

    color: #73776f;

    font-size: 8px;
    font-weight: 900;

    letter-spacing: .14em;
    text-transform: uppercase;
}

.ledger-table-head::before {
    display: none;
}


/* ROW FIELDS */

.ledger-date {
    color: #858980;

    font-size: 10px;
}

.ledger-race {
    color: #aaa99f;

    font-size: 10px;
    text-transform: uppercase;
}

.ledger-race b {
    color: #c3a45e;
}

.ledger-runner {
    color: #eee8d8;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 19px;
    font-weight: 700;
}

.ledger-release-tag {
    display: inline-block;

    padding: 6px 8px;

    color: #d5bd76;
    background: #111510;

    font-style: normal;
    font-size: 8px;
    font-weight: 900;
    letter-spacing: .10em;
}

.ledger-result {
    font-size: 9px;
    letter-spacing: .08em;
}


/* RESULT STATES */

.ledger-win::before {
    background: #718e72;
}

.ledger-win .ledger-result {
    color: #94b494;
}

.ledger-loss::before {
    background: #725c4e;
}

.ledger-loss .ledger-result {
    color: #a98e7a;
}

.ledger-pending .ledger-result {
    color: #c3a45e;
}


/* EMPTY */

.ledger-empty {
    padding: 60px;

    text-align: center;

    border:
        1px solid rgba(195,164,94,.25);

    background: #0e120f;
}

.ledger-empty h3 {
    margin: 12px 0 8px;

    color: #eee8d8;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 38px;
}

.ledger-empty p {
    color: #81857c;
}


/* FOOTNOTE */

.ledger-footer-note {
    width: min(1320px, 86vw);
    margin: 55px auto 0;

    padding-top: 22px;

    display: grid;
    grid-template-columns: auto 1fr;
    gap: 25px;

    border-top:
        1px solid rgba(195,164,94,.15);
}

.ledger-footer-note span {
    color: #c3a45e;

    font-size: 8px;
    font-weight: 900;
    letter-spacing: .15em;
}

.ledger-footer-note p {
    margin: 0;

    color: #6f746c;

    font-size: 10px;
}


/* ---------------------------------------------------------
   RESPONSIVE
   --------------------------------------------------------- */

@media (max-width: 900px) {

    .card-access-panel {
        min-width: 0;
    }

    .ledger-v2-header,
    .ledger-summary,
    .ledger-book,
    .ledger-footer-note {
        width: auto;
        margin-left: 24px;
        margin-right: 24px;
    }

    .ledger-v2-header {
        grid-template-columns: 1fr;
        gap: 30px;
        padding-top: 58px;
    }

    .ledger-principle {
        width: 100%;
    }

    .ledger-summary {
        grid-template-columns: 1fr auto;
    }

    .ledger-summary p {
        grid-column: 1 / -1;
        grid-row: 2;
    }

    .ledger-book-heading {
        grid-template-columns: 1fr;
        gap: 15px;
    }

    .ledger-row {
        grid-template-columns:
            .8fr
            1.3fr
            1.7fr
            .8fr;
    }

    .ledger-row > span:nth-child(4) {
        display: none;
    }
}


@media (max-width: 600px) {

    .ledger-v2-header,
    .ledger-summary,
    .ledger-book,
    .ledger-footer-note {
        margin-left: 20px;
        margin-right: 20px;
    }

    .ledger-v2-header h1 {
        font-size: 61px;
    }

    .ledger-table-head {
        display: none;
    }

    .ledger-row {
        padding: 19px 12px 19px 17px;

        grid-template-columns: 1fr auto;
        gap: 7px 14px;
    }

    .ledger-row > span:nth-child(4) {
        display: block;
    }

    .ledger-date {
        grid-column: 1;
        grid-row: 1;
    }

    .ledger-result {
        grid-column: 2;
        grid-row: 1;
    }

    .ledger-race {
        grid-column: 1 / -1;
        grid-row: 2;
    }

    .ledger-runner {
        grid-column: 1 / -1;
        grid-row: 3;

        margin: 4px 0;

        font-size: 22px;
    }

    .ledger-row > span:nth-child(4) {
        grid-column: 1 / -1;
        grid-row: 4;
    }

    .ledger-footer-note {
        grid-template-columns: 1fr;
    }
}

/* ===== BOOKMAKERS DEN LEDGER V2 END ===== */



/* ===== BOOKMAKERS DEN MEMBERSHIP V2 START ===== */

.membership-v2-page {
    min-height: 75vh;
    background: #090c0a;
}


/* HERO */

.membership-v2-hero {
    position: relative;
    overflow: hidden;

    min-height: 650px;
    padding: 82px 7vw 78px;

    display: grid;
    grid-template-columns:
        minmax(0, 1.15fr)
        minmax(330px, .65fr);

    gap: clamp(55px, 8vw, 120px);
    align-items: center;

    background:
        radial-gradient(
            circle at 18% 30%,
            rgba(195,164,94,.10),
            transparent 30%
        ),
        radial-gradient(
            circle at 82% 40%,
            rgba(50,81,58,.15),
            transparent 26%
        ),
        linear-gradient(
            120deg,
            #090c0a,
            #0c100d 55%,
            #11150f
        );
}

.membership-v2-hero::before {
    content: "BD";

    position: absolute;
    right: -2vw;
    top: 50%;

    transform: translateY(-50%);

    color: rgba(195,164,94,.025);

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: clamp(250px, 34vw, 520px);

    pointer-events: none;
}

.membership-v2-copy {
    position: relative;
    z-index: 1;

    max-width: 780px;
}

.membership-eyebrow,
.membership-section-heading small,
.membership-philosophy small,
.membership-access small,
.membership-payment-note small {
    color: #c3a45e;

    font-size: 10px;
    font-weight: 900;

    letter-spacing: .18em;
}

.membership-v2-copy h1 {
    margin: 18px 0 25px;

    color: #eee8d8;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: clamp(67px, 7.5vw, 115px);
    line-height: .82;

    letter-spacing: -.055em;
}

.membership-lead {
    max-width: 690px;

    color: #aaa99f;

    font-size: 16px;
    line-height: 1.7;
}

.membership-discipline {
    margin-top: 22px;

    color: #c3a45e;

    font-size: 10px;
    font-weight: 900;

    letter-spacing: .13em;
    text-transform: uppercase;
}


/* WEEKLY TICKET */

.weekly-book-ticket {
    position: relative;
    z-index: 1;

    width: 100%;
    max-width: 430px;

    justify-self: end;

    padding: 34px;

    color: #171812;

    background: #dfd5bf;

    border: 1px solid #b5a887;

    box-shadow:
        0 26px 60px rgba(0,0,0,.32),
        inset 0 0 0 8px #e7decb,
        inset 0 0 0 9px #b9ad90;
}

.weekly-book-ticket > small:first-child {
    color: #7b6335;

    font-size: 9px;
    font-weight: 900;

    letter-spacing: .16em;
}

.weekly-ticket-price {
    margin: 18px 0;

    display: flex;
    align-items: baseline;

    color: #171812;
}

.weekly-ticket-price span {
    margin-right: 6px;

    color: #977c42;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 24px;
}

.weekly-ticket-price strong {
    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 95px;
    line-height: .9;
}

.weekly-book-ticket p {
    color: #5f5a4e;

    line-height: 1.55;
}

.ticket-rule {
    height: 1px;

    margin: 24px 0;

    background: #b7aa8e;
}

.membership-active {
    display: inline-block;

    margin-bottom: 7px;
    padding: 6px 9px;

    color: #d8c270;
    background: #11140f;

    font-size: 8px;
    font-weight: 900;

    letter-spacing: .14em;
}

.membership-primary {
    display: block;

    margin-top: 22px;
    padding: 15px 18px;

    text-align: center;

    color: #0a0d0a;
    background: #c3a45e;

    border: 1px solid #c3a45e;

    font-size: 10px;
    font-weight: 900;

    letter-spacing: .11em;
}

.membership-secondary {
    display: block;

    margin-top: 15px;

    text-align: center;

    color: #594b2e;

    font-size: 9px;
    font-weight: 900;

    letter-spacing: .11em;
}

.no-renewal {
    display: block;

    margin-top: 17px;

    color: #7d7666;

    font-size: 8px;
    letter-spacing: .12em;
}


/* SHARED */

.membership-inner {
    width: min(1320px, 86vw);
    margin: 0 auto;
}


/* WHAT'S INCLUDED */

.membership-includes {
    padding: 90px 0;

    border-top:
        1px solid rgba(195,164,94,.18);

    background: #090c0a;
}

.membership-section-heading {
    margin-bottom: 48px;

    display: grid;
    grid-template-columns: 1fr .8fr;

    gap: 60px;
    align-items: end;
}

.membership-section-heading h2 {
    margin: 11px 0 0;

    color: #eee8d8;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: clamp(45px, 4.7vw, 69px);
    line-height: .93;
}

.membership-section-heading > p {
    max-width: 550px;
    margin: 0;

    color: #858980;

    line-height: 1.65;
}

.membership-feature-grid {
    display: grid;
    grid-template-columns:
        repeat(4, 1fr);

    border-top:
        1px solid rgba(195,164,94,.22);

    border-bottom:
        1px solid rgba(195,164,94,.22);
}

.membership-feature-grid article {
    min-height: 275px;

    padding: 30px;
}

.membership-feature-grid article + article {
    border-left:
        1px solid rgba(195,164,94,.22);
}

.membership-feature-grid span {
    color: #c3a45e;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 12px;
}

.membership-feature-grid h3 {
    margin: 42px 0 13px;

    color: #eee8d8;

    font-size: 16px;
}

.membership-feature-grid p {
    margin: 0;

    color: #979b91;

    line-height: 1.65;
}


/* PHILOSOPHY */

.membership-philosophy {
    padding: 90px 0;

    color: #171812;

    background: #ded4bd;
}

.philosophy-grid {
    display: grid;
    grid-template-columns: 1fr .85fr;

    gap: 100px;
    align-items: center;
}

.membership-philosophy small {
    color: #9b8042;
}

.membership-philosophy h2 {
    margin: 18px 0 0;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: clamp(57px, 6vw, 92px);
    line-height: .83;

    letter-spacing: -.05em;
}

.philosophy-copy p {
    color: #49463c;

    font-size: 15px;
    line-height: 1.68;
}

.philosophy-copy strong {
    display: block;

    margin-top: 25px;

    color: #705a31;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 21px;
}


/* ACCESS SUMMARY */

.membership-access {
    padding: 85px 0;

    background: #090c0a;
}

.membership-access-grid {
    display: grid;
    grid-template-columns: 1fr .8fr;

    gap: 100px;
    align-items: center;
}

.membership-access h2 {
    margin: 15px 0;

    color: #eee8d8;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: clamp(48px, 5vw, 75px);
    line-height: .88;
}

.membership-access p {
    max-width: 520px;

    color: #90948b;

    line-height: 1.65;
}

.access-summary {
    border-top:
        1px solid rgba(195,164,94,.22);
}

.access-summary > div {
    padding: 14px 0;

    display: flex;
    justify-content: space-between;

    border-bottom:
        1px solid rgba(195,164,94,.16);
}

.access-summary span {
    color: #8d9187;

    font-size: 11px;
}

.access-summary strong {
    color: #eee8d8;

    font-size: 11px;
}


/* PAYMENT NOTE */

.membership-payment-note {
    padding: 32px 0 55px;

    background: #090c0a;
}

.membership-payment-note .membership-inner {
    padding-top: 22px;

    border-top:
        1px solid rgba(195,164,94,.15);
}

.membership-payment-note p {
    max-width: 760px;

    color: #6f746b;

    font-size: 10px;
    line-height: 1.6;
}


/* RESPONSIVE */

@media (max-width: 900px) {

    .membership-v2-hero {
        grid-template-columns: 1fr;

        min-height: auto;

        padding: 60px 24px 65px;

        gap: 45px;
    }

    .weekly-book-ticket {
        max-width: 100%;
        justify-self: start;
    }

    .membership-inner {
        width: auto;

        margin-left: 24px;
        margin-right: 24px;
    }

    .membership-section-heading,
    .philosophy-grid,
    .membership-access-grid {
        grid-template-columns: 1fr;

        gap: 30px;
    }

    .membership-feature-grid {
        grid-template-columns: 1fr 1fr;
    }

    .membership-feature-grid article:nth-child(3) {
        border-left: 0;

        border-top:
            1px solid rgba(195,164,94,.22);
    }

    .membership-feature-grid article:nth-child(4) {
        border-top:
            1px solid rgba(195,164,94,.22);
    }

}


@media (max-width: 600px) {

    .membership-v2-hero {
        padding-left: 20px;
        padding-right: 20px;
    }

    .membership-v2-copy h1 {
        font-size: 63px;
    }

    .membership-inner {
        margin-left: 20px;
        margin-right: 20px;
    }

    .membership-feature-grid {
        grid-template-columns: 1fr;
    }

    .membership-feature-grid article {
        min-height: auto;

        padding: 27px 0;
    }

    .membership-feature-grid article + article {
        border-left: 0;

        border-top:
            1px solid rgba(195,164,94,.22);
    }

    .membership-feature-grid h3 {
        margin-top: 18px;
    }

    .weekly-ticket-price strong {
        font-size: 78px;
    }

}

/* ===== BOOKMAKERS DEN MEMBERSHIP V2 END ===== */



/* ===== BOOKMAKERS DEN AUTH V2 START ===== */

.den-auth-page {
    position: relative;
    min-height: 760px;

    padding: 82px 7vw 90px;

    display: flex;
    align-items: center;

    background:
        radial-gradient(
            circle at 18% 30%,
            rgba(195,164,94,.09),
            transparent 29%
        ),
        radial-gradient(
            circle at 82% 50%,
            rgba(52,82,60,.13),
            transparent 28%
        ),
        linear-gradient(
            120deg,
            #090c0a,
            #0d110e 58%,
            #11150f
        );
}

.den-auth-page::before {
    content: "BD";

    position: absolute;
    left: 3vw;
    top: 50%;

    transform: translateY(-50%);

    color: rgba(195,164,94,.025);

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: clamp(260px, 37vw, 560px);

    pointer-events: none;
}

.den-auth-shell {
    position: relative;
    z-index: 1;

    width: min(1180px, 100%);
    margin: 0 auto;

    display: grid;
    grid-template-columns:
        minmax(0, 1fr)
        minmax(360px, 470px);

    gap: clamp(65px, 10vw, 150px);
    align-items: center;
}


/* BRAND SIDE */

.den-auth-brand {
    max-width: 620px;
}

.den-auth-brand > small,
.den-auth-panel > small {
    color: #c3a45e;

    font-size: 10px;
    font-weight: 900;

    letter-spacing: .18em;
}

.den-auth-brand h1 {
    margin: 18px 0 25px;

    color: #eee8d8;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: clamp(68px, 7vw, 108px);
    line-height: .81;

    letter-spacing: -.055em;
}

.den-auth-brand p {
    max-width: 510px;

    color: #9da097;

    font-size: 15px;
    line-height: 1.7;
}

.auth-rule {
    width: 90px;
    height: 1px;

    margin: 29px 0 18px;

    background: #8e7745;
}

.den-auth-brand > span {
    color: #c3a45e;

    font-size: 9px;
    font-weight: 900;

    letter-spacing: .17em;
}


/* PANEL */

.den-auth-panel {
    padding: 37px;

    color: #191912;

    background: #ded4bd;

    border: 1px solid #b5a98d;

    box-shadow:
        0 26px 65px rgba(0,0,0,.33),
        inset 0 0 0 7px #e7decb,
        inset 0 0 0 8px #b8ab8e;
}

.den-auth-panel > small {
    color: #846c39;
}

.den-auth-panel h2 {
    margin: 12px 0 8px;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 41px;
    line-height: 1;
}

.auth-panel-intro {
    margin: 0 0 28px;

    color: #666052;

    font-size: 12px;
    line-height: 1.55;
}

.den-auth-panel form {
    display: grid;
}

.den-auth-panel label:not(.auth-age-check) {
    margin: 0 0 7px;

    color: #625a49;

    font-size: 9px;
    font-weight: 900;

    letter-spacing: .11em;
    text-transform: uppercase;
}

.den-auth-panel input[type="email"],
.den-auth-panel input[type="password"],
.den-auth-panel input[type="date"] {
    width: 100%;

    margin: 0 0 19px;
    padding: 14px 13px;

    color: #191912;
    background: #eee6d5;

    border: 1px solid #b9ad92;

    outline: none;
}

.den-auth-panel input:focus {
    border-color: #94783e;
}

.auth-help {
    margin: -10px 0 19px;

    color: #7d7564;

    font-size: 9px;
}


/* AGE CHECK */

.auth-age-check {
    margin: 3px 0 22px;

    display: flex;
    align-items: flex-start;
    gap: 11px;

    color: #5e584c;

    font-size: 10px;
    line-height: 1.45;
}

.auth-age-check input {
    width: 17px;
    height: 17px;
    margin: 1px 0 0;

    flex: 0 0 auto;

    accent-color: #9a8149;
}


/* BUTTON */

.auth-primary {
    width: 100%;

    padding: 15px 18px;

    color: #0a0d0a;
    background: #c3a45e;

    border: 1px solid #c3a45e;

    cursor: pointer;

    font-size: 10px;
    font-weight: 900;

    letter-spacing: .11em;
}

.auth-primary:hover {
    background: #b99a53;
}


/* PANEL FOOTER */

.auth-panel-footer {
    margin-top: 25px;
    padding-top: 20px;

    display: flex;
    justify-content: space-between;
    gap: 20px;

    border-top: 1px solid #b9ad92;

    color: #706959;

    font-size: 10px;
}

.auth-panel-footer a {
    color: #725b2e;

    font-weight: 900;
    letter-spacing: .07em;
}


/* MOBILE */

@media (max-width: 850px) {

    .den-auth-page {
        min-height: auto;

        padding: 60px 24px 70px;
    }

    .den-auth-shell {
        grid-template-columns: 1fr;

        gap: 44px;
    }

    .den-auth-brand {
        max-width: 100%;
    }

    .den-auth-panel {
        width: 100%;
    }

}


@media (max-width: 520px) {

    .den-auth-page {
        padding-left: 20px;
        padding-right: 20px;
    }

    .den-auth-brand h1 {
        font-size: 61px;
    }

    .den-auth-panel {
        padding: 28px 23px;
    }

    .den-auth-panel h2 {
        font-size: 34px;
    }

    .auth-panel-footer {
        flex-direction: column;

        gap: 8px;
    }

}

/* ===== BOOKMAKERS DEN AUTH V2 END ===== */

/* DEN AI ASK THE DEN */

.den-ai-ask {
    width: min(1320px, 86vw);
    margin: 90px auto 0;
    padding-top: 70px;
    border-top: 1px solid rgba(195,164,94,.22);
}

.den-ai-ask-form {
    padding: 30px 34px;
    border: 1px solid rgba(195,164,94,.28);
    background: #0d110e;
}

.den-ai-question {
    width: 100%;
    box-sizing: border-box;
    resize: vertical;
    min-height: 110px;
    padding: 16px 18px;
    border: 1px solid rgba(195,164,94,.28);
    background: #090c0a;
    color: #deded4;
    font: inherit;
    line-height: 1.6;
    outline: none;
}

.den-ai-question:focus {
    border-color: rgba(195,164,94,.62);
}

.den-ai-question::placeholder {
    color: #777a72;
}

.den-ai-ask-actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-top: 16px;
}

.den-ai-question-count {
    color: #777a72;
    font-size: 11px;
    letter-spacing: .08em;
}

.den-ai-ask-button {
    appearance: none;
    border: 1px solid rgba(195,164,94,.48);
    background: transparent;
    color: #c3a45e;
    padding: 11px 16px;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: .14em;
    cursor: pointer;
}

.den-ai-ask-button:hover {
    background: rgba(195,164,94,.08);
}

.den-ai-ask-button:disabled {
    opacity: .55;
    cursor: wait;
}

.den-ai-ask-result {
    margin-top: 18px;
    padding: 0 4px;
    color: #bfc1b8;
    line-height: 1.7;
    white-space: pre-wrap;
}

@media (max-width: 700px) {
    .den-ai-ask {
        width: min(92vw, 1320px);
        margin-top: 60px;
        padding-top: 50px;
    }

    .den-ai-ask-form {
        padding: 22px 20px;
    }

    .den-ai-ask-actions {
        align-items: flex-start;
        flex-direction: column;
    }
}

/* =========================================================
   DEN AI ? LEDGER POST-RACE REVIEW
   ========================================================= */

.ledger-ai-review {
    margin: 0 18px 18px;
    padding: 0 0 20px;
    border-bottom: 1px solid rgba(195,164,94,.14);
}

.ledger-ai-review-button {
    appearance: none;
    padding: 10px 14px;

    border: 1px solid rgba(195,164,94,.42);
    background: transparent;

    color: #c3a45e;

    font-size: 9px;
    font-weight: 900;
    letter-spacing: .13em;

    cursor: pointer;
}

.ledger-ai-review-button:hover {
    background: rgba(195,164,94,.07);
}

.ledger-ai-review-button:disabled {
    opacity: .55;
    cursor: wait;
}

.ledger-ai-review-result {
    max-width: 900px;
    margin-top: 14px;

    color: #bfc1b8;

    font-size: 14px;
    line-height: 1.7;
    white-space: pre-wrap;
}

@media (max-width: 600px) {

    .ledger-ai-review {
        margin: 0 12px 18px 17px;
    }

    .ledger-ai-review-result {
        font-size: 13px;
    }
}