html:has(.reader[open]){overflow:hidden}.mast{margin-top:40px;text-align:center}.mast .kicker{font-size:12px;letter-spacing:.3em;text-transform:uppercase;color:var(--soft)}.mast h1{font:600 clamp(44px,9vw,84px) / 1 var(--font-prose);letter-spacing:-.02em;margin:10px 0 18px}.edition{text-align:center;font-size:12px;color:var(--soft);font-variant-numeric:tabular-nums;padding:6px 0;border-top:3px solid var(--ink);border-bottom:var(--hair) solid var(--ink);box-shadow:0 -5px 0 -4px var(--ink)}.folio{margin-top:40px;padding-top:8px;border-top:var(--hair) solid var(--ink);display:flex;justify-content:space-between;font-size:12px;color:var(--soft)}.columns{margin-top:28px;display:grid;grid-template-columns:1fr 1fr}.col{padding-right:24px}.col+.col{padding:0 0 0 24px;border-left:var(--hair) solid var(--rule)}@media(max-width:720px){.columns{display:flex;flex-direction:column}.col{display:contents}.letter .ex{text-align:left}}.letter{display:block;position:relative;isolation:isolate;break-inside:avoid;color:var(--ink);background:none;padding:14px 14px 18px;margin:0 -14px 10px;width:calc(100% + 28px)}.letter:hover{color:var(--ink)}.letter:focus-visible:after{content:none}.letter .paper{position:absolute;inset:0;z-index:-1}.letter:hover .paper{background:var(--code-bg)}@media(prefers-reduced-motion:no-preference){.letter .paper{transition:background-color .2s}}.letter:focus-visible .paper{--c: var(--accent)}.sheet .paper{--c: var(--soft)}.letter:focus-visible .paper:after,.sheet .paper:after{content:"";position:absolute;inset:-4px;pointer-events:none;background:linear-gradient(var(--c),var(--c)) 0 0 / 9px 1.5px,linear-gradient(var(--c),var(--c)) 0 0 / 1.5px 9px,linear-gradient(var(--c),var(--c)) 100% 0 / 9px 1.5px,linear-gradient(var(--c),var(--c)) 100% 0 / 1.5px 9px,linear-gradient(var(--c),var(--c)) 0 100% / 9px 1.5px,linear-gradient(var(--c),var(--c)) 0 100% / 1.5px 9px,linear-gradient(var(--c),var(--c)) 100% 100% / 9px 1.5px,linear-gradient(var(--c),var(--c)) 100% 100% / 1.5px 9px;background-repeat:no-repeat}.slug{display:flex;gap:1ch;font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--soft);font-variant-numeric:tabular-nums}.slug .list{color:var(--accent);font-weight:600}.letter h2{font:600 21px/1.2 var(--font-prose);margin:6px 0 8px;padding:0;border:0}.letter .ex{font:400 16px/1.55 var(--font-prose);text-align:justify;hyphens:auto}.letter .ex:before{content:"“"}.letter .ex:after{content:"”"}.sig{margin-top:8px;text-align:right;font:italic 400 15px var(--font-prose);color:var(--soft)}.letter.lead{grid-column:1 / -1;text-align:center;padding:8px 14px 26px;margin-bottom:22px;background:linear-gradient(var(--ink),var(--ink)) 14px 100% / calc(100% - 28px) var(--hair) no-repeat}.letter.lead .slug{justify-content:center}.letter.lead h2{font-size:clamp(30px,5vw,44px);margin:8px auto 12px;max-width:18ch}.letter.lead .ex{max-width:58ch;margin:0 auto;text-align:center;font-size:18.5px}.letter.lead .sig{text-align:center}.letter-full{display:none}.reader .letter-full{display:block}.reader{margin:auto;border:0;background:none;color:var(--ink);padding:0;overflow:visible;width:min(680px,100vw - 32px);max-width:none;max-height:none}.reader::backdrop{background:light-dark(color-mix(in srgb,var(--bg) 72%,transparent),color-mix(in srgb,var(--bg) 78%,transparent));backdrop-filter:blur(3px) saturate(.6)}.reader:focus{outline:none}.sheet{position:relative;isolation:isolate}.sheet .paper{position:absolute;inset:0;z-index:-1;background:var(--code-bg);box-shadow:0 1px 0 var(--rule),0 24px 60px -12px light-dark(color-mix(in srgb,var(--ink) 18%,transparent),rgb(0 0 0 / .5)),0 0 0 var(--hair) var(--rule)}.sheet .scroll{max-height:calc(100dvh - 64px);overflow:auto;padding:36px 44px 32px;overscroll-behavior:contain;scrollbar-width:thin}.sheet .scroll:focus{outline:none}.sheet .scroll:focus-visible:after{content:none}@media(max-width:560px){.sheet .scroll{padding:28px 20px 24px}}.letter-full h2{font:600 clamp(26px,4.4vw,36px) / 1.15 var(--font-prose);margin:10px 0 18px;padding:0;border:0}.headers{font-size:12.5px;line-height:1.6;color:var(--soft);border-top:var(--hair) solid var(--rule);border-bottom:var(--hair) solid var(--rule);padding:8px 0;margin-bottom:22px;display:grid;grid-template-columns:max-content 1fr;gap:0 1.5ch}.headers dt{color:var(--ink)}.headers dd{overflow-wrap:anywhere}.passage p{font:400 18px/1.62 var(--font-prose);margin-bottom:.9em;hyphens:auto}.passage p.cut{text-align:center;color:var(--soft);font-family:var(--font-mono);font-size:13px}.passage .initial{float:left;margin:0;padding:0 .08em 0 0;font-size:3.449em;font-weight:600;line-height:.919}@supports (-moz-appearance: none){.passage .initial{position:relative;top:-.75px}}.foot{margin-top:24px;display:flex;justify-content:space-between;align-items:baseline;gap:16px;font-size:13px;color:var(--soft);flex-wrap:wrap}.close{font:inherit;font-size:12px;color:var(--soft);background:none;border:var(--hair) solid var(--rule);padding:1px 7px;cursor:pointer}.close:hover{color:var(--ink);border-color:var(--soft)}.sheet .close{position:absolute;z-index:1;top:12px;right:14px}@media(hover:none){.hint{display:none}}.reader[open] .sheet .paper{view-transition-name:sheet}.reader[open] .sheet h2{view-transition-name:head}::view-transition-old(head),::view-transition-new(head){height:100%;object-fit:contain;object-position:left top}@media(prefers-reduced-motion:no-preference){::view-transition-group(sheet),::view-transition-group(head){animation-duration:.42s;animation-timing-function:cubic-bezier(.2,.8,.2,1)}::view-transition-group(root){animation-duration:.3s}}
