:root{
color-scheme:light;
--bg:#ece2c8; --paper:#f7efda; --fg:#2b2c22; --muted:#5f5440; --rule:#cdb98e;
--link:#17130e; --visited:#5b3f86; --accent:#17130e; --grass:#17130e; --leaf:#b8893a; --head:#fbf4e3; --ink:#17130e;
--chip:#efe4cb; --chip-fg:#5e553c; --turf:#e9dfc3; --turf-fg:#17130e; --clay:#f7efda; --clay-fg:#17130e;
--glass:rgba(255,250,238,.97); --shadow:4px 4px 0 var(--ink);
--field:#17130e; --field2:#2e271e; --field-fg:#fbf4e3;
--display:'Abril Fatface', 'Rockwell', 'Roboto Slab', Georgia, serif;
--script:'Yellowtail', 'Brush Script MT', cursive;
--body:'Archivo', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
--narrow:'Archivo Narrow', 'Arial Narrow', 'Archivo', system-ui, sans-serif;
}
.top::before,.bar::before{content:"";position:absolute;left:0;right:0;top:0;height:9px;background:repeating-linear-gradient(135deg,var(--grass) 0 11px,var(--paper) 11px 22px);border-bottom:2px solid var(--ink)}
*{box-sizing:border-box}
[hidden]{display:none!important}
body{background-color:var(--bg);background-image:radial-gradient(rgba(110,90,50,.07) 1px,transparent 1.3px);background-size:12px 12px;color:var(--fg);font:15px/1.45 var(--body);margin:0}
a{color:var(--link);text-decoration:none}
a:visited{color:var(--visited)}
a:hover{text-decoration:underline}
a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--grass);outline-offset:2px}
.wrap{max-width:1180px;margin:0 auto;padding-left:max(16px, env(safe-area-inset-left, 0px));padding-right:max(16px, env(safe-area-inset-right, 0px))}
.logo{display:inline-flex;align-items:center;gap:9px;font:400 40px/1 var(--script);color:var(--grass);white-space:nowrap;text-decoration:none!important;text-shadow:2px 2px 0 var(--paper),3px 3px 0 var(--ink)}
.logo:visited{color:var(--grass)}
.logo svg{width:36px;height:36px;flex:none;transform:rotate(-12deg);filter:drop-shadow(2px 2px 0 rgba(23,19,14,.35))}
.logo span{padding-bottom:4px}
.logo:hover svg{transform:rotate(12deg);transition:transform .3s}
@media (max-width:560px){.logo{font-size:32px}.logo svg{width:30px;height:30px}}
.logo:visited{color:var(--fg)}
.logo b{color:var(--leaf);font-weight:400}
.logo i{color:var(--grass);font-style:normal}
.chip{display:inline-block;font:600 11px/1 var(--narrow);text-transform:uppercase;letter-spacing:.06em;padding:4px 6px 3px;border-radius:999px;background:var(--chip);color:var(--chip-fg);min-width:58px;text-align:center;white-space:nowrap}
.chip.mlb{background:var(--grass);color:#fff}
.chip.former{background:#e7e2d3;color:#5d5a4a;border:1px dashed #8c8a74}
.chip.aaa,.chip.aa,.chip.ha,.chip.sa,.chip.st,.chip.sum{background:var(--turf);color:var(--turf-fg)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.num{font-variant-numeric:tabular-nums}
input[type=search]{font:15px var(--body);padding:7px 10px;border:1px solid var(--rule);border-radius:4px;background:var(--paper);color:var(--fg);width:100%}
@media (prefers-reduced-motion: reduce){*{transition:none!important;animation:none!important}}
.top{position:relative;border-bottom:1px solid var(--rule);background:var(--head)}
.top .wrap{display:flex;align-items:center;gap:6px 14px;flex-wrap:wrap;padding-block:22px 12px}
.top .sub{color:var(--muted);font:500 13px var(--narrow);letter-spacing:.04em;text-transform:uppercase}
.layout{display:grid;grid-template-columns:200px minmax(0,1fr) 300px;gap:28px;padding-block:20px 48px}
.side h2,.dir h2,.peek h2{font:600 12px/1 var(--narrow);text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin:0 0 8px;padding-bottom:6px;border-bottom:1px solid var(--rule)}
.side{display:flex;flex-direction:column;gap:22px;font-size:14px}
.side ul{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.side li{display:flex;justify-content:space-between;gap:8px}
.side p{margin:0;color:var(--muted);font-size:13px}
.dir{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 26px;align-content:start}
.dir ul{list-style:none;margin:0;padding:0;columns:1}
.dir li{padding:1.5px 0;font-size:15px}
.dir li .ct{color:var(--muted);font:13px var(--narrow)}
.dir li.zero a{color:var(--muted)}
.peek{position:sticky;top:calc(env(safe-area-inset-top, 0px) + 16px);align-self:start;display:flex;flex-direction:column;gap:10px}
.peek figure{margin:0;border-radius:8px;overflow:hidden;aspect-ratio:4/3;max-width:100%;background:var(--chip);border:2px solid var(--ink);box-shadow:var(--shadow)}
.peek img{width:100%;height:100%;object-fit:cover;display:block}
.peek .name{font:22px/1.1 var(--display)}
.peek .nick{color:var(--muted);font-size:13px;margin-top:2px}
.peek .counts{display:flex;flex-wrap:wrap;gap:6px}
.results{margin-top:6px}
.results[hidden]{display:none}
.results ol{list-style:none;margin:0;padding:0}
.rhead{display:flex;justify-content:space-between;align-items:baseline;gap:10px;border-bottom:1px solid var(--rule);margin-bottom:4px}
.rhead h2{font:600 12px/1 var(--narrow);text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin:0;padding-bottom:6px}
.rhead button,.boards button{font:15px var(--body);background:none;border:0;padding:0;color:var(--link);cursor:pointer;text-align:left}
.rhead button{font-size:13px}
.rhead button:hover,.boards button:hover{text-decoration:underline}
.results .stat{color:var(--grass);font:600 13px var(--narrow);white-space:nowrap}
.results .meta{display:inline}
.results li{display:grid;grid-template-columns:104px minmax(0,1fr);gap:10px;padding:6px 0;border-bottom:1px dotted var(--rule);align-items:baseline}
.results .meta{color:var(--muted);font-size:13px}
.results .empty{color:var(--muted);padding:8px 0}
.foot{border-top:1px solid var(--rule);color:var(--muted);font-size:13px}
.foot .wrap{padding-block:16px 28px;display:flex;flex-wrap:wrap;gap:6px 18px}
@media (max-width:1000px){.layout{grid-template-columns:200px minmax(0,1fr)}.peek{display:none}}
@media (max-width:720px){.layout{grid-template-columns:minmax(0,1fr)}.dir{grid-template-columns:repeat(2,minmax(0,1fr))}.side{order:2}}
@media (max-width:420px){.dir{grid-template-columns:minmax(0,1fr)}}
.top nav{color:var(--muted);font-size:14px}
.sp{padding-block:22px 56px;display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:36px}
.sp h1{font:clamp(30px,4.6vw,50px)/1.04 var(--display);margin:0 0 12px;text-wrap:balance;color:var(--grass);text-shadow:3px 3px 0 rgba(23,19,14,.2)}
.sp .intro{color:var(--muted);max-width:68ch;margin:0 0 6px}
.sp h2{font:600 12px/1 var(--narrow);text-transform:uppercase;letter-spacing:.1em;color:var(--grass);margin:26px 0 4px;padding-bottom:6px;border-bottom:1px solid var(--rule);display:flex;justify-content:space-between;gap:10px}
.sp h2 a,.sp h2 a:visited{color:inherit}
ol.rank{list-style:none;padding:0;margin:0}
ol.rank li{display:grid;grid-template-columns:2.4em 104px minmax(0,1fr) auto;gap:4px 12px;align-items:baseline;padding:7px 0;border-bottom:1px dotted var(--rule)}
ol.rank .n{font:13px/30px var(--display);color:var(--grass);text-align:center;width:30px;height:30px;border-radius:50%;background:var(--turf);border:2px solid var(--ink);justify-self:end}
ol.rank .meta{color:var(--muted)}
ol.rank .stat{color:var(--grass);font:600 13px var(--narrow);white-space:nowrap;text-align:right}
.sp aside ul{list-style:none;margin:0 0 20px;padding:0;display:grid;gap:4px;font-size:14px}
.sp aside h3{font:600 12px/1 var(--narrow);text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin:0 0 8px;padding-bottom:6px;border-bottom:1px solid var(--rule)}
.sp .note{color:var(--muted);font-size:13px;margin-top:16px;max-width:70ch}
@media (max-width:760px){.sp{grid-template-columns:minmax(0,1fr)}ol.rank li{grid-template-columns:2.4em minmax(0,1fr)}ol.rank .chip{grid-column:2;justify-self:start}ol.rank li>span:nth-child(3),ol.rank .stat{grid-column:2;text-align:left}}
ol.rows .dims{grid-column:2 / 4;font:13px var(--narrow);color:var(--fg);opacity:.85}
ol.rows details.more{grid-column:2 / 4;font-size:13.5px}
ol.rows details.more summary{cursor:pointer;color:var(--link);font:600 12px var(--narrow);text-transform:uppercase;letter-spacing:.06em;width:max-content}
ol.rows details.more dl{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:3px 14px;margin:6px 0 2px;padding:10px 12px;background:var(--chip);border-radius:6px}
ol.rows details.more dt{color:var(--muted);font:500 12.5px var(--narrow)}
ol.rows details.more dd{margin:0}
.pp{font:600 11px/1 var(--narrow);text-transform:uppercase;letter-spacing:.06em;border:1px solid var(--rule);background:var(--paper);color:var(--muted);border-radius:999px;padding:5px 9px;cursor:pointer;margin-left:8px;white-space:nowrap;vertical-align:1px}
.pp:hover{border-color:var(--fg);color:var(--fg)}
.maplink{font:600 11px/1 var(--narrow);text-transform:uppercase;letter-spacing:.06em;margin-left:10px;white-space:nowrap}
@media (max-width:640px){ol.rows .facts{white-space:normal;display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px}ol.rows .facts .pp,ol.rows .facts .maplink{margin:0}}
.pp[aria-pressed="true"]{background:var(--grass);border-color:var(--grass);color:var(--paper)}
.pp[aria-pressed="true"]::before{content:"\2713\00a0"}
.pp:not([aria-pressed="true"])::before{content:"+\00a0"}
.ppcall{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 20px;margin:16px 0 4px;padding:16px 18px;border:2px solid var(--ink);border-radius:14px;box-shadow:4px 4px 0 var(--ink);color:#fbf4e3;background:repeating-linear-gradient(90deg,#17130e 0 60px,#2e271e 60px 120px)}
.ppc-l{display:grid;gap:3px;min-width:0;flex:1 1 320px}
.ppc-k{font:600 11px/1 var(--narrow);text-transform:uppercase;letter-spacing:.16em;color:#ffe9a8}
.ppc-l b{font:20px/1.15 var(--display);color:#fff}
.ppc-l span:last-child{font-size:14px;color:#f3e7d3}
.ppc-l i{font-style:normal;font-weight:700;color:#fff}
.ppc-l #ppn{font:inherit;font-weight:700;color:#ffe9a8}
a.ppc-btn{flex:none;font:700 14px var(--body);padding:10px 16px;border-radius:999px;border:2px solid var(--ink);background:#fbf4e3;color:var(--grass);box-shadow:2px 2px 0 var(--ink)}
a.ppc-btn:hover{text-decoration:none;transform:translate(-1px,-1px)}
.ppcount{font:500 14px var(--narrow);color:var(--muted)}
.ppcount a{font-weight:600}
@media (max-width:640px){ol.rows .dims,ol.rows details.more{grid-column:2}ol.rows dl{grid-template-columns:minmax(0,1fr)!important}.pp{margin-left:0;margin-top:4px}}
.faq{padding-block:8px 36px}
.faq h2{font:clamp(22px,3vw,30px)/1.1 var(--display);margin:0 0 6px;color:var(--fg)}
.faq details{border-bottom:1px solid var(--rule);padding:12px 0}
.faq summary{cursor:pointer;font-weight:600;font-size:16px;color:var(--grass)}
.faq details p{margin:8px 0 0;max-width:72ch;color:var(--fg)}
.foot2{background:var(--head);border-top:2px solid var(--ink);color:var(--muted);font-size:14px;position:relative}
.foot2 .cols{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;padding-block:26px 12px}
.foot2 h3{font:600 12px/1 var(--narrow);text-transform:uppercase;letter-spacing:.1em;color:var(--fg);margin:0 0 10px}
.foot2 ul{list-style:none;margin:0;padding:0;display:grid;gap:5px}
.foot2 .fine{border-top:1px solid var(--rule);padding-block:12px 22px;display:flex;flex-wrap:wrap;gap:6px 18px;font-size:13px}
@media (max-width:760px){.foot2 .cols{grid-template-columns:repeat(2,minmax(0,1fr))}}
.ad{display:flex;flex-direction:column;align-items:center;gap:4px;margin:18px auto}
.ad .adl{font:600 10px/1 var(--narrow);text-transform:uppercase;letter-spacing:.16em;color:var(--muted)}
.ad a.adbox{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;max-width:100%;text-align:center;color:var(--fg);
border:2px dashed #9aa58f;border-radius:6px;background:repeating-linear-gradient(135deg,#fbf6e8 0 14px,#f4eedc 14px 28px);text-decoration:none}
.ad a.adbox:hover{border-color:var(--grass);text-decoration:none}
.ad a.adbox b{font:18px/1 var(--display);color:var(--grass)}
.ad a.adbox span{font:600 12px/1 var(--narrow);text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}
.ad a.adbox em{font:600 12px/1 var(--narrow);font-style:normal;color:var(--link)}
.ad-lb a.adbox{width:728px;height:90px;flex-direction:row;gap:16px}
.ad-mr a.adbox{width:300px;height:250px}
.ad-mr a.adbox b{font-size:24px}
.ad .m{display:none}
.ad a.adwide{display:block;width:728px;max-width:100%;border-radius:6px;overflow:hidden;text-decoration:none;box-shadow:0 0 0 1px rgba(0,0,0,.2);line-height:0}
.ad a.adwide svg{display:block;width:100%;height:auto}
.ad a.adwide svg.m{display:none}
.ad a.adwide:hover{filter:brightness(1.06)}
@media (max-width:760px){.ad a.adwide{width:320px}.ad a.adwide svg.d{display:none}.ad a.adwide svg.m{display:block}}
.ad a.adlive{position:relative;display:flex;align-items:center;justify-content:center;width:300px;height:250px;max-width:100%;overflow:hidden;border-radius:6px;background:#0a1210;box-shadow:0 0 0 1px rgba(0,0,0,.25)}
.ad a.adlive::before{content:"";position:absolute;inset:-20px;background:var(--adbg) center/cover;filter:blur(14px) brightness(.55);transform:scale(1.1)}
.ad a.adlive img{position:relative;width:250px;height:250px;display:block;box-shadow:0 0 18px rgba(0,0,0,.5)}
.ad a.adlive:hover img{filter:brightness(1.06)}
.mr-mobile{display:none}
@media (max-width:1000px){.mr-mobile{display:block}}
@media (max-width:760px){.ad-lb a.adbox{width:320px;height:50px;gap:8px}.ad-lb a.adbox b{font-size:14px}.ad-lb a.adbox em{display:none}.ad .d{display:none}.ad .m{display:inline}}
.logo span i{color:var(--leaf);font-style:normal}.logo span b{color:var(--grass)}
.logo span i{color:#22406f;font-style:normal}
.logo span b{color:var(--grass)}
:root{--bg:#ece2c8;--paper:#f7efda;--head:#f7efda;--grass:#17130e;--leaf:#b8893a;--ink:#17130e;--link:#17130e;--accent:#17130e;--visited:#5b3f86;
--muted:#5f5245;--rule:#cdb98e;--chip:#efe3c8;--chip-fg:#5a4528;--turf:#e9dfc3;--turf-fg:#22406f;--field:#22406f;--field2:#2a6b40;--orange:#b8893a;--maple:#c08752;
--display:'Abril Fatface','Playfair Display','Bodoni 72',Georgia,serif}
body{background-color:#ece2c8}
/* header: a white running rail */
.top{background:var(--paper)}
.top::before,.bar::before{height:12px;background:linear-gradient(#fff,#fff) 0 2px/100% 4px no-repeat,repeating-linear-gradient(90deg,#fbf7ec 0 5px,#17130e 5px 6px,transparent 6px 40px),linear-gradient(#22406f,#22406f);border-bottom:3px solid var(--grass);box-shadow:0 2px 0 #fffaf0}
.top{border-bottom:3px solid var(--ink)}
.logo{font:400 31px/1 var(--display);letter-spacing:.005em;text-shadow:2px 2px 0 var(--paper),3px 3px 0 rgba(23,19,14,.55);gap:10px}
.logo::before{content:"";flex:none;width:34px;height:34px;background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 40 40%22%3E%3Cpath d=%22M8 6 C2 16 4 31 13 36 L17 31 C11 27 10 18 14 10 Z%22 fill=%22%23c69a2b%22 stroke=%22%232a1a12%22 stroke-width=%222.2%22 stroke-linejoin=%22round%22/%3E%3Cpath d=%22M32 6 C38 16 36 31 27 36 L23 31 C29 27 30 18 26 10 Z%22 fill=%22%23c69a2b%22 stroke=%22%232a1a12%22 stroke-width=%222.2%22 stroke-linejoin=%22round%22/%3E%3Cpath d=%22M8 6 C13 2 27 2 32 6 L26 10 C22 8 18 8 14 10 Z%22 fill=%22%23c69a2b%22 stroke=%22%232a1a12%22 stroke-width=%222.2%22 stroke-linejoin=%22round%22/%3E%3Cg fill=%22%232a1a12%22%3E%3Ccircle cx=%229.5%22 cy=%2217%22 r=%221.3%22/%3E%3Ccircle cx=%229.8%22 cy=%2224%22 r=%221.3%22/%3E%3Ccircle cx=%2212%22 cy=%2230%22 r=%221.3%22/%3E%3Ccircle cx=%2230.5%22 cy=%2217%22 r=%221.3%22/%3E%3Ccircle cx=%2230.2%22 cy=%2224%22 r=%221.3%22/%3E%3Ccircle cx=%2228%22 cy=%2230%22 r=%221.3%22/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat;transform:rotate(-8deg);filter:drop-shadow(2px 2px 0 rgba(23,19,14,.35));transition:transform .4s}
.logo:hover::before{transform:rotate(8deg) scale(1.06)}
.logo span{padding-bottom:0}
@media (max-width:560px){.logo{font-size:22px;gap:7px}
.logo::before{width:26px;height:26px}
}
h1,.ribbon,.card h1{letter-spacing:.005em}
.ribbon{clip-path:none;border-radius:6px;padding:10px 18px;border:2px solid var(--ink);box-shadow:inset 0 0 0 2px var(--grass),inset 0 0 0 4px #fffaf0;filter:drop-shadow(3px 3px 0 var(--ink))}
.ribbon.sm{padding:9px 16px;font-size:18px;filter:drop-shadow(2px 2px 0 var(--ink))}
.chip.mlb{background:var(--grass);color:#fff}
.chip.aaa{background:#dfe4ec;color:#22406f}
.chip.aa{background:#f5e6b8;color:#6b4b0e}
.chip.ha{background:#e9dfc3;color:#22406f}
/* ---- grandstand hero ---- */
.night{background:#1b1a2a;color:#f4ead6}
.night::before{display:none}
.night .fh{position:absolute;left:0;top:0;width:100%;height:calc(100% - var(--floor));display:block}
.night{--floor:150px}
.night .wrap{position:relative;z-index:2;padding-block:22px 0}
.hgrid{display:flex;flex-direction:column;align-items:center;gap:0;max-width:820px}
.card{width:100%;border-width:3px;box-shadow:6px 6px 0 #0d0805;border-radius:14px}
.card::before{left:0;right:0;top:0;height:12px;border-radius:11px 11px 0 0;background:repeating-linear-gradient(135deg,var(--grass) 0 12px,#b8893a 12px 24px,#f7efda 24px 30px);border-bottom:3px solid var(--ink)}
.card{padding-top:30px}
.eyebrow-pill{background:#22406f;color:#fff;border:2px solid var(--ink)}
.card h1{color:var(--grass);text-shadow:3px 3px 0 rgba(184,137,58,.3)}
.card button[type=submit]{background:var(--grass);color:#fff;border-color:var(--ink)}
.card button.ghost{color:var(--link)}
/* tote board */
.scores{position:relative;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);grid-template-columns:none;gap:6px;width:min(720px,100%);margin:0 auto 26px;padding:28px 10px 10px;background:linear-gradient(#17221a,#0c120d);border:3px solid #050403;border-radius:8px;box-shadow:0 8px 18px rgba(0,0,0,.45),inset 0 0 0 2px #b8893a}
.scores::before{content:"\2605  HORSETRACKATLAS.COM  \2605";position:absolute;left:0;right:0;top:7px;text-align:center;font:11px/1 var(--display);letter-spacing:.24em;color:#f4ead6;opacity:.9}
.scores::after{display:none}
.scores div{background:#050505;border:1px solid #2a2420;border-radius:4px;padding:9px 4px 8px;box-shadow:inset 0 0 12px rgba(0,0,0,.9)}
.scores b{font:clamp(19px,2.3vw,26px)/1 var(--display);color:#ffb648;text-shadow:0 0 8px rgba(255,160,60,.7),0 0 2px #ffb648;letter-spacing:.02em}
.scores span{color:#e9dcc4;font-size:10px;margin-top:5px;letter-spacing:.1em}
.night .scores div{min-width:0}
/* the dirt track */
.outfield{height:var(--floor);margin-top:-46px;position:relative;z-index:1;overflow:hidden;border-top:0}
.outfield::before{display:none}
.outfield .fl{display:block;width:100%;height:100%}
.night .hoop{display:none}
@media (max-width:760px){.scores{grid-auto-flow:row;grid-template-columns:repeat(3,minmax(0,1fr));padding-top:26px}
.night{--floor:96px}
.outfield{margin-top:-26px}
}
@media (max-width:560px){.night .wrap{padding-top:16px}
.card{box-shadow:4px 4px 0 #0d0805}
}
/* infield turf bands */
.ppband{background:repeating-linear-gradient(90deg,#22406f 0 64px,#2a4a7d 64px 128px);border-top:6px solid #fff;border-bottom:3px solid var(--ink);box-shadow:inset 0 3px 0 var(--ink);color:#fff}
.ppb-txt h2{color:#fff;text-shadow:2px 2px 0 var(--ink)}
.ppb-txt p{color:#f3f7ef;font-weight:600}
.ppband .ppc-k{color:#ffe08a}
.ppb-steps li{background:rgba(255,252,243,.92);color:var(--fg);border:2px solid var(--ink)}
.ppb-steps i{color:var(--grass)}
.ppb-steps b{background:var(--grass);color:#fff}
a.ppb-btn{color:var(--grass)}
a.ppbox{background:repeating-linear-gradient(90deg,#22406f 0 40px,#2a4a7d 40px 80px);color:#fff}
a.ppbox .ppc-k{color:#ffe08a}
a.ppbox b{color:#fff;text-shadow:2px 2px 0 var(--ink)}
a.ppbox span,a.ppbox em{color:#f3f7ef}
.promo{background:repeating-linear-gradient(90deg,#22406f 0 40px,#2a4a7d 40px 80px);color:#fff}
/* state pages: the art sits on a strip of dirt behind the rail */
.heroband{border-bottom:0;box-shadow:0 3px 0 var(--ink)}
.heroband+*,.heroband{margin-bottom:0}
.heroband{border-image:none}
.heroband::before{content:"";position:absolute;left:0;right:0;bottom:0;height:18px;z-index:2;background:linear-gradient(#fff,#fff) 0 0/100% 4px no-repeat,repeating-linear-gradient(90deg,#fbf7ec 0 4px,transparent 4px 36px) 0 4px/100% 6px no-repeat,linear-gradient(#b67a46,#8f552e);border-top:2px solid var(--ink)}
.tally span.tot{background:var(--grass)}
.heroband h1{font-size:clamp(34px,6.2vw,80px)!important;letter-spacing:0}
/* track pages: the local scene above the facts */
.tkband{position:relative;height:clamp(190px,37.5vw,460px);overflow:hidden;background:#a9774a;border-bottom:3px solid var(--ink)}
.tkband .tk-scene,.tkband .tk-art{position:absolute;inset:0;width:100%;height:100%;display:block}
.tk-cap{position:absolute;right:max(16px,calc((100% - 1180px)/2));top:12px;margin:0;z-index:2}
.tk-cap span{display:inline-block;background:rgba(23,19,14,.78);color:#fff6e6;font:600 12px/1.2 Archivo,Arial,sans-serif;letter-spacing:.02em;padding:6px 11px;border-radius:999px;box-shadow:0 2px 0 rgba(0,0,0,.25)}
.tk-cap span::before{content:"\2605  ";color:#ffd66b}
@media (max-width:560px){.tk-cap{left:16px;right:16px;top:10px}.tk-cap span{font-size:11px}}
/* ===================== the golden age of the turf =====================
   Man o' War to Seattle Slew: Art Deco grandstands, black-and-gold program covers,
   Racing Form newsprint, brass, incandescent tote boards, Meadow Stable blue-and-white checks. */
:root{--link:#22406f;--deco:'Limelight','Abril Fatface',Georgia,serif;--cond:'Oswald','Archivo Narrow',Arial,sans-serif;--brass:#b8893a;--gold:#dcb862;--gold-hi:#f0d58c;--silk:#22406f;--sepia:#6b4a2b;--coal:#17130e}
body{background-color:#ece2c8;background-image:radial-gradient(rgba(23,19,14,.07) 1px,transparent 1.2px),linear-gradient(90deg,rgba(107,74,43,.035),transparent 30%,transparent 70%,rgba(107,74,43,.035));background-size:5px 5px,100% 100%}
a{text-decoration-color:rgba(34,64,111,.35);text-underline-offset:2px}
/* masthead: a black-and-gold program cover with Secretariat's blue-and-white checks along the top */
.top{background:#17130e radial-gradient(ellipse at 50% 140%,rgba(220,184,98,.18),transparent 60%);border-bottom:0;box-shadow:0 3px 0 #b8893a,0 6px 0 #17130e,0 8px 0 #dcb862;margin-bottom:8px;color:#efe3c3}
.top::before,.bar::before{height:10px;background:conic-gradient(#22406f 25%,#f3e9d0 0 50%,#22406f 0 75%,#f3e9d0 0) 0 0/10px 10px;border-bottom:2px solid #b8893a;box-shadow:none}
.top .wrap{padding-block:24px 14px}
.logo,.logo:visited{font:400 30px/1 var(--deco);letter-spacing:.07em;text-transform:uppercase;text-shadow:0 2px 0 #000,0 0 18px rgba(220,184,98,.25);gap:12px;color:#dcb862}
.logo span i{color:#f3e9d0}
.logo span b{color:#dcb862;background:linear-gradient(180deg,#f7e3a4 0%,#dcb862 45%,#a8792c 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:none;filter:drop-shadow(0 2px 0 #000)}
.logo::before{width:34px;height:34px;filter:drop-shadow(0 0 0 #000) drop-shadow(0 2px 0 #000)}
.top nav,.top nav a{color:#efe3c3}
.top nav{font:500 13px var(--cond);letter-spacing:.12em;text-transform:uppercase}
.top nav a{text-decoration:none}
.top nav a:hover{color:#f0d58c}
.topnav a{color:#efe3c3!important;font:500 13px/1 var(--cond)!important;letter-spacing:.14em;text-transform:uppercase}
.topnav a:hover{color:#f0d58c!important}
.topnav a.navpp{background:#dcb862;color:#17130e!important;border:1px solid #f0d58c;box-shadow:0 0 0 2px #17130e,0 0 0 3px #b8893a;border-radius:3px}
.topnav a.navpp b{background:#17130e;color:#f0d58c}
.top select{background:#241e16;color:#efe3c3;border-color:#b8893a}
@media (max-width:560px){.logo,.logo:visited{font-size:19px;letter-spacing:.05em;gap:8px}.logo::before{width:24px;height:24px}.top .wrap{padding-block:18px 10px}}
/* headings: Didone display face, deco caps for labels */
h1,h2,h3{color:#17130e}
h1{text-shadow:2px 2px 0 rgba(220,184,98,.45)}
.ribbon,.ribbon.sm{background:#17130e;color:#f0d58c;border:0;border-radius:2px;box-shadow:inset 0 0 0 2px #17130e,inset 0 0 0 3px #b8893a;filter:none;font-family:var(--deco);font-weight:400;letter-spacing:.06em;text-transform:uppercase}
.ribbon.sm{font-size:16px;padding:10px 16px}
.side h2,.dir h2,.peek h2,.foot2 h3{font-family:var(--cond);font-weight:500;letter-spacing:.16em;color:#6b4a2b;border-bottom:3px double #b8893a}
.chip.mlb{background:#17130e;color:#f0d58c}
.chip.aaa{background:#dfe4ec;color:#22406f}
.chip.aa{background:#f1e2b4;color:#6b4a14}
.chip.ha{background:#e9dfc3;color:#6b4a2b}
.chip{font-family:var(--cond);font-weight:500;letter-spacing:.1em}
/* front gate: the Rainier poster, then an admission ticket and the tote board */
.night{background:#a77a4f;color:#17130e}
.night .fh{position:relative;height:clamp(270px,37.5vw,620px)}
.night .wrap{padding-top:0;margin-top:clamp(-150px,-9vw,-70px)}
.hgrid .scores{order:2;margin:22px auto 0}
.card{border:0;border-radius:4px;padding:58px clamp(18px,4vw,40px) 28px;background:#f7efda repeating-linear-gradient(0deg,transparent 0 27px,rgba(23,19,14,.035) 27px 28px);box-shadow:inset 0 0 0 6px #f7efda,inset 0 0 0 7px #b8893a,inset 0 0 0 9px #f7efda,inset 0 0 0 10px #b8893a,0 0 0 3px #17130e,8px 10px 0 3px rgba(23,19,14,.55)}
.card::before{left:0;right:0;top:0;height:36px;border-radius:3px 3px 0 0;background:#17130e;border-bottom:2px dashed #dcb862;content:"\2605 \00a0 ADMIT ONE \00a0 \00b7 \00a0 GRANDSTAND \00a0 \00b7 \00a0 \0024 2 WIN \00a0 \2605";color:#f0d58c;font:400 14px/36px var(--deco);letter-spacing:.22em;text-align:center;white-space:nowrap;overflow:hidden}
.card::after{content:"PAID";position:absolute;right:26px;top:52px;padding:8px 10px;border:3px double rgba(34,64,111,.6);border-radius:4px;color:rgba(34,64,111,.6);font:600 20px/1 var(--cond);letter-spacing:.2em;transform:rotate(-12deg);pointer-events:none}
.card h1{font:400 clamp(30px,4.6vw,48px)/1.05 var(--deco);color:#17130e;letter-spacing:.02em;text-shadow:2px 2px 0 rgba(220,184,98,.55)}
.eyebrow-pill{background:#22406f;color:#f3e9d0;border:0;border-radius:2px;font:500 12px/1 var(--cond);letter-spacing:.18em;text-transform:uppercase;padding:7px 12px;box-shadow:0 0 0 2px #f7efda,0 0 0 3px #22406f}
.card button[type=submit],button[type=submit]{background:#17130e;color:#f0d58c;border:2px solid #17130e;box-shadow:inset 0 0 0 2px #b8893a;font-family:var(--cond);letter-spacing:.12em;text-transform:uppercase;font-weight:500}
.card button[type=submit]:hover{background:#2e271e}
.card button.ghost{color:#22406f}
.card input,.card select{border-color:#17130e;background:#fffaf0}
.scores{background:linear-gradient(#1c1812,#0b0907);border:3px solid #050403;border-radius:3px;box-shadow:0 10px 22px rgba(0,0,0,.4),inset 0 0 0 2px #b8893a,inset 0 0 0 5px #0b0907,inset 0 0 0 6px #6b4a2b}
.scores::before{content:"\2605 \00a0 TOTE BOARD \00a0 \2605";font:400 11px/1 var(--deco);letter-spacing:.3em;color:#dcb862}
.scores b{font:500 clamp(20px,2.5vw,28px)/1 var(--cond);color:#ffcf6e;text-shadow:0 0 6px rgba(255,180,70,.85),0 0 16px rgba(255,150,40,.45);letter-spacing:.06em}
.scores span{font-family:var(--cond);letter-spacing:.16em;color:#d8c9a6}
@media (max-width:560px){.card::before{font-size:10px;letter-spacing:.12em}.card::after{display:none}.card{box-shadow:inset 0 0 0 5px #f7efda,inset 0 0 0 6px #b8893a,0 0 0 3px #17130e,5px 6px 0 2px rgba(23,19,14,.55)}}
/* the count band: black and gold sunburst, like a deco grandstand facade */
.ppband{background:#17130e repeating-conic-gradient(from -90deg at 50% 115%,#1f1a13 0 4deg,#17130e 4deg 8deg);border-top:4px solid #b8893a;border-bottom:4px solid #b8893a;box-shadow:inset 0 3px 0 #17130e,inset 0 5px 0 #dcb862,inset 0 -3px 0 #17130e,inset 0 -5px 0 #dcb862;color:#efe3c3}
.ppb-txt h2{color:#f0d58c;font-family:var(--deco);font-weight:400;letter-spacing:.05em;text-transform:uppercase;text-shadow:0 2px 0 #000}
.ppb-txt p{color:#e7dbbd;font-weight:500}
.ppband .ppc-k,.ppbox .ppc-k{color:#dcb862;font-family:var(--cond);letter-spacing:.18em}
.ppb-steps li{background:#f7efda;color:#17130e;border:0;border-radius:2px;box-shadow:inset 0 0 0 2px #b8893a}
.ppb-steps b{background:#17130e;color:#f0d58c;font-family:var(--cond)}
.ppb-steps i{color:#22406f}
a.ppb-btn,.ppb-btn{color:#17130e;background:#dcb862;border-color:#f0d58c}
a.ppbox,.ppbox,.promo{background:#17130e repeating-conic-gradient(from -90deg at 50% 120%,#211b13 0 5deg,#17130e 5deg 10deg);color:#efe3c3;box-shadow:inset 0 0 0 2px #b8893a}
a.ppbox b,.ppbox b{color:#f0d58c;text-shadow:0 0 10px rgba(240,213,140,.35)}
a.ppbox span,a.ppbox em,.ppbox em{color:#e7dbbd}
/* legends of the turf */
.legends{padding-block:34px 8px}
.legends .lg-h{text-align:center;margin:0 0 6px;font:400 clamp(26px,4vw,40px)/1.05 var(--deco);letter-spacing:.05em;text-transform:uppercase}
.legends .lg-sub{text-align:center;margin:0 auto 22px;max-width:60ch;color:#5b4a35;font-style:italic}
.legends .lg-h::before,.legends .lg-h::after{content:"";display:inline-block;width:clamp(24px,8vw,90px);height:7px;margin:0 14px;vertical-align:middle;border-top:2px solid #b8893a;border-bottom:2px solid #b8893a}
.lg-row{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.lg-row li{position:relative;background:#f7efda;padding:18px 18px 16px;box-shadow:inset 0 0 0 4px #f7efda,inset 0 0 0 5px #b8893a,0 0 0 2px #17130e,4px 5px 0 2px rgba(23,19,14,.4);display:flex;flex-direction:column;gap:6px}
.lg-row .yr{font:500 12px/1 var(--cond);letter-spacing:.2em;color:#6b4a2b;text-transform:uppercase;display:flex;align-items:center;gap:8px}
.lg-row .yr svg{width:30px;height:22px;flex:none}
.lg-row h3{margin:2px 0 0;font:400 24px/1.05 'Abril Fatface',Georgia,serif;color:#17130e}
.lg-row p{margin:0;font-size:14px;line-height:1.45;color:#2e271e;flex:1}
.lg-row a{font:500 12px/1.2 var(--cond);letter-spacing:.12em;text-transform:uppercase}
.lg-row .no{position:absolute;right:14px;top:14px;width:26px;height:26px;display:grid;place-items:center;background:#17130e;color:#f0d58c;font:500 14px/1 var(--cond)}
@media (max-width:900px){.lg-row{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.lg-row{grid-template-columns:1fr}}
/* track pages and footer */
.tk-cap span{background:rgba(23,19,14,.85);color:#efe3c3;font:500 12px/1.2 var(--cond);letter-spacing:.14em;text-transform:uppercase;border-radius:2px;box-shadow:inset 0 0 0 1px #b8893a}
.tk-cap span::before{color:#dcb862}
.tkband,.heroband{border-bottom:0;box-shadow:0 3px 0 #17130e,0 5px 0 #b8893a,0 7px 0 #17130e}
.foot2{background:#17130e;color:#cbbd9a;border-top:0;box-shadow:inset 0 3px 0 #b8893a,inset 0 6px 0 #17130e,inset 0 8px 0 #dcb862}
.foot2 h3{color:#dcb862;border-bottom-color:#6b4a2b}
.foot2 a{color:#efe3c3}
.foot2 .fine{border-top-color:#3a3125}
.faq summary{color:#17130e}
.faq summary::marker{color:#b8893a}
/* aged lithograph finish on every illustration */
.tk-art,.heroband .scene svg,.heroband svg,.peek img{filter:sepia(.34) saturate(.74) contrast(1.05) brightness(.99)}
.night .fh{filter:none}
.tkband::after,.heroband .scene::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 45%,transparent 55%,rgba(60,38,16,.28)),radial-gradient(rgba(23,19,14,.10) 1px,transparent 1.3px) 0 0/4px 4px;mix-blend-mode:multiply}

.card input,.card select,.card button,a.ppb-btn,.ppb-btn,.side input{border-radius:3px}
.lg-row li a+button,.lg-row li a+.been{margin-top:4px}
/* state pages: same program-cover masthead, deco board */
.bar{background:#17130e radial-gradient(ellipse at 50% 140%,rgba(220,184,98,.18),transparent 60%);border-bottom:0;box-shadow:0 3px 0 #b8893a,0 6px 0 #17130e,0 8px 0 #dcb862;color:#efe3c3;backdrop-filter:none;-webkit-backdrop-filter:none}
.bar .wrap{padding-block:24px 14px}
.crumbs,.crumbs span,.crumbs a{color:#efe3c3;font:500 13px var(--cond);letter-spacing:.12em;text-transform:uppercase;text-decoration:none}
.crumbs a:hover{color:#f0d58c}
.bar select{background:#241e16;color:#efe3c3;border-color:#b8893a}
.eyebrow{background:#22406f;color:#f3e9d0;border:0;border-radius:2px;font-family:var(--cond);font-weight:500;box-shadow:0 0 0 2px #f7efda,0 0 0 3px #22406f}
.board{background:#f7efda;border:0;border-radius:2px 2px 0 0;box-shadow:inset 0 0 0 5px #f7efda,inset 0 0 0 6px #b8893a,0 0 0 3px #17130e;backdrop-filter:none}
.tally{border-radius:3px;background:#3a3125;box-shadow:inset 0 0 0 2px #b8893a,3px 3px 0 #17130e}
.tally span,.tally span.tot{background:#17130e;font-family:var(--cond);letter-spacing:.14em;color:#d8c9a6}
.tally b,.tally .tot b{font:500 26px/1 var(--cond);color:#ffcf6e;text-shadow:0 0 6px rgba(255,180,70,.8)}
.ppcall{background:#17130e repeating-conic-gradient(from -90deg at 50% 120%,#211b13 0 5deg,#17130e 5deg 10deg)!important;color:#efe3c3;border-radius:3px!important;box-shadow:inset 0 0 0 2px #b8893a,3px 3px 0 #17130e!important}
.ppcall b{color:#f0d58c}
.ppc-btn{background:#dcb862!important;color:#17130e!important;border-radius:3px!important}
.seg button[aria-pressed=true],.seg button.on{background:#17130e;color:#f0d58c}
.seg button{font-family:var(--cond);letter-spacing:.1em}
#find input,#find select,#find button{border-radius:3px!important}
/* world: country lists */
.weyebrow{margin:0 0 6px;font:500 12px/1 var(--cond);letter-spacing:.2em;text-transform:uppercase;color:#6b4a2b}
.wtally{display:flex;flex-wrap:wrap;gap:1px;margin:14px 0 6px;background:#3a3125;border-radius:3px;overflow:hidden;box-shadow:inset 0 0 0 2px #b8893a,3px 3px 0 #17130e;padding:2px}
.wtally span{flex:1 0 90px;display:flex;flex-direction:column;align-items:center;padding:10px 4px 9px;background:#17130e;color:#d8c9a6;font:500 11px/1.1 var(--cond);letter-spacing:.14em;text-transform:uppercase;white-space:nowrap}
.wtally b{font:500 26px/1 var(--cond);color:#ffcf6e;text-shadow:0 0 6px rgba(255,180,70,.8);margin-bottom:4px;letter-spacing:.04em}
.wtools{display:flex;flex-wrap:wrap;gap:10px 14px;align-items:center;margin:18px 0 8px}
.wseg{display:flex;border:2px solid #17130e;border-radius:3px;overflow:hidden}
.wseg button{border:0;border-right:1px solid #cdb98e;background:#f7efda;color:#17130e;padding:8px 12px;font:500 13px/1 var(--cond);letter-spacing:.1em;text-transform:uppercase;cursor:pointer}
.wseg button:last-child{border-right:0}
.wseg button[aria-pressed=true]{background:#17130e;color:#f0d58c}
.wtools input{flex:1 1 220px;min-width:0;padding:9px 12px;border:2px solid #17130e;border-radius:3px;background:#fffaf0;font:15px var(--body)}
.wcount{font:500 12px var(--cond);letter-spacing:.14em;text-transform:uppercase;color:#6b4a2b}
.wcount b{color:#17130e;font-size:15px}
.wreg h2{margin:22px 0 4px;padding-bottom:6px;font:400 22px/1.1 var(--display);border-bottom:3px double #b8893a}
.wreg h2 span{font:500 14px var(--cond);color:#6b4a2b;letter-spacing:.06em}
.wl{list-style:none;margin:0;padding:0}
.wl li{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"n m" "x m";gap:2px 12px;align-items:center;padding:10px 0;border-bottom:1px solid #d9c9a0}
.wl li[hidden]{display:none}
.wn{grid-area:n;min-width:0}
.wn b{font-weight:600;font-size:16px;color:#17130e;margin-right:8px}
.wwhere{color:#5b4a35;font-size:14px}
.wmeta{grid-area:x;display:flex;flex-wrap:wrap;gap:5px 8px;align-items:center}
.wchip{display:inline-block;padding:3px 7px;border-radius:2px;font:500 11px/1 var(--cond);letter-spacing:.12em;text-transform:uppercase;background:#e9dfc3;color:#6b4a2b}
.wchip.tb{background:#17130e;color:#f0d58c}
.wchip.jp{background:#6b4a2b;color:#f7efda}
.wchip.hr{background:#dfe4ec;color:#22406f}
.wchip.qh{background:#f1e2b4;color:#6b4a14}
.wchip.ar{background:#efe0cf;color:#7a3f1c}
.wsig{font-size:13px;font-style:italic;color:#5b4a35}
.wsig::before{content:"\2605  ";color:#b8893a;font-style:normal}
.wunc{font:500 10px/1 var(--cond);letter-spacing:.12em;text-transform:uppercase;color:#8a6a2a;border:1px solid #cdb98e;padding:2px 5px;border-radius:2px;vertical-align:2px}
.wmap{grid-area:m;font:500 12px/1 var(--cond);letter-spacing:.14em;text-transform:uppercase;padding:7px 10px;border:2px solid #17130e;border-radius:3px;text-decoration:none;color:#17130e;background:#f7efda}
.wmap:hover{background:#17130e;color:#f0d58c}
.wcont h2{margin:26px 0 8px;font:400 24px/1.1 var(--deco);letter-spacing:.04em;text-transform:uppercase;border-bottom:3px double #b8893a;padding-bottom:6px}
.wcont h2 span{font:500 15px var(--cond);color:#6b4a2b}
.wcards{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px}
.wcards a{display:flex;flex-direction:column;gap:3px;padding:12px 14px;background:#f7efda;text-decoration:none;color:#17130e;box-shadow:inset 0 0 0 3px #f7efda,inset 0 0 0 4px #b8893a,0 0 0 2px #17130e,3px 4px 0 1px rgba(23,19,14,.35)}
.wcards a:hover{background:#17130e;color:#f0d58c;box-shadow:inset 0 0 0 3px #17130e,inset 0 0 0 4px #b8893a,0 0 0 2px #17130e}
.wcards b{font:400 19px/1.1 var(--display)}
.wcards span{font:500 12px var(--cond);letter-spacing:.12em;text-transform:uppercase;color:inherit;opacity:.8}
.hworld{padding-block:30px 6px}
.hworld .lg-h{text-align:center;margin:0 0 6px;font:400 clamp(26px,4vw,40px)/1.05 var(--deco);letter-spacing:.05em;text-transform:uppercase}
.hworld .lg-h::before,.hworld .lg-h::after{content:"";display:inline-block;width:clamp(24px,8vw,90px);height:7px;margin:0 14px;vertical-align:middle;border-top:2px solid #b8893a;border-bottom:2px solid #b8893a}
.hworld .lg-sub{text-align:center;margin:0 auto 18px;color:#5b4a35;font-style:italic}
.hwdir{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px 22px}
.hwdir .reg h2{font:500 12px/1 var(--cond);letter-spacing:.16em;text-transform:uppercase;color:#6b4a2b;margin:0 0 8px;padding-bottom:6px;border-bottom:3px double #b8893a}
.hwdir ul{list-style:none;margin:0 0 14px;padding:0;display:grid;gap:3px;font-size:15px}
.hwdir .ct{color:#6b4a2b;font-size:13px}
@media (max-width:560px){.wl li{grid-template-columns:1fr;grid-template-areas:"n" "x" "m"}.wmap{justify-self:start;margin-top:4px}.wseg{overflow-x:auto;max-width:100%}.wseg button{flex:none}}
.wchip.dr{background:#e3d6c0;color:#4a3420}
.hwdir{display:block;columns:5 190px;column-gap:24px}.hwdir .reg{break-inside:avoid;margin-bottom:6px}
@media (max-width:560px){.legends .lg-h,.hworld .lg-h{font-size:clamp(17px,6.2vw,24px);letter-spacing:.02em;white-space:nowrap}
.legends .lg-h::before,.legends .lg-h::after,.hworld .lg-h::before,.hworld .lg-h::after{width:16px;margin:0 7px}}
.hwdir{columns:4 200px}.hwdir .reg{break-inside:auto}.hwdir .reg h2{break-after:avoid}.hwdir li{break-inside:avoid}
.logo span i.tld{font-size:.62em;letter-spacing:.04em;margin-left:1px}
.wact{grid-area:m;display:flex;gap:8px;align-items:center;justify-content:flex-end;flex-wrap:wrap}
.wact .wmap{grid-area:auto}
@media (max-width:560px){.wact{justify-content:flex-start;margin-top:4px}}
/* closed tracks */
.cyrs{font:500 12px/1 var(--cond);letter-spacing:.12em;color:#6b4a2b;border:1px solid #cdb98e;padding:3px 6px;border-radius:2px}
.cnow{display:block;font-size:13px;color:#6b4a2b;font-style:italic;margin-top:2px}
.closed-sec{margin:26px 0 8px}
.closed-sec h2{display:flex;justify-content:space-between;align-items:baseline;margin:0 0 4px;padding-bottom:6px;font:400 22px/1.1 var(--deco);letter-spacing:.04em;text-transform:uppercase;border-bottom:3px double #b8893a}
.closed-sec h2 .num{font:500 15px var(--cond);color:#6b4a2b}
.csub{margin:6px 0 4px;color:#5b4a35;font-size:14px;font-style:italic}
.cjump{display:flex;flex-wrap:wrap;gap:4px 12px;margin:14px 0 4px;font:500 13px var(--cond);letter-spacing:.08em;text-transform:uppercase}
.cjump a{text-decoration:none}

.ppshare{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:18px;align-items:center;margin:6px 0 18px;padding:16px;border:2px solid var(--ink);border-radius:14px;background:var(--paper);box-shadow:4px 4px 0 var(--ink)}
.ppshare h2{all:unset;display:block;font:24px/1.1 var(--display);color:var(--grass);margin:0 0 6px}
.ppshare p{margin:0 0 10px;font-size:14.5px}
.ppshare canvas{width:100%;height:auto;border-radius:10px;border:2px solid var(--ink);display:block}
.pps-b{display:flex;flex-wrap:wrap;gap:8px}
.pps-b a,.pps-b button{font:600 14px var(--body);padding:9px 14px;border-radius:999px;border:2px solid var(--ink);background:var(--paper);color:var(--grass);box-shadow:2px 2px 0 var(--ink);cursor:pointer;text-decoration:none!important}
.pps-b #shnative,.pps-b #shx{background:var(--grass);color:#fbf4e3}
@media (max-width:760px){.ppshare{grid-template-columns:minmax(0,1fr)}.ppshare canvas{order:-1}}
.ppstats{display:flex;flex-wrap:wrap;gap:10px 28px;padding:14px 0 16px;border-bottom:2px solid var(--fg);margin-bottom:6px}
.ppstats div{font:500 13px var(--narrow);color:var(--muted);text-transform:uppercase;letter-spacing:.06em}
.ppstats b{display:block;font:32px/1 var(--display);color:var(--fg);letter-spacing:0;text-transform:none;margin-bottom:4px}
.ppbar{height:8px;background:var(--chip);border-radius:4px;overflow:hidden;margin:4px 0 18px}
.ppbar i{display:block;height:100%;background:var(--grass);width:0}
.ppempty{padding:18px;border:1px dashed var(--rule);border-radius:8px;color:var(--muted);max-width:62ch}
.pptools{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.pptools button{font:600 13px var(--body);padding:8px 12px;border-radius:5px;border:1px solid var(--rule);background:var(--paper);color:var(--fg);cursor:pointer}
.pptools button.danger{color:var(--accent)}