/* Renovation preview: shared visual layer; no backend or access changes. */
:root{--sf-olive:#263b2a;--sf-paper:#f7f2e8;--sf-border:#948675;--sf-clay:#a9563a}
.renovation-notice{padding:10px 20px;background:#e6ebdf;color:#263b2a;font:14px/1.5 'Segoe UI',Arial,sans-serif;text-align:center}
.sf-logo{display:block;width:210px;max-width:100%;height:auto}
.header .brand,header .brand{display:block;flex-shrink:0;min-width:0}.brand:has(.sf-logo){width:210px;font-size:0}
nav a{font-size:15px!important}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--sf-clay);outline-offset:3px}
input,textarea,select{border-color:var(--sf-border)!important}.button,button.primary{border-radius:8px;min-height:44px}
.book-hero .hero-content{padding:clamp(24px,4vw,64px)}
@media(max-width:1050px){.zacchaeus-hero .hero-content{grid-row:1!important;grid-column:1!important}.zacchaeus-hero .hero-image{grid-row:2!important;grid-column:1!important}.book-hero h1{font-size:clamp(44px,7vw,72px)}}
/* Chat gives priority to reading rather than supporting panels. */
.conversation{height:clamp(430px,calc(var(--room-viewport-height,100dvh) - 140px),850px)!important;max-height:none}
.room-heading{padding:12px 18px;gap:10px;flex-wrap:wrap}.room-heading h2{font-size:25px}
#messages{padding:12px 18px;min-height:140px}.message-body{max-width:72ch}
#composer{padding:10px 18px}#composer textarea{height:56px;min-height:56px;max-height:120px}.composer-bottom{margin-top:6px!important;gap:10px}#compose-status:empty{display:none}
.message-actions{opacity:1;gap:8px}.message-actions button,.more-actions summary{font-size:14px;min-height:40px;padding:8px;display:inline-flex;align-items:center}
.session-note,.entrance .small,.test-tools,.room-notes p{font-size:14px!important}
.sf-room-help,.sf-presence-toggle,.room-expand{font:14px/1.4 'Segoe UI',Arial,sans-serif;min-height:44px;padding:9px 12px;border:1px solid var(--sf-border);border-radius:8px;background:var(--sf-paper);color:var(--sf-olive);cursor:pointer}
.sf-presence-toggle{margin:4px 18px;text-align:left;flex:none}.presence[hidden]{display:none!important}
.conversation.is-expanded{height:var(--room-viewport-height,100dvh)!important;width:100%;border-radius:0}
.sf-help-dialog{max-width:min(560px,calc(100vw - 36px));max-height:80dvh;overflow:auto;padding:24px;border:1px solid var(--sf-border);border-radius:12px;color:#24211d;background:#fffaf3}.sf-help-dialog::backdrop{background:#18251dbb}.sf-help-dialog button{min-height:44px;padding:10px 16px}.sf-help-dialog p{font-size:16px!important}
.sf-preview-next{padding:30px;background:#e6ebdf;margin:32px auto;max-width:1100px}.sf-preview-next h2{font-size:32px}.sf-preview-next p{font-size:16px}
@media(min-width:801px) and (max-width:1100px){main:has(.conversation){grid-template-columns:minmax(180px,22%) minmax(0,1fr);column-gap:18px}.layout>aside .entrance{padding:12px}}
@media(max-width:800px){header{gap:12px;flex-wrap:wrap}.brand:has(.sf-logo){width:158px}.sf-logo{width:158px}main:has(.conversation){padding:12px 12px 0}.conversation,body.is-seated .conversation{height:clamp(340px,calc(var(--room-viewport-height,100dvh) - 180px),760px)!important}.room-heading{padding:10px 12px}.room-heading h2{font-size:22px}.room-expand,.sf-room-help{font-size:13px;padding:8px}.room-expand{margin-left:0}#composer{padding:8px 12px}#messages{padding:10px 12px;min-height:100px}.sf-presence-toggle{margin:4px 12px}.carousel-controls button{width:44px;height:44px}.conversation.is-expanded{height:var(--room-viewport-height,100dvh)!important}.sf-preview-next{padding:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}}
/* Shared homepage direction, matching the accessible private-room preview. */
.header .sf-brand-symbol{width:48px;height:48px;flex-basis:48px}
.header .sf-brand-words{font-size:17px;letter-spacing:.04em}
.header>.session-name-button{background:#eef3ee;color:#244735;border:1px solid #727b73;border-radius:8px;font-size:16px;line-height:1.4;padding:10px 14px;min-height:48px;white-space:normal;max-width:240px}
@media(max-width:800px){.header .sf-brand-symbol{width:38px;height:38px;flex-basis:38px}.header>.session-name-button{max-width:220px;flex-shrink:1}}
:root{--ivory:#f7f8f5;--olive:#244735;--forest:#193526;--clay:#3c5b45;--ink:#202923;--stone:#ccd3cd;--sf-olive:#244735;--sf-paper:#f7f8f5;--sf-border:#727b73;--sf-clay:#244735}
body{font-size:18px;line-height:1.7}
.header{background:#fff;border-color:#ccd3cd}
.header nav a,nav a{font-size:17px!important;min-height:44px;display:inline-flex;align-items:center}
.header select{font-size:16px;min-height:44px;max-width:150px;border:1px solid #727b73;border-radius:6px;padding:7px;background:#fff;color:#202923}
.button,.button.small,.text-link{font-size:17px;min-height:48px}
.text-link{display:inline-flex;align-items:center}
.button,.light-hero .button.cream{background:#244735;border-color:#244735;color:#fff}
.button:hover,.light-hero .button.cream:hover{background:#193526}
.hero-text,.global-paths p,.global-explanation,.home-conversation .section-explanation,.join-meaning p,.map-doorway-action p{font-size:18px!important}
.book-photo{background:#eef2ed}
.home-conversation,.join-invitation,.sf-preview-next{background:#eef2ed;color:#202923}
.renovation-notice{background:#edf2ed;font-size:16px}
.eyebrow{color:#3c5b45;font-size:14px;letter-spacing:.08em}
.hero-content .eyebrow{color:inherit}
.light-hero .hero-text{color:#202923}
.book-hero.light-hero .hero-image:after{background:linear-gradient(90deg,#f7f8f5f5 0%,#f7f8f5e6 26%,#f7f8f580 40%,#f7f8f500 55%)}
.sf-help-dialog{background:#fff;color:#202923}
@media(max-width:800px){body{font-size:17px}.header{height:auto;flex-wrap:wrap}.header nav{flex-wrap:wrap;gap:6px 18px}.header nav a{white-space:normal}.hero-text,.global-paths p,.global-explanation,.home-conversation .section-explanation,.join-meaning p,.map-doorway-action p{font-size:17px!important}}
 .sf-language-menu{position:relative;min-width:150px;color:#202923;font:17px/1.5 system-ui,sans-serif}
 .sf-language-menu summary{display:flex;align-items:center;gap:10px;cursor:pointer;min-height:48px;padding:8px 12px;border:1px solid #727b73;border-radius:8px;background:white;list-style:none}
 .sf-language-menu summary:after{content:'▾';margin-left:auto}
 .sf-language-menu img{display:block;flex-shrink:0;border:1px solid #ccd3cd;object-fit:cover}
 .sf-language-choices{position:absolute;right:0;top:100%;z-index:1000;min-width:190px;max-height:min(440px,65dvh);overflow-y:auto;padding:6px;background:white;border:1px solid #727b73;border-radius:8px;box-shadow:0 6px 20px #0002}
 .sf-language-choices button{display:flex;align-items:center;gap:12px;width:100%;min-height:48px;padding:8px 12px;background:white;color:#202923;border:0;text-align:left;font:inherit;cursor:pointer}
 .sf-language-choices button:hover{background:#eef3ee}
 .sf-language-menu summary:focus-visible,.sf-language-choices button:focus-visible{outline:3px solid #244735;outline-offset:2px}
 #language[hidden],#atlas-language[hidden]{display:none!important}