:root{
  --ink:#1d3b4f; --ink-deep:#132a39; --marsh:#2f6f5e; --brass:#d9a441;
  --paper:#f3f5f2; --text:#1e2a2f; --muted:#56656b; --rule:#c9d3cf;
  --link:#1f5f8f; --link-visited:#5a4b8a; --surface:#ffffff;
}
@media (prefers-color-scheme: dark){
  :root{ --paper:#10191f; --text:#e2e8e5; --muted:#9fb0b4; --rule:#2c3d45;
         --link:#8cc4ea; --link-visited:#b9a8e6; --surface:#16232b; }
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--text);
  font:1.0625rem/1.65 "Iowan Old Style","Palatino Linotype",Palatino,"Book Antiqua",Georgia,serif;}
a{color:var(--link);text-underline-offset:.15em}
a:visited{color:var(--link-visited)}
a:focus-visible{outline:3px solid var(--brass);outline-offset:2px;border-radius:2px}

/* ---------- masthead ---------- */
.masthead{background:var(--ink);color:#f3f5f2}
.masthead__inner{max-width:68rem;margin:0 auto;padding:.9rem 1rem;
  display:flex;align-items:center;justify-content:space-between;gap:1rem 2rem;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:.9rem;color:inherit;text-decoration:none}
.brand:visited{color:inherit}
.brand__art{width:76px;height:auto;flex:none}
.brand__text{display:flex;flex-direction:column;line-height:1.1}
.brand__name{font-family:Bahnschrift,"DIN Alternate","Roboto Condensed","Arial Narrow",system-ui,sans-serif;
  font-weight:700;font-size:1.75rem;letter-spacing:.06em}
.brand__club{font-family:system-ui,-apple-system,"Segoe UI",sans-serif;font-size:.8rem;
  color:#cfdcd6;margin-top:.3rem;letter-spacing:.01em}
.masthead__email{font-family:system-ui,-apple-system,"Segoe UI",sans-serif;font-weight:600;
  font-size:1.2rem;color:#1b2a33;background:#f3f5f2;padding:.45rem .8rem;border-radius:4px;
  text-decoration:none;border-left:6px solid var(--brass);white-space:nowrap}
.masthead__email:visited{color:#1b2a33}
.masthead__email:hover{background:#fff;text-decoration:underline}

/* flag-like band with a swallowtail cut at the fly end */
.masthead__band{height:14px;background:
  linear-gradient(var(--brass) 0 5px,var(--marsh) 5px 11px,#f3f5f2 11px 14px);
  clip-path:polygon(0 0,100% 0,calc(100% - 22px) 50%,100% 100%,0 100%)}

.masthead--home .masthead__inner{padding:2.2rem 1rem 2rem}
.masthead--home .brand__art{width:150px}
.masthead--home .brand__name{font-size:clamp(2.1rem,6vw,3.6rem)}
.masthead--home .brand__club{font-size:.95rem}
.masthead--home .masthead__band{height:22px;background:
  linear-gradient(var(--brass) 0 8px,var(--marsh) 8px 17px,#f3f5f2 17px 22px);
  clip-path:polygon(0 0,100% 0,calc(100% - 34px) 50%,100% 100%,0 100%)}

.sitenav{background:var(--ink-deep)}
.sitenav ul{max-width:68rem;margin:0 auto;padding:0 1rem;list-style:none;display:flex;flex-wrap:wrap;gap:0 1.4rem}
.sitenav a{display:inline-block;padding:.55rem 0;color:#dbe6e1;text-decoration:none;
  font-family:system-ui,-apple-system,"Segoe UI",sans-serif;font-size:.95rem;border-bottom:3px solid transparent}
.sitenav a:visited{color:#dbe6e1}
.sitenav a:hover{color:#fff;border-bottom-color:#8aa79c}
.sitenav a[aria-current="page"]{color:#fff;border-bottom-color:var(--brass)}

/* ---------- content ---------- */
main{max-width:46rem;margin:0 auto;padding:2.2rem 1rem 3rem}
h1,h2{font-family:Bahnschrift,"DIN Alternate","Roboto Condensed","Arial Narrow",system-ui,sans-serif;
  line-height:1.2;color:var(--text)}
h1{font-size:2.2rem;margin:0 0 .5rem;letter-spacing:.01em}
h2{font-size:1.4rem;margin:2.6rem 0 .7rem;padding-top:.9rem;border-top:3px solid var(--marsh)}
section:first-of-type h2{margin-top:1.6rem}
.lede{font-size:1.2rem;color:var(--muted);margin:0 0 1rem}
ul{padding-left:1.3rem}
li{margin:.35rem 0}
.linklist{list-style:none;padding:0}
.linklist li{padding:.55rem 0;border-bottom:1px solid var(--rule)}
.linklist a{font-family:system-ui,-apple-system,"Segoe UI",sans-serif;font-weight:650;
  display:inline-block;min-width:6.5rem;margin-right:.6rem}
.readmore{font-family:system-ui,-apple-system,"Segoe UI",sans-serif;font-weight:600}
.meta{font-weight:400;color:var(--muted);font-size:.9rem;margin-left:.6rem}

.tablewrap{overflow-x:auto;margin:1rem 0}
table{border-collapse:collapse;width:100%;font-family:system-ui,-apple-system,"Segoe UI",sans-serif;
  font-size:.92rem;font-variant-numeric:tabular-nums;background:var(--surface)}
caption{text-align:left;color:var(--muted);font-size:.85rem;padding-bottom:.4rem}
th,td{padding:.42rem .65rem;text-align:left;border-bottom:1px solid var(--rule);white-space:nowrap}
thead th{background:var(--ink);color:#f3f5f2;font-weight:600}

.cards{display:grid;grid-template-columns:1fr;gap:1.2rem;margin:1.4rem 0}
@media (min-width:640px){.cards{grid-template-columns:1fr 1fr}}
figure{margin:0}
figure img{display:block;width:100%;height:auto;border:1px solid var(--rule);background:var(--surface)}
figcaption{font-family:system-ui,-apple-system,"Segoe UI",sans-serif;font-size:.85rem;color:var(--muted);margin-top:.35rem}

.footer{border-top:1px solid var(--rule);padding:1.2rem 1rem 2rem;text-align:center;
  font-family:system-ui,-apple-system,"Segoe UI",sans-serif;font-size:.9rem;color:var(--muted)}
.footer p{margin:0}

@media (max-width:560px){
  .brand__art{width:58px}
  .brand__name{font-size:1.45rem}
  .masthead--home .brand__art{width:96px}
  .masthead__email{font-size:1.05rem}
}