:root{color-scheme:light;--paper:#fcfcfa;--ink:#252b30;--muted:#5d666b;--accent:#2b5064;--line:#d8dedf;--wash:#f0f3f3;font-family:Georgia,'Times New Roman',serif;color:var(--ink);background:var(--paper)}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:var(--accent);text-underline-offset:4px}button{cursor:pointer;border:1px solid var(--line);border-radius:3px;padding:.65rem .9rem;background:var(--paper);color:var(--accent);font-family:system-ui,sans-serif;font-size:.875rem}button:hover{background:var(--wash)}button:disabled{opacity:.55;cursor:wait}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.text-button{padding:.4rem 0;border:0;border-radius:0;background:transparent;text-decoration:underline;text-decoration-color:#a8b9c1;text-underline-offset:5px;white-space:nowrap}.text-button:hover{background:transparent;text-decoration-color:var(--accent)}.site-header{max-width:1140px;margin:0 auto;padding:2rem 2.5rem 1.6rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.wordmark{font-size:1.2rem;color:var(--ink);text-decoration:none}.wordmark span{color:var(--muted);font-style:italic}.site-header nav{display:flex;gap:1rem}main{max-width:820px;margin:auto;padding:4.4rem 3rem 0}.eyebrow{font: .75rem/1.4 system-ui,sans-serif;letter-spacing:.15em;text-transform:uppercase;color:var(--accent);margin:0 0 1.5rem}h1{font-size:clamp(2.25rem,4.25vw,3.5rem);font-weight:400;letter-spacing:-.04em;line-height:1.13;margin:0;max-width:760px}.wide-break{display:none}.title-rule{width:48px;height:2px;background:var(--accent);margin:2.1rem 0}.margin-intro{display:flex;align-items:flex-start;justify-content:space-between;gap:2rem;border-bottom:1px solid var(--line);padding:0 0 1.7rem;margin-bottom:2.5rem;font-family:system-ui,sans-serif}.margin-intro h2{font-size:.875rem;font-weight:600;margin:0 0 .45rem}.margin-intro p{font-size:.875rem;line-height:1.55;color:var(--muted);margin:0;max-width:385px}.margin-intro button{font-size:.8125rem}article{font-size:1.2rem;line-height:1.78}article p{margin:0 0 1.15em;white-space:pre-line}article h2{font-size:1.5rem;font-weight:500;line-height:1.35;letter-spacing:-.02em;margin:3rem 0 1.1rem}article .essay-section:first-child .passage:first-child p{font-size:1.33rem;line-height:1.65}article blockquote{margin:1.5rem 0;padding:.2rem 0 .2rem 1.4rem;border-left:2px solid #9aaeba;color:#47515a;font-style:italic;white-space:pre-line}.passage{position:relative}.note-slot{position:absolute;left:calc(100% + 1rem);top:.15rem}.note-indicator{border:0;font-size:.8125rem;padding:.35rem .5rem;min-width:2.5rem;background:var(--wash)}.notes-footer{border-top:1px solid var(--line);padding:1.5rem 0;font: .875rem/1.5 system-ui,sans-serif;display:flex;gap:1.5rem;flex-wrap:wrap}.notes-footer p{flex-basis:100%;margin:0;color:var(--muted)}.site-footer{max-width:1140px;margin:2rem auto 0;padding:1.5rem 2.5rem 2.5rem;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:1rem;font: .8125rem/1.5 system-ui,sans-serif;color:var(--muted)}.skip-link{position:absolute;top:-100px;left:1rem;padding:1rem;background:white;z-index:10}.skip-link:focus{top:1rem}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%)}[hidden]{display:none!important}#add-note{position:fixed;z-index:5;background:var(--accent);color:white;box-shadow:0 3px 14px #152e4426}dialog{width:min(440px,calc(100% - 2rem));max-height:90dvh;position:fixed;left:auto;right:1.5rem;top:1.5rem;margin:0;border:1px solid var(--line);border-radius:4px;background:var(--paper);color:var(--ink);padding:1.5rem;box-shadow:0 16px 70px #172b4120;font: .9375rem/1.6 system-ui,sans-serif}dialog::backdrop{background:rgb(30 40 45 / .1)}.dialog-header{display:flex;gap:1rem;align-items:center;justify-content:space-between;padding-bottom:1rem;border-bottom:1px solid var(--line);margin-bottom:1rem}.dialog-header h2{font:1.4rem Georgia,serif;margin:0}.dialog-header button{border:0;padding:.3rem}.quote{font:italic 1.05rem/1.6 Georgia,serif;padding:.8rem 1rem;border-left:2px solid #9aafb9;background:var(--wash);margin:1rem 0;white-space:pre-wrap;overflow-wrap:anywhere;max-height:180px;overflow:auto}.field{display:block;margin:1rem 0}.field span{display:block;font-weight:600;margin-bottom:.4rem}input,textarea,select{width:100%;border:1px solid #a8b6bc;border-radius:3px;padding:.7rem;color:var(--ink);background:white;font-size:1rem}textarea{resize:vertical;min-height:130px}.hint{color:var(--muted);font-size:.8125rem}.actions{display:flex;gap:.65rem;flex-wrap:wrap;margin-top:1rem}.primary{background:var(--accent);color:white;border-color:var(--accent)}.primary:hover{background:#213f50}.error{color:#922f25}.success{color:#285440}.note{border-bottom:1px solid var(--line);padding:1.3rem 0;overflow-wrap:anywhere}.note p{white-space:pre-wrap}.note-meta{font-size:.8125rem;color:var(--muted)}.badge{font-size:.75rem;border:1px solid var(--line);padding:.15rem .4rem;border-radius:2px}.reply{border-left:2px solid var(--line);padding-left:1rem;margin:1rem 0}.moderation{max-width:1000px;font:1rem/1.6 system-ui,sans-serif}.moderation h1{font-family:Georgia,serif;font-size:2.5rem}.moderation .toolbar{display:flex;gap:.7rem;flex-wrap:wrap;margin:2rem 0}.moderation .toolbar button[aria-pressed=true]{background:var(--accent);color:white}.moderation .note{padding:1.5rem 0}.moderation .quote{max-height:none}.moderation code{word-break:break-all;font-size:.8125rem}.selection-mark{background:#e6edf0}
@media(min-width:1450px){dialog{right:max(1.5rem,calc((100vw - 1480px)/2));width:360px}}@media(max-width:640px){.site-header{padding:1.25rem 1.25rem}.wordmark{font-size:1.05rem}.wordmark span{display:none}.site-header .text-button{font-size:.8125rem}main{padding:2.8rem 1.5rem 0}h1{font-size:2.5rem}.eyebrow{margin-bottom:1.1rem}.title-rule{margin:1.7rem 0}.margin-intro{display:block;padding-bottom:1.4rem;margin-bottom:2rem}.margin-intro button{margin-top:.65rem}article{font-size:1.125rem;line-height:1.75}article .essay-section:first-child .passage:first-child p{font-size:1.2rem}article h2{font-size:1.4rem;margin-top:2.5rem}.passage:has(.note-indicator){padding-right:2rem}.note-slot{left:auto;right:-.9rem}.note-indicator{min-width:1.8rem;padding:.35rem}.site-footer{padding:1.5rem;display:block}.site-footer a{display:block;margin-top:.8rem}dialog{inset:auto 0 0;width:100%;max-height:85dvh;border-radius:12px 12px 0 0;padding:1.25rem;margin:0}.notes-footer{gap:1rem}}@media print{header,.margin-intro,.notes-footer,footer,.note-slot,dialog,#add-note{display:none!important}main{padding:0;max-width:100%}article{font-size:11pt}h1{font-size:25pt}article h2{break-after:avoid}.passage{break-inside:avoid}}

.site-header nav{margin-left:auto}
@media(max-width:640px){dialog{max-width:100%}}

/* Number questions without changing the article text used by Margin Notes. */
article{counter-reset:question}article .essay-section>h2{counter-increment:question;display:grid;grid-template-columns:1.6em minmax(0,1fr);column-gap:.35em}article .essay-section>h2::before{content:counter(question) ".";color:var(--muted);font-family:system-ui,sans-serif;font-size:.6em;font-weight:400;line-height:2.25;font-variant-numeric:tabular-nums}



/* Reader layout: stable paragraph spacing and restrained navigation. */
article .passage{display:flow-root;margin:0 0 1.15em}
article .passage>p,article .passage>blockquote{margin-top:0;margin-bottom:0}
article .essay-section>h2{display:block;position:relative}
article .essay-section>h2::before{position:absolute;right:calc(100% + .8rem);top:.1em;font-size:.7em;line-height:1.65}
.essay-section{scroll-margin-top:1.5rem}
.key-questions{border-left:2px solid var(--accent);padding:.15rem 0 .15rem 1rem;margin:0 0 1.15em}
article .key-questions .passage{margin:0 0 .45em}
article .key-questions .passage:last-child{margin-bottom:0}
.margin-intro{align-items:center;gap:1rem;padding-bottom:.9rem;margin-bottom:.8rem}
.margin-intro h2{display:inline;font-size:.8125rem;margin:0 .4rem 0 0}
.margin-intro p{display:inline;font-size:.8125rem;max-width:none;line-height:1.5}
.margin-intro>div{flex:1}
.margin-intro button{flex-shrink:0}
.question-index{margin:0 0 2rem;font:.875rem/1.5 system-ui,sans-serif;color:var(--muted)}
.question-index summary{cursor:pointer;width:fit-content;padding:.4rem 0;color:var(--accent)}
.question-index summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.question-index nav{padding:.5rem 0 0}
.question-index ol{margin:.25rem 0 0;padding-left:1.5rem;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:2rem;row-gap:.25rem}
.question-index a{display:inline-block;padding:.3rem 0;text-decoration-thickness:1px}
@media(max-width:640px){article .essay-section>h2{display:grid;grid-template-columns:1.3em minmax(0,1fr);column-gap:.3em}article .essay-section>h2::before{position:static;font-size:.7em;line-height:1.9}.margin-intro{display:flex;align-items:flex-start;flex-wrap:wrap;gap:.25rem .8rem}.margin-intro>div{flex-basis:100%}.margin-intro button{margin-top:0}.question-index ol{grid-template-columns:1fr}.question-index{margin-bottom:1.6rem}}
@media print{.question-index{display:none}}