/* Handwork notebook: indigo, sky linen, ochre, chalk and plum thread. */
:root{--indigo:#192943;--linen:#e7eff3;--ochre:#efb93f;--chalk:#fafcff;--plum:#643954;--line:#94a9b8;--display:Georgia,"Times New Roman",serif;--text:system-ui,sans-serif}
*{box-sizing:border-box}
body{margin:0;background:var(--linen);color:var(--indigo);font:1rem/1.7 var(--text)}
a{color:var(--plum);text-underline-offset:.22em;text-decoration-thickness:.09em}
a:focus-visible{outline:3px solid #94552d;outline-offset:5px}
img{display:block;max-width:100%;height:auto}
.wrap{width:min(73rem,100% - 4rem);margin-inline:auto}
.masthead .wrap{min-height:5.5rem;display:flex;align-items:center;justify-content:space-between;gap:1.2rem;border-bottom:1px solid var(--line)}
.name{font:700 1.38rem/1.1 var(--display);color:var(--indigo);text-decoration:none;white-space:nowrap}
.masthead nav{display:flex;gap:.55rem 1.5rem;flex-wrap:wrap;font-size:.92rem}
.masthead nav a[aria-current]{font-weight:700}
.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.8fr);align-items:center;gap:clamp(1.5rem,5vw,5rem);padding:clamp(2.6rem,7vw,6.4rem) 0 3.8rem}
.hero h1,.intro h1{font:400 clamp(3.4rem,8vw,7.1rem)/.91 var(--display);letter-spacing:-.055em;margin:0}
.hero-copy>p,.intro>p{font-size:clamp(1.05rem,1.8vw,1.25rem);max-width:43ch;margin:1.6rem 0}
.hero-copy .hero-link{margin-top:1.7rem}
.hero-link a{display:inline-block;background:var(--ochre);padding:.66rem 1rem;color:#30230d;font-size:.95rem;font-weight:730}
.sampler{padding:1rem 1.2rem .65rem;background:var(--indigo);border-radius:12rem 12rem 1rem 1rem;color:var(--chalk);text-align:center}
.sampler img{margin-inline:auto}.sampler p{margin:.1rem 0 .35rem;font-size:.82rem;letter-spacing:.03em}
h2,h3{font-family:var(--display);font-weight:500;line-height:1.16}
h2{font-size:clamp(1.75rem,4vw,2.5rem)}h3{font-size:clamp(1.45rem,3vw,2rem)}
.contents{padding:1rem 0 4rem;border-top:1px dashed var(--line)}
.reading{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem 2rem}
.reading article{background:var(--chalk);padding:.8rem 1.2rem 1.2rem;border-left:4px solid var(--line)}
.reading article:nth-child(2){border-left-color:var(--ochre)}.reading article h2,.reading article h3{margin:.45rem 0 .65rem}.reading article p{margin:0;max-width:42ch}
.intro{padding:clamp(2.4rem,6vw,5.3rem) 0 1rem}.intro h1{font-size:clamp(2.8rem,6vw,5.5rem);line-height:1.02;max-width:14ch;overflow-wrap:anywhere}
.content{max-width:66ch;padding:1.4rem 0 4rem}.prose h2{font-size:clamp(1.55rem,4vw,2rem);margin:1.9rem 0 .3rem}
.prose h2:first-child{margin-top:0}.prose p{margin:.55rem 0 1rem}
.materials{margin:0}.materials div{display:grid;grid-template-columns:7rem 1fr;gap:1rem;padding:1rem 0;border-top:1px dashed var(--line)}
.materials dt{font:700 1.28rem var(--display)}.materials dd{margin:0}
.next{padding-top:.9rem;border-top:1px solid var(--line);margin-top:2rem!important}.article-index{margin-top:1rem}
.footer{border-top:1px solid var(--line);padding:1.4rem 0 2.2rem;font-size:.93rem}
@media(max-width:44rem){.wrap{width:calc(100% - 2rem)}.masthead .wrap{min-height:auto;padding:1.15rem 0;align-items:flex-start;flex-direction:column;gap:.55rem}.hero{grid-template-columns:1fr;gap:1.2rem;padding:2.5rem 0 2rem}.hero-copy>p,.intro>p{margin:.9rem 0}.sampler{max-width:23rem;width:100%;justify-self:center;padding:.55rem .65rem}.reading{grid-template-columns:1fr}.contents{padding-bottom:2.35rem}.materials div{grid-template-columns:1fr;gap:.2rem}}