:root{
  --paper:#f3ead9;
  --paper-dark:#e4d6bd;
  --ink:#2b241a;
  --ink-soft:#5a4f3f;
  --terra:#b4532a;
  --terra-dark:#8c3f1f;
  --line:#b9a98a;
  --rule:2px solid var(--terra);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  background:var(--paper);
  color:var(--ink);
  font-family:Georgia,'Times New Roman',serif;
  line-height:1.65;
  background-image:
    linear-gradient(var(--line) 1px, transparent 1px),
    linear-gradient(90deg, var(--line) 1px, transparent 1px);
  background-size:34px 34px;
  background-position:center;
}
header.masthead{
  max-width:940px;
  margin:0 auto;
  padding:3rem 1.5rem 1rem;
  text-align:center;
}
.rule{height:var(--rule);background:var(--terra);border:none;max-width:940px;margin:0 auto}
.kicker{
  font-family:'Courier New',monospace;
  text-transform:uppercase;
  letter-spacing:.22em;
  font-size:.72rem;
  color:var(--terra-dark);
  margin-bottom:1.2rem;
}
h1{
  font-size:3.4rem;
  line-height:.98;
  letter-spacing:-.01em;
  margin:.2rem 0 1.4rem;
  font-weight:400;
}
.standfirst{
  max-width:640px;
  margin:0 auto;
  font-size:1.12rem;
  color:var(--ink-soft);
  font-style:italic;
}
main{max-width:940px;margin:0 auto;padding:2rem 1.5rem 4rem}
section{margin:3.5rem 0}
h2{
  font-size:1.5rem;
  font-weight:400;
  border-bottom:1px solid var(--terra);
  padding-bottom:.5rem;
  margin-bottom:1.5rem;
}
h2 .en{font-style:italic;color:var(--ink-soft);font-size:1rem}
.img-wrap img{width:100%;height:auto;border:1px solid var(--line)}
.caption{font-family:'Courier New',monospace;font-size:.72rem;color:var(--ink-soft);margin:.4rem 0 1.4rem;letter-spacing:.03em}
article{margin:2.4rem 0}
article h3{font-size:1.3rem;font-weight:400;margin:0 0 .4rem}
article h3 .num{color:var(--terra);font-family:'Courier New',monospace;margin-right:.5rem}
.season-tag{
  font-family:'Courier New',monospace;
  font-size:.72rem;
  letter-spacing:.1em;
  color:var(--paper);
  background:var(--terra);
  padding:.2rem .6rem;
  margin-left:.5rem;
  vertical-align:middle;
}
article img{width:100%;max-height:300px;object-fit:cover;border:1px solid var(--line);margin:.8rem 0}
.tactic{
  border-left:4px solid var(--terra);
  padding:.6rem 1rem;
  background:var(--paper-dark);
  font-size:.98rem;
}
blockquote{
  margin:1.5rem 0;
  padding:1rem 1.5rem;
  border-left:6px double var(--terra);
  font-style:italic;
  font-size:1.15rem;
  color:var(--ink);
}
blockquote:before{content:""}
.grounded .fortlets{display:flex;gap:1.5rem;flex-wrap:wrap}
.grounded .fortlets>div{flex:1 1 300px;background:var(--paper-dark);border:1px solid var(--line);padding:1rem}
.grounded h4{font-family:'Courier New',monospace;text-transform:uppercase;letter-spacing:.12em;font-size:.75rem;margin:0 0 .6rem;color:var(--terra-dark)}
.sources{font-size:.85rem;color:var(--ink-soft);font-style:italic;margin-top:1.5rem}
.neighbors a{color:var(--terra-dark)}
footer{
  max-width:940px;
  margin:0 auto;
  padding:2rem 1.5rem 3rem;
  border-top:1px solid var(--line);
  color:var(--ink-soft);
  font-size:.9rem;
}
footer a{color:var(--terra-dark)}
.colophon{font-family:'Courier New',monospace;font-size:.72rem;letter-spacing:.05em;margin-top:.6rem}
a{color:var(--terra-dark)}
a:hover{background:var(--paper-dark)}
@media(max-width:600px){h1{font-size:2.4rem}}