/* The rooms are editorial destinations within the same seven-sphere journey. */
:root{--paper:#f7f2e8;--ink:#f0eadf;--muted:#b8c3ca;--accent:#d8bc85;--line:#cfb98640;--room-art-opacity:.9;background:#07131f}
body{background:#07131f;isolation:isolate}
body[data-realm=library]{--accent:#c4d4df}
body[data-realm=listen]{--accent:#dfb69f}
body[data-realm=mars]{--accent:#e2a180}
body[data-realm=jupiter]{--accent:#b9cde6}
body[data-realm=contact]{--accent:#cbb7dd}
.room-atmosphere{z-index:-3;animation:none;background:radial-gradient(ellipse at 85% 8%,#23425378,transparent 55%),#07131f}
.room-atmosphere:after{content:'';position:absolute;inset:0;opacity:.45;background-image:radial-gradient(circle at 20px 50px,#e1ddd3 0 .7px,transparent 1.1px),radial-gradient(circle at 160px 200px,#bdd3e3 0 .8px,transparent 1.2px),radial-gradient(circle at 210px 75px,#d4bb84 0 .6px,transparent 1px);background-size:277px 239px,407px 347px,557px 401px;mask-image:linear-gradient(#000,transparent 90%)}
.room-world{position:absolute;z-index:-2;top:75px;right:-6%;width:min(960px,73vw);height:680px;pointer-events:none;opacity:var(--room-art-opacity);mask-image:linear-gradient(0deg,transparent 0%,#000 32%,#000 90%,transparent),linear-gradient(90deg,transparent,#000 30%);mask-composite:intersect}
.room-world img{width:100%;height:100%;object-fit:contain;filter:brightness(.75)}
.room-world:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#07131ff5,transparent 70%),linear-gradient(0deg,#07131f,transparent 70%)}
.room-header{max-width:1600px;min-height:144px;align-items:center;padding:28px 5.5%;position:relative;z-index:10}
.room-brand,.room-brand img{width:180px}
.room-header nav{padding:0}
.room-header nav a{min-height:44px;display:inline-flex;align-items:center;transition:color .2s}
.room-menu{display:none}
#room-main{max-width:1460px;padding:0 7% 90px;position:relative}
.room-intro{padding:64px 0 76px;max-width:760px;min-height:350px;position:relative}
.room-intro h1{font-size:clamp(60px,7.5vw,108px);letter-spacing:-.055em;max-width:790px;text-wrap:balance}
.room-intro .intro{max-width:510px;font-size:16px;line-height:1.8;margin-top:28px;color:#d0d6d7;text-wrap:pretty}
.room-intro .eyebrow{margin-bottom:24px;font-size:10px;letter-spacing:2px}
.room-action{display:inline-flex;align-items:center;min-height:44px;gap:16px;border-bottom:1px solid var(--accent);font-size:12px;line-height:1.6;padding:12px 0;transition:color .2s,border-color .2s}
.row-actions{flex-wrap:wrap;gap:14px 28px}
.start-selection.has-cover{position:relative;grid-template-columns:minmax(180px,.65fr) minmax(0,1fr);gap:clamp(30px,7vw,100px);padding:64px 5% 72px;margin:0 0 64px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:linear-gradient(115deg,#1b344075,#0a1d2940 65%,transparent)}
.start-selection:before{content:'01';position:absolute;left:0;top:22px;font:12px var(--serif);color:var(--accent)}
.start-selection.has-cover .feature-cover{width:min(100%,255px);max-width:255px;transform:rotate(-5deg);box-shadow:-12px 18px 0 #030d1570,0 35px 60px #0005;justify-self:center;transition:transform .5s}
.start-selection:hover .feature-cover{transform:rotate(-2deg) translateY(-4px)}
.feature-copy h2{font-size:clamp(40px,4.8vw,68px);line-height:1.06;text-wrap:balance}
.feature-copy p:not(.eyebrow){font-size:15px;line-height:1.85;color:#c3ced3}
.feature-copy .work-meta{line-height:1.9}
.collection-section{border-top:0;padding-top:12px}
.section-heading{margin-bottom:30px}.section-heading h2{font-size:clamp(36px,4vw,54px)}
.collection-tools{border-block:1px solid var(--line);padding:16px 0;margin-bottom:40px}
.collection-tools input{background:transparent;max-width:350px;border-bottom-color:#adbdc45c}
.filters button{border-radius:24px;padding:8px 17px}
.work-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 56px}
.work-row{position:relative;display:grid;grid-template-columns:84px minmax(0,1fr);gap:18px 24px;padding:36px 0;align-items:start;border-top:1px solid var(--line)}
.work-row .work-thumb{width:84px;grid-column:1;grid-row:1/3;transform:rotate(-3deg);box-shadow:0 15px 30px #0004}
.work-row:hover .work-thumb{transform:rotate(0) translateY(-4px)}
.work-row h3{font-size:clamp(27px,2.7vw,37px);line-height:1.13;text-wrap:balance}
.work-row p:not(.work-meta){font-size:13px;line-height:1.8}.work-row .work-meta{font-size:9px;line-height:1.8}
.work-row .row-actions{grid-column:2;max-width:none;font-size:12px;align-self:end;gap:8px 22px}
.work-row .row-actions a{min-height:44px;display:inline-flex;align-items:center;border-bottom:1px solid var(--line)}
.work-list>.empty-collection,.work-list>p{grid-column:1/-1}
.forthcoming-books{margin:78px 0 88px;padding:42px 0 0;border-top:1px solid var(--line);display:grid;grid-template-columns:minmax(240px,.8fr) minmax(0,1.2fr);gap:26px 8%;align-items:start}
.forthcoming-intro h2{font-size:clamp(37px,4.3vw,62px);line-height:1.08;max-width:560px;text-wrap:balance}
.forthcoming-intro>p:last-child{color:#d1d8d8;font-size:15px;line-height:1.8;max-width:470px;margin-top:22px}
.foxy-books{counter-reset:foxy;margin:0;padding:0;list-style:none}
.foxy-books li{display:flex;justify-content:space-between;gap:22px;border-top:1px solid var(--line);padding:19px 0 21px}
.foxy-books li::before{counter-increment:foxy;content:'0' counter(foxy);color:var(--accent);font:italic 22px var(--serif);padding-top:1px}
.foxy-books li>div{flex:1}.foxy-books h3{font-size:24px;line-height:1.2}.foxy-books p{font-size:12px;line-height:1.65;color:#c7d0d2;margin-top:7px}
.foxy-status{font-size:10px;line-height:1.5;letter-spacing:.5px;color:var(--accent);text-align:right;max-width:95px}
.forthcoming-note{grid-column:2;font-size:12px;line-height:1.7;color:#c8d0d0;margin:-8px 0 0}
.room-intro .picture-book-jump{margin-left:24px;color:#e8d6b2}
@media(max-width:760px){.forthcoming-books{grid-template-columns:1fr;gap:26px;margin:58px 0 72px;padding-top:32px}.forthcoming-intro h2{font-size:clamp(36px,9vw,48px)}.forthcoming-intro>p:last-child{font-size:14px;margin-top:16px}.foxy-books li{gap:14px}.foxy-books h3{font-size:21px}.foxy-status{max-width:75px;font-size:9px}.forthcoming-note{grid-column:1;margin:-10px 0 0}}
@media(max-width:540px){.room-intro .picture-book-jump{margin-left:0;display:table}}
.channels{margin-top:35px;padding:55px 0;gap:8vw}
.channel-list a{transition:padding .25s}.channel-list a:hover{padding-left:10px}
.room-footer{display:block;max-width:1460px;border-top:none;padding:0 7% 36px}
.room-footer .return-portal{display:grid;grid-template-columns:1fr 50px;align-content:center;position:relative;min-height:220px;padding:34px 36% 34px 0;border-block:1px solid var(--line);overflow:hidden}
.return-portal .eyebrow{grid-column:1/-1;margin-bottom:18px}.portal-title{font:clamp(30px,4vw,54px)/1.1 var(--serif);color:var(--ink)}
.portal-arrow{font-size:30px;align-self:center;justify-self:end}.return-portal img{position:absolute;right:-2%;top:-30%;width:41%;height:160%;object-fit:contain;opacity:.7;mask-image:linear-gradient(90deg,transparent,#000 35%);transition:transform .6s}
.return-portal:hover img{transform:scale(1.05)}
.footer-utility{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;padding-top:26px;font-size:11px;color:var(--muted)}
.footer-utility a{min-height:44px;display:inline-flex;align-items:center}.footer-utility span{align-self:center}
.listening-deck{position:relative;grid-template-columns:minmax(240px,.85fr) minmax(0,1.15fr);gap:clamp(35px,6vw,90px);padding:60px 0 80px}
.record-art{width:100%;max-width:340px;padding:20px;isolation:isolate}
.record-art:before,.record-art:after{content:'';position:absolute;inset:8% -10%;border:1px solid var(--line);border-radius:50%;z-index:-1;transform:rotate(-28deg) scaleY(.74)}
.record-art:after{inset:-3% -20%;transform:rotate(28deg) scaleY(.78);opacity:.45}
.record-art img{transform:rotate(-3deg);box-shadow:0 28px 65px #0006}
.record-info{padding:28px 0 0}.record-info h1{font-size:clamp(42px,4.8vw,70px);text-wrap:balance}
.record-info .summary{line-height:1.8;color:#c3cdd2}.record-info .byline{font-size:13px}
.transport{justify-content:flex-start;margin:24px 0;gap:20px}.play-main{width:66px;height:66px;font-size:20px;box-shadow:0 0 0 7px #dfc5ab0c}
.seek-wrap{padding-top:8px;border-top:1px solid var(--line)}
.audio-settings{padding:18px 0;border-bottom:1px solid var(--line);margin:18px 0;gap:14px}
.record-details{gap:8vw;padding:48px 0}.record-details p{line-height:1.9}.chapter-list{counter-reset:chapter}.chapter-list button{padding:17px 12px;transition:background .2s}.chapter-list button:hover{background:#cad5df0a}.chapter-list button[aria-current]{background:#cad5df10;border-left:2px solid var(--accent)}
.work-detail{margin:65px auto}.work-layout{grid-template-columns:minmax(220px,.68fr) minmax(0,1fr);gap:9%;align-items:center}.work-cover{max-width:330px;justify-self:center;transform:rotate(-4deg)}
.work-copy h1{font-size:clamp(44px,5.4vw,80px);text-wrap:balance}.work-copy .work-summary{font-size:17px;line-height:1.8}.work-copy .byline{font-size:13px}.work-credits{display:grid;grid-template-columns:.6fr 1fr;gap:15px 7%;padding:40px 0}.work-credits h2{grid-row:1/5}.work-credits p{margin:0;max-width:700px}.related-works{margin-top:35px}
/* Reading stays deliberately quiet; decoration belongs outside the manuscript. */
body[data-room=read]{--room-art-opacity:.075;background:#f0eadf;color:#253743}
body[data-room=read] .room-atmosphere{background:#f0eadf;animation:none}
body[data-room=read] .room-atmosphere:after,body[data-room=read] .room-world:after{display:none}
body[data-room=read] .room-world{top:130px;right:-35%;width:1000px;height:900px}
body[data-room=read] .room-header{min-height:95px;padding:16px 5.5%;border-bottom:1px solid var(--line)}
body[data-room=read] .room-brand,body[data-room=read] .room-brand img{width:108px}
body[data-room=read] #room-main{padding-top:20px}.reader-heading h1{text-wrap:balance}
body[data-room=read] .reader-toolbar{border-block:1px solid var(--line)}
body[data-room=read] .reader-toolbar button{border-color:transparent}.reader-toolbar button[aria-pressed=true]{background:#bdad8f20}
body[data-room=read] .room-menu{color:inherit}.reader-pagination button{border-color:transparent;min-width:95px}
body[data-room=read] .return-portal{min-height:155px}body[data-room=read] .portal-title{color:inherit}
body[data-room=read].reader-dark{--ink:#f0eadf;background:#07131f;color:#f0eadf}.reader-dark .room-atmosphere{background:#07131f!important}
@media(prefers-reduced-motion:no-preference){.section-arrived{animation:editorial-arrive .75s cubic-bezier(.2,.65,.3,1) both}@keyframes editorial-arrive{from{opacity:.65;transform:translateY(16px)}to{opacity:1;transform:none}}}
@media(max-width:1000px){.room-header nav{gap:5px 18px}.room-brand,.room-brand img{width:160px}.work-list{gap:0 32px}.work-row{grid-template-columns:62px minmax(0,1fr);gap:15px 18px}.work-row .work-thumb{width:62px}.room-world{right:-18%;width:90vw}.work-layout{gap:5%}.listening-deck{gap:35px}}
@media(max-width:700px){
 .room-header{padding:20px 6%;align-items:center;flex-wrap:wrap;gap:10px;justify-content:space-between}.room-brand,.room-brand img{width:130px}
 .room-menu{display:block;border:1px solid var(--line);padding:8px 17px;font-size:12px;border-radius:25px;min-height:44px}
 .room-header nav{display:none;width:100%;grid-template-columns:1fr 1fr;text-align:left;gap:4px;padding:12px;background:#0c202d;border:1px solid var(--line)}
 .room-header.menu-open nav{display:grid}.room-header nav a{justify-content:flex-start;font-size:14px;padding:8px 12px}
 .room-world{width:135%;right:-44%;top:60px;height:460px;opacity:.62}.room-world:after{background:linear-gradient(90deg,#07131f 2%,transparent 90%),linear-gradient(0deg,#07131f,transparent 80%)}
 #room-main{padding:0 6% 50px}.room-intro{max-width:100%}.room-intro h1{max-width:94%}.room-intro .eyebrow{line-height:1.8;max-width:85%}.room-intro .intro{max-width:330px}
 .start-selection.has-cover{padding:34px 0 38px;grid-template-columns:100px minmax(0,1fr);gap:12px 24px;margin-bottom:35px;background:linear-gradient(120deg,#28435430,transparent)}
 .start-selection:before{display:none}.start-selection.has-cover .feature-cover{width:96px;max-width:none;grid-column:1;grid-row:1/3;margin:8px 0;justify-self:center}
 .start-selection.has-cover .feature-copy{display:contents}.start-selection.has-cover .feature-copy>*{grid-column:1/-1}.start-selection.has-cover .feature-copy .eyebrow{grid-column:2;font-size:8px;margin:0;align-self:end}.start-selection.has-cover .feature-copy h2{grid-column:2;font-size:clamp(28px,7vw,40px);line-height:1.12}.start-selection.has-cover .feature-copy p:not(.eyebrow){font-size:14px;margin:15px 0 0}.start-selection.has-cover .feature-copy .row-actions{margin-top:10px;gap:10px 25px}
 .collection-tools{flex-direction:column;align-items:stretch;padding:14px 0;gap:14px;margin-bottom:16px}.collection-tools input{width:100%;max-width:none;font-size:16px}.filters{gap:5px;flex-wrap:wrap}.filters button{font-size:12px}.section-heading{gap:15px}.section-heading h2{font-size:38px}
 .work-list{grid-template-columns:1fr;gap:0}.work-row{grid-template-columns:70px minmax(0,1fr);padding:28px 0;gap:10px 20px}.work-row .work-thumb{width:70px}.work-row h3{font-size:29px}.work-row .row-actions{gap:8px 18px}
 .channels{grid-template-columns:1fr;gap:25px;padding:35px 0;margin-top:5px}.channel-list a:hover{padding-left:0}
 .room-footer{padding:0 6% 25px}.room-footer .return-portal{min-height:165px;padding:28px 23% 28px 0;grid-template-columns:1fr 24px}.portal-title{font-size:32px}.portal-arrow{font-size:23px}.return-portal img{right:-32%;width:75%;opacity:.42}.return-portal .eyebrow{font-size:9px}.footer-utility{gap:8px 25px}.footer-utility span{order:3;width:100%}
 .listening-deck{padding:22px 0 40px}.record-info{padding-top:0}.record-info h1{font-size:42px}.record-info .eyebrow{font-size:9px;margin-bottom:18px}.record-info .byline{margin:16px 0}.record-info .summary{font-size:14px}.audio-settings{gap:15px}.record-details{grid-template-columns:1fr;gap:35px;padding:35px 0}.work-cover{justify-self:start;margin-left:10px}.work-copy h1{font-size:44px}.work-copy .work-summary{font-size:16px}.work-credits{display:block;margin-top:40px}.work-credits p{margin:22px 0}.related-works{margin-top:20px}body[data-room=read] .room-brand,body[data-room=read] .room-brand img{width:85px}body[data-room=read] .reader-toolbar{justify-content:flex-start}body[data-room=read] .room-world{display:none}
}
/* Founder, journal and public destinations share the typography, not one template. */
body[data-page=the-studio] .room-intro{max-width:850px;min-height:390px}
body[data-page=the-studio] .room-intro h1{font-size:clamp(55px,6.5vw,94px);max-width:800px}
.profile-layout{grid-template-columns:minmax(240px,.75fr) minmax(0,1fr);gap:8%;padding:25px 0 65px;align-items:start}
.portrait-space.supplied-headshot{width:100%;max-width:none;aspect-ratio:4/4.6;border-radius:48% 48% 0 0;box-shadow:0 28px 70px #0004}
.portrait-space.supplied-headshot img{width:230%;left:-7%;top:0}
.profile-layout h2{font-size:clamp(38px,4vw,60px);text-wrap:balance}.profile-layout p:not(.eyebrow){font-size:16px;line-height:1.9;margin:24px 0}.profile-layout .eyebrow{padding-top:25px}
.studio-contents{display:flex;gap:30px;flex-wrap:wrap;padding:20px 0;border-block:1px solid var(--line);margin-bottom:20px}.studio-contents .room-action{border:0;padding:8px 0}
body[data-page=the-studio] .editorial-section{display:grid;grid-template-columns:.7fr 1fr;gap:0 8%;padding:58px 0;scroll-margin-top:20px;counter-increment:studio-section;border-top:0;border-bottom:1px solid var(--line)}
body[data-page=the-studio] .editorial-section h2{grid-column:1;grid-row:1/12;max-width:320px;font-size:clamp(34px,3.5vw,49px);line-height:1.15}
body[data-page=the-studio] .editorial-section h2:before{content:'0' counter(studio-section);display:block;font:11px Arial,sans-serif;letter-spacing:2px;color:var(--accent);margin-bottom:25px}
body[data-page=the-studio] .editorial-section p{grid-column:2;font:17px/1.85 Georgia,serif;color:#c6cfd2;margin:0 0 25px}
body[data-page=the-studio] .editorial-section .production-credit{font:12px/1.8 Arial,sans-serif;color:var(--muted)}
body[data-page=the-studio] .editorial-section>.room-action{grid-column:2;justify-self:start;margin:4px 0 12px}
.journal-entry{position:relative;gap:8%;border-block:1px solid var(--line);background:linear-gradient(115deg,#613b2528,transparent)}
.journal-entry .note-visual img{max-height:370px;transform:rotate(-5deg);box-shadow:0 25px 60px #0006}.journal-entry h2{font-size:clamp(38px,4.2vw,60px);text-wrap:balance}.journal-entry p{line-height:1.85}
.note-body{max-width:750px;padding:30px 0 20px}.note-body>img{float:left;width:160px;max-width:28%;margin:8px 35px 22px 0;transform:rotate(-3deg);box-shadow:0 18px 40px #0005}.note-body>p{font:19px/1.9 Georgia,serif;color:#d5d9d7}.note-body>.row-actions{clear:both;padding-top:28px;border-top:1px solid var(--line)}
body[data-page=note] .room-intro{max-width:1000px}body[data-page=note] .room-intro h1{font-size:clamp(48px,6vw,83px);max-width:900px}
.follow-channels{display:grid;grid-template-columns:1fr 1fr;gap:0 50px;counter-reset:channels;margin:0 0 55px;border-top:none}
.follow-channel{position:relative;display:grid;grid-template-columns:1fr 28px;gap:18px 20px;padding:34px 0;border-top:1px solid var(--line);border-bottom:none;transition:background .25s}
.channel-number{grid-column:1/-1;font:10px Arial,sans-serif;color:var(--accent);letter-spacing:1px}
.channel-name{font-size:clamp(35px,3.6vw,52px);grid-column:1;color:var(--ink)}
.follow-channel>span:nth-child(3){grid-column:1;grid-row:3;font-size:14px;line-height:1.8;color:var(--muted);max-width:360px}.follow-channel .arrow{grid-row:2;grid-column:2;align-self:center;transition:transform .25s}.follow-channel:hover .arrow{transform:translate(4px,-4px)}
.follow-channel>span:nth-child(2){font:clamp(35px,3.6vw,52px)/1.1 var(--serif);color:var(--ink)}
.release-posts{gap:40px}.release-post{padding-top:25px}.release-post>img{width:95px;float:left;margin:3px 22px 18px 0;transform:rotate(-3deg)}.release-post .eyebrow{min-height:34px;font-size:8px}.release-post h3{font-size:30px;text-wrap:balance;min-height:100px}.release-post p:not(.eyebrow){clear:both;line-height:1.8;padding-top:8px}.release-post .room-action{font-size:11px}
.editorial-section{padding:45px 0}.editorial-section h2{font-size:clamp(34px,3.5vw,48px)}.editorial-section p{line-height:1.9}
body[data-page=press] #room-main{display:grid;grid-template-columns:1.2fr 1fr;gap:0 7%}body[data-page=press] .room-intro{grid-column:1/-1;max-width:780px}body[data-page=press] .editorial-section{min-width:0}body[data-page=press] .editorial-section:last-child{grid-column:1/-1}.enquiry-grid{display:grid;gap:12px}.press-logo{background:#173247;border:1px solid var(--line);width:100%;max-width:400px;padding:45px}.press-logo img{width:240px}.press-work{display:grid;grid-template-columns:1fr 1.4fr;gap:12px 8%;padding:28px 0}.press-work h3{grid-row:1/5}.press-work p{margin:0}.press-work .room-action{grid-column:2;justify-self:start;margin:0}
@media(max-width:700px){
 body[data-page=the-studio] .room-intro{min-height:300px}body[data-page=the-studio] .room-intro h1{font-size:50px}.profile-layout{grid-template-columns:1fr;gap:25px;padding:10px 0 40px}.portrait-space.supplied-headshot{width:75%;max-width:300px;aspect-ratio:1/1.08}.profile-layout h2{font-size:39px}.profile-layout .eyebrow{padding-top:0}.profile-layout p:not(.eyebrow){font-size:15px}.studio-contents{gap:5px 24px;margin-bottom:5px}
 body[data-page=the-studio] .editorial-section{display:block;padding:35px 0}body[data-page=the-studio] .editorial-section h2{font-size:36px;max-width:340px;margin-bottom:25px}body[data-page=the-studio] .editorial-section h2:before{margin-bottom:15px}body[data-page=the-studio] .editorial-section p{font-size:17px;line-height:1.85}body[data-page=the-studio] .editorial-section>.room-action{display:table}
 .journal-entry{padding:32px 0 38px}.journal-entry .note-visual img{max-height:none}.journal-entry .room-action{margin-top:5px}.note-body{padding-top:0}.note-body>img{width:110px;margin-right:24px}.note-body>p{font-size:18px}.note-body>.row-actions{gap:12px}
 .follow-channels{grid-template-columns:1fr;gap:0;margin-bottom:20px}.follow-channel{padding:26px 0;gap:15px}.follow-channel .channel-name,.follow-channel>span:nth-child(2){font-size:38px}.follow-channel>span:nth-child(2){grid-row:2;grid-column:1}.follow-channel .arrow{grid-row:2}.follow-channel>span:nth-child(3){grid-row:3;font-size:14px}
 .release-posts{grid-template-columns:1fr;gap:28px}.release-post h3{font-size:31px}.release-post>img{width:86px}.release-post p:not(.eyebrow){padding-top:0}.release-post .room-action{display:inline-flex;margin:0 24px 8px 0}
 body[data-page=press] #room-main{display:block}.press-work{display:block}.press-work h3{margin-bottom:22px}.press-work p{margin:18px 0}.press-work .room-action{display:table;margin:10px 0}
}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important;transition:none!important}.start-selection:hover .feature-cover,.work-row:hover .work-thumb{transform:none}}

body[data-room=read]{--accent:#755333;--muted:#53636d;--line:#7b67433a}
body[data-room=read].reader-dark{--accent:#d8bc85;--muted:#b8c3ca;--line:#cfb98640}
body[data-room=read] .reader-toolbar{display:flex;position:relative;z-index:5}
body[data-room=read] .reader-toolbar select{min-height:44px;border:0}
.reader-settings{position:static;flex-shrink:0}.reader-settings summary{cursor:pointer;min-height:44px;padding:11px 12px;display:list-item;list-style-position:inside}
.reader-settings-panel{position:absolute;right:0;top:calc(100% + 4px);display:flex;flex-wrap:wrap;gap:6px;padding:16px;width:min(100%,350px);border:1px solid var(--line);box-shadow:0 16px 40px #0002}
.reader-dark .reader-settings-panel{background:#102331}.reader-settings-panel button{min-height:44px}
body[data-room=read] .reading-flow h2{font-size:1.45em}
@media(max-width:700px){body[data-room=read] #room-main{padding-top:0}}

.room-world-clip{position:absolute;inset:0 0 auto;height:1000px;overflow:hidden;pointer-events:none;z-index:-2}.room-world-clip .room-world{z-index:0}
/* Task-focused layouts and reader controls, September review. */
:where(a,button,summary,select,input):focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.room-header nav{max-width:750px;font-size:13px;gap:8px 22px}
.room-action,.row-actions,.platforms{font-size:14px}
.browse-collection{margin-top:12px}
.collection-section{scroll-margin-top:24px}
.record-details-single{grid-template-columns:minmax(0,720px)}
.related-recordings{padding:32px 0;border-top:1px solid var(--line)}
.related-recordings h2{font-size:36px;margin-bottom:18px}
.related-recordings .room-action{margin-right:32px}
.resume-audio{font-size:14px;min-height:44px;border:1px solid var(--line);padding:10px 16px;margin-bottom:16px}
body[data-page=journal] .room-intro{min-height:0;padding:42px 0 48px}
.journal-entry{padding:40px 0;grid-template-columns:minmax(150px,.4fr) 1fr}
.journal-entry .note-visual img{width:180px}
body[data-page=press] .room-intro{min-height:0;padding:40px 0 35px}
body[data-page=press] .press-background,body[data-page=press] .press-selected{grid-column:1/-1}
body[data-page=press] .press-background p{max-width:780px}
body[data-page=press] .editorial-section{padding:30px 0}
body[data-page=press] .editorial-section>.room-action{display:table;margin-top:12px}
/* Reader colours are explicit in both themes, including the navigation tray. */
body[data-room=read]{--reader-surface:#f0eadf;--reader-ink:#253743;--reader-hover:#ded5c5}
body[data-room=read].reader-dark{--reader-surface:#102331;--reader-ink:#f0eadf;--reader-hover:#263c4b}
body[data-room=read] .room-header nav{background:var(--reader-surface);color:var(--reader-ink)}
body[data-room=read] .room-header nav a:hover,body[data-room=read] .room-header nav a:focus-visible{background:var(--reader-hover);color:var(--reader-ink)}
body[data-room=read] .reader-heading{margin:10px auto 12px;max-width:820px}
body[data-room=read] .reader-heading h1{font-size:clamp(25px,3vw,38px);line-height:1.16}
body[data-room=read] .reader-heading .byline{margin:8px 0;font-size:13px}
body[data-room=read] .reader-heading .eyebrow{font-size:10px;margin-bottom:6px}
body[data-room=read] .reader-toolbar{max-width:820px;margin:8px auto 14px;padding:4px 0;gap:8px;flex-wrap:nowrap;justify-content:space-between}
body[data-room=read] .reader-toolbar select{font-size:14px;width:auto;flex:1;min-width:0;max-width:100%;padding:10px 8px}
.reader-settings summary{font-size:14px}
.reader-settings-panel{background:var(--reader-surface);color:var(--reader-ink);z-index:20}
.reader-settings-panel button{font-size:14px}
.reader-resume{margin:0;font-size:13px;white-space:nowrap;min-height:44px;padding:8px}
.reading-viewport{overscroll-behavior:contain;scrollbar-gutter:stable;overflow-anchor:none}
body[data-room=read] .reader-pagination{margin:6px auto;min-height:44px}
body[data-room=read] .reader-progress{margin:6px auto}
body[data-room=read] .reader-end-links{font-size:14px;gap:12px 24px;flex-wrap:wrap}
body[data-room=read] .reader-end-links a{min-height:44px;display:inline-flex;align-items:center}
body[data-room=read] .reader-heading{animation:none}
@media(max-width:700px){
 .room-header{min-height:88px;padding-block:16px}
 .room-header nav{max-width:none;font-size:14px}
 .room-header.menu-open nav{position:absolute;top:calc(100% - 10px);left:6%;width:88%;box-shadow:0 14px 35px #0004}
 .room-action,.row-actions a,.platforms a{font-size:14px;min-height:44px}
 .room-intro{min-height:0;padding:28px 0 34px}
 .room-intro h1{font-size:clamp(42px,11.5vw,60px)}
 .room-intro .intro{font-size:15px;line-height:1.7;margin-top:18px}
 .room-intro .eyebrow{margin-bottom:14px;font-size:10px}
 .filters button{font-size:14px;min-height:44px}
 .work-row p:not(.work-meta){font-size:14px}.work-row .work-meta{font-size:11px}
 .work-detail{margin:20px auto}.work-layout{grid-template-columns:80px minmax(0,1fr);gap:12px 20px;align-items:start}
 .work-cover{width:80px;max-width:100%;margin:5px 0 0;grid-row:1/4;grid-column:1}
 .work-copy{display:contents}.work-copy>*{grid-column:1/-1}
 .work-copy>.eyebrow,.work-copy>h1,.work-copy>.byline{grid-column:2}
 .work-copy>.eyebrow{margin:0;font-size:10px;line-height:1.5}
 .work-copy>h1{font-size:clamp(29px,7.8vw,40px);line-height:1.1;text-wrap:initial}
 .work-copy>.byline{margin:0;font-size:13px}.work-copy>.row-actions{margin:12px 0 0;gap:0;display:grid}
 .work-copy>.row-actions .room-action{justify-self:start;padding:8px 0}
 .work-copy>.work-summary{font-size:16px;margin:12px 0;line-height:1.7}
 .work-copy>.work-meta{font-size:12px;margin:0}
 .work-copy>p:not([class]){font-size:15px;line-height:1.8}
 .work-credits p{font-size:14px}.work-credits{margin-top:24px}
 .listening-deck{grid-template-columns:76px minmax(0,1fr);gap:10px 20px;padding-top:22px;align-items:start}
 .record-art{width:76px;max-width:100%;padding:0;margin:3px 0;grid-column:1;grid-row:1/4}
 .record-art:before,.record-art:after{display:none}
 .record-info{display:contents}.record-info>*{grid-column:1/-1}
 .record-info>.eyebrow,.record-info>h1,.record-info>.byline{grid-column:2}
 .record-info>.eyebrow{font-size:10px;margin:0}.record-info>h1{font-size:clamp(29px,7.8vw,40px);line-height:1.1;text-wrap:initial}
 .record-info>.byline{margin:0;font-size:12px;line-height:1.65}
 .record-info>.summary{font-size:15px;margin:14px 0 0;line-height:1.7}
 .record-info>.work-meta{font-size:12px;margin:0}
 .transport{margin:12px 0;justify-content:center}.seek-wrap{padding-top:12px}.audio-times{font-size:13px}
 .audio-settings{margin:12px 0;font-size:14px}.record-info>.platforms{margin-top:0}
 .note-body>img{float:none;display:block;width:130px;max-width:100%;margin:0 0 30px;transform:none}
 .note-body>p{font-size:18px;line-height:1.85}.journal-entry{grid-template-columns:68px minmax(0,1fr);gap:14px 22px;align-items:start}
 .journal-entry .note-visual{grid-column:1;grid-row:1/3;padding-top:12px}.journal-entry>div:last-child{display:contents}
 .journal-entry>div:last-child>*{grid-column:1/-1}.journal-entry>div:last-child>.eyebrow,.journal-entry>div:last-child>h2{grid-column:2}.journal-entry .room-action{justify-self:start}
 .journal-entry .note-visual img{width:68px;margin:0}.journal-entry h2{font-size:30px;text-wrap:initial}.journal-entry p{font-size:15px;margin:10px 0}.journal-entry .eyebrow{font-size:10px}
 .release-post h3{min-height:0}.release-post .eyebrow{font-size:10px}.release-post .room-action{font-size:14px}
 .footer-utility{font-size:12px}.channel-number{font-size:11px}
 body[data-room=read] .room-header{min-height:62px;padding:8px 6%}
 body[data-room=read] .room-brand,body[data-room=read] .room-brand img{width:70px}
 body[data-room=read] #room-main{padding:6px 5% 30px}
 body[data-room=read] .reader-heading{margin:6px auto 10px}
 body[data-room=read] .reader-heading h1{font-size:26px;text-wrap:initial}
 body[data-room=read] .reader-heading .eyebrow{display:none}
 body[data-room=read] .reader-toolbar{margin:4px auto 12px;gap:4px}
 body[data-room=read] .reader-toolbar select{font-size:16px;padding-inline:0}
 .reader-resume{font-size:12px;max-width:72px;white-space:normal;line-height:1.25;padding:5px}
 .reader-settings summary{padding:11px 8px}
}
@media(max-height:600px) and (orientation:landscape){
 body[data-room=read] .room-header{min-height:54px;padding-block:4px}
 body[data-room=read] .reader-heading{display:flex;gap:16px;align-items:center;margin:4px auto}
 body[data-room=read] .reader-heading h1{font-size:22px}.reader-heading .eyebrow{display:none}
 body[data-room=read] .reader-toolbar{margin:4px auto 10px}
}
@media(max-width:700px){
 body[data-room=read] .room-header nav{max-width:none;width:88%;grid-template-columns:1fr 1fr;font-size:14px}
 body[data-room=read] .room-header nav a{padding:10px 12px;min-height:44px}
}
/* The initial reading edition remains usable if enhancement is delayed or disabled. */
#room-main[data-prerendered]:not([data-enhanced=true]) .reader-toolbar,
#room-main[data-prerendered]:not([data-enhanced=true]) .reader-pagination,
#room-main[data-prerendered]:not([data-enhanced=true]) .reader-progress{visibility:hidden}
#room-main[data-prerendered]:not([data-enhanced=true]) .reading-flow{columns:auto!important;height:auto!important;transform:none!important}
#room-main[data-prerendered]:not([data-enhanced=true]) .reading-viewport{height:auto!important;overflow:visible}
#room-main[data-prerendered]:not([data-enhanced=true]) .collection-tools{display:none}
body:not(.rooms-enhanced) .room-header nav{display:flex;max-width:none;flex-wrap:wrap}
/* Server-rendered pages arrive complete; enhancement must not fade them away. */
#room-main[data-prerendered] .listening-deck,#room-main[data-prerendered] .reader-heading,#room-main[data-prerendered]>.section-arrived{animation:none}
[hidden]{display:none!important}
@media(max-width:1000px) and (max-height:600px){
 .room-menu{display:block;border:1px solid var(--line);padding:8px 17px;min-height:44px;border-radius:25px}
 .room-header{flex-wrap:wrap;justify-content:space-between;min-height:62px;align-items:center;padding-block:8px}
 .room-header nav,body[data-room=read] .room-header nav{display:none;position:absolute;top:100%;left:6%;width:88%;max-width:none;background:var(--reader-surface,#0c202d);padding:12px;border:1px solid var(--line)}
 .room-header.menu-open nav{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}
 .room-header nav a{font-size:14px;min-height:44px}
 body[data-room=read] .room-header{min-height:60px}
}