/* College Sport Media — NZ gambling affiliate. "Postmark" template.
   Palette: collegiate NAVY (structure) + GOLD (accent) + GREEN (sole CTA). */
:root{--ink:#182230;--plum:#123a63;--teal:#b07d1a;--cta:#1f9d57;--cta-dk:#177a41;
--wash:#eef3f8;--line:#d6dfea;--mut:#586173;--perf:#ffffff;
--foot:#0f2942;--foot-ink:#cdd9e6;--foot-mut:#8fa4ba}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:#fff;color:var(--ink);font:16px/1.66 Lexend,"Segoe UI",Arial,sans-serif;overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:var(--plum)}
.st-wrap{max-width:1080px;margin:0 auto;padding-left:20px;padding-right:20px}
section{padding-top:50px;padding-bottom:50px}
h1,h2,h3{font-family:Newsreader,Georgia,"Times New Roman",serif;font-weight:700;
margin:0 0 .5em;line-height:1.16;letter-spacing:-.008em}
h1{font-size:clamp(1.7rem,4vw,3.05rem)}
h2{font-size:clamp(1.34rem,2.5vw,2.05rem)}
h3{font-size:1.08rem}
p{margin:0 0 1.05em}
.st-den{font-family:"Space Mono",ui-monospace,monospace}

/* nav */
.st-nav{background:#fff;border-bottom:2px solid var(--plum);position:relative;z-index:40}
.st-nav .st-wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:10px;padding-bottom:10px}
.st-logo{font-family:Newsreader,Georgia,serif;font-weight:700;font-size:1.5rem;color:var(--plum);text-decoration:none;letter-spacing:-.01em;white-space:nowrap}
.st-logo b{color:var(--teal)}
.st-nlinks{display:flex;flex-wrap:nowrap;white-space:nowrap;gap:16px;align-items:center}
.st-nlinks>a,.st-nd>summary{font-size:.78rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--ink);text-decoration:none}
.st-nlinks>a:hover,.st-nd>summary:hover{color:var(--plum)}
/* desktop dropdowns */
.st-nd{position:relative}
.st-nd>summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:5px}
.st-nd>summary::-webkit-details-marker{display:none}
.st-nd>summary:after{content:"▾";font-size:.7em;color:var(--teal)}
.st-ndp{position:absolute;top:calc(100% + 6px);left:50%;transform:translateX(-50%);background:#fff;
border:1px solid var(--line);border-top:3px solid var(--plum);min-width:236px;padding:6px 0;
box-shadow:0 14px 30px rgba(24,34,48,.16);z-index:60}
.st-ndp a{display:block;padding:9px 16px;font-size:.86rem;font-weight:600;letter-spacing:0;
text-transform:none;color:var(--ink);text-decoration:none;white-space:nowrap}
.st-ndp a:hover{background:var(--wash);color:var(--plum)}
.st-panel h5{margin:12px 18px 4px;font-family:"Space Mono",monospace;font-size:.6rem;letter-spacing:.14em;
text-transform:uppercase;color:var(--teal)}
.st-burger{display:none}
.st-burger summary{list-style:none;width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer}
.st-burger summary::-webkit-details-marker{display:none}
.st-burger .st-bars,.st-burger .st-bars:before,.st-burger .st-bars:after{display:block;width:22px;height:2px;background:var(--plum);content:"";position:relative}
.st-burger .st-bars:before{top:-7px}.st-burger .st-bars:after{top:5px}
.st-burger[open] .st-panel{display:block}
.st-panel{display:none;position:absolute;right:16px;top:100%;background:#fff;border:1px solid var(--line);min-width:240px;max-height:82vh;overflow-y:auto;padding:8px 0 12px;box-shadow:0 14px 30px rgba(24,34,48,.14);z-index:50}
.st-panel a{display:block;padding:11px 18px;font-size:.9rem;font-weight:600;color:var(--ink);text-decoration:none}
.st-panel a:hover{background:var(--wash)}

/* trust strip */
.st-strip{background:var(--plum);color:#eaf1f8;font-family:"Space Mono",monospace;font-size:.66rem;letter-spacing:.06em;text-transform:uppercase}
.st-strip .st-wrap{display:flex;gap:18px;flex-wrap:wrap;padding-top:7px;padding-bottom:7px;align-items:center}
.st-strip b{color:#fff}

/* hero */
.st-hero{padding-top:14px;padding-bottom:4px;text-align:center;overflow:hidden;background:linear-gradient(180deg,var(--wash) 0%,#fff 78%)}
.st-hero h1{max-width:27ch;margin-left:auto;margin-right:auto;margin-bottom:.3em}
.st-pick{display:inline-block;position:relative;margin:0 auto 15px;text-align:left;background:var(--plum);padding:11px}
.st-pick::before,.st-tile::before{content:"";position:absolute;inset:0;pointer-events:none;z-index:1;
background:
radial-gradient(circle 5.5px at 11px 0,#fff 97%,transparent 100%) 0 0/22px 11px repeat-x,
radial-gradient(circle 5.5px at 11px 100%,#fff 97%,transparent 100%) 0 100%/22px 11px repeat-x,
radial-gradient(circle 5.5px at 0 11px,#fff 97%,transparent 100%) 0 0/11px 22px repeat-y,
radial-gradient(circle 5.5px at 100% 11px,#fff 97%,transparent 100%) 100% 0/11px 22px repeat-y}
.st-pick-in{background:#fff;padding:10px 13px;display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;align-items:center;min-width:min(430px,86vw)}
.st-pick-plate{background:#fff;border:1px solid var(--line);padding:3px;min-width:132px;display:flex;align-items:center;justify-content:center}
.st-pick-plate img{max-height:56px;width:auto}
.st-pick-den{font-family:"Space Mono",monospace;font-weight:700;font-size:.72rem;letter-spacing:.11em;text-transform:uppercase;color:var(--plum);margin:0 0 2px}
.st-pick-name{font-family:Newsreader,Georgia,serif;font-weight:700;font-size:1.22rem;margin:0 0 3px}
.st-pick-bonus{font-family:"Space Mono",monospace;font-size:.82rem;font-weight:700;margin:0}
.st-postmark{position:absolute;top:-9px;right:-6px;width:62px;height:62px;z-index:3;border-radius:50%;border:2px dashed var(--teal);background:#fff;display:flex;align-items:center;justify-content:center;text-align:center;font:700 .5rem/1.16 "Space Mono",monospace;letter-spacing:.06em;text-transform:uppercase;color:var(--teal);transform:rotate(-13deg);padding:6px}
.st-byline{display:flex;align-items:center;justify-content:center;gap:9px;flex-wrap:nowrap;margin:11px 0}
.st-byline img{width:34px;height:34px;border-radius:50%;object-fit:cover;border:2px solid var(--plum);flex:0 0 auto}
.st-byline span{font-size:.78rem;color:var(--mut);white-space:nowrap}
.st-byline a{color:var(--plum);font-weight:700;text-decoration:underline}
.st-lede{font-size:1.02rem;color:#33415a;max-width:82ch;margin:0 auto}

/* CTA (the only green on the page) */
.st-cta,.btn{display:inline-block;background:var(--cta);color:#fff!important;text-decoration:none;font-weight:700;font-size:.86rem;padding:13px 17px;min-height:44px;line-height:1.3;text-align:center;border:0;border-radius:3px;transition:background .15s;cursor:pointer}
.st-cta:hover,.btn:hover{background:var(--cta-dk);color:#fff!important}
.st-cta-wide,.btn.block{display:block;width:100%}

/* toplist */
.st-toplist h2{text-align:center}
.st-pickrow{text-align:center}
.st-filters{display:flex;flex-wrap:wrap;gap:6px;margin:11px 0 16px;justify-content:center}
.st-chip{font:600 .75rem/1 Lexend,Arial,sans-serif;padding:9px 13px;border:1px solid var(--line);background:#fff;color:var(--ink);cursor:pointer;border-radius:3px}
.st-chip[aria-pressed="true"]{background:var(--plum);color:#fff;border-color:var(--plum)}
.st-sheet{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.st-tile{position:relative;background:var(--plum);padding:11px}
.st-tile[hidden]{display:none!important}
.st-tile-1{background:var(--teal)}
.st-tile-in{background:#fff;padding:15px 15px 13px;height:100%;display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px}
.st-corner{position:absolute;top:11px;left:11px;z-index:2;background:var(--plum);color:#fff;font-family:"Space Mono",monospace;font-weight:700;font-size:.82rem;padding:5px 9px;line-height:1}
.st-tile-1 .st-corner{background:var(--teal)}
.st-award{font-family:"Space Mono",monospace;font-size:.56rem;letter-spacing:.14em;text-transform:uppercase;color:var(--teal);font-weight:700;margin:0;min-height:12px}
.st-tile-1 .st-award{color:var(--plum)}
.st-plate{background:#fff;border:1px solid var(--line);padding:3px;width:100%;max-width:196px;min-height:62px;display:flex;align-items:center;justify-content:center}
.st-plate img{max-height:56px;width:auto}
.st-bname{font-family:Newsreader,Georgia,serif;font-weight:700;font-size:1.1rem;margin:0}
.st-take{font-size:.8rem;color:var(--mut);margin:0}
.st-value{font-family:"Space Mono",monospace;font-weight:700;font-size:.88rem;color:var(--ink);background:var(--wash);border:1px dashed var(--line);padding:7px 11px;width:100%;margin:0}
.st-specs{display:flex;gap:6px;flex-wrap:wrap;justify-content:center;margin:0}
.st-specs span{font-family:"Space Mono",monospace;font-size:.63rem;letter-spacing:.03em;border:1px solid var(--teal);color:var(--teal);padding:3px 7px;border-radius:2px}
.st-tile .st-cta{width:100%;margin-top:auto}
.st-terms{font-size:.62rem;color:var(--mut);margin:0}
.st-loadmore{display:block;width:100%;margin-top:16px;padding:15px;background:#fff;border:2px solid var(--plum);font:700 .85rem/1 Newsreader,Georgia,serif;color:var(--plum);cursor:pointer;border-radius:3px}
.st-loadmore:hover{background:var(--wash)}
.st-trust{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-top:18px}
.st-trust span{font-family:"Space Mono",monospace;border:1px solid var(--line);background:#fff;padding:5px 10px;font-size:.64rem;letter-spacing:.06em;text-transform:uppercase;color:var(--ink)}

/* body / prose */
.st-alt{background:var(--wash);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.st-crumb{font-size:.75rem;color:var(--mut);font-family:"Space Mono",monospace;padding-top:12px}
.st-crumb a{color:var(--mut)}
.st-body{padding-top:22px;padding-bottom:50px}
.st-body>.st-wrap>p,.st-body>.st-wrap>ul,.st-body>.st-wrap>ol,
.st-body>.st-wrap>h2,.st-body>.st-wrap>h3,.st-body>.st-wrap>h4{max-width:74ch}
.st-body ul,.st-body ol{padding-left:20px}.st-body li{margin-bottom:6px}
.st-body h2{margin-top:1.4em;border-left:4px solid var(--teal);padding-left:12px}
.st-body h3{margin-top:1.3em}

.callout{background:var(--wash);border:1px solid var(--line);border-left:4px solid var(--plum);padding:14px 18px;margin:18px 0;border-radius:0 4px 4px 0}
.callout.win{border-left-color:var(--cta)}
.callout.warn{border-left-color:var(--teal)}
.callout>*:last-child{margin-bottom:0}

.pc{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr));gap:16px;margin:16px 0}
.pc>div{background:#fff;border:1px solid var(--line);border-top:3px solid var(--teal);padding:14px 16px}
.pc h4{font-family:"Space Mono",monospace;font-size:.64rem;letter-spacing:.13em;text-transform:uppercase;margin:0 0 6px;color:var(--mut)}
.pc ul{list-style:none;padding:0;margin:0;font-size:.9rem}
.pc li{margin-bottom:5px;padding-left:20px;position:relative}
.pc .pros li:before{content:"✔";position:absolute;left:0;color:var(--cta);font-weight:700}
.pc .cons li:before{content:"✕";position:absolute;left:0;color:#b3122f;font-weight:700}

.faq{max-width:none}
.faq details{border-top:1px solid var(--line);padding:4px 0}
.faq summary{cursor:pointer;font-family:Newsreader,Georgia,serif;font-weight:700;font-size:1.02rem;padding:13px 0;list-style:none;position:relative;padding-right:28px}
.faq summary::-webkit-details-marker{display:none}
.faq summary:after{content:"+";position:absolute;right:2px;top:11px;color:var(--teal);font-weight:700;font-family:"Space Mono",monospace}
.faq details[open] summary:after{content:"–"}
.faq details p{margin:0 0 14px;font-size:.94rem;max-width:74ch}

.linkgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:10px;margin:20px 0}
.linkgrid a{background:#fff;border:1px solid var(--line);border-left:3px solid var(--plum);padding:13px 15px;color:var(--ink);font-weight:600;text-decoration:none;font-size:.92rem}
.linkgrid a:hover{background:var(--wash);border-left-color:var(--teal)}

.st-tw{overflow-x:auto;-webkit-overflow-scrolling:touch}
table.data,table.st-cmp{width:100%;border-collapse:collapse;font-size:.88rem;background:#fff;margin:18px 0}
table.data th,table.data td,table.st-cmp th,table.st-cmp td{border:1px solid var(--line);padding:11px;text-align:left;vertical-align:middle}
table.data thead th,table.st-cmp thead th{background:var(--plum);color:#fff;font-size:.66rem;letter-spacing:.08em;text-transform:uppercase;font-family:"Space Mono",monospace}
table.data tbody tr:nth-child(even),table.st-cmp tbody tr:nth-child(even){background:var(--wash)}

/* author + RG tokens */
.author{display:grid;grid-template-columns:74px minmax(0,1fr);gap:16px;align-items:center;background:var(--wash);border:1px solid var(--line);border-left:4px solid var(--plum);padding:16px;margin:24px 0}
.author img{width:74px;height:74px;border-radius:50%;border:3px solid #fff;outline:1px solid var(--line)}
.author .n{font-family:Newsreader,Georgia,serif;font-weight:700;font-size:1rem}
.author .small{font-size:.82rem;color:var(--mut)}
.authpic{width:120px;height:120px;border-radius:50%;object-fit:cover;border:3px solid #fff;outline:1px solid var(--line);float:left;margin:2px 20px 8px 0;shape-outside:circle()}
.updated{display:inline-flex;gap:8px;align-items:center;font-family:"Space Mono",monospace;font-size:.68rem;text-transform:uppercase;letter-spacing:.06em;color:var(--mut);border:1px solid var(--line);border-radius:2px;padding:5px 10px;margin-top:6px}
.updated .dot{width:8px;height:8px;border-radius:50%;background:var(--cta)}
.rg{background:#fff;border:1px solid var(--line);border-top:3px solid #b3122f;padding:18px;margin:26px 0;font-size:.92rem}
.rg h3{margin-top:0}

/* faq two-col wrapper for schema-friendly blocks (optional) */
.st-faqgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 30px}

/* footer */
.st-foot{background:var(--foot);color:var(--foot-ink);padding-top:44px;padding-bottom:32px;font-size:.85rem}
.st-foot a{color:#fff;text-decoration:none}
.st-foot a:hover{text-decoration:underline}
.st-foot h4{color:#fff;font-family:"Space Mono",monospace;font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;margin:0 0 11px}
.st-fgrid{display:grid;grid-template-columns:1.7fr 1fr 1fr 1fr 1fr;gap:26px}
.st-fgrid ul{list-style:none;margin:0;padding:0}
.st-fgrid li{margin-bottom:7px}
.st-flogo{font-family:Newsreader,Georgia,serif;font-weight:700;font-size:1.3rem;color:#fff;text-decoration:none;display:inline-block;margin-bottom:10px}
.st-flogo b{color:var(--teal)}
.st-legal{border-top:1px solid rgba(255,255,255,.17);margin-top:28px;padding-top:18px;font-size:.73rem;color:var(--foot-mut)}

/* mobile */
@media(max-width:900px){.st-sheet{grid-template-columns:minmax(0,1fr)}.st-faqgrid{grid-template-columns:minmax(0,1fr)}
  .st-fgrid{grid-template-columns:1fr 1fr;gap:22px 24px}
  .st-fgrid>:first-child{grid-column:1/-1}}
@media(max-width:768px){
  section{padding-top:34px;padding-bottom:34px}
  .st-hero{padding-top:12px;padding-bottom:8px}
  h1{font-size:26px;margin-bottom:.32em}h2{font-size:21px}
  .st-nlinks{display:none}.st-burger{display:block}
  .st-logo{font-size:1.25rem}
  .st-strip .st-wrap{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;gap:12px;scrollbar-width:none}
  .st-strip .st-wrap::-webkit-scrollbar{display:none}
  .st-strip span{white-space:nowrap;flex:0 0 auto}
  .st-strip{font-size:.6rem}
  .st-pick{padding:8px;margin-bottom:11px;display:block}
  .st-pick::before{background-size:18px 8px,18px 8px,8px 18px,8px 18px}
  .st-pick-in{min-width:0;width:100%;gap:10px;padding:8px 9px}
  .st-pick-plate{min-width:84px;padding:2px}.st-pick-plate img{max-height:34px}
  .st-tile::before{background-size:18px 8px,18px 8px,8px 18px,8px 18px}
  .st-postmark{width:46px;height:46px;top:-7px;right:-4px;font-size:.38rem}
  .st-byline img{width:28px;height:28px}.st-byline span{font-size:.69rem}
  .st-lede{font-size:.96rem}
  .author{grid-template-columns:56px minmax(0,1fr)}.author img{width:56px;height:56px}
}
@media(max-width:400px){.st-byline span{font-size:.62rem}}