/* playingthebacknine.com: the site's one shared stylesheet (landing pages carry their own copy or their own CSS) */
:root{--green:#1f4d36;--green-dk:#163a28;--moss:#3d6b4f;--sand:#efe6d2;--sand-dk:#ddd0b3;--flag:#c8442b;--cream:#fbf8f2;--ink:#1d2621;--soft:#59625c;--hair:#e4ddcd;--serif:'Fraunces',Georgia,serif;--sans:'Source Sans 3',system-ui,-apple-system,'Segoe UI',sans-serif}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--cream);color:var(--ink);font:400 19px/1.62 var(--sans)}
img,svg{display:block;max-width:100%}
a{color:var(--green)}
h1,h2,h3{font-family:var(--serif);font-weight:700;color:var(--green-dk);letter-spacing:-.01em}
.rail{width:min(1200px,100% - 32px);margin-inline:auto}

/* clubhouse header */
.club{background:var(--green);color:var(--cream)}
.club .rail{display:flex;align-items:center;gap:28px;min-height:66px}
.crest{display:inline-flex;align-items:center;gap:10px;color:var(--cream);text-decoration:none}
.crest svg{width:34px;height:34px;flex:none}
.wm{font-family:var(--serif);font-weight:600;font-size:21px;letter-spacing:-.01em;white-space:nowrap}
.wm b{font-weight:800;color:#f4d9a4}
.holes{display:flex;gap:22px;margin-left:auto}
.holes a{color:#d7e3d9;text-decoration:none;font-weight:600;font-size:16px;padding:4px 0;border-bottom:2px solid transparent}
.holes a:hover{color:#fff}
.holes a[aria-current]{color:#fff;border-bottom-color:#f4d9a4}

/* home */
.tee{padding:56px 0 8px}
.tee__kicker{margin:0 0 8px;color:var(--flag);font-weight:800;font-size:15px;text-transform:uppercase;letter-spacing:.08em}
.tee__title{margin:0 0 14px;font-size:clamp(34px,4.4vw,54px);line-height:1.08;max-width:880px}
.tee__lede{margin:0;max-width:720px;font-size:21px;color:var(--soft)}
.fairway{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:28px;padding:36px 0}
.fairway__list{display:grid;gap:18px}
.greens{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;padding:0 0 36px}
.green{display:block;background:var(--green);color:var(--cream);text-decoration:none;border-radius:10px;padding:20px 22px}
.green b{display:block;font-family:var(--serif);font-size:22px;margin-bottom:6px}
.green span{display:block;font-size:16px;color:#d7e3d9;line-height:1.45}

/* tiles */
.tile{display:block;background:#fff;border:1px solid var(--hair);border-radius:10px;overflow:hidden;text-decoration:none;color:var(--ink);transition:box-shadow .2s}
.tile:hover{box-shadow:0 8px 24px rgba(22,58,40,.1)}
.tile__band{display:flex;justify-content:space-between;align-items:center;background:var(--sand);border-bottom:1px solid var(--sand-dk);padding:9px 18px;font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.07em}
.tile__hole{color:var(--flag)}
.tile__sec{color:var(--moss)}
.tile__title{display:block;margin:16px 18px 8px;font-family:var(--serif);font-weight:700;font-size:21px;line-height:1.25;color:var(--green-dk)}
.tile__sum{display:block;margin:0 18px;font-size:16px;line-height:1.5;color:var(--soft)}
.tile__meta{display:block;margin:12px 18px 16px;font-size:14px;color:var(--soft)}
.tile--big .tile__band{padding:14px 22px}
.tile--big .tile__title{margin:26px 22px 12px;font-size:clamp(26px,2.6vw,34px)}
.tile--big .tile__sum{margin:0 22px;font-size:19px}
.tile--big .tile__meta{margin:16px 22px 24px}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.empty{color:var(--soft)}

/* section page */
.sec-head{padding:52px 0 28px}
.sec-head h1{margin:0 0 8px;font-size:clamp(32px,4vw,46px)}
.sec-head p{margin:0;font-size:20px;color:var(--soft);max-width:720px}

/* article */
.lede{padding:52px 0 0}
.lede>div{max-width:860px}
.lede__kicker{margin:0 0 10px;font-size:15px;font-weight:800;text-transform:uppercase;letter-spacing:.07em;color:var(--flag)}
.lede__kicker a{color:var(--flag);text-decoration:none}
.lede__title{margin:0 0 14px;font-size:clamp(32px,4vw,48px);line-height:1.1}
.lede__sum{margin:0;font-size:21px;line-height:1.5;color:#3a443e}
.lede__meta{display:flex;flex-wrap:wrap;gap:4px 18px;margin:20px 0 0;padding-top:14px;border-top:1px solid var(--hair);font-size:15px;color:var(--soft)}
.lede__meta strong{color:var(--ink)}
.read{display:grid;grid-template-columns:minmax(0,760px) 300px;justify-content:space-between;column-gap:48px;align-items:start;padding-top:36px}
.prose>p{margin:0 0 22px}
.prose>h2{margin:40px 0 14px;font-size:30px;line-height:1.2}
.prose ul,.prose ol{margin:0 0 22px;padding-left:24px}
.prose li{margin-bottom:10px}
.prose a{overflow-wrap:anywhere}
.prose li::marker{color:var(--flag);font-weight:800}
.prose .steps{list-style:none;counter-reset:s;padding:0}
.prose .steps li{counter-increment:s;position:relative;padding-left:50px;margin-bottom:16px}
.prose .steps li::before{content:counter(s);position:absolute;left:0;top:0;width:34px;height:34px;border-radius:50%;background:var(--green);color:var(--cream);font:800 16px/34px var(--sans);text-align:center}
.prose .steps strong{display:block;color:var(--green-dk)}
.callout{background:var(--sand);border-left:5px solid var(--green);border-radius:0 8px 8px 0;padding:18px 22px;margin:36px 0}
.callout p{margin:0}
.callout--alert{background:#fbece7;border-left-color:var(--flag)}
.callout--alert strong{color:var(--flag)}
.sources{margin:36px 0 0;padding-top:18px;border-top:1px solid var(--hair)}
.sources h2{margin:0 0 8px;font-size:20px}
.sources ul{font-size:16px}
.aside-note{font-size:15px;color:var(--soft);border-top:1px solid var(--hair);padding-top:14px;margin:28px 0 0}
.toc{position:sticky;top:24px;border-top:3px solid var(--green);padding-top:14px}
.toc h2{margin:0 0 10px;font-size:19px}
.toc ol{margin:0;padding-left:22px;font-size:16px}
.toc li{margin-bottom:8px}
.toc li::marker{color:var(--flag);font-weight:800}
.toc a{color:var(--ink);text-decoration:none}
.toc a:hover{text-decoration:underline}
.more{padding:56px 0 0}
.more>h2{margin:0 0 18px;font-size:28px;border-top:3px solid var(--green);padding-top:16px}

/* trust + legal pages */
.page{max-width:760px;padding:52px 0 0}
.page h1{margin:0 0 10px;font-size:clamp(32px,4vw,44px)}
.page__date{margin:0 0 22px;color:var(--soft);font-size:15px}
.page .prose>h2{font-size:24px;margin:36px 0 10px}

/* scorecard footer */
.card-foot{background:var(--green-dk);color:#c9d6cc;margin-top:72px;padding:48px 0 36px;font-size:15px}
.card-foot .rail{display:grid;grid-template-columns:1.2fr 1fr 1fr 2fr;gap:32px}
.card-foot h2{margin:0 0 10px;font-family:var(--sans);font-size:14px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#f4d9a4}
.card-foot ul{list-style:none;margin:0;padding:0}
.card-foot li{margin:0 0 8px}
.card-foot a{color:#c9d6cc;text-decoration:none}
.card-foot a:hover{color:#fff}
.card-foot__brand p{margin:12px 0 0;font-size:15px}
.card-foot__fine p{margin:0 0 12px;font-size:14px;line-height:1.55}
.card-foot__fine a{color:#fff;text-decoration:underline}
.card-foot .wm{font-size:19px}

/* tablets */
@media (max-width:999px){
  .read{grid-template-columns:1fr}
  .toc{display:none}
  .fairway{grid-template-columns:1fr}
  .greens{grid-template-columns:1fr 1fr}
  .grid{grid-template-columns:1fr 1fr}
  .card-foot .rail{grid-template-columns:1fr 1fr}
  .card-foot__brand,.card-foot__fine{grid-column:1/-1}
  .holes{gap:16px}
}
/* phones: 28px between blocks */
@media (max-width:640px){
  body{font-size:18px}
  .club .rail{min-height:58px;gap:12px;flex-wrap:wrap;padding:8px 0}
  .wm{font-size:18px}.crest svg{width:30px;height:30px}
  .holes{order:3;width:100%;margin-left:0;gap:18px;overflow-x:auto;padding-bottom:2px}
  .holes a{font-size:15px;white-space:nowrap}
  .tee{padding:32px 0 0}
  .tee__lede,.lede__sum,.sec-head p{font-size:18px}
  .fairway{padding:28px 0;gap:18px}
  .greens{grid-template-columns:1fr;gap:14px;padding-bottom:28px}
  .grid{grid-template-columns:1fr;gap:16px}
  .sec-head,.lede,.page{padding-top:32px}
  .lede__title{font-size:clamp(27px,7.6vw,34px)}
  .read{padding-top:28px}
  .prose>p,.prose ul,.prose ol{margin-bottom:18px}
  .prose>h2{font-size:24px;margin:28px 0 10px}
  .callout{margin:28px 0}
  .more{padding-top:36px}
  .card-foot{margin-top:56px}
  .card-foot .rail{grid-template-columns:1fr;gap:22px}
}