/* Shared GOEV reading layouts. Original compact behavior remains available. */
.goev-layout-bar{position:sticky;top:var(--goev-header-height,64px);z-index:85;display:flex;align-items:center;gap:5px;flex-wrap:wrap;width:fit-content;max-width:100%;margin:8px auto 18px;padding:5px 8px;border:1px solid #8ca7b4;border-radius:18px;background:#f5fafbef;color:#123044;box-shadow:0 5px 20px #062b3a12;backdrop-filter:blur(16px);font:500 12px/1.4 system-ui,sans-serif;grid-column:1/-1}
.goev-layout-bar>span{padding:0 7px}.goev-layout-bar button{min-height:44px;padding:8px 13px;border:0;border-radius:12px;background:transparent;color:#123044;font:inherit;cursor:pointer}.goev-layout-bar button[aria-pressed=true]{background:#0b4655;color:white}.goev-layout-bar small{text-align:center;font-size:11px;padding:0 6px}.goev-layout-bar button:focus-visible{outline:3px solid #008b9e;outline-offset:2px}
body[data-goev-layout]:not([data-goev-layout=compact]) .tabcontent{display:block!important;margin-block:28px 46px;scroll-margin-top:155px}
body[data-goev-layout]:not([data-goev-layout=compact]) .chapter-menu{margin-block:20px 30px;overflow:visible}
body[data-goev-layout]:not([data-goev-layout=compact]) .chapter-menu>summary{cursor:default;border-bottom:1px solid var(--edge,#c5dadc)}
body[data-goev-layout]:not([data-goev-layout=compact]) .chapter-menu>summary::after{content:none!important}
body[data-goev-layout]:not([data-goev-layout=compact]) .chapter-menu>section{padding-top:16px}
body[data-goev-layout]:not([data-goev-layout=compact]) .trip-flow-outline[hidden]{display:block!important}
body[data-goev-layout]:not([data-goev-layout=compact]) .artist-hero{min-height:260px;max-height:390px}
body[data-goev-layout]:not([data-goev-layout=compact]) .home-hero{min-height:260px;max-height:390px}
body[data-goev-layout]:not([data-goev-layout=compact]) .hero{padding-block:22px}
body[data-goev-layout]:not([data-goev-layout=compact]) .hero h1{font-size:clamp(28px,4vw,46px);line-height:1.12}
body[data-goev-layout]:not([data-goev-layout=compact]) .trip-flow-entry h2{font-size:clamp(26px,3.5vw,38px)}
body[data-goev-layout]:not([data-goev-layout=compact]) .experience-content{min-width:0}
body[data-goev-layout=scroll] .goev-scroll-scene{transform:none;scroll-margin-top:var(--goev-sticky-top,155px)}
body[data-goev-layout=scroll] .goev-scroll-scene:focus-within{transform:none}
body[data-goev-layout]:not([data-goev-layout=compact]) .reveal{opacity:1;translate:none}
body[data-goev-layout]:not([data-goev-layout=compact]) .tabs{flex-wrap:wrap;overflow:visible}
@media(max-width:600px){.goev-layout-bar{top:var(--goev-header-height,62px);border-radius:15px;margin-block:4px 14px}.goev-layout-bar button{padding-inline:11px}.goev-layout-bar small{font-size:10px;flex-basis:100%}body[data-goev-layout]:not([data-goev-layout=compact]) .artist-hero{min-height:230px}body[data-goev-layout]:not([data-goev-layout=compact]) .tabcontent{scroll-margin-top:var(--goev-sticky-top,165px)}}
@media(max-height:520px) and (orientation:landscape){.goev-layout-bar{position:relative;top:auto}.goev-layout-bar small{flex-basis:auto}}
@media(prefers-reduced-motion:reduce){body[data-goev-layout=scroll] .goev-scroll-scene{transform:none;scroll-margin-top:var(--goev-sticky-top,155px)}body[data-goev-layout] *{scroll-behavior:auto!important}}
@media print{.goev-layout-bar{display:none}body[data-goev-layout] .goev-scroll-scene{transform:none!important}.tabcontent{display:block!important}}

body[data-goev-layout=scroll] .goev-scroll-scene{transform:none!important}
body[data-goev-layout=scroll] .goev-scroll-scene[data-goev-motion=story]{transform:perspective(1000px) translate3d(0,calc(var(--goev-enter,0)*28px),calc(var(--goev-enter,0)*-36px)) rotateX(calc(var(--goev-enter,0)*2deg))!important;opacity:calc(1 - var(--goev-enter,0)*.18)}
body[data-goev-layout=scroll] .goev-scroll-scene[data-goev-motion=story]:focus-within{transform:none!important;opacity:1}
@media(prefers-reduced-motion:reduce){body[data-goev-layout=scroll] .goev-scroll-scene[data-goev-motion=story]{transform:none!important;opacity:1}}
@media print{body[data-goev-layout=scroll] .goev-scroll-scene[data-goev-motion=story]{transform:none!important;opacity:1}}