.notes-pagehead{min-height:0;padding-bottom:clamp(44px,6vw,84px)}
.notes-pagehead .pagehead-composition{gap:26px}
.notes-directory{padding-bottom:clamp(80px,10vw,160px)}
.notes-controls{display:grid;grid-template-columns:minmax(180px,1fr) minmax(180px,.65fr) auto;gap:20px;align-items:end;padding-bottom:30px;border-bottom:1px solid var(--rule)}
.notes-controls[hidden],.notes-list li[hidden]{display:none}
.notes-controls label{display:grid;gap:10px;font-size:.8125rem;font-weight:500}
.notes-controls input,.notes-controls select,.notes-controls button{font:inherit;min-height:48px;border:1px solid var(--rule);border-radius:0;background:transparent;color:var(--ink);padding:12px;width:100%;min-width:0}
.notes-controls button{padding-inline:24px}
.notes-controls input:focus-visible,.notes-controls select:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
#notes-status{grid-column:1/-1;font-size:.8125rem;color:var(--muted)}
.notes-list{list-style:none;margin:0;padding:0}
.notes-list>li{display:grid;grid-template-columns:minmax(180px,.7fr) minmax(0,1.5fr);gap:clamp(28px,5vw,80px);padding:44px 0;border-bottom:1px solid var(--rule);align-items:center}
.notes-cover{display:block;border:1px solid var(--rule);padding:7px}
.notes-cover img{aspect-ratio:16/9;object-fit:cover;width:100%;height:auto}
.notes-entry .body-kicker{margin-bottom:18px}
.notes-list h2{font-size:clamp(2rem,3vw,3.2rem);line-height:1.12;margin:0;max-width:24ch}
.notes-list h2 a:hover,.note-related a:hover h3{color:#80643b}
.notes-excerpt{font-size:1rem;line-height:1.8;margin-top:20px;max-width:64ch}
.note-meta{font-size:.875rem;line-height:1.8;color:var(--muted);display:flex;flex-wrap:wrap;gap:8px}
.notes-entry .note-meta{margin-top:18px}
.note-article{max-width:1120px;padding-top:clamp(44px,7vw,104px);padding-bottom:clamp(80px,10vw,160px)}
.note-article>header{max-width:960px}
.note-category{margin:36px 0 0;font:500 .75rem/1.6 RoySans,Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#786442}
.note-article h1{font-size:clamp(2.65rem,5.4vw,5.7rem);line-height:1.05;letter-spacing:-.025em;margin:22px 0 28px;overflow-wrap:break-word}
.note-deck{font-size:clamp(1.0625rem,1.5vw,1.3125rem);line-height:1.75;max-width:740px}
.note-article>header .note-meta{padding:28px 0 30px}
.note-meta a{text-decoration:underline;text-underline-offset:4px}
.note-cover{padding:8px;border:1px solid var(--rule);margin:0 0 clamp(40px,6vw,76px)}
.note-cover img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.note-reading{max-width:720px;margin-inline:auto}
.note-contents{border-block:1px solid var(--rule);margin-bottom:46px;font-size:.9375rem;line-height:1.7}
.note-contents summary{cursor:pointer;padding:18px 0}
.note-contents ol{padding-left:24px;margin:0 0 22px}
.note-contents li{margin:10px 0}
.note-contents a:hover{text-decoration:underline;text-underline-offset:4px}
.note-body{font-size:1.125rem;line-height:1.85;overflow-wrap:break-word}
.note-body p{margin:0 0 26px}
.note-body h2{font-size:clamp(1.9rem,3vw,2.7rem);line-height:1.15;margin:54px 0 24px;letter-spacing:-.015em;scroll-margin-top:calc(var(--header) + 26px)}
.note-body h3{font-size:1.3rem;line-height:1.5;margin:32px 0 18px}
.note-body ul,.note-body ol{padding-left:28px;margin:24px 0 34px}
.note-body li{padding-left:8px;margin-bottom:18px}
.note-body blockquote{font-size:clamp(1.8rem,3vw,2.5rem);line-height:1.3;border-left:2px solid var(--gold);padding:8px 0 8px 28px;margin:42px 0}
.note-body a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
.note-body sup{font-size:.7em;line-height:0}
.note-body .article-verbatim{list-style:none;counter-reset:point;padding:0}
.note-body .article-point{counter-increment:point;border-top:1px solid var(--rule);padding:30px 0 6px;position:relative}
.note-body .article-point:before{content:counter(point,decimal-leading-zero);font:400 2.4rem/1 RoySerif,Georgia,serif;display:block;color:#80643b;margin-bottom:20px}
.note-body .article-references{font-size:.875rem;border-top:1px solid var(--rule);padding-top:28px;margin-top:44px}
.note-body .article-references li{scroll-margin-top:calc(var(--header) + 26px)}
.note-body .article-disclaimer{font-size:.875rem;line-height:1.75;color:var(--muted);border-top:1px solid var(--rule);padding-top:26px;margin-top:42px}
.note-lexmatch{border-top:1px solid var(--rule);margin-top:44px;padding:26px 0}
.note-lexmatch .body-link{display:flex;max-width:100%;overflow-wrap:anywhere}
.note-closing{border-top:1px solid var(--rule);padding-top:24px}
.note-closing p{font-size:.875rem;line-height:1.75;color:var(--muted)}
.note-related{margin-top:64px}
.note-related h2{font-size:2.4rem;margin-bottom:24px}
.note-related>div{display:grid;grid-template-columns:1fr 1fr;gap:30px}
.note-related a{border-top:1px solid var(--rule);padding-top:24px}
.note-related h3{font:400 1.75rem/1.2 RoySerif,Georgia,serif;margin:14px 0 0}
.note-back{margin-top:42px}
@media(min-width:1100px){.note-body .article-point:before{position:absolute;left:-68px;top:32px}}
@media(max-width:650px){.notes-list>li{grid-template-columns:1fr;gap:24px;padding:32px 0}.notes-controls{grid-template-columns:minmax(0,1fr) auto}.notes-controls label:first-child{grid-column:1/-1}.notes-excerpt{font-size:.9375rem}.note-body{font-size:1.0625rem}.note-related>div{grid-template-columns:1fr}.note-article h1{font-size:clamp(2.5rem,9vw,3.5rem)}.note-cover{padding:5px}.note-meta{font-size:.8125rem}.note-body blockquote{padding-left:20px}}