/* STILLWORD — THE ATELIER EDITION, v0.2
   Signature experience: gilded architectural arch; ceremonial chapter entry;
   purposeful micro-motion; fluid reading progress and focus mode.
   Every animation respects prefers-reduced-motion. Local/system fonts only. */
:root{
  --bg:#efeee7;--paper:#faf9f4;--ink:#192c27;--ink-soft:#59675d;--muted:#8c9289;
  --line:#dcded4;--dark:#18352d;--copper:#a4774c;--gold:#c6ae76;
  --shadow:0 15px 50px #21392b0b;
  --luxury-serif:'Iowan Old Style','Baskerville','Palatino Linotype','Book Antiqua',Georgia,serif;
  --luxury-sans:'Avenir Next','Century Gothic','Gill Sans',Arial,sans-serif;
  font-family:var(--luxury-serif);
}
html{scroll-padding-top:108px}
body{background:var(--bg)}
button{transition:background-color .24s,color .24s,border-color .24s,box-shadow .24s,transform .24s}
button:active{transform:scale(.97)}
::selection{background:#d2bd8b7d;color:#1a352b}
.app{overflow:clip}
/* Upper book binding / app chrome */
.sidebar{background:#102820;border-right:1px solid #4462525d;width:238px;padding:39px 18px 20px}
.sidebar:before{content:'';position:absolute;pointer-events:none;inset:0;background:radial-gradient(ellipse at 0% 4%,#63765f1f,transparent 57%),linear-gradient(90deg,#122a22 94%,#a68a543a 99%);opacity:.9}
.sidebar>*{position:relative}
.brand{padding:0 11px 64px;gap:13px}
.brand-glyph{color:#d4b878;width:29px;height:34px;display:inline-flex;align-items:center;justify-content:center}
.brand-glyph svg{width:29px;height:29px;animation:markBreathe 9s ease-in-out infinite}
.brand strong{font:400 28px/1 var(--luxury-serif);letter-spacing:-.065em}
.brand small{font:8px/1.5 var(--luxury-sans);letter-spacing:.27em;color:#b2c1b2;margin-top:7px}
.side-label{color:#9eaf99;padding:0 16px 14px;letter-spacing:.23em;font-size:9px}
.side-nav{gap:2px;position:relative}
.side-nav:before{content:'';position:absolute;left:16px;top:9px;bottom:9px;width:1px;background:#bac1ac1e}
.nav-item{position:relative;border-radius:0;background:transparent;color:#afbbaf;padding:16px 13px 16px 27px;gap:14px;letter-spacing:.04em;font:12px var(--luxury-sans)}
.nav-item:hover{background:#d1dbc70c;color:white;padding-left:31px}
.nav-item.active{background:transparent;color:#fff6df;font-weight:600}
.nav-item.active:before{content:'';position:absolute;left:16px;top:12px;height:calc(100% - 24px);width:2px;background:#d9bc7d;box-shadow:0 0 14px #d6b56c7d}
.nav-symbol{font:17px/1 var(--luxury-serif);width:18px;color:#c5b783}
.nav-shortcut{font:9px var(--luxury-sans);color:#8b9e91}
.nav-item.active .nav-shortcut{color:#d8bb84}
.verse-card{border:0;border-top:1px solid #beaa714f;border-radius:0;background:none;margin:0 5px;padding:22px 10px 22px}
.verse-card-kicker{font:9px var(--luxury-sans);color:#bba77b;letter-spacing:.2em}
.verse-card p{font:italic 24px/1.35 var(--luxury-serif);color:#f6ead8;letter-spacing:-.03em}
.verse-card span{font:10px var(--luxury-sans);color:#a4b6a5}
.sidebar-foot{font:8px var(--luxury-sans);color:#9eaf9f;letter-spacing:.18em}
.preferences-btn{font:11px var(--luxury-sans);color:#d5e1d6}
.main{margin-left:238px}
.topbar{height:76px;position:sticky;top:0;z-index:25;background:#f9f8f1ea;border-bottom:1px solid #dcdcd1;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:0 clamp(25px,3.1vw,60px)}
.top-left{gap:13px}
.breadcrumb{color:#78887e;letter-spacing:.17em;font:700 9px var(--luxury-sans)}
.top-wordmark{display:none;font:25px var(--luxury-serif);letter-spacing:-.08em;color:#182f27}
.wordmark-dot{color:#b49655}
.local-label{font:10px var(--luxury-sans);color:#77877a}
.avatar{background:#ede8d9;border:1px solid #c7c2ae;color:#6c634c}
.icon-btn{color:#254539}
.content{max-width:1690px;padding:38px clamp(25px,3.1vw,60px) 80px}
.reading-progress-track{height:2px;position:fixed;top:76px;left:238px;right:0;z-index:26;pointer-events:none;background:transparent}
.reading-progress-track span{display:block;height:100%;width:0%;background:linear-gradient(90deg,#94763f,#e4c98d);box-shadow:0 0 8px #cfb779a0;transition:width .13s linear}
.view{animation:none}
.view.active{animation:premiumViewIn .42s cubic-bezier(.2,.8,.2,1) both}
@keyframes premiumViewIn{0%{opacity:0;transform:translateY(10px)}100%{opacity:1;transform:translateY(0)}}
/* Hero is art direction, not a dashboard: warm engraved arch on deep ink */
#view-read>.intro-head{display:none}
.sanctuary-hero{--mx:0px;--my:0px;position:relative;display:grid;grid-template-columns:1.1fr 1fr;min-height:416px;overflow:hidden;border-radius:3px;color:#f5f1e6;background:radial-gradient(ellipse at 77% 27%,#344c39 0%,#1d3b32 30%,#102b24 75%),#102b24;isolation:isolate;box-shadow:0 22px 60px #1f39262a}
.sanctuary-hero:after{position:absolute;content:'';inset:11px;border:1px solid #cbb5833b;pointer-events:none;z-index:2}
.hero-grain{position:absolute;inset:0;z-index:0;opacity:.28;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.64' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.19'/%3E%3C/svg%3E")}
.hero-lines{position:absolute;inset:0;pointer-events:none;opacity:.3}
.hero-lines span{position:absolute;display:block;height:1px;width:160px;background:linear-gradient(90deg,#cfb984,transparent);transform:rotate(-38deg)}
.hero-lines span:nth-child(1){right:22%;top:14%}.hero-lines span:nth-child(2){right:13%;top:28%;width:110px}.hero-lines span:nth-child(3){right:10%;bottom:13%;width:90px}
.hero-copy{z-index:3;padding:61px 16px 84px clamp(35px,5vw,88px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.hero-index{font:600 9px/1.5 var(--luxury-sans);letter-spacing:.22em;color:#d6c093;display:flex;gap:15px;align-items:center;white-space:nowrap}
.index-line{height:1px;width:24px;background:#bf9c64}
.index-number{color:#a4b6a6;margin-left:14px;letter-spacing:.13em;font-weight:400}
.hero-copy h2{font:400 clamp(58px,5.5vw,100px)/.96 var(--luxury-serif);letter-spacing:-.075em;margin:32px 0 21px;max-width:700px}
.hero-copy h2 em{font-weight:400;color:#dfbf86;white-space:nowrap}
.hero-copy p{font:13px/1.85 var(--luxury-sans);color:#ced8cd;max-width:335px;letter-spacing:.02em;margin:0 0 30px}
.hero-buttons{display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.hero-cta{border:1px solid #dbc390;display:flex;gap:29px;align-items:center;justify-content:space-between;background:#ddc38e;color:#163027;padding:16px 20px 16px 22px;font:600 11px/1.2 var(--luxury-sans);letter-spacing:.06em;min-height:50px;box-shadow:inset 0 0 0 1px #fff6cd2a}
.hero-cta:hover{background:#f0dba5;box-shadow:0 11px 30px #040d0a36;transform:translateY(-2px)}
.hero-cta svg{width:22px;height:22px;stroke:currentColor;stroke-width:1.3;fill:none;transition:transform .3s}
.hero-cta:hover svg{transform:translateX(4px)}
.hero-micro{color:#a5b6a4;font:9px var(--luxury-sans);letter-spacing:.17em}
.hero-art{z-index:1;position:relative;align-self:stretch;min-width:0;overflow:hidden;display:flex;justify-content:center;align-items:center;pointer-events:none}
.arch-illustration{width:min(94%,500px);height:105%;position:absolute;bottom:-9%;transform:translate(var(--mx),var(--my));filter:drop-shadow(0 0 24px #c9ab5b15);transition:transform .5s cubic-bezier(.2,.8,.3,1)}
.arch-illustration .glow{animation:glowBreath 9s ease-in-out infinite;transform-origin:50% 50%}
.arch-illustration .sun-rays{animation:rayTurn 80s linear infinite;transform-origin:235px 232px}
.arch-illustration .sun-core{animation:coreBreath 7s ease-in-out infinite;transform-origin:235px 232px}
.arch-illustration .arch-line{stroke-dasharray:900;stroke-dashoffset:900;animation:scribe 2.4s cubic-bezier(.16,1,.3,1) forwards}
.arch-illustration .arch-line.second{animation-delay:.24s}.arch-illustration .arch-line.third{animation-delay:.5s}
.hero-art-label{position:absolute;bottom:32px;right:clamp(19px,3vw,50px);display:flex;flex-direction:column;align-items:center;gap:10px;color:#c7b182;font:8px var(--luxury-sans);letter-spacing:.22em;opacity:.86}
.hero-bottom{position:absolute;bottom:21px;left:clamp(35px,5vw,88px);right:24px;z-index:4;display:flex;justify-content:space-between;gap:10px;color:#a0b2a5;font:8px var(--luxury-sans);letter-spacing:.2em}
@keyframes scribe{to{stroke-dashoffset:0}}@keyframes glowBreath{50%{opacity:.45;transform:scale(1.06)}}@keyframes coreBreath{50%{opacity:.47;transform:scale(.88)}}@keyframes rayTurn{to{transform:rotate(360deg)}}@keyframes markBreathe{50%{opacity:.65;transform:rotate(15deg)}}
/* Reading room introduction and typographic reading surface */
.reading-session{display:flex;align-items:end;justify-content:space-between;gap:22px;padding:39px 4px 23px;border-bottom:1px solid #bbbdb0;margin-bottom:22px;scroll-margin-top:110px}
.reading-session-label{display:flex;align-items:center;gap:18px}
.reading-session-symbol{font:29px var(--luxury-serif);color:#af8b52;line-height:1}
.mini-overline{font:700 9px/1.5 var(--luxury-sans);letter-spacing:.2em;color:#a17d56}
.mini-overline i{font-style:normal;color:#adb3a5;padding:0 8px}.mini-overline span{color:#8a968c}
.reading-session h2{font:400 clamp(25px,2.45vw,38px)/1.15 var(--luxury-serif);letter-spacing:-.04em;margin:7px 0 0}
.reading-session-actions{display:flex;gap:10px;align-items:center}
.reading-percent{font:600 9px var(--luxury-sans);color:#738378;letter-spacing:.16em;margin-right:6px;white-space:nowrap}
.session-tool{border:1px solid #c4c9b9;color:#274036;background:transparent;padding:12px 15px;min-height:43px;font:600 11px var(--luxury-sans);letter-spacing:.02em;white-space:nowrap}
.session-tool:hover{border-color:#9c875f;background:#f6f3e7}
.session-tool-secondary{background:#203c31;color:#f1eddf;border-color:#203c31}
.session-tool-secondary:hover{background:#305747;border-color:#305747}
.focus-icon{font:19px/0 var(--luxury-serif);vertical-align:middle;margin-right:5px}
.reader-grid{grid-template-columns:minmax(0,1fr) minmax(250px,305px);gap:25px;align-items:start}
.reader-primary{border:1px solid #d6d8cb;border-radius:2px;background:#fdfcf6;box-shadow:0 11px 30px #394d3c0b;position:relative}
.reader-primary:before{content:'';height:7px;position:absolute;left:0;right:0;top:0;background:repeating-linear-gradient(90deg,#a99b7c 0 24px,transparent 24px 31px);opacity:.32}
.passage-toolbar{padding:26px 38px 18px;border-bottom:0}
.toolbar-eyebrow{color:#958c75;letter-spacing:.21em;font:700 9px var(--luxury-sans)}
.book-selector,.chapter-selector{font:400 36px var(--luxury-serif);letter-spacing:-.055em;color:#18352d}
.book-selector:hover,.chapter-selector:hover{color:#aa794d}
.book-selector span:last-child,.chapter-selector span:last-child{font-size:13px}
.font-btn{font:13px var(--luxury-sans);color:#556e5d}
.icon-btn{min-width:42px;min-height:42px}
.translation-bar{background:transparent;border-top:1px solid #dfe2d8;border-bottom:1px solid #dfe2d8;padding:13px 38px;flex-wrap:wrap}
.translation-label{color:#988978;letter-spacing:.15em}
.translation-bar select{font:12px var(--luxury-sans);color:#3b5748;border:0;border-bottom:1px solid #bdc5b5;border-radius:0;padding:9px 24px 9px 7px;background:transparent}
.compare-toggle{font:600 11px var(--luxury-sans);color:#4c6653;padding:8px}
.reader-body{padding:38px clamp(32px,5.1vw,75px) 55px;min-height:530px;background:linear-gradient(90deg,#f4f3eb30 0%,transparent 8%,transparent 92%,#efeee830 100%)}
.chapter-kicker{text-align:center;color:#9e9680;letter-spacing:.28em;font:700 10px var(--luxury-sans);margin-bottom:17px}
.chapter-kicker:before,.chapter-kicker:after{content:'—';padding:0 12px;color:#bca37a}
.chapter-title{text-align:center;color:#18372d;font:400 clamp(45px,4vw,65px)/1.08 var(--luxury-serif);letter-spacing:-.06em;margin:0 0 43px}
.chapter-title:after{content:'✦';display:block;margin:20px auto 0;color:#bda174;font:12px var(--luxury-serif);letter-spacing:0}
.verse-row{font-family:var(--luxury-serif);font-size:var(--verse-font,20px);color:#213a2e;line-height:1.88;letter-spacing:.001em;gap:13px;margin:0 -13px 13px;padding:4px 13px 4px;border-radius:2px;border-left:2px solid transparent;transition:background .28s ease,border-color .28s ease,box-shadow .28s ease}
.verse-row:hover{background:#d7dfcf55;border-left-color:#d2ae7e}
.verse-row.selected{background:#e5eadf;border:1px solid #cddbc9;border-left:3px solid #a78e5b;box-shadow:0 5px 12px #162b1e0b}
.verse-row.highlighted .verse-text{background:linear-gradient(transparent 71%,#efdeaf 71%)}
.verse-num{color:#ae8d59;padding-top:15px;font:10px var(--luxury-sans);min-width:19px}
.verse-row:not(:has(+ .mobile-selection)):first-of-type .verse-text::first-letter{font-size:1.85em;line-height:.65;float:left;padding-right:5px;padding-top:11px;color:#7d805d}
.parallel-line{font-size:.86em;font-style:italic;border-top-color:#b6c0b0}
.parallel-tag{font:9px var(--luxury-sans);letter-spacing:.18em}
.reader-end-mark{padding:4px 0 28px;display:flex;align-items:center;justify-content:center;gap:18px;color:#b49a6c;font-size:14px}
.reader-end-mark span{display:block;width:36px;height:1px;background:#c7b892}
.source-line{font:10px/1.8 var(--luxury-sans);color:#858e80;padding:20px 34px}
.chapter-controls{padding:25px 35px;background:#f3f3e9}
.chapter-controls button{color:#315c47;font:600 12px var(--luxury-sans)}
.study-rail{background:radial-gradient(circle at top right,#375348 0%,#19352c 49%,#132c24 100%);color:#f0ebdc;border:1px solid #3d5949;min-height:500px;border-radius:2px;padding:27px 28px 30px;box-shadow:0 10px 25px #1d3c3020;position:sticky;top:108px}
.study-rail:after{content:'';position:absolute;inset:8px;border:1px solid #c9a8752b;pointer-events:none}
.study-rail .eyebrow.small{color:#d3b57d}
.rail-head{position:relative;z-index:1}
.rail-badge{font:8px var(--luxury-sans);color:#e1ca95;border:1px solid #bcad6b42;background:transparent}
.rail-intro{position:relative;padding:36px 0 20px;z-index:1}
.decorative-star{font-size:29px;color:#d8b777}
.rail-intro h2{font:italic 34px/1.06 var(--luxury-serif);letter-spacing:-.055em;color:#fff3df;margin:18px 0 12px}
.rail-intro p,.study-rail .selected-verse-card p{color:#c1d1c2;font:12px/1.85 var(--luxury-sans)}
.context-card{background:transparent;border:0;border-top:1px solid #b5c4ae51;border-radius:0;padding:20px 0 6px;position:relative;z-index:1}
.context-card h3{font:700 9px var(--luxury-sans);letter-spacing:.19em;color:#d1b77b}
.context-card p{font:12px/1.82 var(--luxury-sans);color:#d6ddd0}
.context-card span{font:10px var(--luxury-sans);color:#d5b67b}
.rail-divider{background:#b4c4b15c}
.selected-verse-card{position:relative;z-index:1}
.selected-verse-card q{color:#fff1d8;font:italic 20px/1.5 var(--luxury-serif)}
.selected-verse-card .reference-sm{color:#becbb6}
.mini-action{background:transparent;border:1px solid #8b9f868a;color:#ede5d4;border-radius:0;font:10px var(--luxury-sans);padding:9px}
.mini-action:hover{background:#c2ad6b38}
.study-rail .text-link{color:#e2c58c;position:relative;z-index:1;font:600 12px var(--luxury-sans);border-top:1px solid #93a28c55;padding-top:17px}
/* Carefully designed utility states */
.mobile-selection{animation:selectionAppear .25s cubic-bezier(.2,.8,.2,1)}
@keyframes selectionAppear{from{opacity:0;transform:translateY(-7px)}to{opacity:1;transform:translateY(0)}}
.modal{border-radius:2px;background:#fcfaf2;border:1px solid #d6cba6;box-shadow:0 35px 100px #081e16a0}
.modal-header{padding:25px 29px}
.modal-header h2{font:400 30px var(--luxury-serif)}
.book-choice,.chapter-choice,.outline-btn{border-radius:2px}
.toast{border-radius:2px;background:#173a2c;box-shadow:0 13px 40px #0c302640}
/* Other areas: editorial rather than metric dashboard */
#view-explore,#view-learn,#view-journal,#view-library{max-width:1150px;margin:0 auto}
#view-explore .intro-head,#view-learn .intro-head,#view-journal .intro-head,#view-library .intro-head{padding:40px 0 15px;border-bottom:1px solid #bdc3b5}
.intro-head h1{font-family:var(--luxury-serif);font-weight:400;font-size:clamp(44px,5vw,70px);letter-spacing:-.07em}
.intro-head p{font:13px/1.85 var(--luxury-sans);color:#728075}
.explore-banner,.learning-feature{position:relative;border-radius:2px;overflow:hidden;background:linear-gradient(120deg,#15352b,#29493a);box-shadow:0 20px 50px #1d36231e}
.explore-banner:after,.learning-feature:after{content:'';position:absolute;width:300px;height:300px;right:-40px;top:-70px;border-radius:50%;border:1px solid #d0b77b40;pointer-events:none;box-shadow:0 0 0 30px #c9b67708,0 0 0 60px #c9b6770a}
.explore-banner h2,.learning-feature h2{font:400 49px var(--luxury-serif);letter-spacing:-.055em}
.study-panel,.lesson-row,.journal-entry,.saved-item,.library-metrics>div{border-radius:2px!important;border-color:#d9dbce!important;box-shadow:none!important}
.study-panel{border-top:2px solid #af9965!important;background:#fdfaf2!important}
.learning-feature .primary-btn{background:#d0b982;color:#163128;border-color:transparent}
.lesson-row{background:#faf9f1!important}
.journal-editor{border-radius:2px;border-top:3px solid #c0a46d;padding:38px;background:#fcfaf2}
.journal-editor textarea,.journal-editor input{border-radius:0;background:transparent;border:0;border-bottom:1px solid #cbd0c0;padding:16px 0}
.journal-editor textarea:focus,.journal-editor input:focus{outline:0;border-bottom:2px solid #9d865a}
.library-metrics{gap:0;border-top:1px solid #bbc3b5;border-bottom:1px solid #bbc3b5}
.library-metrics>div{border:0!important;background:transparent!important;padding:26px 20px!important}
.library-metrics>div+div{border-left:1px solid #bec5b8!important}
.library-metrics span{font:400 48px var(--luxury-serif)}
.library-tools{border:1px solid #d5d9c9;border-radius:2px;background:#e8eadf}
.focus-exit{display:none;position:fixed;z-index:61;bottom:20px;right:20px;min-height:48px;padding:14px 20px;border:1px solid #c7ad79;background:#1a3e30;color:#fff4df;box-shadow:0 6px 25px #162d2740;font:600 12px var(--luxury-sans)}
body.focus-mode{background:#e9e7da}
body.focus-mode .sidebar,body.focus-mode .topbar,body.focus-mode .page-footer,body.focus-mode .mobile-nav,body.focus-mode .sanctuary-hero,body.focus-mode .reading-session,body.focus-mode .study-rail{display:none!important}
body.focus-mode .main{margin-left:0}
body.focus-mode .content{padding:40px 18px 95px;max-width:870px}
body.focus-mode .reader-grid{display:block}
body.focus-mode .reader-primary{border:0;background:#faf8ed;box-shadow:0 12px 60px #1a332b0d}
body.focus-mode .reader-body{padding-left:clamp(25px,7vw,86px);padding-right:clamp(25px,7vw,86px)}
body.focus-mode .reading-progress-track{left:0;top:0}
body.focus-mode .focus-exit{display:block}
/* Dark reading experience */
[data-theme="dark"]{--bg:#0e211b;--paper:#192e26;--ink:#f6f1df;--line:#395046;--copper:#cdad76;color-scheme:dark}
[data-theme="dark"] .topbar{background:#172d24ed;border-color:#45604f}
[data-theme="dark"] .breadcrumb,[data-theme="dark"] .top-wordmark{color:#f1e8d7}
[data-theme="dark"] .reading-session{border-color:#5d6e5c}
[data-theme="dark"] .reader-primary{background:#1d3329;border-color:#465948}
[data-theme="dark"] .reader-primary:before{opacity:.1}
[data-theme="dark"] .reader-body{background:#1d3329}
[data-theme="dark"] .book-selector,[data-theme="dark"] .chapter-selector,[data-theme="dark"] .chapter-title,[data-theme="dark"] .verse-row{color:#eee9d9}
[data-theme="dark"] .translation-bar{border-color:#415e4b}
[data-theme="dark"] .translation-bar select{color:#f3eddd}
[data-theme="dark"] .verse-row.selected{background:#3b5944;border-color:#78916a}
[data-theme="dark"] .verse-row:hover{background:#355340}
[data-theme="dark"] .chapter-controls{background:#243d30}
[data-theme="dark"] .study-panel,[data-theme="dark"] .lesson-row,[data-theme="dark"] .journal-editor,[data-theme="dark"] .journal-entry,[data-theme="dark"] .saved-item{background:#223b2f!important;color:#f1eddb}
[data-theme="dark"] .session-tool{color:#f4e9d4;border-color:#738875}
[data-theme="dark"] .session-tool-secondary{background:#d2b882;color:#193125}
[data-theme="dark"] .mini-overline span,[data-theme="dark"] .reading-percent{color:#bdc6b6}
[data-theme="dark"] .library-tools{background:#243d2e}
[data-theme="dark"] .modal{background:#203a2c}
@media(max-width:1180px){.sidebar{width:210px}.main{margin-left:210px}.reading-progress-track{left:210px}.reader-grid{grid-template-columns:minmax(0,1fr) 265px;gap:16px}.hero-copy{padding-left:45px}.hero-bottom{left:45px}.hero-copy h2{font-size:clamp(59px,5.4vw,84px)}.reader-body{padding:35px 34px 48px}.study-rail{padding:23px}}
@media(max-width:990px){.reader-grid{grid-template-columns:1fr}.study-rail{display:none}.session-tool-secondary{display:inline-block}.hero-copy h2{font-size:clamp(54px,6.8vw,80px)}.sanctuary-hero{min-height:355px}}
@media(max-width:700px){
  .sidebar{width:270px}.main{margin-left:0}.reading-progress-track{left:0;top:64px}
  .topbar{height:64px;padding:0 20px;background:#f9f8f2ec}
  .top-wordmark{display:block;font-size:26px}
  .breadcrumb{display:none}
  .top-actions{gap:5px}
  .top-actions .avatar{width:36px;height:36px}
  .hamburger{display:grid;margin-right:0;font-size:19px}
  .content{padding:0 0 110px}
  .sanctuary-hero{border-radius:0;grid-template-columns:1fr;min-height:490px;box-shadow:none}
  .sanctuary-hero:after{inset:10px}
  .hero-copy{padding:62px 25px 100px 31px;z-index:3;justify-content:flex-start}
  .hero-index{font-size:8px;letter-spacing:.16em;gap:10px}
  .index-line{width:18px}
  .index-number{display:none}
  .hero-copy h2{font-size:clamp(60px,13.4vw,88px);line-height:.95;max-width:380px;margin:28px 0 18px;position:relative;z-index:4}
  .hero-copy p{font-size:12px;max-width:238px;color:#e4e8da;margin-bottom:24px}
  .hero-cta{padding:15px 17px;gap:18px;font-size:10px;min-height:47px}
  .hero-micro{display:none}
  .hero-art{position:absolute;inset:0 0 0 24%;z-index:1;opacity:.56;mask-image:linear-gradient(90deg,transparent 0%,black 44%)}
  .arch-illustration{width:390px;max-width:none;left:auto;right:-125px;bottom:-36px;height:540px;transform:translate(var(--mx),var(--my))}
  .hero-art-label{display:none}
  .hero-bottom{left:30px;right:30px;bottom:25px;font-size:7px;letter-spacing:.1em}
  .hero-bottom span:last-child{white-space:nowrap}
  .reading-session{margin:0 20px 18px;padding:29px 0 20px;align-items:center;gap:10px;flex-wrap:wrap}
  .reading-session-label{gap:9px}
  .reading-session-symbol{font-size:23px}
  .reading-session h2{font-size:25px;line-height:1.2}
  .mini-overline{font-size:8px;letter-spacing:.12em}
  .mini-overline i{padding:0 3px}
  .reading-session-actions{margin-left:auto;gap:6px}
  .reading-percent{display:none}
  .session-tool{font-size:10px;padding:8px 9px;min-height:37px}
  .focus-icon{font-size:14px}
  .session-tool-secondary{display:none}
  .reader-grid{padding:0 13px}
  .reader-primary{border:0;border-top:1px solid #d5d8c9;border-bottom:1px solid #d5d8c9;border-radius:0;box-shadow:0 10px 36px #2443300b}
  .passage-toolbar{padding:23px 21px 15px}
  .book-selector,.chapter-selector{font-size:32px}
  .reference-selectors{gap:8px}
  .passage-actions{gap:0}
  .font-btn{padding:10px 5px}
  .translation-bar{padding:12px 17px;gap:4px;flex-wrap:nowrap}
  .translation-bar select{max-width:220px;font-size:11px;flex:1}
  .compare-toggle{margin-left:auto;font-size:16px;padding:8px}
  .reader-body{padding:31px 26px 43px;min-height:400px}
  .chapter-title{font-size:46px;margin-bottom:29px}
  .chapter-kicker{font-size:8px}
  .chapter-kicker:before,.chapter-kicker:after{padding:0 5px}
  .verse-row{font-size:var(--verse-font,19px);line-height:1.8;margin-bottom:13px;gap:9px}
  .verse-num{padding-top:12px}
  .chapter-controls{padding:22px 18px}
  .source-line{padding:17px 20px}
  .mobile-selection{display:flex;gap:6px;margin:2px 0 14px;padding:9px 0}
  .mobile-selection button{background:#eff0e3;color:#254638;border-color:#bdc9b4;border-radius:2px;min-height:41px}
  .mobile-nav{left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));border:1px solid #3f6151;border-radius:9px;background:#15352bec;box-shadow:0 12px 36px #09281f45;padding:9px 4px 6px;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px)}
  .mobile-item{color:#a6bcaa;min-height:43px;font:9px var(--luxury-sans);letter-spacing:.015em;gap:3px}
  .mobile-item span{font-size:19px;color:#c4d0ba}
  .mobile-item.active{color:#f9dfaa}
  .mobile-item.active span{color:#f1d49b}
  #view-explore,#view-learn,#view-journal,#view-library{padding:18px 20px 30px}
  .toast{bottom:99px}
  .intro-head h1{font-size:47px}
  .library-metrics>div{border-left:0!important;padding:20px 14px!important}
  .library-metrics>div:nth-child(even){border-left:1px solid #bec5b8!important}
  .journal-editor{padding:26px 23px}
}
@media(max-width:360px){.sanctuary-hero{min-height:470px}.hero-copy h2{font-size:60px}.hero-copy{padding-left:25px}.hero-bottom{left:25px}.reading-session{margin-left:15px;margin-right:15px}.reading-session h2{font-size:22px}.mini-overline{font-size:7px}.reading-session-label{gap:5px}.session-tool{font-size:9px}.reader-body{padding-left:19px;padding-right:19px}.translation-bar select{max-width:172px}.hero-art{opacity:.47}.hero-copy p{max-width:215px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.arch-illustration .arch-line{stroke-dashoffset:0!important}}