* {
  box-sizing:border-box
}
body {
  margin:0;
  background:#f2f0e9;
  color:#1d2d3b;
  font:16px/1.8 Georgia,"Noto Serif CJK SC",serif
}
.wl-head {
  display:flex;
  align-items:baseline;
  gap:24px;
  padding:22px max(20px,calc((100vw - 1180px)/2));
  background:#243849;
  color:white
}
.wl-word {
  font-size:30px;
  color:#d9ae72;
  text-decoration:none;
  font-weight:bold
}
.wl-head span {
  color:#d0d7d5;
  font:13px sans-serif
}
.wl-nav {
  display:flex;
  gap:0;
  overflow:auto;
  padding:0 max(15px,calc((100vw - 1180px)/2));
  background:#314e5a;
  border-bottom:4px solid #bb8854
}
.wl-nav a {
  padding:13px 14px;
  color:#fff;
  text-decoration:none;
  font:13px sans-serif;
  white-space:nowrap
}
.wl-nav a:hover {
  background:#496976
}
.wl-page,.wl-sub {
  max-width:1180px;
  margin:auto;
  padding:24px 20px 75px
}
.wl-hero {
  display:grid;
  grid-template-columns:1fr 190px;
  gap:45px;
  align-items:center;
  padding:50px 4%;
  background:#dce5df;
  border-left:8px solid #b77d47
}
.wl-hero small,.wl-calendar header small,.wl-feature>div>img+ h2,.wl-score header small,.wl-leagues small,.wl-rules small,.wl-notes small,.wl-news small,.wl-faq small {
  color:#9a633c;
  letter-spacing:.08em;
  font:12px sans-serif
}
.wl-hero h1 {
  font-size:clamp(28px,4vw,45px);
  line-height:1.35;
  margin:12px 0
}
.wl-hero p {
  max-width:900px
}
.wl-hero figure {
  margin:0;
  text-align:center;
  border:1px solid #a8b8b0;
  padding:18px
}
.wl-calendar,.wl-score,.wl-leagues,.wl-rules,.wl-notes,.wl-news,.wl-faq {
  margin-top:52px
}
.wl-calendar {
  display:grid;
  grid-template-columns:260px 1fr;
  gap:28px
}
.wl-calendar ol {
  list-style:none;
  margin:0;
  padding:0;
  border-top:1px solid #a8b8b0
}
.wl-calendar li {
  display:grid;
  grid-template-columns:70px 90px 1fr 130px;
  gap:10px;
  padding:12px 8px;
  border-bottom:1px solid #c3cdc7;
  align-items:center
}
.wl-calendar time,.wl-calendar small,.wl-story time {
  font:12px sans-serif;
  color:#805b40
}
.wl-calendar li span {
  font-size:15px
}
.wl-feature {
  display:grid;
  grid-template-columns:1.4fr 1fr;
  gap:20px
}
.wl-feature>div,.wl-feature aside {
  padding:28px;
  background:#fff;
  border-top:3px solid #406877
}
.wl-feature>div img {
  float:right
}
.wl-feature h2 {
  font-size:26px
}
.wl-feature aside {
  background:#e2e9e4
}
.wl-feature a {
  color:#8c552b
}
.wl-score article {
  display:grid;
  grid-template-columns:100px 80px 1fr auto 1fr;
  gap:16px;
  align-items:center;
  padding:20px;
  background:#304e5b;
  color:#fff
}
.wl-score strong {
  color:#edc68d;
  font-size:24px
}
.wl-score p {
  grid-column:1/-1;
  margin:0;
  color:#dae2df
}
.wl-leagues>div {
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:11px
}
.wl-leagues article {
  padding:18px;
  background:#e1e3db;
  border-bottom:2px solid #b38150
}
.wl-leagues article:nth-child(2) {
  grid-column:span 2
}
.wl-leagues article h3 {
  font-size:18px
}
.wl-leagues article p {
  font-size:13px
}
.wl-rules {
  display:grid;
  grid-template-columns:230px 1fr;
  gap:25px
}
.wl-rule-grid {
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:12px
}
.wl-rule-grid article {
  padding:20px;
  background:white;
  border-left:3px solid #b38150
}
.wl-rule-grid article:first-child {
  grid-row:span 2
}
.wl-notes {
  display:grid;
  grid-template-columns:1.2fr repeat(2,1fr);
  gap:13px;
  align-items:stretch;
  background:#dce5df;
  padding:25px
}
.wl-notes article {
  background:#f8f7f2;
  padding:20px
}
.wl-news {
  display:grid;
  grid-template-columns:230px 1fr;
  gap:26px
}
.wl-news>div {
  border-top:1px solid #b8c5c0
}
.wl-news article {
  padding:18px 8px;
  border-bottom:1px solid #b8c5c0
}
.wl-news h3 {
  margin:5px 0
}
.wl-news a {
  color:#253d4a;
  text-decoration:none
}
.wl-news p {
  font-size:14px;
  color:#4e5c5e
}
.wl-faq {
  max-width:900px
}
.wl-faq details {
  padding:16px 20px;
  margin:10px 0;
  background:#fff;
  border-left:3px solid #60818a
}
.wl-faq summary {
  cursor:pointer;
  font-weight:bold
}
.wl-footer {
  padding:28px max(20px,calc((100vw - 1180px)/2));
  background:#243849;
  color:#dce5df;
  font:12px sans-serif
}
.wl-footer strong {
  display:block;
  margin-top:12px;
  color:#e1b980
}
.wl-footer nav {
  display:flex;
  gap:18px;
  margin-top:12px
}
.wl-footer a {
  color:#a9d0d3
}
.wl-sub {
  min-height:65vh
}
.wl-sub section {
  padding:22px;
  background:#fff
}
.wl-sub table {
  width:100%;
  border-collapse:collapse;
  background:#fff;
  margin:22px 0
}
.wl-sub td,.wl-sub th {
  padding:12px;
  border-bottom:1px solid #cbd3ce;
  text-align:left
}
.wl-sub .wl-list {
  list-style:none;
  padding:0
}
.wl-sub .wl-list li {
  padding:10px;
  background:#e2e9e4;
  margin:5px 0
}
.wl-sub>img {
  margin:20px 0
}
@media(max-width:760px) {
  .wl-head {
    padding:16px
  }
  .wl-head span {
    font-size:11px
  }
  .wl-nav a {
    padding:12px 10px
  }
  .wl-page,.wl-sub {
    padding:15px
  }
  .wl-hero,.wl-calendar,.wl-feature,.wl-rules,.wl-news {
    grid-template-columns:1fr;
    gap:14px
  }
  .wl-hero {
    padding:25px 18px
  }
  .wl-hero figure {
    justify-self:start
  }
  .wl-calendar li {
    grid-template-columns:58px 1fr 88px
  }
  .wl-calendar li small {
    grid-column:2/-1
  }
  .wl-leagues>div {
    grid-template-columns:1fr 1fr
  }
  .wl-leagues article:nth-child(2) {
    grid-column:span 2
  }
  .wl-rule-grid {
    grid-template-columns:1fr
  }
  .wl-rule-grid article:first-child {
    grid-row:auto
  }
  .wl-notes {
    grid-template-columns:1fr
  }
  .wl-score article {
    grid-template-columns:1fr auto
  }
  .wl-score article>* {
    min-width:0
  }
  .wl-score article strong {
    grid-column:1/-1
  }
  .wl-score p {
    grid-column:1/-1
  }
  .wl-footer {
    padding:24px 16px
  }
  .wl-sub table {
    min-width:620px;
    display:block;
    overflow:auto
  }
}