:root{
    --ink:#20242b; --sub:#6b7178; --line:#e6e2da;
    --accent:#1a4f8a; --accent-soft:#eaf1fa; --bg:#fdfbf7; --mono-bg:#f0eee9;
  }
  *,*::before,*::after{box-sizing:border-box;}
  body{
    margin:0; background:var(--bg); color:var(--ink);
    font-family:"Source Serif 4",Georgia,"Iowan Old Style",serif;
    line-height:1.65; font-size:1.02rem;
  }
  .ui{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;}
  a{color:var(--accent);}
  code,.mono{font-family:"SF Mono",Consolas,"Liberation Mono",Menlo,monospace;
    background:var(--mono-bg);padding:0.1em 0.4em;border-radius:4px;font-size:0.82em;color:var(--accent);}
  .wrap{max-width:700px;margin:0 auto;padding:0 1.5rem 6rem;}

  .topnav{display:flex;justify-content:space-between;align-items:center;font-size:0.82rem;font-weight:600;
    padding:1.1rem 1.5rem;max-width:700px;margin:0 auto;}
  .topnav .who{color:var(--sub);}
  .topnav .pages{display:flex;gap:1.4rem;}
  .topnav a{color:var(--sub);text-decoration:none;}
  .topnav a:hover, .topnav a.active{color:var(--accent);}

  /* Hero: project name is the dominant element, author is a small strip beneath */
  .hero{padding:2.4rem 0 2.2rem;}
  .kicker{font-family:inherit;font-style:italic;font-size:0.95rem;color:var(--sub);margin-bottom:0.9rem;}
  h1.title{font-size:2.3rem;line-height:1.22;margin:0 0 1rem;font-weight:600;}
  .tagline{font-size:1.1rem;color:var(--ink);max-width:32em;margin:0 0 1.8rem;}
  .byline{display:flex;align-items:center;gap:0.7rem;font-size:0.85rem;color:var(--sub);}
  .avatar{width:32px;height:32px;border-radius:50%;flex:none;border:1px solid var(--line);}
  .avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block;}
  .byline .links{display:flex;gap:0.9rem;margin-left:0.3rem;}
  .byline .links a{color:var(--sub);text-decoration:underline;text-decoration-color:var(--line);}
  .byline .links a:hover{color:var(--accent);}
  .byline, .legend, .chart-caption, .axis-label{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;}

  /* Big, loud stat strip — the analytics up front, not buried */
  .stat-strip{
    display:flex; gap:0; margin:1.9rem 0 0.4rem; padding-top:1.5rem;
    border-top:2px solid var(--ink);
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;
  }
  .stat-strip .s{flex:1; padding-right:1rem;}
  .stat-strip .n{
    font-size:2.5rem; font-weight:800; color:var(--accent);
    line-height:1; letter-spacing:-0.02em; font-variant-numeric:tabular-nums;
  }
  .stat-strip .l{font-size:0.74rem; color:var(--sub); text-transform:uppercase;
    letter-spacing:.05em; margin-top:0.4rem; font-weight:600;}
  @media (max-width:560px){
    .stat-strip{flex-wrap:wrap; row-gap:1.4rem;}
    .stat-strip .s{flex:1 1 45%;}
    .stat-strip .n{font-size:2rem;}
  }

  .big-callout{
    display:flex; align-items:baseline; gap:1rem; margin:0.6rem 0 1.6rem;
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;
  }
  .big-callout .n{font-size:4.2rem; font-weight:800; color:var(--accent);
    line-height:1; letter-spacing:-0.02em;}
  .big-callout .t{font-size:1rem; color:var(--ink); max-width:22em; font-family:inherit;}

  p{margin:0 0 1.15rem;}
  h2{font-family:inherit;font-style:italic;font-weight:400;font-size:1.35rem;color:var(--ink);
     margin:2.8rem 0 1.1rem;}

  /* Chart — no card chrome, sits directly on the page */
  .chart-wrap{margin:0.4rem 0 0.6rem;}
  .chart-wrap svg{width:100%;height:auto;display:block;}
  .legend{display:flex;flex-wrap:wrap;gap:1.3rem;margin-top:1rem;font-size:0.85rem;color:var(--ink);font-weight:600;}
  .legend span{display:inline-flex;align-items:center;gap:0.45rem;}
  .legend i{width:13px;height:13px;border-radius:3px;display:inline-block;}
  .chart-title{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Helvetica,Arial,sans-serif;font-size:0.8rem;font-weight:600;color:var(--sub);margin-bottom:0.3rem;}
  .chart-wrap + .chart-wrap{margin-top:1.6rem;}
  .chart-wrap svg .gl{stroke:#e6e2da;stroke-width:1;}
  .chart-wrap svg .yt,.chart-wrap svg .xt{font:11px -apple-system,BlinkMacSystemFont,'Segoe UI',Helvetica,Arial,sans-serif;fill:#6b7178;}
  .chart-wrap svg .lab{font:600 12px -apple-system,BlinkMacSystemFont,'Segoe UI',Helvetica,Arial,sans-serif;} .chart-wrap svg .lab .v{font-weight:400;font-size:11px;}
  .chart-caption{font-size:0.83rem;color:var(--sub);margin-top:0.9rem;margin-bottom:0;line-height:1.55;}

  ul.plain{margin:0 0 1.15rem 1.2rem;padding:0;}
  ul.plain li{margin-bottom:0.5rem;}

  .cta-row{display:flex;gap:0.7rem;flex-wrap:wrap;margin-top:0.4rem;}
  .cta{
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;
    display:inline-block;padding:0.6rem 1.1rem;
    background:var(--accent);color:#fff;text-decoration:none;border-radius:6px;
    font-size:0.9rem;font-weight:600;
  }
  .cta:hover{background:#153f6f;}
  .cta.secondary{background:transparent;color:var(--accent);border:1px solid var(--accent);}

  footer{margin-top:3.4rem;font-size:0.8rem;color:var(--sub);padding-top:1.4rem;border-top:1px solid var(--line);
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;}

  /* This week's predictions */
  .predict-featured{
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;
    border:2px solid var(--ink); border-radius:10px; padding:1.3rem 1.4rem 1.1rem; margin:0.4rem 0 1.6rem;
  }
  .pf-label{font-size:0.72rem;text-transform:uppercase;letter-spacing:.06em;font-weight:700;color:var(--accent);}
  .pf-name{font-size:1.3rem;font-weight:800;margin:0.25rem 0 0.15rem;}
  .pf-meta{font-size:0.82rem;color:var(--sub);margin-bottom:0.9rem;}
  ol.predict-list{list-style:none;margin:0;padding:0;}
  ol.predict-list li{display:flex;align-items:center;gap:0.8rem;padding:0.4rem 0;
    border-top:1px solid var(--line);font-size:0.92rem;}
  ol.predict-list li:first-child{border-top:none;}
  ol.predict-list .rk{width:1.4rem;color:var(--sub);font-weight:700;font-variant-numeric:tabular-nums;}
  ol.predict-list .sc{flex:1;}
  ol.predict-list .rt{color:var(--sub);font-variant-numeric:tabular-nums;font-size:0.85rem;}
  ol.predict-list li.fav{font-weight:800;}
  ol.predict-list li.fav .sc{color:var(--accent);}
  ol.predict-list li.hi{background:var(--accent-soft);border-radius:6px;margin:0 -0.5rem;padding:0.4rem 0.5rem;}

  /* Podium-style predicted winners, one card per regatta */
  .regatta-podiums{
    display:grid; grid-template-columns:repeat(auto-fill,minmax(200px,1fr));
    gap:0.9rem; margin:0.4rem 0 1.4rem;
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;
  }
  .pc-week{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Helvetica,Arial,sans-serif;font-size:0.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--accent);margin-bottom:0.2rem;}
  .podium-card{border:1px solid var(--line);border-radius:10px;padding:0.9rem 0.9rem 0.7rem;}
  .pc-name{font-weight:700;font-size:0.86rem;line-height:1.25;}
  .pc-meta{font-size:0.72rem;color:var(--sub);margin:0.15rem 0 0.7rem;}
  .pc-fallback{font-size:0.82rem;color:var(--sub);}
  .pc-fallback.note{font-style:italic;}

  .podium-row{display:flex;align-items:flex-end;justify-content:center;gap:0.5rem;}
  .pod-spot{display:flex;flex-direction:column;align-items:center;width:4.4rem;position:relative;}
  .pod-badge{
    position:absolute;top:-0.4rem;left:50%;transform:translateX(-50%);
    width:1.1rem;height:1.1rem;border-radius:50%;background:var(--sub);color:#fff;
    font-size:0.62rem;font-weight:700;display:flex;align-items:center;justify-content:center;
    z-index:1;
  }
  .pod-spot.first .pod-badge{background:#c9a227;}
  .pod-spot.second .pod-badge{background:#9aa1a8;}
  .pod-spot.third .pod-badge{background:#b0793f;}
  .pod-logo{
    width:2.6rem;height:2.6rem;border-radius:50%;background:var(--mono-bg);
    border:1px solid var(--line);display:flex;align-items:center;justify-content:center;
    overflow:hidden;margin-bottom:0.3rem;
  }
  .pod-spot.first .pod-logo{width:3.2rem;height:3.2rem;border-color:#c9a227;border-width:2px;}
  .pod-logo img{width:100%;height:100%;object-fit:contain;}
  .pod-pct{font-size:0.78rem;font-weight:700;color:var(--ink);}
  .pod-spot.first .pod-pct{color:var(--accent);font-size:0.86rem;}
  .pod-name{font-size:0.62rem;color:var(--sub);text-align:center;line-height:1.15;margin-top:0.1rem;
    overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}

  .post h1.title{font-size:2rem;}
  .post .meta{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;font-size:0.8rem;color:var(--sub);margin-bottom:1.1rem;}
  .post h2{margin-top:2.2rem;}
  .fig{margin:1.4rem 0 1.8rem;}
  p.lede{font-size:1.35rem;line-height:1.45;margin:0 0 1rem;}
  p.eq{text-align:center;font-size:1.1rem;margin:1.2rem 0;padding:0.8rem;border-top:1px solid var(--line);border-bottom:1px solid var(--line);}
  .fig svg{width:100%;height:auto;display:block;}
  .fig .cap{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;font-size:0.78rem;color:var(--sub);margin-top:0.4rem;}
  table.t{border-collapse:collapse;width:100%;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;font-size:0.85rem;margin:1rem 0 1.6rem;}
  table.t th{text-align:right;color:var(--sub);font-weight:600;font-size:0.72rem;text-transform:uppercase;letter-spacing:.05em;padding:0.4rem 0.5rem;border-bottom:2px solid var(--ink);}
  table.t td{text-align:right;padding:0.45rem 0.5rem;border-bottom:1px solid var(--line);font-variant-numeric:tabular-nums;}
  table.t th:first-child, table.t td:first-child{text-align:left;}
  table.t.cases th, table.t.cases td{text-align:left;}
  td.up{color:#b3412f;font-weight:700;} td.dn{color:#2f7d4f;font-weight:700;}
  table.t.cases th:last-child, table.t.cases td:last-child{text-align:right;}
  .note{font-size:0.92rem;color:var(--sub);border-left:3px solid var(--line);padding-left:1rem;margin:1.4rem 0;}
  .plist{list-style:none;padding:0;margin:1.5rem 0;}
  .plist li{padding:1.1rem 0;border-top:1px solid var(--line);}
  .plist li:last-child{border-bottom:1px solid var(--line);}
  .plist .d{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;font-size:0.76rem;color:var(--sub);text-transform:uppercase;letter-spacing:.05em;}
  .plist a.t1{font-size:1.25rem;font-weight:600;text-decoration:none;color:var(--ink);}
  .plist a.t1:hover{color:var(--accent);}
  .plist p{margin:0.35rem 0 0;color:var(--sub);}