/* Three local studies share the same content and foreground design. */
body{isolation:isolate}
#texture-layer{position:fixed;inset:0;z-index:0;pointer-events:none;opacity:1;transition:opacity .45s ease-out;contain:strict}
#page-texture,#texture-outgoing{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
#texture-outgoing{opacity:0}
html[data-reading=true] #texture-layer{opacity:.24;mask-image:linear-gradient(90deg,#000,transparent 28%,transparent 72%,#000)}
html[data-theme=lab] .texture-study{min-height:48px;background:#e5ebdef2;gap:18px}
.texture-study nav{align-items:center;gap:4px;flex-wrap:wrap}
.texture-study a{min-height:36px;display:flex;align-items:center;padding:7px 11px}
.texture-study button{background:none;color:inherit;border:0;border-left:1px solid #b7c6ae;font:inherit;padding:8px 12px;min-height:36px;white-space:nowrap}
.texture-study .texture-none{font-size:10px;opacity:.8}
.texture-study a[aria-current=page]{background:#f7f8f2;border-color:#a5b79c}
.texture-study .demo-label{white-space:nowrap;font-size:10px}
.texture-study #texture-hint{font-size:10px;letter-spacing:0}
html[data-theme=lab] .site-header{top:var(--study-bar-height,48px)}
html[data-theme=lab]{scroll-padding-top:calc(var(--study-bar-height,48px) + 92px)}
/* Keep long-form reading calm and the navigation legible. */
html[data-theme=lab] .hero-copy h1{text-shadow:0 2px 18px #f7f8f2,0 0 8px #f7f8f2}
@media(max-width:1050px){.texture-study #texture-hint{display:none}.texture-study .demo-label{font-size:9px}}
@media(max-width:620px){html[data-theme=lab] .texture-study{padding:5px 12px;gap:0;display:block}.texture-study .demo-label{display:none}.texture-study nav{justify-content:space-between;gap:1px}.texture-study a{padding:5px 7px;font-size:10px;min-height:36px}.texture-study a span{margin-left:3px}.texture-study button{padding:6px 8px;font-size:10px;min-height:36px}.texture-study .texture-none{font-size:10px}}
@media(prefers-reduced-motion:reduce){#texture-layer{transition:none}}
body>main,body>footer{position:relative;z-index:1}

.texture-study button:disabled{opacity:.5;cursor:default}
.texture-study a:focus-visible,.texture-study button:focus-visible{outline:2px solid #57745c;outline-offset:2px}