@font-face{font-family:Classic Sans;src:url(type/dmsans.woff2);font-weight:100 900;font-display:swap}
.classic-detail{margin:0;color:var(--classic-ink);background:var(--classic-paper);font:17px/1.55 "Classic Sans",Arial,sans-serif}
.classic-detail *,.classic-feature *,.classic-info *{box-sizing:border-box}
.classic-detail a,.classic-info a{color:inherit;text-underline-offset:.2em}
.classic-header,.classic-detail main,.classic-detail footer{width:min(1180px,calc(100% - clamp(36px,8vw,128px)));margin:auto}
.classic-header{display:flex;align-items:center;justify-content:space-between;gap:20px;position:relative;padding:20px 0;border-bottom:1px solid color-mix(in srgb,currentColor 30%,transparent);z-index:3}
.classic-wordmark{font-family:Georgia,serif;letter-spacing:-.035em;font-size:clamp(22px,3vw,34px);text-decoration:none;font-weight:bold}
.classic-header summary{cursor:pointer;padding:9px 12px}.classic-header details>nav{position:absolute;right:0;top:100%;min-width:min(320px,95%);max-height:62vh;overflow:auto;background:var(--classic-paper);padding:16px 24px;display:grid;box-shadow:0 12px 28px #17212526}
.classic-header nav a{padding:7px 0}.classic-header nav a[aria-current]{font-weight:bold}
.classic-detail figure,.classic-detail h1,.classic-detail h2,.classic-detail p,.classic-detail dl,.classic-detail dd{margin:0}
.classic-lead{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:clamp(26px,5vw,86px);padding:clamp(30px,5vw,72px) 0}
.classic-crumb{font-size:.84rem}.classic-lead h1{font:500 clamp(36px,5.8vw,80px)/1.04 Georgia,serif;letter-spacing:-.045em;margin:18px 0}
.classic-lead p,.classic-notes p,.classic-info p,.classic-feature p{max-width:62ch;text-wrap:pretty}
.classic-lead img,.classic-feature img{display:block;width:100%;height:auto;aspect-ratio:1.45;object-fit:cover}
.classic-detail[data-layout=panorama] .classic-lead{display:flex;flex-direction:column;align-items:stretch;gap:18px}
.classic-detail[data-layout=panorama] .classic-lead img{aspect-ratio:3.5}.classic-detail[data-layout=folio] .classic-lead figure{order:-1}
.classic-detail[data-layout=sheet] .classic-lead h1{font-family:"Classic Sans",Arial,sans-serif;font-weight:650}
.classic-notes{border-top:2px solid var(--classic-accent);padding:clamp(24px,4vw,56px) 0;display:flex;flex-wrap:wrap;gap:32px;justify-content:space-between}
.classic-detail h2,.classic-info h2,.classic-feature h2{font-size:clamp(24px,2.5vw,38px);line-height:1.18;letter-spacing:-.035em;margin:0 0 .5em}
.classic-notes p+p{margin-top:12px}
.classic-related{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,235px),1fr));gap:24px;margin:14px 0 44px}
.classic-related a{padding:14px 0;border-top:1px solid currentColor;text-decoration:none}.classic-related strong{font-size:1.15em}.classic-related p{font-size:15px;margin:8px 0;line-height:1.45}
.classic-info,.classic-feature{font:400 clamp(16px,1.2vw,19px)/1.55 "Classic Sans",Arial,sans-serif;background:var(--classic-paper);color:var(--classic-ink)}
.classic-info{display:grid;grid-template-columns:1.2fr 1fr;gap:clamp(25px,6vw,100px);padding:clamp(26px,5vw,70px) 0;border-top:1px solid color-mix(in srgb,currentColor 30%,transparent)}
.classic-info dl{margin:0}.classic-info dt{font-size:.79em;font-weight:700;margin:0 0 2px}.classic-info dd{margin:0 0 10px}
.classic-front .classic-info,.classic-front .classic-feature{padding:clamp(28px,5vw,68px) max(6vw,calc((100% - 1180px)/2))}
.classic-feature{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,5vw,75px);align-items:center}
.classic-feature figure{margin:0}.classic-feature p,.classic-info p{margin:0}
.classic-detail footer{border-top:1px solid color-mix(in srgb,currentColor 30%,transparent);display:flex;justify-content:space-between;gap:16px;padding:22px 0 75px;font-size:14px}
.classic-book{display:grid;gap:14px;max-width:350px;border-left:2px solid var(--classic-accent);padding-left:20px}.classic-book label{display:grid;gap:4px}.classic-book input,.classic-book select,.classic-book button{font:inherit;padding:8px}.classic-book button{cursor:pointer}.classic-book p{font-size:.8em}.classic-book output{font-weight:bold}
.classic-detail .classic-choice{position:fixed;right:14px;bottom:14px;z-index:4;background:white;color:#164333;font:600 14px/1.35 "Classic Sans",Arial,sans-serif;border:1px solid #a4bcb1;padding:10px 14px;border-radius:4px;text-decoration:none;box-shadow:0 2px 12px #112d3120}
.classic-skip{position:absolute;top:-99px;left:12px;z-index:6;background:white;color:black;padding:8px}.classic-skip:focus{top:4px}
@media(max-width:680px){.classic-lead,.classic-info,.classic-feature{grid-template-columns:1fr}.classic-detail[data-layout=folio] .classic-lead figure{order:0}.classic-detail[data-layout=panorama] .classic-lead img{aspect-ratio:1.8}.classic-header{padding:12px 0}.classic-detail footer{display:block}.classic-book{max-width:100%}.classic-related{margin-bottom:30px}}
.classic-request{margin-top:18px}.classic-request summary{display:list-item;cursor:pointer;text-decoration:underline;text-underline-offset:.2em}.classic-request .classic-book{margin:20px 0 0}.classic-front .classic-book label{color:inherit}
/* The wide composition scales between desktop and mobile. Keep its text readable on tablets. */
@media (min-width:761px) and (max-width:1100px) {
  .classic-front .measure.large :is(p,span).words {font-size:max(15px,var(--size)) !important}
  .classic-front .measure.large h1.words {font-size:max(25px,var(--size)) !important}
  .classic-front .measure.large h2.words {font-size:max(19px,var(--size)) !important}
  .classic-front .measure.large h3.words {font-size:max(16px,var(--size)) !important}
}