:root{font-family:Arial,sans-serif;color:#25382e;background:#f4f5ef;font-synthesis:none}*{box-sizing:border-box}body{margin:0}aside{width:220px;position:fixed;height:100vh;background:#193c31;color:#d9e8d8;padding:42px 25px}.brand{font-size:32px;font-weight:800;letter-spacing:4px;color:white;text-decoration:none}.brand span,h1 span{color:#b1d468}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:bold}.brand+.eyebrow{font-size:8px;margin-top:12px;color:#b0c6b9}nav{margin-top:65px;display:grid;gap:12px}nav a{color:inherit;text-decoration:none;font-size:13px;padding:15px 9px}nav a:first-child{background:#305244;border-radius:5px}.aside-note{position:absolute;bottom:40px;font-size:9px;letter-spacing:1px}.aside-note p{font-size:13px;letter-spacing:0;line-height:1.8;color:#abc0b4}main{margin-left:220px;padding:0 48px;max-width:1600px}header{height:80px;border-bottom:1px solid #dce1d5;display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:1px}.live{font-size:9px;border:1px solid #d3dacb;border-radius:25px;padding:8px 12px}.live:before{content:'●';color:#71904b;margin-right:8px}.intro{padding:38px 0 24px;position:relative}.intro h1{font-family:Georgia,serif;font-size:55px;font-weight:400;line-height:1.05;letter-spacing:-2px;margin:18px 0}.intro>p:last-child{color:#728073;font-size:14px;line-height:1.7;position:absolute;right:0;bottom:35px}.race-picker{border:1px solid #dce1d5;background:#e9eddf;border-radius:10px;padding:22px;display:flex;align-items:center;gap:28px;margin-bottom:25px}.race-picker label{display:block;margin-bottom:10px}select{border:0;background:transparent;font-size:19px;color:#25382e;max-width:100%}#conditions{font-size:12px;line-height:1.9;color:#65715d}.badge{font-size:10px;border:1px solid #d7decb;border-radius:5px;padding:7px 9px;white-space:nowrap}#source{margin-left:auto}.workspace{display:grid;grid-template-columns:340px 1fr;gap:24px}.panel{background:#fff;border:1px solid #dfe3d7;border-radius:10px;padding:25px}.panel-heading{display:flex;align-items:center;justify-content:space-between}h2{font-family:Georgia,serif;font-size:24px;font-weight:400;margin:10px 0}h3{font-size:15px}.muted{color:#7a8579;font-size:12px;line-height:1.6}.small{font-size:10px}button{cursor:pointer;border:0;font:inherit}button:disabled{opacity:.5;cursor:wait}.quiet{background:transparent;color:#6d7b6d;font-size:12px}.slider{margin:22px 0}.slider label{display:flex;justify-content:space-between;font-size:12px}.slider output{color:#55713a}input[type=range]{width:100%;accent-color:#547c46;height:4px;margin-top:14px;cursor:pointer}.primary{width:100%;padding:16px;background:#254b38;color:white;border-radius:5px;font-size:12px;margin-top:14px;display:flex;justify-content:space-between}.runner{display:grid;grid-template-columns:25px 1fr 90px;gap:12px;padding:24px 0;border-bottom:1px solid #e9ece4}.runner:last-child{border:0}.rank{font:18px Georgia;color:#93a08b}.horse-name{font:19px Georgia;margin-bottom:9px}.runner:first-child .horse-name{color:#496d2a}.runner p{font-size:11px;color:#7c8677;margin:0 0 12px}.prob{font:25px Georgia;text-align:right}.prob small{font:9px Arial;color:#899181;display:block;margin-top:6px}.bar{height:4px;background:#eff1e9;border-radius:4px;margin-top:12px;overflow:hidden}.bar span{display:block;height:100%;background:#91ae6c}.runner button{padding:0;color:#5f794e;background:transparent;font-size:10px}.method{margin:25px 0;display:grid;grid-template-columns:1.2fr 1fr;gap:65px}.method p{font-size:12px;line-height:1.8;color:#72806c}footer{font-size:9px;letter-spacing:1px;padding:20px 0 35px;display:flex;justify-content:space-between;color:#8b9585}dialog{border:1px solid #dce1d5;border-radius:12px;padding:30px;max-width:650px;width:90%}dialog::backdrop{background:#193c3190}#close{float:right}.contribution{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid #eee;font-size:12px}#error{background:#ffe7db;padding:15px;margin-bottom:15px}table{width:100%;font-size:12px;text-align:left}td,th{padding:8px} @media(max-width:1100px){aside{width:170px;padding:30px 18px}main{margin-left:170px;padding:0 25px}.workspace{grid-template-columns:290px 1fr}.intro>p:last-child{position:static}.intro h1{font-size:46px}.race-picker{flex-wrap:wrap}.method{gap:25px}}@media(max-width:780px){aside{position:static;width:100%;height:auto;padding:20px}nav,.aside-note,aside>.eyebrow{display:none}.brand{font-size:23px}main{margin:0;padding:0 18px}header{height:55px}.intro h1{font-size:43px}.workspace,.method{grid-template-columns:1fr}.race-picker{gap:14px}#source{margin:0}.field{min-height:400px}}

.race-picker>div:first-child{min-width:0;flex:1}.race-picker select{width:100%;font-size:15px}.race-schedule{margin:0 0 24px;border-left:4px solid #72904e;background:#fafdF5}.race-schedule h2{font-size:29px}.race-date{font-size:14px;line-height:1.6}.race-schedule .muted{margin-bottom:0}

.runner p.runner-race{color:#34543d;font-size:12px;font-weight:600;line-height:1.6}

.review-race{margin:20px 0}.review-race form{display:grid;gap:12px;max-width:650px}.review-race select,.review-race input{font-size:14px;padding:10px;border:1px solid #ccd4c5;border-radius:5px}.review-race select[multiple]{min-height:120px}.field>a{display:inline-block;margin-top:12px;color:#34543d}.method button+button{margin-top:12px}

.slider-unavailable label{text-decoration:line-through;color:#969c94}.slider-unavailable output{text-decoration:none}.slider-unavailable input{opacity:.2;cursor:not-allowed}.slider-unavailable .muted{color:#8b9287}.inactive-factor{color:#949a90}.inactive-factor>span{text-decoration:line-through}

.brand{display:flex;flex-direction:column;align-items:center;gap:12px;letter-spacing:0}.brand-mark{display:block;width:62px;height:132px;filter:brightness(0) invert(1)}.brand-name{font-size:28px;font-weight:600;letter-spacing:-1px;white-space:nowrap}.brand-tagline{font-size:12px;line-height:1.65;text-align:center;color:#c4d3bf;margin:15px 0 0}aside nav{margin-top:35px}@media(max-width:1100px){.brand-name{font-size:24px}.brand-mark{height:115px;width:54px}}@media(max-width:780px){.brand{flex-direction:row;justify-content:center;gap:14px}.brand-mark{height:60px;width:30px}.brand-name{font-size:28px}.brand-tagline{margin-top:10px}.brand-tagline br{display:none}}

.intro>p:not(.eyebrow){position:static;max-width:650px;color:#65755f;font-size:15px;line-height:1.7;margin:14px 0}.intro>p.intro-detail{font-size:12px;max-width:760px;color:#7a8579}

.prediction-actions{margin:0 0 24px}.prediction-actions .primary{margin-top:0;max-width:360px;font-size:14px}

.database-fields{width:100%;table-layout:fixed}.database-fields td{overflow-wrap:anywhere;vertical-align:top;white-space:pre-wrap}.database-fields td:first-child{width:48%}#method details{margin:1rem 0}#method summary{cursor:pointer;font-weight:600}

body:not(.method-page) #method,body:not(.method-page) .method-data-panel{display:none}body.method-page .intro,body.method-page .prediction-actions,body.method-page .workspace{display:none}body.method-page #method{grid-template-columns:1fr}body.method-page .method-data-panel{margin-top:24px}
body:not(.method-page) main#workspace>.intro{background:#243d2b url('/bookie-background.png') no-repeat right center;background-size:auto 115%;border-radius:12px;margin:26px 0 22px;padding:30px 34px;min-height:330px;overflow:hidden}
body:not(.method-page) main#workspace>.intro h1{color:#fff;max-width:65%}
body:not(.method-page) main#workspace>.intro>.eyebrow{color:#c0d59b}
body:not(.method-page) main#workspace>.intro>p:not(.eyebrow){color:#dae4d6;max-width:58%;position:static;font-size:13px}
@media(max-width:780px){body:not(.method-page) main#workspace>.intro{padding:24px;background-size:auto 90%;background-position:right bottom}body:not(.method-page) main#workspace>.intro h1{max-width:75%;font-size:35px}body:not(.method-page) main#workspace>.intro>p:not(.eyebrow){max-width:60%;font-size:11px}}

body:not(.method-page) main#workspace>.intro{background-size:auto 95%}body:not(.method-page) main#workspace>.intro>p:not(.eyebrow){max-width:49%}@media(max-width:780px){body:not(.method-page) main#workspace>.intro{background-size:auto 75%}body:not(.method-page) main#workspace>.intro>p:not(.eyebrow){max-width:52%}}

.strike-rate{border:1px solid #dfe3d7;border-radius:10px;background:white;padding:18px 24px;margin-bottom:22px}.strike-rate strong{font:36px Georgia;color:#193c31}.strike-rate p{margin:6px 0;line-height:1.6}.method-page .strike-rate{display:none}
/* Racing-silks palette: royal blue, yellow, cherry red and ivory. */
:root{--silk-blue:#1949b8;--silk-navy:#14244f;--silk-yellow:#ffd447;--silk-red:#bd324b;color:#202a44;background:#f6f7fc}
aside{background:var(--silk-blue);color:#fff;border-top:7px solid var(--silk-yellow)}
.brand-tagline,.aside-note p{color:#e1e8ff}.brand span,h1 span{color:var(--silk-yellow)}
nav a:first-child{background:#ffffff1f}nav a:hover,nav a:focus-visible{background:#ffffff30}.aside-note{color:#fff}
header{border-color:#dce1ef}.live{border-color:#dce1ef}.live:before{color:var(--silk-blue)}
.panel,dialog,.strike-rate{border-color:#dce1ef}.panel-heading .eyebrow{color:var(--silk-blue)}.weights{border-top:4px solid var(--silk-yellow)}.field{border-top:4px solid var(--silk-red)}
.muted,.method p,.intro>p:not(.eyebrow),.intro>p.intro-detail,.quiet{color:#59647c}
.slider output{color:var(--silk-blue);font-weight:700}input[type=range]{accent-color:var(--silk-blue)}
.primary{background:var(--silk-blue);color:#fff;border-bottom:3px solid #12348a}.primary:hover:not(:disabled){background:#123b9e}.primary:disabled{cursor:not-allowed}
.runner{border-color:#e5e9f2}.rank{color:#697894}.runner p{color:#59647c}.runner p.runner-race{color:#294677}.runner:first-child .horse-name{color:var(--silk-blue)}
.prob{color:var(--silk-navy)}.prob small{color:#64708a}.bar{background:#e7ecfa}.bar span{background:var(--silk-blue)}.runner:first-child .bar span{background:var(--silk-red)}.runner button,.field>a{color:var(--silk-blue)}
.slider-unavailable label,.slider-unavailable .muted{color:#747e91}.badge,td,th{border-color:#dce1ef}footer{color:#64708a}.strike-rate strong{color:var(--silk-blue)}.strike-rate{border-left:5px solid var(--silk-yellow)}
body:not(.method-page) main#workspace>.intro{background:var(--silk-navy);isolation:isolate;border-bottom:5px solid var(--silk-yellow)}
body:not(.method-page) main#workspace>.intro::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:#243d2b url('/bookie-background.png') no-repeat right center;background-size:auto 95%;filter:hue-rotate(110deg) saturate(1.9)}
body:not(.method-page) main#workspace>.intro>.eyebrow{color:var(--silk-yellow)}body:not(.method-page) main#workspace>.intro>p:not(.eyebrow){color:#eef1ff}
button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #bd324b;outline-offset:4px}
@media(max-width:780px){body:not(.method-page) main#workspace>.intro::before{background-size:auto 75%;background-position:right bottom}}
/* User reference silks: deep purple body, scarlet sleeves, gold braid. */
:root{--silk-blue:#4c287b;--silk-navy:#25143f;--silk-yellow:#e5bc49;--silk-red:#c51e32;color:#2c2339;background:#f8f6fb}
aside{background:#39205f;border-top-color:var(--silk-yellow)}
.brand-tagline,.aside-note p{color:#eee5fa}nav a:first-child{background:#ffffff17;border-left:3px solid var(--silk-yellow)}nav a:hover,nav a:focus-visible{background:#ffffff28}
header,.live,.panel,dialog,.strike-rate{border-color:#e5deed}.live:before{color:var(--silk-red)}
.primary{background:var(--silk-red);border-bottom-color:#8b1424}.primary:hover:not(:disabled){background:#a81629}
.muted,.method p,.intro>p:not(.eyebrow),.intro>p.intro-detail,.quiet,.runner p{color:#655b70}
.runner{border-color:#eee8f3}.runner p.runner-race{color:#5a3b78}.rank{color:#8a789d}.prob small,footer{color:#74677f}
.bar{background:#eee7f5}.slider-unavailable label,.slider-unavailable .muted{color:#81798a}
body:not(.method-page) main#workspace>.intro{background:var(--silk-navy)}
body:not(.method-page) main#workspace>.intro::before{filter:hue-rotate(155deg) saturate(1.8)}
body:not(.method-page) main#workspace>.intro>p:not(.eyebrow){color:#f3eefa}
button:focus-visible,a:focus-visible,input:focus-visible{outline-color:#c51e32}
.gold-scroll-break{height:52px;margin:0 auto 22px;width:min(440px,88%);background:url('/gold-scroll.svg') center/contain no-repeat}.method-page .gold-scroll-break{display:none}
body:not(.method-page) main#workspace>.intro::after{content:'';display:block;width:190px;height:28px;background:url('/gold-scroll.svg') center/contain no-repeat;margin-top:16px;pointer-events:none}
aside .brand::after{content:'';display:block;width:135px;height:22px;background:url('/gold-scroll.svg') center/contain no-repeat;margin-top:5px}
body:not(.method-page) main#workspace>.intro{border-bottom-width:2px;box-shadow:inset 0 0 0 1px #d9b54c66}
@media(max-width:780px){aside .brand::after{display:none}.gold-scroll-break{height:40px}body:not(.method-page) main#workspace>.intro::after{width:150px}}
/* Scarlet sleeve beside the purple body of the silks. */
aside{background:linear-gradient(90deg,#c51e32 0,#c51e32 15px,#d9b54c 15px,#d9b54c 17px,#39205f 17px,#39205f 100%)}
@media(max-width:780px){aside{background:linear-gradient(90deg,#c51e32 0,#c51e32 12px,#d9b54c 12px,#d9b54c 14px,#39205f 14px,#39205f 100%)}}

body:not(.method-page) main#workspace>.intro{background:#30204f}body:not(.method-page) main#workspace>.intro::before{background-color:#30204f;background-image:url('/bookie-gold-collar.png');filter:none}

body:not(.method-page) main#workspace>.intro::before{background-image:url('/bookie-gold-money.png')}body:not(.method-page) main#workspace>.intro>.bookie-strapline{font:italic 25px Georgia,serif;color:#e5bc49;margin:12px 0 18px;letter-spacing:.3px}
/* Centre sidebar copy within the purple body, excluding the scarlet sleeve. */
aside{padding-left:42px;padding-right:25px;text-align:center}aside nav a{text-align:center}aside .aside-note{left:42px;right:25px;text-align:center}aside .brand{align-items:center}
@media(max-width:1100px){aside{padding-left:35px;padding-right:18px}aside .aside-note{left:35px;right:18px}}
@media(max-width:780px){aside{padding-left:34px;padding-right:20px}aside .brand{justify-content:center}}

body:not(.method-page) main#workspace>header{display:none}
/* Reveal factor explanations on hover or keyboard focus. */
.slider>p{display:none}.slider:hover>p,.slider:focus-within>p{display:block}
.bookie-bubble{position:relative;z-index:1;background:#fffaf0;color:#30204f;border:1px solid #d9b54c;border-radius:16px;padding:14px 18px;max-width:49%;margin:18px 0;font-size:12px;line-height:1.65;box-shadow:0 3px 10px #0002}.bookie-bubble::after{content:'';position:absolute;right:-13px;top:23px;width:23px;height:23px;background:#fffaf0;border-top:1px solid #d9b54c;border-right:1px solid #d9b54c;transform:rotate(45deg)}.bookie-bubble strong{display:block;color:#a91c2e;font-size:13px}.bookie-bubble span,.bookie-bubble b{display:block}.bookie-bubble b{margin-top:5px;font-size:11px}@media(max-width:780px){.bookie-bubble{max-width:60%;padding:10px 12px;font-size:11px}}
body:not(.method-page) main#workspace>.intro{min-height:550px;padding-top:32px}
body:not(.method-page) main#workspace>.intro::before{background-size:auto 74%;background-position:right bottom}
.bookie-bubble{position:absolute;right:22px;top:22px;width:235px;max-width:40%;margin:0;padding:22px 23px;border:2px solid #d9b54c;border-radius:48% 45% 46% 44% / 43% 46% 45% 48%;font-family:'Segoe Print','Bradley Hand','Comic Sans MS',cursive;font-size:14px;line-height:1.55;text-align:center;box-shadow:none;transform:rotate(2deg)}
.bookie-bubble b{font-family:inherit;font-size:13px;font-weight:400;margin-top:7px}
.bookie-bubble::after{right:40%;top:auto;bottom:-16px;width:25px;height:25px;border:0;border-right:2px solid #d9b54c;border-bottom:2px solid #d9b54c;transform:skew(-12deg) rotate(45deg)}
@media(max-width:780px){body:not(.method-page) main#workspace>.intro{padding-bottom:365px;min-height:780px}body:not(.method-page) main#workspace>.intro h1,body:not(.method-page) main#workspace>.intro>p:not(.eyebrow){max-width:100%}body:not(.method-page) main#workspace>.intro::before{background-size:auto 330px;background-position:right bottom}.bookie-bubble{top:auto;right:auto;left:14px;bottom:115px;width:185px;max-width:48%;padding:17px;font-size:12px}.bookie-bubble b{font-size:11px}.bookie-bubble::after{bottom:auto;top:35px;right:-15px;border:0;border-top:2px solid #d9b54c;border-right:2px solid #d9b54c;transform:rotate(45deg)}}
/* Illustration above centred hints, without a speech balloon. */
body:not(.method-page) main#workspace>.intro{min-height:570px}
body:not(.method-page) main#workspace>.intro::before{background-size:auto 345px;background-position:right 10px top 12px}
.bookie-bubble{position:absolute;top:365px;right:18px;left:auto;bottom:auto;width:42%;max-width:42%;margin:0;padding:10px 12px;background:none;border:0;border-radius:0;box-shadow:none;transform:none;color:#f4edf9;text-align:center;font:14px/1.6 'Segoe Print','Bradley Hand','Comic Sans MS',cursive}
.bookie-bubble::after{display:none}.bookie-bubble strong{display:block;color:#e5bc49;font:600 16px Georgia,serif;margin-bottom:10px}.bookie-bubble b{font:inherit;font-size:12px;margin-top:10px}
@media(max-width:780px){body:not(.method-page) main#workspace>.intro{padding-bottom:540px;min-height:900px}body:not(.method-page) main#workspace>.intro::before{background-size:auto 320px;background-position:center bottom 185px}.bookie-bubble{top:auto;bottom:18px;left:8%;right:8%;width:84%;max-width:84%;font-size:13px}}
.bookie-bubble{top:335px;font-family:Arial,sans-serif;font-size:13px;line-height:1.7;padding-top:0}.bookie-bubble strong{font-family:Georgia,serif;margin-bottom:7px}.bookie-bubble b{font-family:Arial,sans-serif;font-size:12px;margin-top:8px}
@media(max-width:780px){.bookie-bubble{top:auto;bottom:32px}body:not(.method-page) main#workspace>.intro::before{background-position:center bottom 200px}}

.bookie-bubble{right:38px;width:255px;max-width:44%}@media(max-width:780px){.bookie-bubble{left:50%;right:auto;width:84%;max-width:84%;transform:translateX(-50%)}}
.bookie-bubble{top:245px;right:38px;text-align:left;width:225px;max-width:40%;padding:0 10px;background:linear-gradient(90deg,#30204fe8,#30204fbb 85%,transparent)}
.bookie-bubble strong,.bookie-bubble span,.bookie-bubble b{text-align:left}
@media(max-width:780px){.bookie-bubble{top:auto;bottom:95px;left:50%;right:auto;width:230px;max-width:75%;transform:translateX(-50%)}body:not(.method-page) main#workspace>.intro::before{background-position:center bottom 110px}}

.bookie-bubble{top:280px;right:23px}@media(max-width:780px){.bookie-bubble{top:auto;bottom:65px;left:calc(50% + 10px);right:auto}}
.strike-rate{background:#c51e32;border-color:#c51e32;border-left-color:#e5bc49;color:#fff}.strike-rate strong{color:#fff}.strike-rate>.small{display:none}
.weight-comparison{margin:24px 0;padding:20px 0;border-top:1px solid #e4dbea;border-bottom:1px solid #e4dbea}.weight-pies{display:grid;grid-template-columns:1fr 1fr;gap:20px}.weight-pie{margin:8px 0 18px;text-align:center}.weight-pie figcaption{font-weight:600;font-size:14px;margin-bottom:8px}.weight-pie>svg{display:block;width:min(100%,230px);height:auto;margin:auto}.weight-swatch{display:inline-block;width:12px;height:12px;margin-right:8px;vertical-align:middle}.weight-comparison table{font-size:13px}.weight-comparison td:not(:first-child){font-variant-numeric:tabular-nums;white-space:nowrap}@media(max-width:520px){.weight-pies{gap:8px}.weight-pie figcaption{font-size:12px}.weight-comparison{padding:15px 0}.weight-comparison table{font-size:11px}}
/* Scarlet navigation buttons across the workspace, method and results pages. */
aside nav a,aside nav a:first-child{background:var(--silk-red,#c51e32);color:#fff;border-radius:6px;border:1px solid #e5bc4966}aside nav a:hover,aside nav a:focus-visible{background:#a8192b;color:#fff}aside nav a:focus-visible{outline:2px solid var(--silk-yellow,#e5bc49);outline-offset:3px}
/* Public preview: no live owner data or working prediction controls. */
.public-topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 0;font-size:11px;letter-spacing:1px;border-bottom:1px solid #e4dbea}.owner-login{color:#4c287b;font-size:13px;font-weight:bold;letter-spacing:0;text-decoration:none;padding:10px 14px;border:1px solid #d7c8e6;border-radius:6px}.owner-login:hover{background:#eee7f5}.app-ad{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:25px 30px;background:#39205f;color:white;border-radius:12px;margin:20px 0;border-top:3px solid #e5bc49}.app-ad h2{font-family:Georgia,serif;font-weight:400;font-size:29px;margin:8px 0}.app-ad p{line-height:1.6}.download-cta{display:inline-block;padding:16px 24px;background:#c51e32;color:#fff;text-decoration:none;border:1px solid #e5bc49;border-radius:7px;font-weight:bold;white-space:nowrap}.app-ad>div:last-child{text-align:center;min-width:190px}.preview-caption{display:block;font-size:11px;margin-top:10px;color:#fff}.preview-heading{margin:25px 0}.preview-heading h2{font-family:Georgia,serif;font-weight:400;font-size:30px}.preview-heading p{font-size:13px;color:#71667d}.preview-pick{display:flex;justify-content:space-between;align-items:center;padding:25px 0;border-bottom:1px solid #e4dbea}.preview-pick>strong{font-size:27px;color:#4c287b}.preview-explainer{margin-top:35px;line-height:1.7}.landing-page input:disabled{opacity:.8;cursor:default}.landing-page .intro{margin-top:20px}.landing-page aside .aside-note{bottom:40px}@media(max-width:780px){.app-ad{flex-direction:column;align-items:stretch;padding:22px}.public-topbar{font-size:9px}.landing-page .preview-caption{font-size:10px}}
.search-intro{padding:35px 0 20px}.search-intro h1{font:normal 48px Georgia,serif;margin:15px 0}.search-intro>p{line-height:1.7;max-width:720px}.search-controls{display:flex;gap:12px;margin:12px 0 20px}.search-controls input{min-width:0;flex:1;padding:14px;border:1px solid #d7c8e6;border-radius:6px;font:inherit}.search-results{margin-top:24px}.search-horse{padding:20px 0;border-top:1px solid #e4dbea}.search-horse h3{margin:0;font-size:22px;color:#39205f}.search-race-time{font-size:20px;font-weight:bold;color:#c51e32}.search-page aside nav a{line-height:1.5}@media(max-width:520px){.search-controls{flex-direction:column}.search-intro h1{font-size:36px}}
.search-controls input[type=search]{flex:1 1 240px;width:100%;min-width:140px}.search-controls button.primary{flex:0 0 140px;width:auto;margin:0}@media(max-width:520px){.search-controls button.primary{flex-basis:auto;width:100%}}
/* Gold-braided hints frame shared by owner workspace and public preview. */
.bookie-bubble{border:1px solid #d9b54c;border-radius:12px;padding:24px 16px;background:#30204fe8;box-shadow:inset 0 0 0 4px #30204f,inset 0 0 0 5px #d9b54c55}
.bookie-bubble::before,.bookie-bubble::after{content:'';display:block;position:absolute;left:12%;right:12%;width:76%;height:20px;background:#30204f url('/gold-scroll.svg') center/contain no-repeat;pointer-events:none;transform:none;border:0}
.bookie-bubble::before{top:-11px}.bookie-bubble::after{top:auto;bottom:-11px}
@media(min-width:781px){body:not(.method-page) main#workspace>.intro{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);column-gap:24px;align-items:start}body:not(.method-page) main#workspace>.intro>h1,body:not(.method-page) main#workspace>.intro>p{grid-column:1;max-width:100%;position:static}body:not(.method-page) main#workspace>.intro>.bookie-bubble{position:relative;grid-column:2;grid-row:1 / span 6;align-self:end;top:auto;bottom:auto;left:auto;right:auto;transform:none;width:100%;max-width:100%;margin:0}body:not(.method-page) main#workspace>.intro::after{grid-column:1}body:not(.method-page) main#workspace>.intro>.daily-learning{margin-bottom:0}}
@media(max-width:780px){.bookie-bubble{padding:24px 16px}body:not(.method-page) main#workspace>.intro{padding-bottom:580px;min-height:960px}body:not(.method-page) main#workspace>.intro::before{background-position:center bottom 280px}.bookie-bubble{bottom:45px}}
@media(min-width:781px){body:not(.method-page) main#workspace>.intro>p:not(.eyebrow){max-width:100%;width:auto}}
.bookie-bubble b{font-family:inherit;font-size:inherit;font-weight:400;line-height:inherit;letter-spacing:inherit;margin-top:0}
/* Caption beside the disappointed bookie rather than beneath the headline. */
@media(min-width:781px){body:not(.method-page) main#workspace>.intro>.bookie-strapline{position:absolute;grid-column:auto;top:185px;right:26px;left:auto;width:39%;max-width:39%;margin:0;text-align:center;font-size:23px;line-height:1.2}body:not(.method-page) main#workspace>.intro>.bookie-bubble{grid-row:1 / span 5}}
@media(max-width:780px){body:not(.method-page) main#workspace>.intro>.bookie-strapline{position:absolute;bottom:550px;top:auto;right:10%;width:80%;max-width:80%;text-align:center;margin:0;font-size:22px}}
@media(min-width:781px){body:not(.method-page) main#workspace>.intro>p.bookie-strapline{position:absolute;grid-column:auto;top:18px;right:20px;left:auto;bottom:auto;width:40%;max-width:40%;margin:0;text-align:center;color:#e5bc49;font:italic 22px/1.2 Georgia,serif}}
@media(max-width:780px){body:not(.method-page) main#workspace>.intro>p.bookie-strapline{position:absolute;bottom:550px;top:auto;right:10%;width:80%;max-width:80%;text-align:center;margin:0}}
/* Match the small gold eyebrow and give the bookie's hat breathing room. */
body:not(.method-page) main#workspace>.intro>p.bookie-strapline{font:700 10px/1.4 Arial,sans-serif;letter-spacing:2px;text-transform:uppercase}
@media(min-width:781px){body:not(.method-page) main#workspace>.intro::before{top:26px}}
@media(max-width:780px){body:not(.method-page) main#workspace>.intro::before{background-position:center bottom 254px}}
/* Align the two gold captions along the same top edge. */
@media(min-width:781px){body:not(.method-page) main#workspace>.intro>.eyebrow{position:relative;transform:translateY(-22px);line-height:1.4}}
/* Compact live shortlist keeps probabilities beside the sliders. */
.field .compact-runner{grid-template-columns:20px minmax(0,1fr) 66px;gap:8px;padding:11px 0;align-items:center}.compact-runner .horse-detail{display:block;background:none;border:0;padding:0;margin:0;color:#39205f;text-align:left;font:600 15px/1.25 Arial,sans-serif;cursor:pointer}.compact-runner .horse-detail:hover{text-decoration:underline}.compact-runner .runner-info{min-width:0}.compact-runner p.runner-race{font-size:11px;line-height:1.4;margin:4px 0 0;font-weight:600}.compact-runner p.runner-connections{font-size:10px;line-height:1.3;margin:3px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.compact-runner .prob{font-size:23px;line-height:1.2;white-space:nowrap;font-variant-numeric:tabular-nums}.compact-runner .rank{font-size:14px}.field #prediction-state{font-size:10px;line-height:1.5}.field>.primary{margin-top:20px}.field>.muted{font-size:11px;line-height:1.5}@media(min-width:1101px){body:not(.method-page) .workspace{grid-template-columns:300px minmax(0,1fr)}}
.account-page{display:block;background:#24123e;min-height:100vh;padding:40px 20px}.account-page main.account-card{max-width:620px;margin:0 auto;padding:32px;background:#fff8ef;border-top:4px solid #e5bc49;overflow-wrap:anywhere}.account-card h1{font-size:36px}.account-card label{display:block;margin:18px 0}.account-card input{display:block;width:100%;padding:12px;margin-top:6px;border:1px solid #b8acbf;border-radius:6px;font:inherit}.account-card button{margin-top:12px}.customer-intro{min-height:0!important;padding:20px 0!important;background:none!important;display:block!important}.customer-intro h1{font-size:32px!important;margin:8px 0!important}.customer-intro p{max-width:none!important}.customer-intro:before,.customer-intro:after{display:none!important}body[data-customer] .method,body[data-customer] .method-data-panel{display:none!important}body[data-customer] header{display:none}
.customer-intro{background:#39205f!important;padding:22px 28px!important;color:white!important}.customer-intro>p:last-child{position:static!important;color:#eee5fa!important;margin:10px 0 0!important}body[data-customer] .aside-note{display:none}body[data-customer] aside{overflow-y:auto}body[data-customer] .intro h1{letter-spacing:-1px}@media(max-width:780px){body[data-customer] nav{display:flex;margin-top:18px;gap:8px;flex-wrap:wrap;justify-content:center}body[data-customer] nav a{padding:10px;font-size:12px}body[data-customer] .customer-intro{margin-top:18px}body[data-customer] .workspace{display:grid;grid-template-columns:1fr}body[data-customer] .strike-rate{padding:16px 22px}}
body[data-customer] .customer-hints{margin-top:22px;padding:16px 12px;border:1px solid #e5bc49;border-radius:12px;color:#fff;text-align:center;font-size:12px;line-height:1.5}.customer-hints h2{font:inherit;font-weight:bold;color:#e5bc49;margin:0 0 12px}.customer-hints p{margin:10px 0}body[data-customer] aside nav{margin-top:22px;gap:8px}body[data-customer] aside nav a{padding:11px 9px}body[data-customer] .brand-mark{height:100px}body[data-customer] aside{padding-top:22px;padding-bottom:22px}body[data-customer] .customer-suggestion{display:grid;gap:20px;grid-template-columns:1fr auto}@media(max-width:780px){body[data-customer] .customer-hints{margin:16px auto 0;max-width:480px}body[data-customer] .customer-suggestion{grid-template-columns:1fr}}
.public-owner-access{text-align:center;margin:35px 0 20px}.public-owner-access a{display:inline-block;padding:12px 22px;border:1px solid #d6bb70;border-radius:8px;color:#39205f;text-decoration:none;font-size:13px}.public-topbar .owner-login{background:#c51e32;color:white;border:1px solid #e5bc49;border-radius:8px;padding:12px 20px}
