.notes-main{max-width:800px;margin:0 auto;padding:64px 32px 96px;overflow-wrap:anywhere}
.notes-heading{padding-bottom:46px;border-bottom:1px solid #454139}
.notes-kicker{font:600 .78rem/1.5 var(--sans);letter-spacing:.16em;color:#c8a96d}
.notes-main h1{font:400 clamp(2.5rem,5vw,4.2rem)/1.08 var(--serif);letter-spacing:-.035em;margin:20px 0 24px}
.notes-heading h1{font-size:clamp(3.8rem,7vw,6rem)}
.notes-heading>p:last-child{font:400 1.15rem/1.6 var(--serif);color:#c9c1b5;max-width:36ch}
.note-entry{padding:44px 0;border-bottom:1px solid #454139}
.notes-main a{color:#dfc591;text-underline-offset:.22em;text-decoration-thickness:1px}
.notes-main a:hover{color:#fff2d6}
.note-entry h2{font:400 clamp(1.85rem,3vw,2.6rem)/1.16 var(--serif);letter-spacing:-.025em;margin:16px 0 24px}
.note-entry h2 a{color:#f0eadf;text-decoration:none}
.note-entry h2 a:hover{text-decoration:underline}
.note-body{font:400 1.18rem/1.8 var(--serif);color:#e2dbcf}
.note-body p{margin:0 0 1.2em}
.note-dates{color:#bcb3a5;font:400 .875rem/1.6 var(--sans)}
.note-related{display:flex;align-items:center;gap:18px;border-left:2px solid #c8a96d;padding:12px 18px;margin:28px 0;font-size:1rem;text-decoration:none}
.note-related-image{display:block;flex:none;width:84px;height:84px;object-fit:cover;background:#20201c}
.note-related-copy{display:flex;flex-direction:column;min-width:0}
.note-related-label{text-decoration:underline}
.note-related-title{display:block;color:#d1c8ba;font:400 1.1rem/1.5 var(--serif);margin-top:6px;text-decoration:none}
.note-related:hover .note-related-title{text-decoration:underline}
.note-social{margin-top:30px;font-size:.95rem}
.note-social details{margin:20px 0;line-height:1.7}
.note-social summary{cursor:pointer;padding:12px 0;color:#dfc591}
.note-social ol{padding-left:26px}
.note-social li{padding:14px 0;white-space:normal}
.note-social li p{white-space:pre-wrap}
.note-sources{border-top:1px solid #454139;margin-top:42px;padding-top:24px}
.note-sources h2{font:400 1.6rem var(--serif)}
.note-sources ul{list-style:none;padding:0}
.note-sources li{margin:20px 0;line-height:1.65}
.note-sources li span{display:block;color:#bcb3a5;font-size:.875rem}
.notes-pagination{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;padding-top:26px}
.notes-pagination a,.notes-back{display:inline-block;min-height:44px;padding:12px 0}
.note-detail header{margin-top:26px}
.note-share{margin-top:40px;border-top:1px solid #454139;padding-top:28px}
.note-share button{color:#13120f;background:#dfc591;border:1px solid #dfc591;font:600 1rem var(--sans);min-height:44px;padding:12px 20px;cursor:pointer}
.note-share label{display:block;color:#bcb3a5;font-size:.875rem;margin:18px 0 8px}
.note-share input{width:100%;padding:12px;color:#ded5c7;background:#151512;border:1px solid #70624c;font:inherit}
.notes-main :focus-visible{outline:2px solid #f0d29c;outline-offset:5px}
.notes-empty{padding:40px 0;font:400 1.3rem/1.6 var(--serif)}
.public-nav{flex-wrap:wrap}
@media(max-width:600px){.notes-main{padding:36px 22px 64px}.note-entry{padding:32px 0}.note-body{font-size:1.1rem}.notes-heading{padding-bottom:26px}.public-topbar{align-items:flex-start;flex-wrap:wrap;gap:16px}.public-nav{width:100%;gap:6px 16px}.public-nav a{min-height:44px;display:inline-flex;align-items:center}.note-related-image{width:64px;height:64px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}