:root{color-scheme:light;--paper:#f5f8f8;--ink:#163b3c;--muted:#51696a;--green:#244d45;--line:#cbd9d6;--mist:#e0ece8;--link:#175b59;font-family:"Segoe UI",Arial,sans-serif;font-size:17px;line-height:1.65}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:2rem}body{margin:0;background:var(--paper);color:var(--ink)}a{color:var(--link);text-underline-offset:.22em}a:hover{text-decoration-thickness:2px}a:focus-visible,summary:focus-visible{outline:3px solid #a55b21;outline-offset:5px}.wrap{width:min(1120px,calc(100% - 64px));margin-inline:auto}.skip{position:absolute;left:1rem;top:-5rem;background:white;padding:1rem;z-index:2}.skip:focus{top:1rem}
.header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-block:24px;border-bottom:1px solid var(--line)}.brand{text-decoration:none;color:var(--ink);font-weight:600;letter-spacing:-.03em;font-size:1.2rem}.mark{display:inline-block;color:var(--green);font-size:1.7rem;vertical-align:middle;margin-right:.4rem}.header nav{display:flex;gap:28px}.header nav a{text-decoration:none;color:var(--muted);font-size:.9rem;padding-block:10px}
.intro{display:grid;grid-template-columns:1.8fr 1fr;gap:56px;align-items:center;padding-block:80px 76px}.eyebrow,.category{font-size:.76rem;text-transform:uppercase;letter-spacing:.13em;font-weight:600;color:var(--muted)}h1,h2,h3{font-family:"Palatino Linotype","Book Antiqua",Palatino,Georgia,serif;font-weight:400;line-height:1.13;margin:0}h1{font-size:clamp(2.75rem,5.4vw,4.4rem);letter-spacing:-.045em;margin-block:22px 27px}h1 em{font-weight:400;color:var(--green)}.lead{max-width:480px;color:var(--muted);margin-bottom:30px}.read-link{font-weight:600;text-decoration:none;display:inline-flex;gap:28px;align-items:center;padding-block:8px}.field-note{background:var(--mist);border-radius:46% 46% 3px 3px;padding:100px 32px 44px;min-height:350px;display:flex;flex-direction:column;justify-content:end;transform:rotate(2deg)}.field-note>*{transform:rotate(-2deg)}.field-note p{font-family:Georgia,serif;font-size:1.65rem;line-height:1.45;margin-block:23px}.caption{font-size:.8rem;color:var(--muted)}
.notes{padding-block:34px 62px;border-top:1px solid var(--line)}.section-heading{display:flex;justify-content:space-between;align-items:baseline;gap:24px;margin-bottom:30px}h2{font-size:2rem;letter-spacing:-.025em}.section-heading p{color:var(--muted);font-size:.9rem}.note-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:36px}.note-link{position:relative;border-top:2px solid var(--green);padding:22px 0 32px;text-decoration:none;color:var(--ink)}.note-link h3{font-size:1.65rem;margin-block:15px}.note-link p{font-size:.9rem;color:var(--muted);max-width:290px}.arrow{font-size:1.6rem;display:block;margin-top:20px}.note-link:hover h3{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}
.reading{border-top:1px solid var(--line)}article{display:grid;grid-template-columns:230px 1fr;column-gap:70px;padding-block:56px;border-bottom:1px solid var(--line)}article .category{grid-column:1;margin-top:8px}article h2{grid-column:2;max-width:650px;margin-bottom:22px}article>p:not(.category),article details{grid-column:2;max-width:650px;margin-block:0 18px}article details{margin-top:10px;background:#eaf0ef;border-radius:4px;padding:14px 20px}summary{cursor:pointer;font-weight:600;font-size:.9rem}details p,details ul{margin-bottom:4px}details li+li{margin-top:8px}.about{display:grid;grid-template-columns:230px 1fr;gap:70px;padding-block:55px}.about p{max-width:650px;color:var(--muted);margin-top:0}.footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;padding-block:25px 38px;font-size:.85rem;color:var(--muted)}
@media(max-width:760px){.wrap{width:calc(100% - 36px)}.header{padding-block:15px}.header nav{gap:16px}.brand{font-size:1.05rem}.intro{grid-template-columns:1fr;gap:28px;padding-block:42px}.field-note{min-height:0;border-radius:3px;padding:25px;transform:none}.field-note>*{transform:none}.field-note p{font-size:1.4rem;margin-block:14px}.section-heading{display:block}.section-heading p{margin-top:10px}.note-grid{grid-template-columns:1fr;gap:9px}.note-link{padding-block:20px 14px}.note-link h3{font-size:1.65rem;max-width:340px}.note-link p{max-width:460px}.arrow{position:absolute;right:5px;bottom:20px}.note-link p{padding-right:30px}.notes{padding-bottom:35px}article{display:block;padding-block:35px}article h2{font-size:1.8rem}article .category{margin-bottom:15px}.about{display:block;padding-block:35px}.about h2{margin-bottom:22px}.footer{gap:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}