:root{--bg:#f7f5ef;--paper:#fffefa;--ink:#27372f;--ink-soft:#53655a;--muted:#78877e;--forest:#174d43;--pine:#123b33;--sage:#dfe9df;--mint:#edf4eb;--sand:#ede9de;--gold:#a9844a;--line:#dedfd3;--shadow:0 18px 48px rgba(26,52,41,.08);--radius:20px;--serif:Georgia,'Times New Roman',serif;--sans:system-ui,-apple-system,'Segoe UI',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;line-height:1.68}a{color:inherit;text-decoration:none}a:hover{color:var(--forest)}button,input,textarea,select{font:inherit}button{cursor:pointer}img{max-width:100%;height:auto}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3{line-height:1.13;letter-spacing:-.025em}h1,h2{font-family:var(--serif);font-weight:400}h1{font-size:clamp(2.8rem,5.7vw,5.9rem);line-height:1.05}h2{font-size:clamp(2.1rem,4vw,3.75rem)}h3{font-size:1.35rem}p{margin-bottom:1.12rem}ul{padding-left:1.2rem}li{margin-bottom:.5rem}body.modal-open{overflow:hidden}
.shell{max-width:1250px;margin:0 auto;padding:0 30px}.slim{max-width:850px}.section{padding:92px 0}.section.tight{padding:56px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:34px}.section-head p{max-width:510px;color:var(--ink-soft);margin:0}.eyebrow{color:var(--gold);font-size:.76rem;text-transform:uppercase;letter-spacing:.2em;font-weight:780;margin-bottom:16px;display:block}.subtle{color:var(--muted)}.lead{font-size:clamp(1.09rem,1.6vw,1.36rem);line-height:1.8;color:var(--ink-soft)}.small{font-size:.86rem;color:var(--ink-soft)}.large-num{font:400 3rem var(--serif);color:var(--forest)}.rule{border-top:1px solid var(--line)}.divider{height:1px;background:var(--line);margin:30px 0}.left-accent{border-left:3px solid var(--gold);padding-left:20px}
.utility{background:var(--pine);color:#c8d9d0;font-size:.76rem;letter-spacing:.06em}.utility .shell{display:flex;justify-content:space-between;padding-top:8px;padding-bottom:8px}.utility a{color:#f2ead1}.header{background:rgba(255,254,250,.96);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:80;backdrop-filter:blur(15px)}.head-row{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:86px}.brand{display:flex;align-items:center;gap:13px;min-width:225px}.mark{height:44px;width:44px;border-radius:50%;border:1px solid #bba777;position:relative;display:grid;place-items:center;font:1.8rem var(--serif);color:var(--forest);background:#f8f4e7}.mark:after{content:'';position:absolute;width:27px;height:27px;border:1px solid #c5b888;transform:rotate(45deg)}.brand strong{display:block;font:normal 1.26rem var(--serif);line-height:1.1;letter-spacing:-.015em}.brand small{font-size:.62rem;letter-spacing:.15em;color:var(--gold);text-transform:uppercase}.nav{display:flex;gap:22px;align-items:center}.nav a{font-size:.87rem;font-weight:570;white-space:nowrap}.nav a.active{color:var(--forest);border-bottom:2px solid var(--gold);padding-bottom:6px}.nav .nav-cta{padding:11px 16px;border-radius:100px;background:var(--forest);color:white}.nav .nav-cta:hover{background:#276355;color:white}.menu-toggle{display:none;background:transparent;border:1px solid var(--line);border-radius:9px;padding:8px 13px;color:var(--forest)}
.button{border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:11px;padding:15px 23px;border-radius:100px;font-size:.9rem;font-weight:650;min-height:50px;transition:.18s;line-height:1.2;text-align:center}.button.primary{background:var(--forest);color:#fff}.button.primary:hover{background:#286c5a;color:#fff;transform:translateY(-1px)}.button.light{background:#fffefa;color:var(--forest);border-color:var(--line)}.button.light:hover{border-color:var(--forest)}.button.gold{background:#e7d4aa;color:var(--pine)}.button.text{padding:12px 0;background:transparent;color:var(--forest)}.button.secondary{background:var(--sage);color:var(--forest)}.button.small{min-height:40px;padding:10px 15px;font-size:.81rem}.button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,button:focus-visible{outline:3px solid #b28d49;outline-offset:3px}.button[disabled]{opacity:.45;cursor:not-allowed;transform:none}.tag{display:inline-flex;border-radius:100px;border:1px solid #d6dbd1;background:#f9fbf7;padding:5px 12px;color:#526b5f;font-size:.75rem;font-weight:650;line-height:1.5}.tag.gold{color:#846536;background:#f8f1df;border-color:#e5d6b7}.tag.dark{color:#ecf6ef;background:#26594b;border-color:#26594b}
.hero{padding:82px 0 92px;background:radial-gradient(circle at 77% 33%,#e4eee0 0,transparent 36%),linear-gradient(118deg,#f8f7f1,#f3f0e6)}.hero-grid{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(370px,.96fr);align-items:center;gap:50px}.hero p{max-width:600px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.hero-note{margin-top:28px;font-size:.82rem;letter-spacing:.03em;color:var(--ink-soft)}.hero-art{position:relative;height:590px;overflow:hidden;border-radius:300px 300px 25px 25px;background:radial-gradient(circle at 50% 37%,rgba(249,235,191,.45),transparent 39%),linear-gradient(153deg,#345c4e,#143f36 61%,#0d302b);border:8px solid #e6e2d3;box-shadow:var(--shadow)}.hero-art:before{content:'';position:absolute;inset:35px 45px 38px;border:1px solid rgba(224,192,124,.4);border-radius:230px 230px 10px 10px}.hero-art:after{content:'✦';position:absolute;top:70px;left:50%;transform:translateX(-50%);font-size:28px;color:#dfc28d}.arch-lines{position:absolute;inset:70px 85px 35px;border:1px solid #bda570;border-radius:190px 190px 3px 3px;opacity:.48}.arch-lines:before{content:'';position:absolute;inset:26px 30px;border:1px solid #bda570;border-radius:155px 155px 3px 3px}.hero-orbit{position:absolute;width:270px;height:270px;top:155px;left:50%;transform:translateX(-50%);border-radius:50%;border:1px solid rgba(224,199,136,.38);box-shadow:0 0 0 27px rgba(216,183,111,.035),0 0 0 60px rgba(216,183,111,.03)}.art-book{position:absolute;bottom:79px;left:50%;transform:translateX(-50%) perspective(420px) rotateX(13deg);width:310px;height:180px;background:linear-gradient(130deg,#eee6d0 48%,#c8bc99 49%,#f8eed5 52%);clip-path:polygon(0 18%,49% 0,50% 8%,51% 0,100% 18%,100% 91%,51% 80%,50% 87%,49% 80%,0 91%);box-shadow:0 0 0 8px #836b45}.art-book:after{content:'';position:absolute;top:35px;bottom:20px;left:49.7%;width:1px;background:#ad9d79}.art-caption{position:absolute;bottom:21px;width:100%;text-align:center;letter-spacing:.19em;text-transform:uppercase;color:#e0d9bb;font-size:.66rem}.art-light{position:absolute;top:240px;left:50%;transform:translateX(-50%);width:140px;height:190px;filter:blur(38px);background:#e8d3a0;opacity:.39}.hero-mini{background:#edf1e7;padding:69px 0 75px}.hero-mini .shell{max-width:1170px}.hero-mini h1{font-size:clamp(2.8rem,5vw,4.85rem);max-width:800px}.hero-mini .lead{max-width:760px}.crumbs{font-size:.78rem;color:var(--muted);margin-bottom:25px}.crumbs a{text-decoration:underline;text-decoration-color:#c5d0c2;text-underline-offset:4px}
.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.card{background:var(--paper);border:1px solid var(--line);padding:29px;border-radius:var(--radius);box-shadow:0 3px 22px rgba(21,51,41,.025)}.card:hover{border-color:#c3cfc1}.card h3{font-family:var(--serif);font-size:1.65rem;font-weight:400;margin:12px 0}.card p{color:var(--ink-soft);font-size:.94rem}.card-top{display:flex;justify-content:space-between;align-items:center;gap:15px}.card-icon{width:47px;height:47px;border:1px solid #d7dfd2;border-radius:14px;display:grid;place-items:center;color:var(--forest);font-size:1.3rem;background:var(--mint)}.card-link{color:var(--forest);font-size:.88rem;font-weight:700;display:inline-block;margin-top:12px}.card-link:hover{text-decoration:underline}.card.night{background:#1b4b40;color:#fff}.card.night p,.card.night .subtle{color:#cbd9d1}.card.night .card-link{color:#e9d2a2}.panel-dark{background:var(--pine);color:#fff}.panel-dark p{color:#cfdfd3}.panel-sage{background:#e8eee4}.rounded{border-radius:27px;overflow:hidden}
.stats{display:flex;gap:25px;flex-wrap:wrap;margin-top:32px}.stat{padding-right:23px;border-right:1px solid #ccd8ce}.stat:last-child{border-right:0}.stat strong{font:2rem var(--serif);color:var(--forest);display:block;line-height:1}.stat span{font-size:.78rem;color:var(--muted)}.quote-band{background:var(--forest);color:#fff;padding:61px 0}.quote-band blockquote{font:normal clamp(1.4rem,2.9vw,2.65rem)/1.4 var(--serif);margin:0;max-width:930px}.quote-band span{display:block;font:normal .86rem var(--sans);margin-top:20px;color:#d9d5b9}.paths{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.path-card{padding:27px;border-radius:18px;background:#fffdf6;border:1px solid var(--line);min-height:224px;display:flex;flex-direction:column}.path-card b{font:normal 1.45rem var(--serif);line-height:1.2}.path-card small{color:var(--ink-soft);margin-top:13px;line-height:1.55}.path-card .card-link{margin-top:auto;padding-top:18px}.num{font:normal 2.1rem var(--serif);color:#b79862;margin-bottom:20px}
.split{display:grid;grid-template-columns:1fr 1fr;gap:58px;align-items:center}.split.narrow{grid-template-columns:.8fr 1.2fr}.figure-panel{min-height:420px;display:grid;place-items:center;background:radial-gradient(circle at 50% 40%,#f3ead2,transparent 45%),linear-gradient(138deg,#dce7d9,#bccfbe);border-radius:25px;border:1px solid var(--line);padding:30px;position:relative}.figure-orbit{width:250px;height:250px;border-radius:50%;border:1px solid #9eb5a5;display:grid;place-items:center}.figure-inner{width:172px;height:172px;border-radius:50%;border:1px solid #9eb5a5;display:grid;place-items:center;font:4.3rem var(--serif);color:var(--forest)}.figure-panel small{position:absolute;bottom:25px;letter-spacing:.16em;text-transform:uppercase;color:#5f796c}.feature-list{display:grid;gap:22px;margin:29px 0}.feature{display:flex;gap:17px;align-items:start}.feature span{flex:none;border-radius:100%;background:#e2e9df;width:32px;height:32px;display:grid;place-items:center;color:var(--forest);font-size:.85rem;font-weight:700}.feature h3{font:normal 1.23rem var(--serif);margin-bottom:5px}.feature p{margin:0;font-size:.9rem;color:var(--ink-soft)}
.books-feature{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.book-feature{display:flex;gap:19px;padding:20px;border:1px solid var(--line);border-radius:19px;background:#fffefa}.book-feature img{width:111px;height:160px;object-fit:cover;border-radius:4px;box-shadow:5px 7px 13px rgba(20,40,30,.15)}.book-feature h3{font:normal 1.22rem var(--serif);margin:4px 0 9px}.book-feature p{font-size:.79rem;color:var(--ink-soft);line-height:1.5}.book-feature .card-link{font-size:.78rem}
.filter-bar{display:flex;gap:12px;flex-wrap:wrap;margin:30px 0}.search{border:1px solid #cfd9cd;border-radius:100px;background:#fffefa;min-height:50px;padding:0 22px;width:min(430px,100%);outline:none;color:var(--ink)}.filter-chip{border-radius:100px;border:1px solid #ced8ca;padding:12px 15px;color:var(--ink-soft);background:#fffefa;font-size:.82rem}.filter-chip.active{background:var(--forest);color:white;border-color:var(--forest)}.book-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.book-card{background:#fffefa;border:1px solid var(--line);border-radius:18px;padding:17px;display:flex;flex-direction:column;gap:8px;min-width:0}.book-cover{width:100%;aspect-ratio:2/3;object-fit:cover;border-radius:6px 9px 9px 6px;box-shadow:3px 8px 16px rgba(27,39,28,.12);background:#d9ddcb}.book-card h3{font:normal 1.16rem/1.25 var(--serif);margin:6px 0 0;overflow-wrap:anywhere}.book-card p{font-size:.78rem;line-height:1.6;color:var(--ink-soft)}.book-card .card-link{margin-top:auto}.book-card .tag{align-self:start}.book-grid .book-card[hidden]{display:none}.book-tools{margin-top:auto;display:flex;flex-wrap:wrap;gap:10px;align-items:center}.book-hero{display:grid;grid-template-columns:310px minmax(0,1fr);gap:76px;align-items:center}.book-hero img{width:300px;border-radius:4px 11px 11px 4px;box-shadow:25px 30px 40px rgba(21,44,33,.18)}.book-cover-wrap{background:radial-gradient(circle,#e6dfc7,transparent 64%),linear-gradient(130deg,#e2e9df,#f1f2e9);padding:44px 24px;border-radius:26px;display:flex;justify-content:center}.metadata{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0}.toc{list-style:none;margin:20px 0;padding:0}.toc li{border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;padding:15px 0;margin:0;font-size:.95rem}.toc span{color:var(--gold);font-weight:650}.reading-path{display:grid;gap:10px}.reading-row{display:grid;grid-template-columns:44px 1fr 42px;align-items:center;background:#fffefa;border:1px solid var(--line);padding:15px 21px;border-radius:12px}.reading-row strong{font:normal 1.17rem var(--serif)}.reading-row small{font-size:.77rem;color:var(--muted)}
.lessons-layout{display:grid;grid-template-columns:310px minmax(0,1fr);gap:33px;align-items:start}.lesson-sidebar{background:#fffefa;border:1px solid var(--line);padding:15px;border-radius:18px;position:sticky;top:113px}.lesson-tab{display:flex;width:100%;border:0;background:transparent;text-align:left;gap:12px;padding:15px 12px;border-radius:12px;align-items:center;color:var(--ink)}.lesson-tab:hover,.lesson-tab.active{background:#e7eee6}.lesson-index{width:33px;height:33px;border-radius:50%;display:grid;place-items:center;border:1px solid #c8d8c9;font-size:.83rem;color:var(--forest);flex:none}.lesson-tab.active .lesson-index{background:var(--forest);color:white}.lesson-tab strong{display:block;font-size:.86rem;line-height:1.25}.lesson-tab small{font-size:.7rem;color:var(--muted)}.lesson-body{background:var(--paper);border:1px solid var(--line);border-radius:23px;padding:43px;min-height:650px}.lesson-body h2{font-size:2.8rem}.lesson-body h3{font:normal 1.55rem var(--serif);margin-top:28px}.lesson-body .step{padding:14px 0;border-bottom:1px solid var(--line)}.progress-track{height:9px;border-radius:30px;background:#e1e6da;overflow:hidden;margin:12px 0 8px}.progress-inner{height:100%;background:#3e826d;width:0;transition:width .3s}.lesson-screen[hidden]{display:none}
.toolbox-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.tool-card{border:1px solid var(--line);border-radius:21px;background:var(--paper);padding:28px;min-height:305px;display:flex;flex-direction:column}.tool-card h3{font:normal 1.62rem var(--serif);margin:16px 0 8px}.tool-card p{font-size:.89rem;color:var(--ink-soft)}.tool-card .card-link{margin-top:auto}.tool-card.is-featured{background:linear-gradient(140deg,#1a5245,#13392f);color:#fff}.tool-card.is-featured p{color:#d1e0d7}.tool-card.is-featured .card-link{color:#e8d1a4}.tool-card.is-featured .card-icon{background:#2a6556;color:#fff;border-color:#4e8676}.tool-meta{display:flex;gap:9px;flex-wrap:wrap}
.work-panel{background:#fffefa;border:1px solid var(--line);border-radius:25px;padding:42px;box-shadow:var(--shadow)}.work-panel h2{font-size:2.2rem}.work-panel label{display:block;font-size:.82rem;color:var(--ink-soft);font-weight:700;margin:0 0 10px}.work-panel textarea,.work-panel input,.work-panel select{display:block;width:100%;background:#fdfdf9;border:1px solid #cad5c9;border-radius:12px;padding:15px;color:var(--ink);min-height:53px}.work-panel textarea{resize:vertical;min-height:110px}.field{margin-bottom:21px}.field .help{font-size:.76rem;color:var(--muted);margin-top:7px}.work-result{padding:29px;background:#edf3ea;border-radius:18px;border:1px solid #d0dfd2;margin-top:25px}.result-four{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.result-four article{border-radius:13px;padding:18px;background:#fffefa;border:1px solid var(--line)}.result-four h3{font:normal 1.22rem var(--serif);margin-bottom:12px}.result-four p{font-size:.85rem;color:var(--ink-soft);overflow-wrap:anywhere;white-space:pre-line}.tabbar{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 24px}.tabbar button{padding:12px 17px;border:1px solid #d5dfd1;border-radius:100px;background:#fffefa}.tabbar button.active{background:var(--forest);color:#fff}.tool-stage[hidden]{display:none}.journal-entry{padding:15px;background:#f0f4ed;border:1px solid var(--line);border-radius:12px;margin-top:11px}.journal-entry .small{display:block}.tool-disclaimer{font-size:.76rem;color:var(--muted);background:#f3f5ef;padding:13px 17px;border-radius:12px}
.editorial{max-width:760px;font-size:1.06rem;line-height:1.92}.editorial h2{font-size:2.5rem;margin-top:47px}.editorial h3{font:normal 1.47rem var(--serif);margin-top:27px}.callout{padding:27px;border-radius:15px;background:#e8eee5;border-left:4px solid var(--gold);margin:30px 0}.callout p:last-child{margin:0}.editorial ol li{margin-bottom:12px}.faq details{border-top:1px solid var(--line);padding:17px 0}.faq summary{font-weight:670;cursor:pointer}.faq p{color:var(--ink-soft);padding-top:8px}.empty{padding:35px;background:#e9eee5;border-radius:15px;color:var(--ink-soft)}
.footer{background:#193d34;color:#ecf1e9;padding:65px 0 28px;margin-top:30px}.foot-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:35px}.footer h3{font:normal 1.4rem var(--serif);margin-bottom:14px}.footer a{display:block;color:#cedbd3;font-size:.84rem;margin:9px 0}.footer p{color:#bdcfc3;font-size:.86rem;max-width:350px}.foot-bottom{border-top:1px solid #386052;margin-top:45px;padding-top:22px;color:#b5c6bb;font-size:.72rem}.foot-bottom a{display:inline;margin:0}.copyright{display:flex;justify-content:space-between;gap:25px;flex-wrap:wrap}.prototype-flag{position:fixed;right:18px;bottom:16px;border:1px solid #d7caab;background:#fff9e9;color:#6c552a;padding:9px 14px;font-size:.71rem;border-radius:100px;z-index:80;box-shadow:var(--shadow)}
@media(max-width:1130px){.nav{gap:12px}.nav a{font-size:.8rem}.brand{min-width:185px}.grid.four,.book-grid{grid-template-columns:repeat(3,1fr)}.books-feature{grid-template-columns:repeat(2,1fr)}}
@media(max-width:920px){.menu-toggle{display:block}.nav{display:none;position:absolute;top:86px;left:0;right:0;background:var(--paper);border-top:1px solid var(--line);box-shadow:var(--shadow);flex-direction:column;align-items:stretch;padding:20px 30px}.nav.open{display:flex}.nav a{font-size:.95rem;padding:11px}.nav a.active{border-bottom:none;border-left:3px solid var(--gold)}.hero-grid{grid-template-columns:1fr}.hero-art{height:450px;max-width:650px;width:100%;margin:auto}.grid,.toolbox-grid{grid-template-columns:repeat(2,1fr)}.paths{grid-template-columns:repeat(2,1fr)}.split,.split.narrow{grid-template-columns:1fr}.figure-panel{min-height:330px}.lessons-layout{grid-template-columns:1fr}.lesson-sidebar{position:relative;top:auto;display:grid;grid-template-columns:repeat(2,1fr)}.book-hero{grid-template-columns:240px 1fr;gap:30px}.foot-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.shell{padding:0 19px}.section{padding:57px 0}.section.tight{padding:34px 0}.head-row{min-height:76px}.nav{top:76px}.utility{font-size:.68rem}.utility .shell span:last-child{display:none}.brand strong{font-size:1.09rem}.brand small{font-size:.56rem}.brand{min-width:0}.mark{width:39px;height:39px}.hero{padding:55px 0 58px}.hero-art{height:340px;border-radius:160px 160px 20px 20px}.hero-art:before{inset:25px}.arch-lines{inset:60px 55px 23px}.hero-orbit{width:170px;height:170px;top:115px}.art-book{width:220px;height:126px;bottom:40px}.art-light{top:120px}.art-caption{display:none}.hero-actions{flex-direction:column}.hero-actions .button{width:100%}.section-head{display:block}.section-head p{margin-top:8px}.grid,.grid.two,.grid.four,.books-feature,.book-grid,.toolbox-grid,.result-four{grid-template-columns:1fr}.book-feature{min-height:180px}.book-feature img{width:92px;height:134px}.paths{grid-template-columns:1fr}.book-card{display:grid;grid-template-columns:99px minmax(0,1fr);gap:5px 16px;align-items:start}.book-card .book-cover{grid-row:span 5;width:98px}.book-card h3{margin:0}.book-card p{margin:0}.book-card .tag{justify-self:start}.book-hero{grid-template-columns:1fr;gap:25px}.book-hero .book-cover-wrap{max-width:380px}.lessons-layout{display:block}.lesson-sidebar{grid-template-columns:1fr 1fr;padding:7px}.lesson-tab{padding:10px 5px;gap:6px}.lesson-tab strong{font-size:.7rem}.lesson-tab small{font-size:.65rem}.lesson-index{width:25px;height:25px}.lesson-body{padding:24px;margin-top:18px;min-height:460px}.lesson-body h2{font-size:2.1rem}.work-panel{padding:22px}.hero-mini{padding:50px 0}.foot-grid{grid-template-columns:1fr 1fr;gap:22px}.foot-grid>div:first-child{grid-column:1/-1}.foot-bottom{margin-top:24px}.prototype-flag{font-size:.59rem;bottom:8px;right:8px}.stats{gap:15px}.stat{padding-right:12px}.card{padding:22px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

@media(max-width:620px){.books-feature[style]{grid-template-columns:minmax(0,1fr)!important}.book-card{min-width:0}.book-card .tag{max-width:100%;white-space:normal}.book-tools{min-width:0}.book-tools a{overflow-wrap:anywhere}}

.reader-shell{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center;background:linear-gradient(120deg,#e8efe6,#f9f6ed);border:1px solid var(--line);padding:42px;border-radius:27px}.reader-info{max-width:480px}.reader-info h3{font:normal 2.1rem var(--serif);line-height:1.2}.reader-controls{display:flex;gap:11px;align-items:center;flex-wrap:wrap;margin:29px 0 11px}.reader-controls span{font-size:.8rem;color:var(--forest);font-weight:700}.reader-sheet{min-height:450px;display:grid;place-items:center}.reader-sheet img{max-height:560px;width:auto;box-shadow:4px 13px 25px rgba(31,53,36,.18);border:1px solid #d7cfba;background:#fff;transition:opacity .1s}.reader-sheet img.loading{opacity:.4}@media(max-width:760px){.reader-shell{grid-template-columns:1fr;padding:22px;gap:25px}.reader-sheet{min-height:300px}.reader-sheet img{max-height:460px;max-width:100%}}