/* One living shoreline beneath the home and Approach reading surfaces. */
html[data-anchored="host"]{overflow-x:clip;scrollbar-gutter:stable}
html[data-anchored="host"][data-passage-active="true"]{overflow-y:hidden}
.approach-reading-veil{position:fixed;inset:0;z-index:30;pointer-events:none;opacity:0;background:linear-gradient(90deg,#071b24fa 0%,#071b24ed 28%,#071b24c9 56%,#071b247d 100%),linear-gradient(0deg,#071b2477,#071b2444)}
.approach-reading-frame{position:fixed;inset:0;width:100%;height:100%;border:0;z-index:31;opacity:0;background:transparent;visibility:hidden;pointer-events:none;color-scheme:dark;overflow-y:auto;overscroll-behavior-y:contain;scroll-behavior:auto;box-sizing:border-box;text-align:left}
.approach-reading-frame[data-visible="true"]{visibility:visible;pointer-events:auto}
html[data-anchored="reader"],html[data-anchored="reader"] body{background:transparent;scroll-behavior:auto}
html[data-anchored="reader"] body::before{display:none}
html[data-anchored="reader"] h1:focus{outline:none}
html[data-anchored="host"][data-passage-active="true"] .introduction,
html[data-anchored="host"][data-passage-active="true"] .header{pointer-events:none}
@media(max-width:760px){.approach-reading-veil{background:linear-gradient(90deg,#071b24ed,#071b24cc 65%,#071b24b3)}}

@font-face{font-family:ImagoInstrument;src:url("assets/fonts/Jost.ttf");font-weight:100 900;font-display:swap}