600;
  700&family=Source+Sans+3:wght@400;
  600&display=swap');
  :root {
  --wnow-ink:#18202a;
  --wnow-paper:#f1f0e9;
  --wnow-line:#8f9698;
  --wnow-accent:#b84428;
  --wnow-muted:#59636b;
  --wnow-card:#faf9f4
}
* {
  box-sizing:border-box
}
body {
  margin:0;
  background:var(--wnow-paper);
  color:var(--wnow-ink);
  font-family:'Source Sans 3','Microsoft YaHei',sans-serif;
  line-height:1.75
}
main {
  max-width:1320px;
  margin:0 auto;
  padding:2rem 5vw 6rem
}
.b35-brand {
  padding:1.4rem 5vw 1rem;
  border-bottom:1px solid var(--wnow-line);
  font:700 1.8rem 'Noto Serif SC',serif
}
.b35-brand a {
  color:var(--wnow-ink);
  text-decoration:none
}
.b35-navigation {
  display:flex;
  gap:.6rem;
  overflow:auto;
  padding:.7rem 5vw;
  background:#242c33
}
.b35-navigation a {
  white-space:nowrap;
  color:#f3f0e9;
  text-decoration:none;
  padding:.35rem .7rem;
  border-left:2px solid var(--wnow-accent)
}
.b35-footer {
  padding:2rem 5vw;
  background:#242c33;
  color:#f3f0e9
}
.b35-footer a {
  color:#f3f0e9;
  margin-right:1.2rem
}
.wnow-frontispiece {
  border-bottom:4px double var(--wnow-ink);
  padding:2rem 0 2.5rem
}
.wnow-frontispiece h1 {
  font:700 clamp(2.3rem,5vw,5rem)/1.15 'Noto Serif SC',serif;
  max-width:920px;
  margin:0 0 1rem
}
.wnow-lead {
  font:1.13rem/2 'Noto Serif SC',serif;
  max-width:960px;
  margin:0
}
.wnow-location {
  font:600 .75rem 'Source Sans 3',sans-serif;
  letter-spacing:.18em;
  color:var(--wnow-muted);
  margin:1.2rem 0 0
}
.wnow-column-rule {
  display:flex;
  justify-content:space-between;
  border-bottom:1px solid var(--wnow-ink);
  padding:.5rem 0;
  color:var(--wnow-accent);
  font-weight:700
}
.wnow-section {
  padding:2rem 0;
  border-bottom:1px solid var(--wnow-line)
}
.wnow-section>header,.wnow-news>header {
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  border-bottom:2px solid var(--wnow-ink);
  margin-bottom:1.2rem
}
.wnow-section h2,.wnow-news h2 {
  font:700 1.7rem 'Noto Serif SC',serif;
  margin:.3rem 0
}
.wnow-ledger-entry {
  display:grid;
  grid-template-columns:64px minmax(0,1fr);
  gap:1rem;
  background:var(--wnow-card);
  padding:1.2rem;
  border-top:1px solid var(--wnow-line);
  margin:.7rem 0
}
.wnow-ledger-entry h3 {
  margin:0 0 .4rem;
  font:600 1.15rem 'Noto Serif SC',serif
}
.wnow-ledger-entry p {
  margin:.1rem 0
}
.wnow-seal {
  width:64px;
  height:64px;
  object-fit:contain;
  border:1px solid var(--wnow-line);
  padding:3px;
  filter:saturate(.65)
}
.wnow-match-list {
  padding:0;
  list-style:none;
  border-top:1px solid var(--wnow-ink)
}
.wnow-match-line {
  display:grid;
  grid-template-columns:180px 150px minmax(220px,1fr) 140px;
  align-items:center;
  gap:.8rem;
  border-bottom:1px solid #b7b8b2;
  padding:.7rem 0
}
.wnow-match-line b {
  font-family:'Noto Serif SC',serif
}
.wnow-match-line small {
  color:var(--wnow-muted)
}
.wnow-news-stack {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:1.1rem
}
.wnow-news-slip {
  background:var(--wnow-card);
  padding:1rem 1.2rem;
  border-top:4px solid var(--wnow-accent)
}
.wnow-news-slip time {
  font-size:.8rem;
  color:var(--wnow-muted)
}
.wnow-news-slip h3,.wnow-news-slip h2 {
  font:600 1.2rem/1.5 'Noto Serif SC',serif
}
.wnow-news-slip p {
  margin-bottom:0
}
.wnow-faq {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:.5rem 1rem
}
.wnow-faq>header {
  grid-column:1/-1
}
.wnow-question {
  padding:1rem;
  background:var(--wnow-card);
  border-left:3px solid var(--wnow-accent)
}
.wnow-question summary {
  font-weight:700;
  cursor:pointer
}
.faq-answer {
  margin-bottom:0
}
.wnow-opinion-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:1rem
}
.site-viewpoint {
  padding:1rem;
  border:1px solid var(--wnow-line);
  background:var(--wnow-card)
}
.site-viewpoint h3 {
  font:600 1rem 'Noto Serif SC',serif
}
.wnow-foot-route {
  display:flex;
  flex-wrap:wrap;
  gap:1rem;
  padding:2rem 0
}
.wnow-foot-route a {
  color:var(--wnow-accent)
}
.wnow-about-page>header,.wnow-news-page>header,.wnow-data-page>header,.wnow-online-page>header,.wnow-app-page>header {
  border-bottom:4px double var(--wnow-ink);
  padding-bottom:1rem;
  margin-bottom:2rem
}
.wnow-about-page h1,.wnow-news-page h1,.wnow-data-page h1,.wnow-online-page h1,.wnow-app-page h1 {
  font:700 clamp(2rem,4vw,3.5rem) 'Noto Serif SC',serif
}
.wnow-about-columns {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:1rem
}
.wnow-about-close,.wnow-online-end,.wnow-app-end {
  font:1.1rem 'Noto Serif SC',serif;
  border-left:4px solid var(--wnow-accent);
  padding:1rem 1.4rem;
  margin:2rem 0
}
.wnow-data-note {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:1rem
}
.wnow-fixture-board {
  margin-top:2rem;
  padding:1rem;
  background:var(--wnow-card)
}
.wnow-fixture-board h2 {
  font:600 1.5rem 'Noto Serif SC',serif
}
.wnow-online-ledger {
  display:grid;
  grid-template-columns:2fr 1fr;
  gap:1rem
}
.wnow-app-pair {
  display:flex;
  flex-direction:column;
  gap:1rem;
  max-width:760px
}
.wnow-app-pair .wnow-ledger-entry:nth-child(2) {
  margin-left:4rem
}
.wnow-roundtable .wnow-opinion-grid {
  grid-template-columns:repeat(3,1fr)
}
@media(max-width:760px) {
  main {
  padding:1rem 1rem 4rem
}
.b35-navigation {
  padding-left:1rem
}
.wnow-news-stack,.wnow-faq,.wnow-about-columns,.wnow-data-note,.wnow-online-ledger,.wnow-opinion-grid {
  grid-template-columns:1fr
}
.wnow-match-line {
  grid-template-columns:1fr 1fr;
  gap:.15rem .5rem
}
.wnow-match-line b {
  grid-column:1/-1
}
.wnow-app-pair .wnow-ledger-entry:nth-child(2) {
  margin-left:0
}
.wnow-frontispiece h1 {
  font-size:2.3rem
}

}