/* Stage 18: shared platform layout */
.site-header{position:sticky;top:0;z-index:60;border-bottom:1px solid rgba(220,227,237,.9);background:rgba(255,255,255,.94);box-shadow:0 4px 20px rgba(7,24,45,.04);backdrop-filter:blur(16px)}
.header-inner{min-height:76px;gap:22px}.site-logo{flex:0 0 auto;font-size:14px;font-weight:750;color:var(--navy);white-space:nowrap}.site-logo .site-name{display:inline-flex;align-items:baseline;gap:.25em;white-space:nowrap;font-size:15px;line-height:1}.site-logo .site-name strong{display:inline;color:var(--gold);font-size:inherit;letter-spacing:inherit}.logo-mark{width:42px;height:42px;border-radius:12px;background:linear-gradient(145deg,var(--navy-soft),var(--navy));color:var(--gold-soft);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}.logo-mark svg{display:block;width:29px;height:29px}
.header-bookmark{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;gap:5px;min-height:36px;padding:7px 10px;border:1px solid #d7c585;border-radius:9px;background:linear-gradient(145deg,#fffdf5,#f8edc7);color:#72500b;font:inherit;font-size:12px;font-weight:850;cursor:pointer;box-shadow:0 4px 11px rgba(92,68,12,.1);transition:transform .16s ease,box-shadow .16s ease}.header-bookmark>span{font-size:18px;line-height:1}.header-bookmark:hover{transform:translateY(-1px);box-shadow:0 7px 15px rgba(92,68,12,.16)}.header-bookmark:focus-visible{outline:3px solid #d8b544;outline-offset:2px}
.bookmark-notice{position:fixed;z-index:100;top:88px;left:50%;width:min(calc(100% - 28px),520px);padding:13px 17px;border:1px solid #b8c8dc;border-radius:11px;background:#fff;color:#18324e;font-size:13px;font-weight:750;text-align:center;box-shadow:0 14px 35px rgba(7,24,45,.18);opacity:0;transform:translate(-50%,-8px);transition:opacity .16s ease,transform .16s ease}.bookmark-notice.is-visible{opacity:1;transform:translate(-50%,0)}
.main-navigation{gap:7px}.main-navigation a{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:8px 10px;border:1px solid #d8e1ec;border-radius:8px;background:#fff;color:#526077;font-size:12px;font-weight:800;line-height:1.1;white-space:nowrap;box-shadow:0 3px 9px rgba(7,24,45,.05);transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,color .16s ease}.main-navigation a:hover{transform:translateY(-1px);border-color:#aebed1;color:var(--navy);box-shadow:0 6px 13px rgba(7,24,45,.09)}.main-navigation a[aria-current=page]{border-color:#91a6be;background:#f8fafc;color:var(--navy);box-shadow:inset 0 0 0 1px rgba(77,104,137,.12),0 5px 12px rgba(7,24,45,.08)}
.main-navigation .nav-feature{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:8px 10px;border:1px solid transparent;border-radius:8px;color:#fff;font-size:12px;font-weight:850;line-height:1;box-shadow:0 4px 12px rgba(7,24,45,.13);transition:transform .16s ease,box-shadow .16s ease}.main-navigation .nav-feature:hover{transform:translateY(-1px);color:#fff}.main-navigation .nav-feature-ai{border-color:rgba(255,255,255,.3);background:linear-gradient(135deg,#7657ff,#009fe3);box-shadow:0 4px 12px rgba(0,120,255,.25),inset 0 1px 0 rgba(255,255,255,.22)}.main-navigation .nav-feature-ai:before{margin-right:5px;content:"✦"}.main-navigation .nav-feature-dividend{overflow:hidden;border-color:#d7b963;background:linear-gradient(135deg,#0b1f35 0%,#123f4c 58%,#087a72 100%);box-shadow:0 5px 14px rgba(6,67,72,.27),inset 0 1px 0 rgba(255,255,255,.18)}.main-navigation .nav-feature-dividend:before{margin-right:5px;color:#ffe7a3;content:"％"}.main-navigation .nav-feature-dividend:after{position:absolute;right:0;bottom:0;left:0;height:2px;background:linear-gradient(90deg,transparent,#f0c96d,transparent);content:""}.main-navigation .nav-feature-dividend:hover{box-shadow:0 7px 17px rgba(6,67,72,.34),inset 0 1px 0 rgba(255,255,255,.22)}.main-navigation .nav-feature[aria-current=page]{color:#fff;box-shadow:0 0 0 2px #fff,0 0 0 4px rgba(75,121,237,.35),0 7px 18px rgba(17,54,116,.28)}.main-navigation .nav-feature-dividend[aria-current=page]{border-color:#ffe099;box-shadow:0 0 0 2px #fff,0 0 0 4px rgba(21,151,141,.38),0 7px 18px rgba(5,69,73,.35)}
.main-navigation .nav-feature-result{border-color:rgba(146,241,226,.45);background:linear-gradient(135deg,#102d5d,#087b88 58%,#16a694);box-shadow:0 5px 14px rgba(6,91,103,.25),inset 0 1px rgba(255,255,255,.2)}.main-navigation .nav-feature-result:before{margin-right:5px;content:"✓"}.main-navigation .nav-feature-ai[aria-current=page]{background:linear-gradient(135deg,#7657ff,#009fe3)}.main-navigation .nav-feature-result[aria-current=page]{border-color:#94f2e2;background:linear-gradient(135deg,#102d5d,#087b88 58%,#16a694);box-shadow:0 0 0 2px #fff,0 0 0 4px rgba(22,166,148,.36),0 7px 18px rgba(6,91,103,.32)}
.mobile-primary-nav{display:none}
.header-search{position:relative;flex:1;max-width:270px;margin-left:auto}.header-search-input{width:100%;height:42px;padding:9px 42px 9px 14px;border:1px solid var(--line);border-radius:12px;background:#f7f9fc;color:var(--ink);font-size:13px}.header-search-input:focus{border-color:#8fb8ef;background:#fff;box-shadow:0 0 0 4px rgba(40,105,216,.09)}.header-search-button{position:absolute;top:4px;right:4px;width:34px;height:34px;border:0;border-radius:9px;background:var(--navy);color:#fff;cursor:pointer}.header-search .search-suggestions{top:calc(100% + 8px);min-width:310px;left:auto;box-shadow:var(--shadow-lg)}
.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 80% 12%,rgba(200,154,61,.2),transparent 30%),linear-gradient(130deg,#061426 0%,#0b2847 58%,#12395d 100%)}.home-hero:after{position:absolute;right:-90px;bottom:-210px;width:520px;height:520px;border:1px solid rgba(242,223,177,.16);border-radius:50%;content:""}.home-hero .container{position:relative;z-index:1}.hero-copy{max-width:760px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.hero-trust{display:flex;flex-wrap:wrap;gap:10px;margin-top:34px}.hero-trust span{padding:7px 11px;border:1px solid rgba(255,255,255,.15);border-radius:999px;color:#becbdd;font-size:12px}
.hero .eyebrow,.race-detail-hero .eyebrow,.entity-hero .eyebrow,.compare-hero .eyebrow,.regional-hub-hero .eyebrow,.date-hub-hero .eyebrow,.keyword-hub-hero .eyebrow,.guide-hub-hero .eyebrow,.seo-landing-hero .eyebrow{color:var(--gold-soft)}
.section{padding-block:76px}.section-heading{margin-bottom:28px}.section-heading h2,.surface-section h2,.guide-section h2,.content-section>h2,.stats-section h2,.related-section h2{color:var(--navy);font-size:clamp(28px,4vw,43px)}
.surface-section{background:#eaf0f7}.venue-panel,.guide-grid a,.popular-hub-grid>div,.browser-hub-grid>article,.card{border-color:var(--line);box-shadow:var(--shadow-sm)}.venue-title{background:linear-gradient(180deg,#fff,#fbfcfe)}.venue-title span,.race-link-list strong,.guide-grid span,.compact-card-list a>span{color:var(--blue)}.race-link-list a:hover{background:var(--blue-soft)}
.site-footer{padding-top:58px;background:#061426}.footer-grid strong{color:var(--gold-soft)}.footer-grid a:hover{color:#fff}.copyright{display:flex;justify-content:space-between}
.ad-zone{border-color:#e2e7ee!important;background:#f8fafc!important;box-shadow:none}.ad-label{color:#8b95a6!important}
.skip-link{border-radius:8px;box-shadow:var(--shadow-sm)}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

/* Main featured races */
.featured-race-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.featured-race-card{position:relative;display:grid;gap:22px;min-width:0;padding:24px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;box-shadow:var(--shadow-sm)}.featured-race-top{display:flex;justify-content:space-between;gap:16px;align-items:start}.featured-race-location{display:block;color:var(--blue);font-size:12px;font-weight:850;letter-spacing:.08em}.featured-race-card h3{margin:5px 0 0;color:var(--navy);font-size:25px}.featured-race-date{color:var(--muted);font-size:13px}.featured-race-stats{display:grid;grid-template-columns:repeat(3,1fr);margin:0;border:1px solid var(--line);border-radius:12px;background:#f8fafc}.featured-race-stats div{padding:12px;border-right:1px solid var(--line)}.featured-race-stats div:last-child{border:0}.featured-race-stats dt{color:var(--muted);font-size:10px}.featured-race-stats dd{margin:3px 0 0;font-size:14px;font-weight:800}.featured-race-card .button{width:100%}
.profile-card,.featured-race-grid>a,.notable-horse-grid>a,.hub-race-grid>a,.regional-entity-grid>a,.related-card-grid>a{color:inherit;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.profile-card:hover,.featured-race-grid>a:hover,.notable-horse-grid>a:hover,.hub-race-grid>a:hover,.regional-entity-grid>a:hover,.related-card-grid>a:hover{transform:translateY(-2px);border-color:#c7a54b;box-shadow:0 10px 24px rgba(7,24,45,.1)}.profile-card:focus-visible,.featured-race-grid>a:focus-visible,.notable-horse-grid>a:focus-visible,.hub-race-grid>a:focus-visible,.regional-entity-grid>a:focus-visible,.related-card-grid>a:focus-visible{outline:3px solid #c7a54b;outline-offset:3px}
.hero-actions .button-ai-hero{position:relative;overflow:hidden;border-color:#8b7bff;background:linear-gradient(125deg,#6d39dc 0%,#356ee8 52%,#06a995 100%);color:#fff;box-shadow:0 12px 32px rgba(79,73,220,.42),inset 0 1px 0 rgba(255,255,255,.28)}.hero-actions .button-ai-hero:before{width:8px;height:8px;border-radius:50%;background:#ffe18a;box-shadow:0 0 0 5px rgba(255,225,138,.14),0 0 18px rgba(255,225,138,.8);content:""}.hero-actions .button-ai-hero:hover{border-color:#b9adff;background:linear-gradient(125deg,#7a42ed 0%,#377af2 52%,#08b7a2 100%);box-shadow:0 16px 38px rgba(74,75,224,.54),0 0 0 1px rgba(255,255,255,.16)}.hero-actions .button-ai-hero:focus-visible{outline:3px solid #ffe18a;outline-offset:3px}
.home-insight-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.home-insight-links a{display:inline-flex;align-items:center;min-height:44px;padding:9px 14px;border:1px solid rgba(255,255,255,.24);border-radius:999px;background:rgba(255,255,255,.08);color:#fff;font-size:.86rem;font-weight:800;text-decoration:none}.home-insight-links a:first-child:before{margin-right:6px;color:#7fe5dc;content:"AI";font-size:.68rem}.home-insight-links a:last-child:before{margin-right:6px;color:#ffe08a;content:"％";font-weight:900}.home-insight-links a:hover{border-color:#ffe08a;background:rgba(255,255,255,.15)}
@media(max-width:800px){.home-insight-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.home-insight-links a{justify-content:center;padding-inline:8px;text-align:center}}

/* Dividend shortcut: a calmer royal-blue companion to the AI gradient. */
.main-navigation .nav-feature-dividend{overflow:hidden;border-color:rgba(255,255,255,.3);background:linear-gradient(135deg,#263b72 0%,#3e56a6 54%,#6574d9 100%);box-shadow:0 5px 14px rgba(48,67,145,.27),inset 0 1px 0 rgba(255,255,255,.2)}
.main-navigation .nav-feature-dividend:before{color:#ffe7a3}
.main-navigation .nav-feature-dividend:after{display:none}
.main-navigation .nav-feature-dividend:hover{box-shadow:0 7px 17px rgba(48,67,145,.34),inset 0 1px 0 rgba(255,255,255,.25)}
.main-navigation .nav-feature-dividend[aria-current=page]{border-color:#cbd5ff;background:linear-gradient(135deg,#263b72 0%,#3e56a6 54%,#6574d9 100%);box-shadow:0 0 0 2px #fff,0 0 0 4px rgba(88,105,207,.38),0 7px 18px rgba(44,58,130,.34)}

/* Keep responsive AdSense units centered without adding wrapper markup. */
ins.adsbygoogle{margin-right:auto!important;margin-left:auto!important;text-align:center!important}
