:root{
  --green:#1b7a3e; --green-dark:#14602f; --red:#c8102e; --gold:#c9a227;
  --blue:#1f6feb; --gray:#6b7280; --tint:#eef6f0; --line:#d7ddd9; --text:#1a1a1a;
}
*{box-sizing:border-box;}
body{font-family:system-ui,-apple-system,"Hiragino Kaku Gothic ProN","Noto Sans JP",sans-serif;
  line-height:1.8;margin:0;color:var(--text);background:#fff;}
.wrap{max-width:820px;margin:0 auto;padding:1rem;}
a{color:var(--green-dark);}
h1,h2,h3,.brand,.hero-title,.scoreboard{font-family:"M PLUS 1",system-ui,sans-serif;font-weight:800;}

/* header */
.site-header{background:var(--green-dark);color:#fff;}
.site-header .wrap{display:flex;flex-wrap:wrap;align-items:center;gap:.3rem 1rem;padding-top:.6rem;padding-bottom:.6rem;}
.brand{color:#fff;text-decoration:none;font-size:1.35rem;}
.site-nav{margin-left:auto;display:flex;gap:1rem;flex-wrap:wrap;}
.site-nav a{color:#d9f0e0;text-decoration:none;font-size:.9rem;}
.site-nav a:hover{color:#fff;text-decoration:underline;}

/* hero */
.hero{display:flex;align-items:center;gap:1.2rem;background:var(--tint);border:1px solid var(--line);
  border-radius:12px;padding:1.2rem;margin:1rem 0 1.5rem;}
.hero img{width:200px;max-width:40%;height:auto;border-radius:12px;flex:none;}
.hero-title{font-size:1.6rem;margin:0 0 .3rem;color:var(--green-dark);}
.hero-tagline{margin:0;color:#333;}
@media (max-width:560px){.hero{flex-direction:column;text-align:center;}.hero img{width:60%;max-width:220px;}}

/* post cards */
.card-list{list-style:none;padding:0;margin:0;display:grid;gap:.7rem;}
.card{display:flex;align-items:center;gap:.8rem;border:1px solid var(--line);border-left:6px solid var(--green);
  border-radius:10px;padding:.7rem .9rem;text-decoration:none;color:var(--text);background:#fff;}
.card:hover{background:var(--tint);}
.card.morning{border-left-color:var(--gold);}
.card.midday{border-left-color:var(--green);}
.card.evening{border-left-color:var(--blue);}
.card-icon{font-size:1.5rem;flex:none;}
.card-body{display:flex;flex-direction:column;}
.card-date{color:var(--gray);font-size:.8rem;}
.card-title{font-weight:700;}

/* article */
.article h1{font-size:1.5rem;margin:.2rem 0;}
.article>time{color:var(--gray);font-size:.85rem;}
.article h2{border-left:5px solid var(--green);padding-left:.5rem;margin-top:1.6rem;font-size:1.2rem;}

/* race table (PC) */
.race-table{border-collapse:collapse;width:100%;margin:.8rem 0;font-size:.9rem;
  display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;}
.race-table thead th{background:var(--green-dark);color:#fff;font-weight:700;}
.race-table th,.race-table td{border:1px solid var(--line);padding:.45rem .55rem;text-align:left;
  white-space:nowrap;vertical-align:middle;}
.race-table tbody tr:nth-child(even){background:var(--tint);}
.race-table td:last-child,.race-table th:last-child{white-space:normal;min-width:11em;}

/* tier badge */
.tier{display:inline-block;padding:.1rem .5rem;border-radius:999px;font-size:.8rem;font-weight:700;color:#fff;white-space:nowrap;}
.tier-honmei{background:var(--red);border:2px solid var(--gold);}
.tier-std{background:var(--blue);}
.tier-haran{background:var(--gray);}

/* fukusho bar */
.fukusho-bar{display:inline-flex;align-items:center;gap:.4rem;}
.fukusho-track{display:inline-block;width:5.5em;height:.7rem;background:var(--line);border-radius:4px;overflow:hidden;}
.fukusho-fill{display:block;height:100%;width:calc(var(--pct)*1%);background:var(--green);}
.fukusho-num{font-variant-numeric:tabular-nums;font-size:.85rem;}

/* results */
.hit-yes{color:var(--green);font-weight:700;}
.hit-no{color:var(--gray);}

/* scoreboard */
.scoreboard{background:var(--green-dark);color:#fff;border-radius:12px;padding:1rem 1.2rem;
  font-size:1.3rem;text-align:center;margin:1rem 0;}
.scoreboard strong{color:var(--gold);font-size:1.5rem;}

/* footer */
.site-footer{border-top:3px solid var(--green);margin-top:2rem;background:var(--tint);}
.site-footer .wrap{color:#555;font-size:.82rem;padding-top:1rem;padding-bottom:1.5rem;}

/* responsive: table -> cards */
@media (max-width:640px){
  .wrap{padding:.7rem;}
  .race-table{display:block;overflow:visible;}
  .race-table thead{display:none;}
  .race-table tbody,.race-table tr,.race-table td{display:block;width:100%;}
  .race-table tr{border:1px solid var(--line);border-left:6px solid var(--green);border-radius:10px;
    margin:.6rem 0;background:#fff;}
  .race-table tbody tr:nth-child(even){background:#fff;}
  .race-table td{border:none;border-bottom:1px dashed var(--line);white-space:normal!important;
    display:flex;justify-content:space-between;gap:1rem;padding:.35rem .7rem;min-width:0;}
  .race-table td:last-child{border-bottom:none;}
  .race-table td::before{content:attr(data-label);font-weight:700;color:var(--green-dark);flex:none;}
}