
:root{--paper:#f4e9cf;--red:#b3121b;--navy:#1b2a5c;--gold:#d99a1e;--ink:#22180f;
--wood:'Sancreek',Georgia,serif;--slab:'Alfa Slab One',Georgia,serif;--body:'Libre Franklin',Arial,sans-serif}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 var(--body)}
a{color:var(--red)}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--gold);outline-offset:2px}
.w{max-width:980px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
.top{background:var(--navy);color:var(--paper);font:13px var(--body);letter-spacing:.06em}
.top .w{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;padding-block:6px}
.top a{color:var(--paper)}
.sun{background:repeating-conic-gradient(from 0deg at 50% 100%,var(--red) 0 6deg,#c8331f 6deg 12deg);color:var(--paper);text-align:center;padding:26px 0 30px;border-bottom:8px double var(--navy)}
.sun .mk{display:inline-block;line-height:0;margin-bottom:-18px}
.sun .t{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.sun .s{font:400 clamp(14px,2.4vw,20px) var(--slab);letter-spacing:.14em;text-transform:uppercase}
nav.m{background:var(--paper);border-bottom:3px solid var(--navy);display:flex;flex-wrap:wrap;justify-content:center;gap:6px 0;padding:10px 8px}
nav.m a{font:400 16px var(--slab);color:var(--navy);text-decoration:none;margin:0 12px;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}
nav.m a.on{color:var(--red)}
nav.m a.on::before,nav.m a.on::after{content:"★";font-size:11px;margin:0 5px;color:var(--gold)}
h1,h2{font:400 clamp(28px,5vw,44px)/1.1 var(--slab);color:var(--navy);text-align:center;margin:40px 0 8px;text-transform:uppercase}
h2{font-size:clamp(22px,3.6vw,30px)}
.rib{display:block;width:max-content;max-width:100%;margin:0 auto 24px;background:var(--red);color:var(--paper);font:400 15px var(--slab);letter-spacing:.12em;text-transform:uppercase;padding:6px 26px;clip-path:polygon(0 0,100% 0,96% 50%,100% 100%,0 100%,4% 50%)}
.bill{border:6px double var(--navy);background:#fbf3df;padding:18px 20px;margin:20px 0}
.acts{list-style:none;padding:0;margin:0;counter-reset:a}
.acts li{display:grid;grid-template-columns:54px minmax(0,1fr);gap:14px;padding:12px 0;border-bottom:2px dotted #c9b98f}
.acts li::before{counter-increment:a;content:counter(a);font:400 30px/1 var(--wood);color:var(--red);text-align:center}
.acts b{font:400 19px var(--slab);color:var(--navy);text-transform:uppercase;letter-spacing:.03em}
.acts p{margin:2px 0 0}
.two{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}
.photo{border:8px solid #fff;box-shadow:4px 4px 0 var(--navy);width:100%;display:block;filter:sepia(.25) contrast(1.05)}
.cap{font-size:13px;color:#6a5a40;margin-top:6px}
.stub{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin:18px 0}
.stub div{background:var(--red);color:var(--paper);padding:14px 16px;border-left:8px dashed var(--paper);outline:2px solid var(--red)}
.stub b{display:block;font:400 34px/1 var(--wood)}
.horses{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:20px}
.horses div{background:#fbf3df;border:3px solid var(--navy);padding:14px}
.horses b{font:400 22px var(--wood);color:var(--red)}
.horses small{display:block;font:400 12px var(--slab);letter-spacing:.1em;color:var(--navy);text-transform:uppercase}
form.f{display:grid;gap:12px;max-width:520px;margin:0 auto}
form.f label{display:grid;gap:3px;font:400 14px var(--slab);color:var(--navy);text-transform:uppercase;letter-spacing:.05em}
form.f input,form.f select,form.f textarea{font:15px var(--body);padding:8px;border:2px solid var(--navy);background:#fffaf0;color:var(--ink)}
.btn{font:400 18px var(--slab);background:var(--red);color:var(--paper);border:0;padding:10px 24px;cursor:pointer;text-transform:uppercase;letter-spacing:.08em;box-shadow:4px 4px 0 var(--navy)}
.ok{text-align:center;font:400 18px var(--slab);color:var(--red)}
.scroll{overflow-x:auto}
table.p{border-collapse:collapse;width:100%;font-variant-numeric:tabular-nums}
table.p td,table.p th{border:2px solid var(--navy);padding:8px 10px;text-align:left}
table.p th{background:var(--navy);color:var(--paper);font:400 14px var(--slab);text-transform:uppercase;letter-spacing:.06em}
footer{margin-top:50px;background:var(--navy);color:var(--paper);font-size:13px;padding-block:20px calc(20px + env(safe-area-inset-bottom,0px));text-align:center}
footer a{color:var(--gold)}
