body.notebooks{
  --paper:#efe9df;--paper-ink:#26211b;--paper-muted:#6d6256;
  --body:'Source Sans 3',sans-serif;
  background:#100e0c;color:var(--paper);font-family:var(--body);line-height:1.7;
}
.notebooks h1,.notebooks h2,.notebooks h3{font-weight:300;letter-spacing:0;line-height:1.08}
.notebooks h1{font-size:clamp(3.2rem,7vw,6.8rem);max-width:13ch;margin-bottom:2rem}
.notebooks .site-header{background:#100e0cf5;padding-block:1rem;gap:.75rem}
.nb-nav{display:flex;align-items:center;justify-content:center;gap:clamp(1rem,4vw,3rem);font-size:.8rem;letter-spacing:.08em}
.nb-nav .lang{display:flex;gap:.55rem;align-items:center}
.notebooks main{padding-top:clamp(10rem,15vw,13rem)}
.nb-intro,.nb-volumes,.nb-colophon,.nb-recent,.nb-volume-hero,.nb-contents,.nb-footer{
  max-width:1240px;margin-inline:auto;padding-inline:clamp(1.25rem,5vw,4rem);
}
.nb-intro{padding-bottom:4rem}
.nb-intro p:not(.nb-eyebrow){max-width:58ch;font-size:clamp(1.05rem,2vw,1.25rem);margin-block:1rem}
.nb-eyebrow{font-size:.72rem;letter-spacing:.15em;font-weight:600;margin-bottom:1.4rem;color:#b8a17b}
.nb-action{display:inline-block;padding-block:1rem;border-bottom:1px solid #8d7859;margin-top:1rem}
.nb-action span{margin-left:3rem}
.nb-volumes{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(2rem,5vw,5rem);align-items:start}
.nb-cover{display:block;position:relative;padding-bottom:2rem}
.nb-cover img{display:block;width:100%;height:auto;margin-bottom:2rem}
.nb-cover h2{font-size:clamp(2.8rem,5vw,4rem);margin-bottom:1rem}
.nb-cover p{max-width:42ch;color:#b9b0a2}
.nb-cover-arrow{position:absolute;right:0;bottom:2rem;font-size:2rem}
.nb-preparation{list-style:none;margin:0;padding:0}
.nb-preparation li{display:grid;grid-template-columns:2.5rem 1fr;gap:1rem;padding:1.5rem 0;border-top:1px solid #72634b66}
.nb-preparation h2{font-size:clamp(1.3rem,2.5vw,2rem);color:#c4b9aa;margin-bottom:.65rem}
.nb-preparation p,.nb-number{font-size:.7rem;letter-spacing:.12em;color:#aaa091}
.nb-colophon{padding-block:4rem;color:#b9b0a2}
.nb-colophon p{max-width:68ch;margin-block:1rem}
.nb-recent{padding-block:4rem;background:var(--paper);color:var(--paper-ink)}
.nb-recent>div>h2{font-size:2.2rem;margin-bottom:2rem}
.nb-entry{display:grid;grid-template-columns:minmax(0,1fr) 3rem;border-top:1px solid #a697813f;padding:2.5rem 0}
.nb-entry h3{font-size:clamp(2rem,4vw,3.2rem);margin-bottom:1.25rem;max-width:24ch}
.nb-entry p{max-width:60ch}
.nb-entry>span{font-size:2rem;align-self:center;justify-self:end}
.nb-entry .nb-eyebrow,.nb-entry .nb-kind{color:var(--paper-muted)}
.nb-kind{font-size:.8rem;margin-bottom:.8rem}
.nb-end-link a{display:block;width:fit-content;padding-block:.8rem;text-decoration:underline;text-underline-offset:.3em}
.nb-volume-hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:3rem;align-items:center;padding-bottom:5rem}
.nb-volume-image img{display:block;width:100%;height:auto}
.nb-deck{font-size:clamp(1.1rem,2vw,1.4rem);max-width:50ch;color:#c4b9aa;line-height:1.65}
.nb-reading,.nb-method,.nb-article-heading{max-width:760px;margin-inline:auto;padding-inline:clamp(1.25rem,4vw,2.5rem)}
.nb-reading{padding-block:2rem;font-size:clamp(1.1rem,1.8vw,1.25rem)}
.nb-reading p{margin-bottom:1.5rem;max-width:none}
.nb-contents{padding-block:3rem}
.nb-contents h2{font-size:2rem;margin-bottom:1.5rem}
.nb-contents ol{list-style-type:upper-roman;padding-left:1.5rem}
.nb-contents li{padding:.75rem;text-decoration:underline;text-underline-offset:.3em}
.nb-method{margin-top:2rem;padding-block:2rem;border-top:1px solid #72634b66;color:#b9b0a2;font-size:.95rem}
.nb-method h2{font-size:1.7rem;margin-bottom:1rem}
.nb-method p{margin-bottom:1rem;max-width:none}
.nb-article-heading{padding-bottom:3rem}
.nb-article-heading h1{font-size:clamp(3rem,6vw,5.5rem);max-width:17ch}
.nb-spread{max-width:1080px;margin-inline:auto;padding-inline:clamp(1.25rem,4vw,2.5rem)}
.nb-spread img{display:block;width:100%;height:auto}
.nb-essay{padding-top:4rem}
.nb-essay h2{font-size:clamp(2rem,4vw,3rem);margin-top:3.5rem;margin-bottom:1.5rem;color:#dfd3bf}
.nb-footer{padding-block:4rem;font-size:.85rem;color:#b9b0a2;border-top:1px solid #72634b66;margin-top:4rem}
.nb-footer p{max-width:70ch;margin-bottom:2rem}
.nb-footer-links{display:flex;flex-wrap:wrap;gap:1rem 2rem;align-items:center}
.notebooks :focus-visible{outline:2px solid #c9b183;outline-offset:5px}
.notebooks a:hover{color:#c2a97f}
.nb-recent a:hover{color:#755d35}
.notebooks [id]{scroll-margin-top:calc(var(--anchor-h,140px) + 24px)}
@media(max-width:680px){
  .nb-volumes,.nb-volume-hero{grid-template-columns:1fr}
  .nb-volume-image{max-width:380px}
  .nb-intro{padding-bottom:2.5rem}
  .nb-volume-hero{gap:2rem;padding-bottom:2rem}
  .nb-nav{font-size:.72rem}
}
@media(prefers-reduced-motion:no-preference){
  .notebooks a{transition:color .2s ease}
}