* {
    box-sizing: border-box;
}

body {
    margin: 0;
    font-family: Arial, Helvetica, sans-serif;
    background: #f4f7f9;
    color: #17212b;
}

.topbar {
    height: 68px;
    background: #111a22;
    color: white;

    display: flex;
    align-items: center;
    justify-content: space-between;

    padding: 0 5%;
}

.brand {
    font-size: 25px;
    font-weight: 800;
}

.brand span {
    color: #35c759;
}

nav {
    display: flex;
    gap: 28px;
}

nav a {
    color: #aeb8c2;
    text-decoration: none;
    font-weight: 600;
}

nav a:hover,
nav a.active {
    color: white;
}

.container {
    max-width: 1200px;
    margin: auto;
    padding: 35px 20px;
}

.hero h1 {
    margin-bottom: 8px;
    font-size: 32px;
}

.hero p {
    margin-top: 0;
    color: #65717c;
}

.filters {
    background: white;
    margin-top: 28px;
    padding: 18px;
    border-radius: 10px;
    border: 1px solid #dde3e8;
}

.filters form {
    display: flex;
    gap: 18px;
    align-items: end;
}

.filter {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.filter label {
    font-size: 13px;
    font-weight: 700;
    color: #65717c;
}

select,
input {
    height: 42px;
    padding: 0 12px;
    border: 1px solid #ccd5dc;
    border-radius: 6px;
    background: white;
    font-size: 14px;
}

button {
    height: 42px;
    padding: 0 24px;
    border: 0;
    border-radius: 6px;
    background: #17212b;
    color: white;
    font-weight: 700;
    cursor: pointer;
}

button:hover {
    background: #263442;
}

.table-card {
    margin-top: 25px;
    background: white;
    border-radius: 10px;
    border: 1px solid #dde3e8;
    overflow: hidden;
}

.table-heading {
    padding: 20px;

    display: flex;
    justify-content: space-between;
    align-items: center;

    border-bottom: 1px solid #e5eaee;
}

.table-heading h2 {
    margin: 0 0 4px;
    font-size: 20px;
}

.table-heading span {
    color: #7a8791;
    font-size: 13px;
}

#playerSearch {
    width: 220px;
}

.table-wrap {
    overflow-x: auto;
}

table {
    width: 100%;
    border-collapse: collapse;
}

th {
    text-align: left;
    background: #f8fafb;
    color: #66737d;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: .4px;
}

th,
td {
    padding: 14px 18px;
    border-bottom: 1px solid #edf0f2;
}

tbody tr:hover {
    background: #f8fafb;
}

.player {
    font-weight: 700;
}

.rate {
    display: inline-block;
    min-width: 61px;
    padding: 6px 8px;
    text-align: center;
    border-radius: 6px;
    background: #eef1f3;
    font-weight: 700;
}

.rate.good {
    background: #e7f7eb;
    color: #177a35;
}

.rate.hot {
    background: #cef1d7;
    color: #096b27;
}

.na {
    color: #adb5bd;
}

@media (max-width: 700px) {

    .topbar {
        height: auto;
        padding: 18px;
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
    }

    nav {
        width: 100%;
        overflow-x: auto;
        gap: 20px;
    }

    .filters form {
        flex-wrap: wrap;
    }

    .table-heading {
        align-items: flex-start;
        flex-direction: column;
        gap: 15px;
    }

    #playerSearch {
        width: 100%;
    }
    .player-link {
    color: #17212b;
    text-decoration: none;
    font-weight: 700;
}

.player-link:hover {
    color: #16853b;
    text-decoration: underline;
}

.rate-link {
    text-decoration: none;
}

.rate-link .rate {
    transition: transform 0.1s ease;
}

.rate-link:hover .rate {
    transform: scale(1.06);
}

.history-summary {
    display: flex;
    align-items: center;
    gap: 20px;

    background: white;

    border: 1px solid #dde3e8;
    border-radius: 10px;

    padding: 20px;

    margin: 25px 0;
}

.history-big-rate {
    font-size: 36px;
    font-weight: 800;
    color: #16853b;
}

