.lead{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:clamp(1.4rem,4vw,4rem);padding-block:clamp(2.2rem,5vw,5rem)}
.lead h1{font:700 clamp(1.9rem,3.7vw,3.55rem)/1.4 var(--serif);letter-spacing:.01em}.lead p,.reading p{line-height:1.95}.lead figure{padding:.55rem;border:1px solid var(--line);background:#fffdf6}.lead figure img{aspect-ratio:1.7;object-fit:cover;object-position:50% 63%}.lead figcaption,.reading small{display:block;color:#4e6056;font-size:.83rem}.lead figcaption{padding:.45rem .2rem 0}
.reading{width:min(48rem,92%);margin:auto}.contents{display:flex;gap:.4rem 1.2rem;flex-wrap:wrap;border-block:1px solid var(--line);padding:.95rem 0;font-size:.92rem}.contents b{width:100%}.reading section{padding:clamp(2.1rem,4vw,3.5rem) 0;border-bottom:1px solid var(--line);scroll-margin-top:1rem}.reading h2{font-size:clamp(1.55rem,3vw,2.25rem)}.reading blockquote{font:600 clamp(1.15rem,2.1vw,1.48rem)/1.85 var(--serif);background:#e8ede3;border-left:4px solid #476955;margin:1.3rem 0 .35rem;padding:.8rem 1rem}.timeline div{display:grid;grid-template-columns:minmax(7.6rem,auto) 1fr;gap:.7rem;padding:.55rem 0;border-bottom:1px dotted var(--line)}.timeline dt{font-weight:700}.timeline dd{margin:0}.source{background:#edeadd;padding:1rem 1.3rem;margin-top:1.7rem}.source h3,.source p{margin:.35rem 0}.end{display:flex;gap:1rem 2rem;flex-wrap:wrap;padding:2rem 0}@media(max-width:720px){.lead{grid-template-columns:1fr}.lead h1 br{display:none}.timeline div{grid-template-columns:1fr;gap:.1rem}}
.lead>div{container-type:inline-size}.lead h1{font-size:clamp(1.55rem,8cqi,3.1rem)}@media(max-width:720px){.lead h1 br{display:initial}}

.archive-note {
  margin-top: 1.7rem;
  padding: 1.1rem clamp(.85rem, 3vw, 1.6rem) 1.4rem;
  background: #efede3;
  border-top: 1px solid #c7c4b4;
}
.archive-note h3 {
  margin: 0;
  color: #745035;
  font: 650 .8rem/1.6 system-ui, sans-serif;
}
.archive-note h3 span {
  display: block;
  color: var(--ink);
  font: 700 1.3rem/1.5 var(--serif);
}
.archive-note p { margin: .55rem 0 1rem; }
.archive-photo { width: fit-content; max-width: 100%; margin: 0; }
.archive-photo img { width: auto; max-width: 100%; height: auto; }
.archive-photo figcaption {
  margin-top: .42rem;
  font-size: .83rem;
  color: #45574d;
}