@font-face{font-family:'Bowlby One';font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/bowlby-one-400-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Atkinson Hyperlegible';font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/atkinson-hyperlegible-400-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Atkinson Hyperlegible';font-style:normal;font-weight:700;font-display:swap;src:url(/assets/fonts/atkinson-hyperlegible-700-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Space Mono';font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/space-mono-400-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Space Mono';font-style:normal;font-weight:700;font-display:swap;src:url(/assets/fonts/space-mono-700-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
:root{color-scheme:light;--paper:#f6e7c8;--ink:#1a1a1a;--muted:#4f4a44;--link:#05727a;--rule:#e2cfa6;--surface:#ffffff;--tint:#fff8e8;--head-bg:#0aa5a0;--head-ink:#1a1a1a;--head-mark:#ffd23f;--foot-bg:#1a1a1a;--foot-ink:#ece5d8;--accent:#ffd23f;--accent-ink:#1a1a1a;--badge-bg:#ffd23f;--badge-ink:#1a1a1a;--head-rule:#1a1a1a;--foot-rule:#0aa5a0;--tint-rule:#e2cfa6;--tile-bg:#ffffff;--tile-ink:#1a1a1a;--focus:#05727a;--status-bg:#ffd23f;--status-ink:#1a1a1a;--warn-bg:#fff8e8;--warn-ink:#1a1a1a;--ok-bg:#fff8e8;--ok-ink:#1a1a1a;--claim-bg:#fff8e8;--claim-ink:#1a1a1a;--display:"Bowlby One", Impact, "Arial Black", sans-serif;--body:"Atkinson Hyperlegible", system-ui, "Segoe UI", sans-serif;--ui:"Atkinson Hyperlegible", system-ui, "Segoe UI", sans-serif;--mono:"Space Mono", ui-monospace, Menlo, monospace;--radius:10px;--display-weight:400}

/* site */
/* Curacao Bookmakers, Slip: the beach bar rating slip in comic ink (owner's choice, 15 October 2026; concept B of
   output/curacaobookies-concepts-2026-10-14). The site's own stylesheet on its own layout (layout own): no shared layout
   styles come before it. Every colour is a token of docs/sites/curacaobookies/brand/slip/tokens.css. Sand ground, white
   tickets with thick ink outlines and hard offset shadows, the lagoon bar fixed at the top, sun and coral as the signals. */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:96px}
body{margin:0;background:#f6e7c8;color:#1a1a1a;font:17px/1.6 var(--body);overflow-wrap:break-word}
img{max-width:100%;height:auto}
a{color:#05727a;text-underline-offset:.16em;text-decoration-thickness:1.5px}
a:hover{color:#1a1a1a}
:focus-visible{outline:3px solid #1a1a1a;outline-offset:2px;box-shadow:0 0 0 6px #ffd23f;border-radius:6px}
h1,h2,h3{font-family:var(--display);font-weight:400;line-height:1.1;letter-spacing:.005em;margin:0}
h1{font-size:clamp(30px,3.6vw,48px);margin:0 0 .25em}
h2{font-size:clamp(23px,2.4vw,31px);margin:0 0 .5em}
h3{font-size:19px;line-height:1.25;margin:1.1em 0 .35em}
p{margin:0 0 .95em}
ul,ol{margin:0 0 1.1em;padding-left:1.35em}
li{margin:.25em 0}
strong,b{font-weight:700}
.in{max-width:1240px;margin:0 auto;padding:0 20px}
.vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
.skip{position:absolute;left:12px;top:-60px;z-index:100;background:#ffd23f;color:#1a1a1a;padding:8px 14px;border:3px solid #1a1a1a;border-radius:999px;font-weight:700}
.skip:focus{top:10px}
.kicker{font:700 12.5px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#a8361a;margin:0 0 10px}
.byline{font-size:14.5px;color:#4f4a44;margin:0}

/* ---------------------------------------------------------------- header: the lagoon bar, ink pills, fixed at the top */
.site-head{position:sticky;top:0;z-index:40;background:#0aa5a0;border-bottom:4px solid #1a1a1a}
.head-in{max-width:1240px;margin:0 auto;padding:0 20px;height:72px;display:flex;align-items:center;gap:18px}
.head-logo{display:inline-flex;align-items:center;gap:10px;color:#ffffff;text-decoration:none;font:400 25px/1 var(--display);white-space:nowrap;text-shadow:2px 2px 0 #1a1a1a}
.head-logo:hover{color:#ffffff}
.wm-mark{width:44px;height:44px;flex:none;filter:drop-shadow(2px 2px 0 #1a1a1a)}
.head-nav{margin-left:auto}
.head-nav>ul{display:flex;gap:7px;list-style:none;margin:0;padding:0;align-items:center}
.head-nav li{margin:0}
.head-nav>ul>li>a,.head-nav summary{display:block;font:700 15px/1.2 var(--body);color:#1a1a1a;background:#ffffff;text-decoration:none;padding:7px 14px;border:2.5px solid #1a1a1a;border-radius:999px;box-shadow:2px 2px 0 #1a1a1a;white-space:nowrap;cursor:pointer;transition:transform .12s ease-out,box-shadow .12s ease-out}
.head-nav>ul>li>a:hover,.head-nav summary:hover{background:#ffd23f;transform:translate(1px,1px);box-shadow:1px 1px 0 #1a1a1a}
.head-nav a[aria-current],.head-nav summary[data-current]{background:#ffd23f}
.head-nav summary{display:flex;align-items:center;gap:6px;list-style:none}
.head-nav summary::-webkit-details-marker{display:none}
.nav-more{position:relative}
.nav-more details[open] summary .chev{transform:rotate(180deg)}
.nav-more ul{position:absolute;right:0;top:calc(100% + 10px);min-width:270px;list-style:none;margin:0;padding:8px;background:#ffffff;border:3px solid #1a1a1a;border-radius:12px;box-shadow:5px 5px 0 #1a1a1a}
.nav-more ul a{display:block;padding:8px 10px;border-radius:8px;color:#1a1a1a;text-decoration:none;font-weight:700;font-size:15px;line-height:1.3}
.nav-more ul a:hover,.nav-more ul a[aria-current]{background:#fff8e8;text-decoration:underline}
.head-menu{display:none;position:relative;margin-left:auto}
.head-menu>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:10px;font:700 15px/1.2 var(--body);background:#ffd23f;color:#1a1a1a;border:2.5px solid #1a1a1a;border-radius:999px;padding:8px 16px;box-shadow:2px 2px 0 #1a1a1a}
.head-menu>summary::-webkit-details-marker{display:none}
.menu-i{display:inline-block;width:18px;height:12px;position:relative;border-top:2.5px solid #1a1a1a;border-bottom:2.5px solid #1a1a1a}
.menu-i i{position:absolute;left:0;right:0;top:50%;height:2.5px;margin-top:-1.25px;background:#1a1a1a}
.head-menu[open] .menu-i{border-color:transparent}
.head-menu[open] .menu-i i{transform:rotate(45deg)}
.head-menu[open] .menu-i::after{content:"";position:absolute;left:0;right:0;top:50%;height:2.5px;margin-top:-1.25px;background:#1a1a1a;transform:rotate(-45deg)}
.head-menu>nav{position:fixed;left:0;right:0;top:76px;max-height:calc(100vh - 76px);overflow:auto;background:#0aa5a0;border-bottom:4px solid #1a1a1a;padding:12px 16px 18px}
.head-menu ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.head-menu li{margin:0}
.head-menu a{display:block;background:#ffffff;color:#1a1a1a;text-decoration:none;font-weight:700;padding:11px 16px;border:2.5px solid #1a1a1a;border-radius:12px;box-shadow:2px 2px 0 #1a1a1a}
.head-menu a[aria-current]{background:#ffd23f}
.head-menu li.minor a{font-weight:400;padding:8px 16px;box-shadow:none}

/* ---------------------------------------------------------------- tickets, stubs and the shapes every page shares */
.ticket{position:relative;background:#ffffff;border:4px solid #1a1a1a;border-radius:12px;padding:22px 28px;box-shadow:7px 7px 0 #ff6f4f}
.ticket::before,.ticket::after{content:"";position:absolute;top:50%;width:24px;height:24px;margin-top:-12px;border-radius:50%;background:#f6e7c8;border:4px solid #1a1a1a}
.ticket::before{left:-14px;clip-path:inset(0 0 0 50%)}
.ticket::after{right:-14px;clip-path:inset(0 50% 0 0)}
.top{padding:30px 0 6px}
.lead{margin-top:26px}
.stubs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 22px;padding:0}
.stubs>div{background:#ffffff;border:3px solid #1a1a1a;border-left:10px dotted #0aa5a0;border-radius:8px;padding:10px 14px;min-width:0}
.stubs dt{font:700 11px/1.35 var(--mono);text-transform:uppercase;letter-spacing:.06em;color:#4f4a44}
.stubs dd{margin:4px 0 0;font-weight:700;font-size:17px;line-height:1.35}
.intro p{font-size:18px}

/* home: the beach bar with the title ticket over its foot */
.hero{margin-top:26px}
.hero-in{position:relative;padding-bottom:70px}
.hero-pic{margin:0}
.hero-pic img{display:block;width:100%;height:auto;aspect-ratio:3/1.42;object-fit:cover;object-position:50% 38%;border:4px solid #1a1a1a;border-radius:14px;background:#fff8e8}
.hero-ticket{position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:min(800px,calc(100% - 88px))}
.hero-ticket h1{font-size:clamp(32px,3.4vw,46px)}

/* the reading column beside the slip */
.cols{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:40px;align-items:start;margin-top:30px}
.cols>*{min-width:0}
.single{margin-top:30px}
.art{padding-bottom:20px}
.justify .art p,.justify .art li,.justify .intro p{text-align:justify;hyphens:auto;-webkit-hyphens:auto}
.justify .art .card p{text-align:center}
.justify .art .sources li,.justify .art .faq-item summary{text-align:left}
.sec{margin:0 0 40px}
.h2row{display:flex;align-items:center;gap:12px;margin:0 0 .5em}
.h2row h2{margin:0}
.h2-i{width:52px;height:52px;object-fit:contain;flex:none;background:#ffffff;border:3px solid #1a1a1a;border-radius:50%;padding:6px}
.art ul:not([class]) li::marker{color:#0aa5a0}
.art ol:not([class]) li::marker{font-family:var(--mono);font-weight:700}
.pic{margin:6px 0 22px;max-width:560px}
.pic img{display:block;width:100%;height:auto;border:3px solid #1a1a1a;border-radius:12px;box-shadow:5px 5px 0 #1a1a1a}

/* tables: an ink frame, ink head, cream zebra */
.tablewrap{overflow-x:auto;margin:16px 0 18px;border:3px solid #1a1a1a;border-radius:10px;background:#ffffff;box-shadow:4px 4px 0 #1a1a1a}
.tablewrap table{border-collapse:collapse;width:100%;font-size:15px;line-height:1.45}
.tablewrap thead th{background:#1a1a1a;color:#ffffff;text-align:left;font:700 12.5px/1.35 var(--mono);letter-spacing:.03em;padding:10px 12px;vertical-align:bottom}
.tablewrap td,.tablewrap tbody th{border-top:1px solid #e2cfa6;padding:10px 12px;vertical-align:top;text-align:left}
.tablewrap tbody th{font-weight:700}
.tablewrap tbody tr:nth-child(even){background:#fff8e8}
.tablewrap tbody th a{color:#1a1a1a}
.row-logo{display:flex;align-items:center;justify-content:center;width:92px;height:32px;margin:0 0 6px;padding:4px 7px;background:#ffffff;border:2px solid #1a1a1a;border-radius:6px}
.row-logo.on-dark{background:#1a1a1a}
.row-logo img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}

/* questions and sources */
.faq-list{display:grid;gap:10px}
.faq-item{background:#ffffff;border:3px solid #1a1a1a;border-radius:10px;padding:0}
.faq-item summary{cursor:pointer;list-style:none;padding:12px 46px 12px 16px;position:relative}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{content:"+";position:absolute;right:14px;top:50%;transform:translateY(-50%);width:24px;height:24px;border:2px solid #1a1a1a;border-radius:50%;background:#ffd23f;font:700 18px/20px var(--mono);text-align:center}
.faq-item[open] summary::after{content:"-"}
.faq-item summary h3{font:700 17px/1.4 var(--body);margin:0}
.faq-item>p{margin:0;padding:0 16px 14px}
.sources{list-style:none;padding:0;margin:0;display:grid;gap:6px;font-size:15px}
.sources li{margin:0;padding:8px 12px;background:#ffffff;border:2px solid #1a1a1a;border-radius:8px}
.sources .src-domain{font-family:var(--mono);font-weight:700;margin-right:6px}
.sources .src-team{background:#fff8e8}
.sources .src-team .src-domain{font-family:var(--body)}
.sources .src-uses,.sources .read,.sources .src-files{color:#4f4a44}
.sources .src-files a{color:#05727a}

/* the bookmaker tickets (home, hubs): striped top, dashed tear line, round rating stub top right */
.md-cards{margin:16px 0 20px}
.block-label{font:700 12px/1.3 var(--mono);text-transform:uppercase;letter-spacing:.08em;color:#4f4a44;margin:0 0 10px}
.tickets{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.tickets>li{margin:0;display:flex}
.card{position:relative;flex:1;display:flex;flex-direction:column;background:#ffffff;border:3px solid #1a1a1a;border-radius:12px;box-shadow:5px 5px 0 #1a1a1a;text-align:center;padding:0 0 16px;overflow:hidden}
.tkt{background:repeating-linear-gradient(90deg,#e9fbf9 0 14px,#ffffff 14px 28px);border-bottom:3px dashed #1a1a1a;padding:18px 78px 16px;display:flex;justify-content:center}
.tile{display:inline-flex;align-items:center;justify-content:center;width:160px;height:58px;max-width:100%;background:#ffffff;border:2.5px solid #1a1a1a;border-radius:8px;padding:7px 10px}
.tile.on-dark{background:#1a1a1a}
.tile img{width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain}
.card .badge{position:absolute;top:10px;right:10px;z-index:1;width:66px;height:66px;margin:0;border-radius:50%;background:#ffd23f;border:3px solid #1a1a1a;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(-8deg);line-height:1}
.card .badge small{font:700 9.5px/1 var(--mono);text-transform:uppercase;letter-spacing:.04em;order:2;margin-top:2px}
.card .badge b{font:400 23px/1 var(--display);order:1}
.card h3{font-size:24px;margin:14px 16px 0}
.card h3 a{color:#1a1a1a;text-decoration:none}
.card h3 a:hover{text-decoration:underline}
.card .domain{font:400 13px/1.3 var(--mono);color:#4f4a44;margin:3px 0 10px}
.card dl{margin:0 16px;display:grid;grid-template-columns:1fr 1fr;gap:0 12px;text-align:center}
.card dl>div{border-top:1px dotted #1a1a1a;padding:7px 0}
.card dl>.f-wide{grid-column:1/-1}
.card dt{font:700 10.5px/1.3 var(--mono);text-transform:uppercase;letter-spacing:.05em;color:#4f4a44}
.card dd{margin:2px 0 0;font-weight:700;font-size:15.5px;line-height:1.35}
.pay{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px;justify-content:center;align-items:center}
.pay li{margin:0;font:700 12px/1.2 var(--body);border:2px solid #1a1a1a;border-radius:5px;padding:3px 7px;background:#fff8e8}
.pay .pay-logo{background:#ffffff;padding:3px 6px;height:28px;display:flex;align-items:center}
.pay .pay-logo img{height:18px;width:auto}
.pay .more-n{background:#ffffff;border-style:dashed}
.card-source{font-size:13px;color:#4f4a44;margin:auto 16px 0;padding-top:12px}
.tkb{margin:14px 16px 0;display:flex;justify-content:center}
.put{font:700 14.5px/1.2 var(--body);color:#1a1a1a;background:#ffd23f;border:2.5px solid #1a1a1a;border-radius:999px;padding:9px 16px;cursor:pointer;box-shadow:2px 2px 0 #1a1a1a;min-height:44px}
.put:hover{transform:translate(1px,1px);box-shadow:1px 1px 0 #1a1a1a}

/* ---------------------------------------------------------------- the rating slip */
.slip-col{position:sticky;top:96px;max-height:calc(100vh - 112px);overflow:auto;border-radius:12px;scrollbar-width:thin}
.slip{background:#ffffff;border:3px solid #1a1a1a;border-radius:12px;box-shadow:6px 6px 0 #0aa5a0;font-size:14.5px;transition:box-shadow .2s ease-out}
.slip.flash{box-shadow:6px 6px 0 #ff6f4f}
.slipbar{display:none}
.sh{background:#056a66;color:#ffffff;padding:14px 16px;border-bottom:3px solid #1a1a1a;border-radius:9px 9px 0 0}
.sk{font:400 23px/1.05 var(--display);color:#ffffff;margin:0 0 6px;text-shadow:2px 2px 0 #1a1a1a}
.sh-t{margin:0;font-size:14px;line-height:1.45;color:#ffffff}
.how{margin:10px 0 0;font:700 13.5px/1.4 var(--body)}
.pick{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.pick [role=tab]{background:none;border:0;padding:0;cursor:pointer;border-radius:8px;min-height:36px}
.lg{display:inline-flex;align-items:center;justify-content:center;background:#ffffff;border:2.5px solid #1a1a1a;border-radius:8px}
.lg.dk{background:#1a1a1a}
.lg img{width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain}
.lg.xs{width:88px;height:36px;padding:5px 7px;border-width:2px}
.lg.sm{width:112px;height:44px;padding:6px 9px;flex:none}
.pick [role=tab][aria-selected=true] .lg{outline:3px solid #ffd23f;outline-offset:1px}
.pick [role=tab]:focus-visible{box-shadow:none;outline:none}
.pick [role=tab]:focus-visible .lg{outline:3px solid #ffffff;outline-offset:2px}
.sl{padding:12px 16px 18px}
.sl:focus-visible{outline-offset:-4px}
.slh{display:flex;gap:12px;align-items:center;padding-bottom:10px;border-bottom:2px dashed #1a1a1a}
.sn{font:400 22px/1.1 var(--display);margin:0}
.legs{list-style:none;padding:0;margin:4px 0 8px}
.leg{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:10px;align-items:start;padding:8px 0;margin:0;border-bottom:1px dotted #1a1a1a}
.leg-i{width:34px;height:34px;object-fit:contain}
.ln{margin:0;font:700 14px/1.3 var(--body)}
.lt{margin:2px 0 0;font:400 11.5px/1.45 var(--mono);color:#4f4a44}
.lr{margin:0;display:flex;flex-direction:column;align-items:flex-end;gap:4px;text-align:right}
.stake{font:400 11.5px/1 var(--mono);color:#4f4a44;white-space:nowrap}
.sc{font:700 13.5px/1 var(--mono);background:#056a66;color:#ffffff;border-radius:5px;padding:4px 7px;white-space:nowrap}
.vd{font:700 13px/1 var(--mono);text-transform:uppercase;letter-spacing:.08em;color:#a8361a;background:#ffffff;border:2.5px solid #a8361a;border-radius:5px;padding:3px 7px;transform:rotate(-6deg)}
.void .ln{color:#4f4a44}
.settle{display:flex;align-items:baseline;gap:10px;border-top:4px double #1a1a1a;padding:10px 0 6px;margin-top:2px;position:sticky;bottom:0;background:#ffffff}
.settle p{margin:0;font:700 13px/1 var(--mono);text-transform:uppercase;letter-spacing:.06em}
.settle b{font:400 40px/1 var(--display)}
.settle span{font-size:14px;color:#4f4a44}
.calc{font:400 12px/1.55 var(--mono);color:#4f4a44;margin:8px 0 0}

/* ---------------------------------------------------------------- review: the big ticket and its tear-off fact box */
.rv-top{padding:28px 0 0}
.rtk{position:relative;background:#ffffff;border:4px solid #1a1a1a;border-radius:14px 14px 0 0;padding:24px 28px 22px}
.rh{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"brand head score" "tiles tiles tiles";gap:14px 24px;align-items:center}
.rh-head{grid-area:head;min-width:0}
.rh-brand{grid-area:brand}
.rh-score{grid-area:score;align-self:start;text-align:center}
.rh-tiles{grid-area:tiles}
.hero-logo{width:200px;height:78px;padding:10px 14px;border-width:3px}
.rh-head h1{font-size:clamp(28px,3.4vw,46px)}
.rh-date{white-space:nowrap}
.rh-status{display:inline-block;margin:12px 0 0;background:#e9fbf9;border:2.5px solid #1a1a1a;border-radius:8px;padding:6px 12px;font-weight:700;font-size:15px}
.rh-status .rh-k{font:700 11px/1 var(--mono);text-transform:uppercase;letter-spacing:.06em;color:#056a66;margin-right:6px}
.rh-score .badge{width:100px;height:100px;margin:0;border-radius:50%;background:#ffd23f;border:3px solid #1a1a1a;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(-8deg);line-height:1;box-shadow:3px 3px 0 #1a1a1a}
.rh-score .badge small{font:700 10px/1 var(--mono);text-transform:uppercase;letter-spacing:.05em;order:2;margin-top:3px}
.rh-score .badge b{font:400 36px/1 var(--display);order:1}
.rh-of{font:700 12px/1 var(--mono);margin:10px 0 0;color:#4f4a44}
.rh-tiles{list-style:none;margin:6px 0 0;padding:14px 0 0;border-top:3px dashed #1a1a1a;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.rh-tile{margin:0;background:#fff8e8;border:2px solid #1a1a1a;border-radius:8px;padding:9px 12px;min-width:0;display:flex;flex-direction:column;gap:3px}
.rh-tile.rh-wide{grid-column:span 1}
.rh-tile .rh-k{font:700 10.5px/1.3 var(--mono);text-transform:uppercase;letter-spacing:.05em;color:#4f4a44}
.rh-tile .rh-v{font-weight:700;font-size:15px;line-height:1.35}
.rh-tile.rh-pay{grid-column:1/-1}
.rh-tile.rh-pay .pay{justify-content:flex-start}
.rtk-foot{background:#ffffff;border:4px solid #1a1a1a;border-top:0;border-radius:0 0 14px 14px;box-shadow:7px 7px 0 #ff6f4f;padding:0 28px 18px;position:relative}
.rtk-foot::before{content:"";position:absolute;left:-4px;right:-4px;top:0;height:0;border-top:3px dotted #1a1a1a}
.rtk-foot .key-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding-top:6px}
.rtk-foot .key-grid>div{padding:10px 12px;border-bottom:1px dotted #1a1a1a;border-right:1px dotted #1a1a1a;min-width:0}
.rtk-foot .key-grid>div:nth-child(4n){border-right:0}
.rtk-foot dt{font:700 10.5px/1.3 var(--mono);text-transform:uppercase;letter-spacing:.05em;color:#4f4a44}
.rtk-foot dd{margin:3px 0 0;font-weight:700;font-size:14.5px;line-height:1.4}
.pay-strip{margin-top:8px;justify-content:flex-start}

/* site pages (about, terms and the rest): the shared Doc part on the sand */
.doc .page-hero{padding:30px 0 6px}
.doc .page-hero .wrap,.nf .wrap{max-width:1240px;margin:0 auto;padding:0 20px}
.doc .page-hero h1{display:block;background:#ffffff;border:4px solid #1a1a1a;border-radius:12px;padding:18px 28px;box-shadow:7px 7px 0 #ff6f4f;margin:0}
.doc-grid{max-width:1240px;margin:26px auto 40px;padding:0 20px;display:grid;grid-template-columns:260px minmax(0,1fr);gap:40px;align-items:start}
.doc-toc{position:sticky;top:96px;background:#ffffff;border:3px solid #1a1a1a;border-radius:12px;padding:14px 16px;box-shadow:4px 4px 0 #0aa5a0}
.doc-toc .label{font:700 12px/1 var(--mono);text-transform:uppercase;letter-spacing:.1em;margin:0 0 10px;color:#4f4a44}
.doc-toc ol{margin:0;padding-left:1.2em;font-size:15px}
.doc-toc a{color:#1a1a1a}
.doc-body{min-width:0}
.doc-sec{margin:0 0 30px}
.justify .doc-body p,.justify .doc-body li{text-align:justify;hyphens:auto;-webkit-hyphens:auto}
.nf{padding:60px 0 80px}
.nf .wrap{max-width:720px}
.nf .wrap{background:#ffffff;border:4px solid #1a1a1a;border-radius:12px;padding:26px 30px;box-shadow:7px 7px 0 #ff6f4f}
.btn{display:inline-flex;align-items:center;gap:8px;font-weight:700;color:#1a1a1a;background:#ffd23f;border:2.5px solid #1a1a1a;border-radius:999px;padding:9px 18px;text-decoration:none;box-shadow:2px 2px 0 #1a1a1a}
.plain{padding:30px 20px}

/* ---------------------------------------------------------------- footer: the ink counter */
.site-foot{background:#1a1a1a;color:#ece5d8;margin-top:50px;padding:34px 0 18px;font-size:14.5px;border-top:4px solid #0aa5a0}
.foot-in{max-width:1240px;margin:0 auto;padding:0 20px}
.foot-top{display:grid;grid-template-columns:240px minmax(0,1fr);gap:30px}
.foot-logo{display:inline-flex;align-items:center;gap:10px;color:#ffffff;text-decoration:none;font:400 21px/1 var(--display)}
.foot-logo .wm-mark{width:38px;height:38px;filter:none}
.foot-groups{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.foot-h{font:700 12px/1.2 var(--mono);text-transform:uppercase;letter-spacing:.1em;color:#ffd23f;margin:0 0 10px}
.foot-group ul{list-style:none;margin:0;padding:0}
.foot-group li{margin:0 0 7px}
.site-foot a{color:#ece5d8}
.site-foot a:hover{color:#ffffff}
.foot-help .area{display:block;color:#bdb5a8;font-size:13px}
.foot-help .tel{display:block;font-family:var(--mono);font-size:13.5px}
.foot-age{display:flex;gap:12px;align-items:flex-start;margin:26px 0 0;padding-top:18px;border-top:1px dotted #bdb5a8;color:#ece5d8}
.age{flex:none;font:700 13px/1 var(--mono);background:#ffd23f;color:#1a1a1a;border-radius:50%;width:42px;height:42px;display:flex;align-items:center;justify-content:center}
.foot-bottom{margin:14px 0 0;color:#bdb5a8;font-size:13px;display:flex;gap:16px;flex-wrap:wrap}

/* ---------------------------------------------------------------- narrower screens */
@media (max-width:1199px){.head-logo{font-size:21px}.wm-mark{width:38px;height:38px}.head-nav>ul{gap:5px}.head-nav>ul>li>a,.head-nav summary{padding:6px 11px;font-size:14.5px}.cols{grid-template-columns:minmax(0,1fr) 340px;gap:30px}.rh-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.rtk-foot .key-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.rtk-foot .key-grid>div:nth-child(4n){border-right:1px dotted #1a1a1a}.rtk-foot .key-grid>div:nth-child(2n){border-right:0}.foot-groups{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:1023px){.head-nav{display:none}.head-menu{display:block}.tickets{grid-template-columns:1fr}.stubs{grid-template-columns:repeat(2,minmax(0,1fr))}.doc-grid{grid-template-columns:1fr}.doc-toc{position:static}}
@media (max-width:899px){
  .cols{grid-template-columns:1fr}
  .slip-col{position:fixed;left:0;right:0;bottom:0;top:auto;z-index:35;max-height:none;overflow:visible;border-radius:0}
  .slip{border-radius:14px 14px 0 0;border-bottom:0;box-shadow:0 -4px 0 #1a1a1a;max-height:82vh;overflow:auto}
  .slipbar{display:flex;width:100%;min-height:52px;justify-content:space-between;align-items:center;gap:12px;background:#ffd23f;color:#1a1a1a;border:0;border-bottom:3px solid #1a1a1a;border-radius:11px 11px 0 0;padding:12px 16px;font:700 15px/1.2 var(--body);cursor:pointer;position:sticky;top:0;z-index:1}
  .slipbar::after{content:"";width:10px;height:10px;border-right:3px solid #1a1a1a;border-bottom:3px solid #1a1a1a;transform:rotate(-135deg);margin:4px 4px 0 auto}
  .slip.open .slipbar::after{transform:rotate(45deg);margin-top:-4px}
  .slipbar b{font:400 16px/1 var(--display)}
  .slipbar .sbl{font-weight:700}
  .sh{border-radius:0}
  .slip-body{display:none}
  .slip.open .slip-body{display:block}
  main.has-slip{padding-bottom:58px}
  .hero-ticket{position:relative;left:auto;bottom:auto;transform:none;width:auto;z-index:2;margin:-34px 12px 0;max-width:none}
  .hero-in{padding-bottom:0}
  .hero-pic img{aspect-ratio:4/3}
  .rh{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"brand score" "head head" "tiles tiles"}
}
@media (max-width:640px){
  body{font-size:16.5px}
  .in,.head-in,.foot-in,.doc-grid,.doc .page-hero .wrap{padding-left:16px;padding-right:16px}
  .head-in{height:62px;gap:10px}
  .head-menu>nav{top:66px;max-height:calc(100vh - 66px)}
  html{scroll-padding-top:80px}
  .head-logo{font-size:19px;gap:8px}
  .wm-mark{width:34px;height:34px}
  .ticket{padding:16px 18px}
  .hero{margin-top:16px}
  .hero-ticket{margin:-26px 6px 0}
  .stubs{gap:10px}
  .stubs>div{padding:8px 10px;border-left-width:8px}
  .stubs dd{font-size:15.5px}
  .intro p{font-size:17px}
  .tkt{padding:16px 76px 14px}
  .rtk{padding:16px 16px 16px}
  .rtk-foot{padding:0 16px 14px}
  .hero-logo{width:160px;height:62px}
  .rh-score .badge{width:80px;height:80px}
  .rh-score .badge b{font-size:28px}
  .rh-tiles{grid-template-columns:1fr}
  .rtk-foot .key-grid{grid-template-columns:1fr}
  .rtk-foot .key-grid>div{border-right:0!important}
  .h2-i{width:44px;height:44px}
  .foot-top{grid-template-columns:1fr}
  .doc .page-hero h1{padding:14px 18px}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}
@media (max-width:430px){.head-logo{font-size:15px;gap:6px}.wm-mark{width:30px;height:30px}}