.game-hit {
    display: inline-block;

    padding: 5px 9px;

    border-radius: 5px;

    background: #cef1d7;
    color: #096b27;

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

.game-miss {
    display: inline-block;

    padding: 5px 9px;

    border-radius: 5px;

    background: #f2e3e3;
    color: #a12626;

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

}
.game-push {
    display: inline-block;
    padding: 5px 9px;
    border-radius: 5px;
    background: #fff3cd;
    color: #856404;
    font-weight: 700;
    font-size: 12px;
}


.direction-toggle {
    display: flex;
    gap: 8px;
}

.toggle-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 76px;
    height: 40px;
    padding: 0 16px;
    border: 1px solid #ccd5dc;
    border-radius: 7px;
    color: #52606b;
    text-decoration: none;
    font-weight: 700;
    background: white;
}

.toggle-btn.active {
    background: #17212b;
    border-color: #17212b;
    color: white;
}

@media (max-width: 700px) {
    .direction-toggle {
        width: 100%;
    }
    .toggle-btn {
        flex: 1;
    }
}

.sortable { cursor: pointer; user-select: none; }
.sortable:hover { color: #17212b; }
.player-tools { display: flex; gap: 12px; align-items: center; flex-wrap: wrap; }
#propFilter { min-width: 180px; }

@media (max-width: 700px) {
    .filters form { align-items: stretch; }
    .filter { flex: 1 1 135px; }
    .filters button { flex: 1 1 100%; }
    .player-tools { width: 100%; }
    #propFilter { width: 100%; }
    .table-wrap table { min-width: 760px; }
    #playerTable th:first-child,
    #playerTable td:first-child,
    .sticky-player {
        position: sticky;
        left: 0;
        z-index: 2;
        background: white;
        min-width: 165px;
    }
    #playerTable th:first-child { z-index: 3; background: #f8fafb; }
}

.mlb-subnav { display:flex; gap:8px; margin:22px 0 4px; }
.mlb-subnav a { padding:8px 16px; border:1px solid #dce2e7; border-radius:7px; text-decoration:none; color:#52606b; font-weight:700; background:#fff; }
.mlb-subnav a.active { background:#17212b; border-color:#17212b; color:#fff; }
.back-link { margin:22px 0; }
.back-link a { color:#65717c; text-decoration:none; font-weight:600; }

/* V5.1 UI refresh */
.brand-link { color:#fff; text-decoration:none; }
.player-link { color:#17212b; text-decoration:none; font-weight:800; display:inline-flex; align-items:center; gap:7px; padding:5px 0; }
.player-link:hover { color:#16853b; text-decoration:none; }
.player-link .link-arrow { opacity:0; transform:translateX(-4px); transition:.15s ease; color:#35a854; font-size:19px; }
.player-link:hover .link-arrow { opacity:1; transform:translateX(0); }
.back-link a { color:#65717c; text-decoration:none; font-weight:700; }
.back-link a:hover { color:#16853b; }
.heading-actions { display:flex; align-items:center; gap:10px; }
.share-btn { background:#e8f7ed; color:#137a35; border:1px solid #c7ebd1; padding:0 17px; }
.share-btn:hover { background:#d9f2e1; }
.query-pill,.line-pill { display:inline-flex; align-items:center; border-radius:999px; background:#edf7f0; color:#19783a; padding:4px 9px; font-size:12px; font-weight:800; }
.line-filter { min-width:180px; }
.line-input-wrap { display:flex; flex-direction:column; gap:6px; }
#lineInput { width:180px; font-weight:700; }
.quick-lines { display:flex; gap:5px; min-height:23px; }
.quick-line { height:23px; padding:0 8px; border-radius:999px; background:#eef2f4; color:#5b6872; font-size:11px; font-weight:700; }
.quick-line:hover { background:#dfe7eb; }
.player-hero { display:flex; align-items:center; justify-content:space-between; gap:20px; }
.sport-kicker { display:inline-block; font-size:12px; font-weight:800; letter-spacing:.8px; color:#16853b; margin-bottom:4px; }
.modern-tools { margin:20px 0 0; padding:14px; background:#fff; border:1px solid #dde3e8; border-radius:10px; }
.prop-name { font-weight:750; }
.share-brand-banner { display:flex; align-items:center; justify-content:space-between; padding:18px 22px; margin:-1px -1px 18px; background:#111a22; color:#fff; border-radius:10px 10px 0 0; }
.share-brand-name { font-size:24px; font-weight:900; }
.share-brand-name span { color:#35c759; }
.share-brand-url { font-size:14px; font-weight:800; color:#cbd5dc; }
.share-capture-mode { padding:1px; background:#f4f7f9; }
@media (max-width:700px){ .heading-actions{width:100%;} .heading-actions #playerSearch{flex:1;} .player-hero{align-items:flex-start;} .quick-lines{flex-wrap:wrap;} #lineInput{width:100%;} }
.player-line-form { display:flex; gap:12px; align-items:end; flex-wrap:wrap; margin-top:22px; padding:16px; background:#fff; border:1px solid #dde3e8; border-radius:10px; }
.player-line-form .filter { min-width:150px; }
.player-line-form .filter:first-child { flex:1; min-width:220px; }
@media(max-width:700px){ .player-line-form .filter{flex:1 1 130px}.player-line-form button{flex:1 1 100%} }

/* V5.2 compact controls + share cards */
.compact-filters form { display:grid; grid-template-columns:minmax(210px,1.5fr) 110px minmax(260px,1.35fr) 140px 106px; gap:14px; align-items:end; }
.compact-filters .filter { min-width:0; }
.compact-filters select,.compact-filters input { width:100%; }
.line-filter { min-width:0; }
.line-control { display:flex; align-items:center; gap:8px; min-height:42px; }
#lineInput { width:105px; flex:0 0 105px; }
.quick-lines { display:flex; gap:5px; min-height:0; flex-wrap:nowrap; }
.quick-line { height:30px; padding:0 9px; }
.compact-table table, #playerTable { font-size:13px; }
.compact-table th,.compact-table td,#playerTable th,#playerTable td { padding:11px 14px; }
.compact-table .rate,#playerTable .rate { min-width:55px; padding:5px 7px; font-size:12px; }
.line-choice { color:#19783a; text-decoration:none; font-weight:800; }
.line-choice:hover { color:#0f5f2b; }
.share-stage { position:fixed; left:-10000px; top:0; width:980px; z-index:-1; }
.share-card { width:980px; background:#f4f7f9; padding:0 0 18px; border-radius:14px; overflow:hidden; font-family:Arial,Helvetica,sans-serif; color:#17212b; }
.share-card-brand { height:76px; padding:0 28px; background:#111a22; color:#fff; display:flex; align-items:center; justify-content:space-between; }
.share-card-brand strong { display:block; font-size:26px; font-weight:900; }
.share-card-brand strong span { color:#35c759; }
.share-card-brand small { display:block; margin-top:3px; color:#aeb8c2; font-size:12px; }
.share-card-brand b { color:#d8e1e7; font-size:16px; }
.share-card-title { background:#fff; padding:18px 26px; border-bottom:1px solid #e3e8ec; display:flex; justify-content:space-between; align-items:center; }
.share-card-title strong { font-size:20px; }
.share-card-title span { font-size:13px; color:#65717c; font-weight:700; }
.share-export-content { margin:16px 20px 0 !important; border:1px solid #dde3e8 !important; border-radius:10px !important; overflow:hidden !important; background:#fff !important; }
.share-export-content .table-heading { padding:14px 18px; }
.share-export-content .table-wrap { overflow:visible; }
.share-export-content table { min-width:0 !important; font-size:12px !important; }
.share-export-content th,.share-export-content td { padding:9px 12px !important; }
.share-export-content .link-arrow { display:none !important; }
.share-card-foot { padding:15px 24px 0; text-align:center; color:#65717c; font-size:12px; font-weight:700; }
@media(max-width:900px){ .compact-filters form{grid-template-columns:1fr 1fr;} .compact-filters .line-filter{grid-column:1/-1}.compact-filters form>button{width:100%}.line-control{flex-wrap:wrap}.quick-lines{flex-wrap:wrap} }
@media(max-width:560px){ .compact-filters form{grid-template-columns:1fr}.compact-filters .line-filter{grid-column:auto}.line-control{align-items:flex-start;flex-direction:column}#lineInput{width:100%;flex:auto}.quick-lines{width:100%} }

/* V6 dense tables + simplified share export */
.container { max-width: 1380px; padding: 24px 18px; }
.table-card { margin-top: 18px; }
.table-heading { padding: 12px 14px; }
.table-heading h2 { font-size: 17px; margin: 0 0 2px; }
.table-heading span { font-size: 11px; }
table { font-size: 12px; }
th { font-size: 10px; letter-spacing: .25px; white-space: nowrap; }
th, td { padding: 7px 10px; line-height: 1.2; }
.player-link { padding: 1px 0; font-size: 12px; }
.rate { min-width: 48px; padding: 4px 5px; border-radius: 5px; font-size: 11px; }
#playerSearch { height: 34px; width: 190px; font-size: 12px; }
.share-btn { height: 34px; padding: 0 13px; font-size: 12px; }
.compact-table table, #playerTable { font-size: 12px; }
.compact-table th,.compact-table td,#playerTable th,#playerTable td { padding: 7px 10px; }
.compact-table .rate,#playerTable .rate { min-width: 48px; padding: 4px 5px; font-size: 11px; }
.prop-name { white-space: nowrap; }

.share-stage { position:fixed; left:-12000px; top:0; width:900px; z-index:-1; }
.share-card-simple { width:900px; background:#fff; padding:0; border-radius:0; overflow:hidden; border:1px solid #dfe5e9; }
.share-simple-top { height:10px; background:#111a22; border-top:4px solid #35c759; overflow:hidden; }
.share-simple-top strong { display:none; }
.share-simple-title { padding:15px 20px 12px; font-size:18px; font-weight:900; color:#17212b; border-bottom:1px solid #e6eaed; }
.share-simple-table { padding:0; }
.share-simple-table table { width:100%; min-width:0 !important; font-size:11px !important; }
.share-simple-table th { font-size:9px !important; }
.share-simple-table th,.share-simple-table td { padding:7px 9px !important; }
.share-simple-table .rate { min-width:44px !important; padding:3px 5px !important; font-size:10px !important; }
.share-simple-table .sticky-player { position:static !important; }
.share-simple-foot { padding:11px 18px; border-top:1px solid #e6eaed; text-align:right; color:#16853b; font-size:12px; font-weight:900; }

@media (max-width:700px) {
  .container { padding:18px 10px; }
  th,td,.compact-table th,.compact-table td,#playerTable th,#playerTable td { padding:6px 8px; }
  .table-wrap table { min-width:650px; }
}


/* V7 education + restored share branding */
.player-click-hint { margin:14px 0 8px; padding:10px 13px; border:1px solid #dce6df; border-left:3px solid #35b85a; border-radius:7px; background:#f8fcf9; color:#5a6872; font-size:12px; line-height:1.45; }
.player-click-hint strong { color:#17212b; }
.hitrate-guide { margin:28px 0 12px; padding:22px; background:#fff; border:1px solid #dde3e8; border-radius:11px; }
.guide-head { display:flex; align-items:flex-end; justify-content:space-between; gap:28px; padding-bottom:15px; border-bottom:1px solid #e8ecef; }
.guide-head h2 { margin:2px 0 0; font-size:21px; color:#17212b; }
.guide-head p { margin:0; max-width:570px; color:#65717c; font-size:13px; line-height:1.5; }
.guide-kicker { color:#16853b; font-size:10px; letter-spacing:.8px; font-weight:900; }
.guide-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:20px; padding:19px 0; }
.guide-grid article { min-width:0; }
.guide-grid h3 { margin:0 0 7px; font-size:13px; color:#17212b; }
.guide-grid p { margin:0; color:#65717c; font-size:12px; line-height:1.55; }
.guide-callout { padding:12px 14px; background:#f7f9fa; border:1px solid #e3e8eb; border-radius:7px; color:#596671; font-size:11.5px; line-height:1.55; }
.guide-callout strong { color:#17212b; }
.guide-legend { display:flex; gap:18px; flex-wrap:wrap; padding-top:13px; color:#6a7680; font-size:10.5px; }
.guide-legend b { color:#17212b; }
.share-simple-top { height:auto !important; min-height:118px; padding:24px 32px 20px; box-sizing:border-box; background:#111a22; border-top:5px solid #35c759; display:flex; flex-direction:column; justify-content:center; }
.share-simple-top strong { display:block !important; color:#fff; font-size:34px; font-weight:900; line-height:1; }
.share-simple-top strong span { color:#35c759; }
.share-simple-top small { display:block; color:#aeb8c2; margin-top:14px; font-size:16px; }
.share-simple-foot { padding:15px 20px; text-align:center; color:#65717c; font-size:13px; font-weight:800; }
@media(max-width:900px){ .guide-grid{grid-template-columns:1fr 1fr}.guide-head{align-items:flex-start;flex-direction:column;gap:7px} }
@media(max-width:560px){ .guide-grid{grid-template-columns:1fr}.hitrate-guide{padding:16px}.guide-grid{gap:15px} }

/* V8 progressive leaderboard */
.load-more-bar { display:flex; align-items:center; justify-content:center; gap:16px; padding:12px 14px; border-top:1px solid #e7ebee; background:#fafbfc; }
.results-count { color:#6a7680; font-size:11px; font-weight:700; }
.load-more-btn { height:32px; padding:0 16px; border-radius:7px; background:#17212b; color:#fff; font-size:11px; font-weight:800; }
.load-more-btn:hover { background:#263440; }
.load-more-btn[hidden] { display:none; }
@media(max-width:560px){ .load-more-bar{gap:10px;padding:10px}.load-more-btn{height:30px;padding:0 12px} }

/* V9 Learn center + site footer */
.topbar nav .learn-nav { margin-left:10px; border-left:1px solid rgba(255,255,255,.13); padding-left:18px; }
.guide-more { display:flex; gap:9px; flex-wrap:wrap; padding-top:14px; }
.guide-more a { color:#16853b; background:#f5fbf7; border:1px solid #d8e9dd; border-radius:6px; padding:7px 10px; font-size:11px; font-weight:800; text-decoration:none; }
.player-learn-link { margin:18px 0 4px; padding:12px 14px; border:1px solid #dfe6e1; background:#f8fcf9; border-radius:8px; color:#65717c; font-size:12px; }
.player-learn-link strong { color:#17212b; }.player-learn-link a { color:#16853b; font-weight:800; text-decoration:none; }
.learn-page,.article-page,.info-page { min-height:65vh; }
.learn-hero { max-width:760px; padding:42px 0 25px; }.learn-hero h1,.article-body h1,.info-page h1 { margin:7px 0 10px; color:#17212b; font-size:34px; line-height:1.12; }.learn-hero p,.article-deck { color:#65717c; font-size:15px; line-height:1.65; }
.learn-section { margin:18px 0 34px; }.learn-section h2 { font-size:18px; color:#17212b; margin:0 0 13px; }
.article-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }.article-card { display:block; padding:18px; border:1px solid #dde3e8; border-radius:10px; background:#fff; color:inherit; text-decoration:none; transition:.15s ease; }.article-card:hover { transform:translateY(-2px); border-color:#b9d9c2; box-shadow:0 5px 18px rgba(20,35,28,.06); }.article-card span { color:#16853b; font-size:9px; font-weight:900; text-transform:uppercase; letter-spacing:.7px; }.article-card h3 { color:#17212b; font-size:16px; line-height:1.3; margin:7px 0; }.article-card p { color:#65717c; font-size:12px; line-height:1.55; min-height:55px; }.article-card b { color:#16853b; font-size:11px; }
.article-page { display:grid; grid-template-columns:minmax(0,760px) 260px; gap:55px; align-items:start; padding-top:34px; }.article-back { grid-column:1/-1; color:#65717c; font-size:12px; text-decoration:none; }.article-body section { margin:27px 0; }.article-body section h2 { color:#17212b; font-size:19px; margin:0 0 8px; }.article-body section p,.info-page section>p { color:#4f5d68; font-size:14px; line-height:1.75; }.article-note { padding:14px 16px; border-left:3px solid #35b85a; background:#f7faf8; color:#596671; font-size:12px; line-height:1.6; }.article-cta { position:sticky; top:22px; margin-top:20px; padding:18px; border:1px solid #dde3e8; border-radius:10px; background:#fff; }.article-cta h3 { margin:0 0 7px; font-size:15px; }.article-cta p { color:#65717c; font-size:11px; line-height:1.5; }.article-cta div { display:flex; flex-wrap:wrap; gap:6px; }.article-cta a { padding:6px 8px; border-radius:5px; background:#f1f5f3; color:#16853b; font-size:10px; font-weight:800; text-decoration:none; }
.info-page { padding-top:50px; }.info-page section { max-width:760px; padding:26px; border:1px solid #dde3e8; background:#fff; border-radius:10px; }
.site-footer { margin-top:42px; background:#111a22; color:#aeb8c2; }.footer-inner { max-width:1380px; margin:auto; padding:30px 18px; display:grid; grid-template-columns:2fr 1fr 1.4fr 1.2fr; gap:32px; }.footer-inner>div { display:flex; flex-direction:column; gap:8px; }.footer-inner strong { color:#fff; font-size:11px; text-transform:uppercase; letter-spacing:.6px; margin-bottom:3px; }.footer-inner a:not(.brand) { color:#aeb8c2; font-size:11px; text-decoration:none; }.footer-inner a:hover { color:#fff; }.footer-brand .brand { width:max-content; }.footer-brand p { margin:0; font-size:11px; }
@media(max-width:850px){.article-grid{grid-template-columns:1fr 1fr}.article-page{grid-template-columns:1fr;gap:10px}.article-cta{position:static}.footer-inner{grid-template-columns:1fr 1fr}.topbar nav .learn-nav{margin-left:0;border-left:0;padding-left:0}}
@media(max-width:560px){.article-grid{grid-template-columns:1fr}.footer-inner{grid-template-columns:1fr 1fr;gap:24px}.learn-hero h1,.article-body h1,.info-page h1{font-size:27px}.learn-hero{padding-top:28px}}

/* V10.1 factual recent-trend labels */
.trend-badge { display:inline-flex; align-items:center; gap:4px; white-space:nowrap; padding:4px 7px; border:1px solid #dfe5e9; border-radius:999px; background:#f7f9fa; color:#43505c; font-size:10px; font-weight:800; line-height:1; }
.trend-heating { background:#eef9f1; border-color:#cbe8d2; color:#18713a; }
.trend-cooling { background:#f4f7fb; border-color:#d8e1eb; color:#47627d; }
.trend-high { background:#eef9f1; border-color:#cbe8d2; color:#18713a; }
.trend-low { background:#fff3f2; border-color:#efd5d2; color:#9a3c34; }
.trend-steady { background:#f6f7f8; color:#505a63; }
.trend-mixed { background:#fff8e8; border-color:#eedfab; color:#80631a; }
.trend-limited { background:#f7f7f7; color:#747b81; }
.trend-explainer { margin:14px 0; padding:13px 15px; border:1px solid #e1e6e9; border-radius:8px; background:#fafbfb; }
.trend-explainer strong { margin-left:5px; font-size:13px; }
.trend-explainer p { margin:7px 0 0; color:#5e6871; font-size:12px; line-height:1.5; }

/* V12 launch-prep: compact app header + player context */
.topbar { height:54px; padding:0 max(18px,3%); border-top:3px solid #35c759; }
.topbar .brand { font-size:22px; line-height:1; }
.topbar nav { gap:20px; align-items:center; }
.topbar nav a { font-size:12px; }
.player-context { margin:14px 0; padding:14px 16px; background:#fff; border:1px solid #dde3e8; border-radius:9px; }
.player-context h2 { margin:0 0 6px; font-size:15px; }
.player-context p { margin:0; color:#596671; font-size:12px; line-height:1.55; }
.player-context .context-note { margin-top:7px; color:#7a858e; font-size:10.5px; }
.empty-state { padding:28px 18px; text-align:center; color:#65717c; font-size:13px; }
@media(max-width:700px){
 .topbar { height:auto; min-height:50px; padding:10px 12px; gap:9px; flex-direction:row; align-items:center; }
 .topbar .brand { font-size:20px; flex:0 0 auto; }
 .topbar nav { width:auto; flex:1; gap:16px; overflow-x:auto; white-space:nowrap; padding-bottom:2px; }
 .topbar nav a { font-size:11px; }
}

/* V13 richer selected-prop player analysis */
.player-analysis { padding:15px 17px; }
.analysis-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:7px; }
.analysis-heading h2 { margin:2px 0 0; }
.analysis-eyebrow { font-size:10px; font-weight:800; text-transform:uppercase; letter-spacing:.55px; color:#78838c; }
.analysis-note { margin-top:10px; padding:10px 12px; background:#f6f8f9; border-radius:7px; color:#596671; font-size:11.5px; line-height:1.5; }
.analysis-note strong { color:#1b2730; }
.analysis-links { display:flex; flex-wrap:wrap; gap:14px; margin-top:10px; }
.analysis-links a { color:#087c35; font-size:11.5px; font-weight:800; text-decoration:none; }
.related-props { display:flex; align-items:center; flex-wrap:wrap; gap:7px; margin:13px 0; padding:11px 13px; background:#fff; border:1px solid #dde3e8; border-radius:8px; font-size:11.5px; }
.related-props strong { margin-right:3px; }
.related-props a { padding:5px 8px; border:1px solid #dce3e7; border-radius:6px; color:#44515b; text-decoration:none; font-weight:700; }
.related-props a.active { background:#eef8f1; border-color:#bfe2c9; color:#087c35; }
@media(max-width:700px){.analysis-heading{align-items:flex-start;flex-direction:column}.analysis-links{gap:9px}.related-props{align-items:flex-start}}

/* V14 legal + trust pages */
.info-page section { max-width:820px; }
.info-intro { margin-top:4px !important; font-size:15px !important; }
.policy-updated { margin:13px 0 24px; color:#7a858e; font-size:10.5px; font-weight:700; }
.policy-section { padding:20px 0; border-top:1px solid #e6eaed; }
.policy-section:first-of-type { margin-top:12px; }
.policy-section h2 { margin:0 0 8px; color:#17212b; font-size:17px; }
.policy-section p { margin:7px 0 !important; }
.policy-links { display:flex; flex-wrap:wrap; gap:8px; margin-top:12px; }
.policy-links a { padding:7px 10px; border:1px solid #d8e9dd; border-radius:6px; background:#f5fbf7; color:#16853b; font-size:11px; font-weight:800; text-decoration:none; }
.policy-note { margin-top:18px; padding:12px 14px; border-left:3px solid #35b85a; background:#f7faf8; color:#65717c; font-size:11px; line-height:1.55; }


/* V18 share image: match compact live-site header */
.share-card-simple .share-simple-top {
  height:54px !important;
  min-height:54px !important;
  padding:0 24px !important;
  box-sizing:border-box;
  background:#111a22;
  border-top:3px solid #35c759;
  display:flex;
  flex-direction:row;
  align-items:center;
  justify-content:flex-start;
}
.share-card-simple .share-simple-top strong {
  display:block !important;
  color:#fff;
  font-size:22px;
  font-weight:800;
  line-height:1;
}
.share-card-simple .share-simple-top strong span { color:#35c759; }
.share-card-simple .share-simple-top small { display:none !important; }