.bh-notes{background:#f5f2e7;color:#072f36}
.bh-notes .bh-n-head{background:#0c4247;color:#f5f2e7}
.bh-notes .bh-n-mast{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(15rem,.68fr);align-items:end;gap:clamp(2.5rem,8vw,8rem);padding-block:clamp(3rem,7vw,7rem)}
.bh-notes .bh-n-head .bh-kicker{color:#d9ea92}
.bh-notes .bh-n-head h1{margin:.23em 0 .18em;color:#f5f2e7;font:normal clamp(4.2rem,8.7vw,8.5rem)/.98 Georgia,'Times New Roman',serif;letter-spacing:-.065em}
.bh-notes .bh-n-head h1 em{color:#d9ea92}
.bh-notes .bh-n-mast p{color:#e0e9df;max-width:39rem;margin:0;font-size:clamp(1.04rem,1.45vw,1.28rem);line-height:1.62}
.bh-notes .bh-n-index .bh-kicker{display:block;margin-bottom:.7rem}
.bh-notes .bh-n-index a{color:#f5f2e7;border-top:1px solid #5f7975;text-decoration:none;display:grid;align-items:center;grid-template-columns:1.6rem 1fr auto;gap:.65rem;padding:.84rem 0;font:normal 1.25rem/1.23 Georgia,serif}
.bh-notes .bh-n-index a:last-child{border-bottom:1px solid #5f7975}
.bh-notes .bh-n-index span:not(.bh-kicker),.bh-notes .bh-n-index i{color:#d9ea92;font:normal .79rem/1.15 ui-monospace,monospace}
.bh-notes .bh-n-index i{font-size:1.15rem}
.bh-notes .bh-n-index a:hover{color:#d9ea92}
.bh-notes .bh-n-pages{padding-block:clamp(1rem,3.1vw,3rem) clamp(3rem,5vw,5rem)}
.bh-notes .bh-n-entry{display:grid;grid-template-columns:minmax(7rem,1fr) minmax(0,3fr);column-gap:clamp(2rem,7vw,7rem);border-bottom:1px solid #a3b4ab;padding:clamp(3rem,5.4vw,5.8rem) 0;scroll-margin-top:5.5rem}
.bh-notes .bh-n-folio{font:normal .75rem/1.1 ui-monospace,monospace;letter-spacing:.06em;color:#315b59;padding-top:.25rem}
.bh-notes .bh-n-folio span{font:italic clamp(3.8rem,8vw,7rem)/.9 Georgia,serif;letter-spacing:-.095em;color:#076463;margin-right:.3rem}
.bh-notes .bh-n-copy{max-width:46rem}
.bh-notes .bh-n-copy h2,.bh-notes .bh-n-sources h2{margin:.25em 0 .4em;color:#072f36;font:normal clamp(2.65rem,5.1vw,5rem)/1.02 Georgia,'Times New Roman',serif;letter-spacing:-.052em}
.bh-notes .bh-n-copy h2 em,.bh-notes .bh-n-sources h2 em{color:#076463}
.bh-notes .bh-n-copy p{font-size:clamp(1rem,1.2vw,1.14rem);line-height:1.7;margin:0 0 1rem;max-width:65ch}
.bh-notes .bh-n-copy .bh-n-tip{border-left:3px solid #0b6968;padding:.2rem 0 .2rem 1.15rem;margin:1.55rem 0 1.15rem;color:#214947;font-size:1.02rem;line-height:1.6}
.bh-notes .bh-n-tip b{display:block;font-size:.74rem;letter-spacing:.085em;text-transform:uppercase}
.bh-notes .bh-n-link,.bh-notes .bh-n-inline{color:#075756;text-decoration:underline;text-underline-offset:4px}
.bh-notes .bh-n-link{display:inline-block;padding:.55rem 0;margin-right:1.3rem;font-size:.92rem;font-weight:650;line-height:1.45}
.bh-notes .bh-n-link:hover,.bh-notes .bh-n-inline:hover{color:#072f36}
.bh-notes .bh-n-specimen{position:relative;overflow:hidden;margin:1.5rem 0 1rem;min-height:10.5rem;background:#153b3c;color:#f5f2e7;isolation:isolate}
.bh-notes .bh-n-spec-lines{position:absolute;inset:0 60% 0 9%;border-inline:2px solid #a2ad97;background:linear-gradient(0deg,transparent 46%,#e2c99b 46% 53%,transparent 53% 76%,#d3bc94 76% 79%,transparent 79%),repeating-linear-gradient(to top,#58756b 0 2px,#8d9e86 2px 5px,#506559 5px 7px,#9aa28c 7px 9px,#738579 9px 15px);transform:skewY(-4deg) scaleY(1.1)}
.bh-notes .bh-n-specimen span{position:absolute;left:51%;top:24%;font:600 .67rem/1.3 ui-monospace,monospace;letter-spacing:.09em}
.bh-notes .bh-n-specimen span:before{content:"";position:absolute;top:.55em;right:calc(100% + .35rem);width:clamp(1.8rem,5vw,4rem);border-top:1px solid #d9ea92}
.bh-notes .bh-n-specimen span+span{top:49%}
.bh-notes .bh-n-specimen small{position:absolute;left:51%;bottom:12%;max-width:45%;color:#c3d7c8;font:normal .62rem/1.5 ui-monospace,monospace;letter-spacing:.06em}
.bh-notes .bh-n-sources{background:#e4e9d8;scroll-margin-top:5.5rem}
.bh-notes .bh-n-sources-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:clamp(2rem,7.5vw,8rem);padding-block:clamp(3.2rem,7vw,7.2rem)}
.bh-notes .bh-n-sources p{max-width:36rem;font-size:1rem;line-height:1.65;color:#294c4a}
.bh-notes .bh-n-shelf h3{font:650 .72rem/1.45 system-ui,sans-serif;letter-spacing:.085em;text-transform:uppercase;color:#345b56;margin:1.9rem 0 .45rem}
.bh-notes .bh-n-shelf h3:first-child{margin-top:0}
.bh-notes .bh-n-shelf>a{color:#153c3c;display:flex;gap:.7rem;justify-content:space-between;border-bottom:1px solid #afbfad;text-decoration:none;font:normal 1.15rem/1.35 Georgia,serif;padding:.82rem .08rem .82rem 0}
.bh-notes .bh-n-shelf>a:hover{color:#076463;text-decoration:underline}
.bh-notes a:focus-visible{outline:3px solid #07706f;outline-offset:3px}
.bh-notes .bh-n-head a:focus-visible{outline-color:#d9ea92}
@media(max-width:800px){.bh-notes .bh-n-mast{gap:2.3rem;grid-template-columns:minmax(0,1fr) minmax(13rem,.7fr)}.bh-notes .bh-n-entry{grid-template-columns:5rem minmax(0,1fr);gap:2rem}.bh-notes .bh-n-folio span{display:block}}
@media(max-width:640px){.bh-notes .bh-n-mast,.bh-notes .bh-n-sources-grid{grid-template-columns:1fr}.bh-notes .bh-n-mast{gap:2.2rem;padding-block:3.2rem}.bh-notes .bh-n-index a{font-size:1.1rem}.bh-notes .bh-n-entry{display:block;padding:2.9rem 0}.bh-notes .bh-n-folio{padding:0;margin-bottom:1.1rem}.bh-notes .bh-n-folio span{display:inline;font-size:2.3rem}.bh-notes .bh-n-copy h2,.bh-notes .bh-n-sources h2{font-size:clamp(2.5rem,8.5vw,3.2rem)}.bh-notes .bh-n-specimen span{font-size:.58rem}.bh-notes .bh-n-shelf>a{font-size:1.08rem}}
