/* The Inner Room — light editorial design, inspired by the VELNA Somn palette. */
:root {
  --ground:#f7f4ed; --paper:#fcfaf6; --surface:#f0ebe1; --linen:#e9e1d4;
  --ink:#292e2b; --muted:#63665e; --gold:#94804e; --hair:#dcd6ca;
  --serif:"Instrument Serif",Georgia,serif; --sans:Manrope,Arial,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:108px;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--ground);color:var(--ink);font:400 15px/1.85 var(--sans);-webkit-font-smoothing:antialiased}
[hidden]{display:none!important}
::selection{background:#dfd3b8;color:var(--ink)}
a{color:inherit}
img{display:block;max-width:100%;height:auto}
button,a,summary{-webkit-tap-highlight-color:transparent}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--gold);outline-offset:6px}
p{margin:0 0 24px} strong{font-weight:600;color:var(--ink)}
.gold{color:var(--gold);font-style:italic}
.reading-progress{position:fixed;z-index:100;left:0;top:0;width:100%;height:2px;background:var(--gold);transform:scaleX(0);transform-origin:left;pointer-events:none}
.site-head{position:sticky;top:0;z-index:30;background:rgba(247,244,237,.95);backdrop-filter:blur(18px);border-bottom:1px solid var(--hair)}
.site-head .inner{max-width:1440px;margin:auto;min-height:88px;padding:16px 5%;display:flex;align-items:center;gap:32px;justify-content:space-between}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;flex-shrink:0}
.brand img{width:31px;height:39px;object-fit:contain;mix-blend-mode:multiply}
.brand .wordmark{font:400 28px/1 var(--serif);letter-spacing:-.6px}
.chapter-nav{display:flex;gap:30px;margin-left:auto;margin-right:24px}
.chapter-nav a,.loginlink{font-size:11px;text-decoration:none;color:var(--muted);transition:color .2s;white-space:nowrap}
.chapter-nav a:hover,.loginlink:hover{color:var(--gold)}
.loginlink{border-bottom:1px solid var(--gold);padding:4px 0}
.wrap-wide{max-width:1440px;padding:0 5%;margin:auto}
.hero{position:relative;isolation:isolate;padding:58px 0 66px;overflow:hidden;background:radial-gradient(ellipse at 5% 15%,#fffdf8 0,transparent 55%),var(--ground)}
.hero .cols{display:grid;grid-template-columns:1.13fr 1fr;gap:6%;align-items:center}
.hero .kicker,.eyebrow{color:#786e58;font:600 10px/1.7 var(--sans);text-transform:uppercase;letter-spacing:2px}
.hero .kicker{max-width:470px;margin:0 0 26px;padding-left:34px;position:relative}
.hero .kicker:before{content:"";position:absolute;width:21px;height:1px;background:var(--gold);top:8px;left:0}
.display{font:400 clamp(45px,4.35vw,68px)/1.035 var(--serif);letter-spacing:-1.9px;margin:0 0 26px;text-wrap:pretty}
.hero .subline{font-size:14px;line-height:1.85;max-width:490px;color:var(--muted);margin-bottom:28px}
.hero-art{height:650px;position:relative;padding:0 0 23px 0}
.hero-art:before{content:"";position:absolute;inset:27px -20px 0 26px;border:1px solid #c8b995;z-index:-1;border-radius:220px 220px 0 0}
.hero-portrait{width:100%;height:100%;object-fit:cover;object-position:56% center;border-radius:240px 240px 2px 2px}
.portrait-rule{position:absolute;bottom:0;left:0;width:42%;height:1px;background:var(--gold)}
.buy{margin:30px 0 0}
.buy button{display:inline-flex;align-items:center;justify-content:center;gap:35px;padding:21px 28px;background:var(--ink);color:#fffdf8;border:1px solid var(--ink);border-radius:50px;font:600 10px/1.3 var(--sans);letter-spacing:1.25px;text-transform:uppercase;cursor:pointer;transition:background .2s,transform .2s,box-shadow .2s}
.buy button:after{content:'↗';font-size:20px;line-height:.8;font-weight:400}
.buy button:hover{background:#454d43;transform:translateY(-2px);box-shadow:0 8px 20px #292e2b12}
.buy .smallprint{font-size:10px;line-height:1.8;color:var(--muted);max-width:405px;margin-top:17px}
.chapter{padding:110px 5%;border-top:1px solid var(--hair)}
.chapter-grid{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);column-gap:10%;row-gap:48px;max-width:1170px;margin:auto;align-items:start}
.chapter-heading{position:sticky;top:132px;align-self:start;padding-top:4px}
.chapter-number{display:block;font:400 13px/1 var(--serif);color:var(--gold);margin-bottom:36px;letter-spacing:2px}
.chapter-number:after{content:"";display:inline-block;vertical-align:middle;width:52px;height:1px;background:var(--hair);margin-left:17px}
.eyebrow{margin:0 0 20px;max-width:36ch}
h2.section-title{font:400 clamp(36px,3.5vw,53px)/1.08 var(--serif);letter-spacing:-1.1px;margin:0;text-wrap:pretty}
h3.subhead{font:400 29px/1.2 var(--serif);letter-spacing:-.35px;margin:45px 0 18px}
.chapter-body{grid-column:2;min-width:0;color:var(--muted)}
.chapter-body>:first-child{margin-top:0}
.chapter-body>:last-child{margin-bottom:0}
p.lead{font-size:17px;line-height:1.8;color:var(--ink)}
.chapter-story{background:var(--paper)}
.chapter-origins{background:linear-gradient(110deg,#f0eade,#f8f5ef 70%)}
.chapter-scales,.chapter-repetition,.chapter-tracks{background:var(--paper)}
.chapter-change{background:#f5f1e8}
.chapter-ritual{background:linear-gradient(110deg,#efe8db,#f8f5ee 72%)}
.chapter-tools{background:var(--paper)}
.chapter-promise{background:#f5f1e8}
.chapter-conditions{background:#eee8dc;color:var(--ink)}
.chapter-evidence{background:var(--paper)}
.chapter-boundaries{background:#f6f2e9}
.pull{margin:44px 0;padding:34px 0 6px;border-top:1px solid var(--hair)}
.pull p{font:400 38px/1.2 var(--serif);letter-spacing:-.6px;color:var(--ink);max-width:24ch}
.runon{border-left:1px solid #b4a174;margin:30px 0;padding:0 0 0 27px}
.runon p{margin:0 0 20px}
.scales{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:32px 0}
.scales>div{padding:27px 0 15px;border-top:1px solid var(--gold)}
.scales h4{font:400 29px/1.12 var(--serif);margin:0 0 18px;color:var(--ink)}
.scales p{font-size:13px;line-height:1.85;margin:0}
.chapter-scales .scales>div:before{content:'01';font:400 12px var(--serif);color:var(--gold);display:block;margin-bottom:20px}
.chapter-scales .scales>div+div:before{content:'02'}
.chapter-repetition .chapter-heading{position:static}
.chapter-repetition h2{font-size:clamp(40px,4.2vw,62px)}
.chapter-ritual .runon{counter-reset:ritual;border:0;padding:0}
.chapter-ritual .runon p{position:relative;border-top:1px solid var(--hair);padding:17px 0 17px 42px;margin:0}
.chapter-ritual .runon p:before{counter-increment:ritual;content:counter(ritual,decimal-leading-zero);position:absolute;left:0;top:19px;font:400 13px var(--serif);color:var(--gold)}
.promise{counter-reset:promise;margin:36px 0}
.promise>div{padding:25px 0 26px 46px;border-top:1px solid var(--hair);position:relative}
.promise>div:before{counter-increment:promise;content:counter(promise,decimal-leading-zero);position:absolute;left:0;top:29px;font:400 14px var(--serif);color:var(--gold)}
.promise h4{font:400 28px/1.2 var(--serif);margin:0 0 13px;color:var(--ink)}
.promise p{margin:0;font-size:14px}
/* Screenshots are complete, separate, full-width figures — never thumbnails. */
.figure,.figure-pair{grid-column:1 / -1;width:100%;max-width:1004px;margin:20px auto 16px}
.figure-pair{display:grid;grid-template-columns:minmax(0,1fr);gap:66px}
.figure-pair figure{margin:0;min-width:0}
.screen-link{display:block;border:1px solid #dcd4c4;background:#f5f1e8;padding:0;border-radius:8px;overflow:hidden;box-shadow:0 20px 50px #55432c0b;transition:box-shadow .2s}
.screen-link:hover{box-shadow:0 25px 60px #55432c18}
.screen-link img{display:block;width:100%;height:auto;max-width:none}
figcaption{font-size:12px;line-height:1.75;color:var(--muted);padding:17px 0 0 24px;border-left:1px solid var(--gold);margin-top:17px;max-width:700px}
.chapter-tracks .chapter-heading{position:static}
.chapter-tracks .scales{gap:20px}
.chapter-tracks .scales>div{background:var(--ground);border:1px solid var(--hair);padding:28px 24px}
.chapter-tracks .scales>div+div{background:#eee6d6;border-color:#c4b48f}
.chapter-price{background:radial-gradient(ellipse at 85% 60%,#e8dfce,transparent 65%),#f2ede3}
.chapter-price .chapter-heading{position:static}
.price-block{padding:44px;background:var(--paper);border:1px solid #c9bb9d;box-shadow:0 20px 60px #58483008;margin:0 0 32px;position:relative}
.price-block:before{content:"";position:absolute;inset:7px;pointer-events:none;border:1px solid #e7dfcf}
.price-figure{font:400 100px/.95 var(--serif);color:var(--ink);letter-spacing:-5px;margin:0 0 22px}
.price-then{font-size:12px;line-height:1.8;max-width:330px}
.price-block .buy button{width:100%}
.refunds{margin-top:33px;padding-top:26px;border-top:1px solid var(--hair);display:grid;grid-template-columns:1fr 1fr;gap:26px}
.refunds h4{font:400 25px var(--serif);margin:0 0 12px;color:var(--ink)}
.refunds p{font-size:11px;line-height:1.9;margin:0}
.chapter-price .chapter-body>p{font-size:12px;line-height:1.9}
.chapter-questions{background:var(--paper)}
.faq-item{border-top:1px solid var(--hair)}
.faq-item:last-child{border-bottom:1px solid var(--hair)}
.faq-item summary{list-style:none;cursor:pointer;position:relative;padding:24px 35px 24px 0;font:400 25px/1.3 var(--serif);color:var(--ink)}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary:after{content:'+';position:absolute;right:2px;top:24px;font:300 23px var(--sans);color:var(--gold)}
.faq-item[open] summary:after{content:'−'}
.faq-answer{padding:0 22px 26px 0;font-size:14px;line-height:1.85}
.faq-answer p{margin:0}
.closing{text-align:center;padding:115px 24px 125px;position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(#f4efe5,#ebe2d2)}
.closing:before,.closing:after{content:"";position:absolute;z-index:-1;top:60px;bottom:-200px;width:540px;max-width:90%;left:50%;transform:translateX(-50%);border:1px solid #cbbd9f80;border-radius:300px 300px 0 0;pointer-events:none}
.closing:after{width:580px;top:40px;max-width:96%}
.closing .wrap{max-width:720px;margin:auto}
.closing .display{font-size:clamp(42px,4.5vw,65px);margin:0 auto 30px;max-width:20ch}
.closing p{margin:0 auto 12px;font-size:14px;color:var(--muted)}
.closing .buy{margin-top:34px}
.site-foot{padding:62px 5% 38px;background:var(--paper);border-top:1px solid var(--hair)}
.site-foot .inner{max-width:1170px;margin:auto;display:grid;grid-template-columns:1fr 1.4fr;column-gap:12%}
.site-foot .brand{grid-column:1;grid-row:1 / span 3;align-self:start;margin:0}
.site-foot p{grid-column:2;font-size:10px;line-height:1.9;color:var(--muted);margin:0 0 17px;max-width:650px}
.site-foot p:last-child{grid-column:1 / -1;max-width:none;border-top:1px solid var(--hair);padding-top:25px;margin-top:28px}
.cookie{position:fixed;left:24px;right:24px;bottom:18px;z-index:50;max-width:1050px;margin:auto;background:var(--paper);border:1px solid #d7cebb;box-shadow:0 8px 50px #292e2b16;padding:20px 26px;border-radius:4px}
.cookie .inner{display:flex;align-items:center;justify-content:space-between;gap:30px}
.cookie p{font-size:11px;line-height:1.7;margin:0;max-width:600px;color:var(--muted)}
.cookie .actions{display:flex;gap:10px}
.cookie button{border:1px solid var(--hair);background:transparent;font:600 10px var(--sans);padding:12px 19px;cursor:pointer;color:var(--ink);border-radius:30px}
.cookie .accept{background:var(--ink);color:var(--paper);border-color:var(--ink)}
@media(min-width:1600px){.hero-art{height:690px}}
@media(max-width:1100px){
 .chapter-nav{gap:18px;margin-right:0}.site-head .inner{gap:20px}
 .hero .cols{gap:5%;grid-template-columns:1.1fr 1fr}.hero-art{height:640px}.display{font-size:51px}
 .chapter-grid{column-gap:7%;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}
 .chapter{padding:85px 5%}.price-block{padding:30px}.refunds{gap:18px}
}
@media(max-width:800px){
 .site-head .inner{min-height:74px}.brand .wordmark{font-size:25px}.chapter-nav{display:none}
 .hero{padding:40px 0 56px}.hero .cols{grid-template-columns:1fr;gap:42px}.hero .kicker{max-width:510px}
 .display{font-size:58px;max-width:650px}.hero .subline{max-width:540px;font-size:15px}
 .hero-art{height:auto;aspect-ratio:1.3;max-width:620px;width:100%;margin:0 auto}.hero-portrait{border-radius:180px 180px 2px 2px;object-position:56% 43%}
 .hero-art:before{border-radius:180px 180px 0 0;right:-10px;left:18px;top:20px}
 .chapter-grid{grid-template-columns:minmax(0,1fr);gap:32px;max-width:660px}
 .chapter-heading{position:static}.chapter-body{grid-column:1}.chapter-number{margin-bottom:23px}
 h2.section-title{font-size:43px;max-width:570px}.chapter-heading .eyebrow{max-width:none;margin-bottom:15px}
 .chapter{padding:65px 6%}.figure,.figure-pair{grid-column:1;margin:12px auto}.figure-pair{gap:38px}
 .chapter-evidence .chapter-grid,.chapter-tools .chapter-grid{max-width:1004px}
 .chapter-evidence .chapter-body,.chapter-tools .chapter-body{max-width:660px}
 .site-foot .inner{grid-template-columns:1fr}.site-foot .brand{grid-row:auto;grid-column:1;margin-bottom:32px}.site-foot p{grid-column:1}
 .cookie{left:12px;right:12px;padding:16px 20px}.cookie .inner{gap:18px}
}
@media(max-width:480px){
 body{font-size:14px;line-height:1.85}.site-head .inner{padding:14px 6%;gap:12px;min-height:70px}
 .brand{gap:8px}.brand img{width:24px;height:32px}.brand .wordmark{font-size:23px}.loginlink{font-size:9px}
 .wrap-wide{padding:0 6%}.hero{padding-top:30px}.hero .kicker{font-size:9px;letter-spacing:1.5px;line-height:1.8;margin-bottom:23px;padding-left:26px}.hero .kicker:before{width:16px}
 .display{font-size:43px;letter-spacing:-1.2px;line-height:1.055;margin-bottom:24px}.hero .subline{font-size:13px;line-height:1.85}
 .hero-art{aspect-ratio:1.04;padding-bottom:16px}.hero-portrait{border-radius:150px 150px 2px 2px}.hero-art:before{border-radius:150px 150px 0 0;top:16px}
 .buy button{padding:20px 25px;width:100%;gap:24px}.buy .smallprint{font-size:10px;max-width:340px}
 .chapter{padding:54px 6%}.chapter-grid{gap:28px}.chapter-number{font-size:12px;margin-bottom:20px}
 h2.section-title{font-size:36px;letter-spacing:-.75px}.eyebrow{font-size:9px;letter-spacing:1.6px}
 p{margin-bottom:21px}p.lead{font-size:15px}h3.subhead{font-size:27px;margin-top:35px}
 .pull{margin:33px 0;padding-top:27px}.pull p{font-size:33px;line-height:1.17}
 .scales{gap:20px}.scales h4{font-size:26px}.scales p{font-size:12px}.scales>div{padding-top:20px}
 .chapter-tracks .scales{grid-template-columns:1fr;gap:14px}.chapter-tracks .scales>div{padding:25px}
 .chapter-repetition h2{font-size:39px}.runon{padding-left:20px}.promise>div{padding-left:35px}.promise h4{font-size:26px}.promise p{font-size:13px}
 .chapter-tools,.chapter-evidence{padding-left:3%;padding-right:3%}
 .chapter-tools .chapter-heading,.chapter-tools .chapter-body,.chapter-evidence .chapter-heading,.chapter-evidence .chapter-body{margin-left:3.2%;margin-right:3.2%}
 .screen-link{border-radius:3px}.figure-pair{gap:32px}figcaption{font-size:10px;margin:12px 10px 0;padding:10px 0 0 12px}
 .price-block{padding:30px 24px}.price-figure{font-size:88px}.price-then{font-size:12px}.refunds{grid-template-columns:1fr;gap:25px}.refunds p{font-size:12px}
 .faq-item summary{font-size:24px;padding-top:21px;padding-bottom:21px}.faq-answer{font-size:13px;padding-right:0}
 .closing{padding:85px 6% 90px}.closing .display{font-size:43px}.closing p{font-size:13px}
 .site-foot{padding:45px 6% 28px}.cookie .inner{flex-wrap:wrap;gap:12px}.cookie p{font-size:10px}.cookie .actions{margin-left:auto}.cookie button{padding:10px 18px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

/* Full-width media rows must never overlap a sticky chapter title. */
.chapter-tools .chapter-heading,.chapter-evidence .chapter-heading{position:static}
/* Hero photograph: straight edges, per the requested art direction. */
.hero-portrait,.hero-art:before{border-radius:0}
/* Long chapter jumps should land immediately and keep controls stable. */
html{scroll-behavior:auto}
/* Tighter reading rhythm: less empty space between paragraphs and chapters. */
body{line-height:1.72}
p{margin-bottom:15px}
.chapter{padding-top:65px;padding-bottom:65px}
.chapter-grid{row-gap:30px}
.chapter-number{margin-bottom:24px}
.eyebrow{margin-bottom:15px}
h3.subhead{margin-top:29px;margin-bottom:13px}
p.lead{line-height:1.7}
.pull{margin:28px 0;padding-top:24px;padding-bottom:0}
.pull p{margin-bottom:0}
.runon{margin:21px 0}
.runon p{margin-bottom:13px}
.scales{margin-top:23px;margin-bottom:24px}
.scales>div{padding-top:20px;padding-bottom:10px}
.promise{margin:24px 0}
.promise>div{padding-top:20px;padding-bottom:20px}
.promise>div:before{top:24px}
.promise h4{margin-bottom:10px}
.chapter-ritual .runon p{padding-top:13px;padding-bottom:13px}
.chapter-ritual .runon p:before{top:16px}
.figure,.figure-pair{margin-top:10px;margin-bottom:10px}
.figure-pair{gap:35px}
figcaption{margin-top:10px;padding-top:10px}
.hero{padding-top:36px;padding-bottom:44px}
.hero-art{height:570px}
.hero .kicker{margin-bottom:22px}
.hero .subline{margin-bottom:22px}
.buy{margin-top:24px}
.faq-item summary{padding-top:20px;padding-bottom:20px}
.faq-item summary:after{top:20px}
.faq-answer{padding-bottom:21px}
.closing{padding-top:76px;padding-bottom:85px}
.site-foot{padding-top:42px;padding-bottom:28px}
@media(min-width:1600px){.hero-art{height:610px}}
@media(max-width:1100px){.hero-art{height:580px}}
@media(max-width:800px){
 .chapter{padding-top:46px;padding-bottom:46px}
 .chapter-grid{gap:24px}
 .chapter-number{margin-bottom:17px}
 .hero-art{height:auto}
 .hero .cols{gap:30px}
 .hero{padding-top:30px;padding-bottom:36px}
 .figure-pair{gap:28px}
}
@media(max-width:480px){
 .chapter{padding-top:36px;padding-bottom:36px}
 .chapter-grid{gap:21px}
 .chapter-number{margin-bottom:15px}
 p{margin-bottom:14px}
 h3.subhead{margin-top:25px;margin-bottom:12px}
 .hero .subline{line-height:1.75;margin-bottom:19px}
 .hero .cols{gap:27px}
 .hero .kicker{margin-bottom:19px}
 .display{margin-bottom:20px}
 .pull{margin-top:24px;margin-bottom:24px;padding-top:20px}
 .promise>div{padding-top:18px;padding-bottom:18px}
 .promise>div:before{top:22px}
 .figure-pair{gap:24px}
 .closing{padding-top:60px;padding-bottom:66px}
 .closing .display{margin-bottom:22px}
 .closing .buy{margin-top:25px}
}
/* Continuous editorial flow: chapter titles above the copy, no empty sidebars. */
.chapter-grid{display:block;max-width:1004px}
.chapter-heading,.chapter-tools .chapter-heading,.chapter-evidence .chapter-heading{
 position:static;max-width:760px;margin:0 auto 25px;padding-top:0;
}
.chapter-body{max-width:760px;margin:0 auto}
.chapter-number{display:inline-block;vertical-align:middle;margin:0 20px 0 0;font-size:12px}
.chapter-number:after{width:30px;margin-left:12px}
.chapter-heading .eyebrow{display:inline;max-width:none;margin:0;vertical-align:middle}
.chapter-heading h2.section-title{margin-top:18px;max-width:760px;font-size:clamp(36px,3.6vw,51px)}
.chapter-body+.chapter-body{margin-top:22px}
.chapter-body .pull p{max-width:none}
.figure,.figure-pair{margin:30px auto}
.chapter-evidence .figure-pair+.chapter-body{margin-top:28px}
.chapter-repetition .chapter-heading h2{font-size:clamp(39px,4vw,56px)}
.chapter-tracks .scales{margin-top:0}
.chapter-price .chapter-grid{max-width:760px}
.chapter-price .price-block{margin-top:0}
.chapter-price .price-then{max-width:470px}
.chapter-price .price-block .buy button{width:auto;min-width:300px}
.chapter-price .refunds p{font-size:12px}
.chapter-price .chapter-body>p{font-size:13px}
@media(max-width:800px){
 .chapter-heading,.chapter-tools .chapter-heading,.chapter-evidence .chapter-heading{margin-left:auto;margin-right:auto;margin-bottom:23px}
 .chapter-body{max-width:760px}
 .chapter-heading h2.section-title{font-size:41px}
}
@media(max-width:480px){
 .chapter-heading{margin-bottom:21px}
 .chapter-number{margin-right:12px;font-size:11px}
 .chapter-number:after{width:18px;margin-left:8px}
 .chapter-heading .eyebrow{font-size:9px;letter-spacing:1.25px}
 .chapter-heading h2.section-title{font-size:35px;margin-top:15px}
 .chapter-tools .chapter-heading,.chapter-tools .chapter-body,.chapter-evidence .chapter-heading,.chapter-evidence .chapter-body{margin-left:3.2%;margin-right:3.2%}
 .chapter-price .price-block .buy button{width:100%;min-width:0}
 .figure,.figure-pair{margin-top:23px;margin-bottom:23px}
}
/* Alternate chapter layouts on desktop; mobile stays in one column. */
@media(min-width:801px){
 .chapter.layout-side .chapter-grid{display:grid;grid-template-columns:minmax(0,250px) minmax(0,760px);column-gap:55px;row-gap:28px;max-width:1065px}
 .chapter.layout-side .chapter-heading{position:sticky;top:118px;align-self:start;width:100%;margin:0;padding-right:22px;border-right:1px solid var(--hair)}
 .chapter.layout-side .chapter-heading h2{font-size:35px;line-height:1.1;letter-spacing:-.6px;margin-top:18px}
 .chapter.layout-side .chapter-body{grid-column:2;width:100%;margin:0}
 .chapter.layout-side .chapter-number{display:block;margin:0 0 16px}
 .chapter.layout-side .chapter-heading .eyebrow{display:block;font-size:9px;letter-spacing:1.45px;line-height:1.7}
 /* A media chapter pins only within its text row, before full-width imagery. */
 .chapter.layout-side .chapter-heading{max-height:calc(100vh - 140px);overflow:auto}
 .chapter.layout-side .figure,.chapter.layout-side .figure-pair{grid-column:1 / -1}
 .chapter.layout-side.chapter-tools .chapter-heading{position:static}
 .chapter.layout-side.chapter-price .price-block .buy button{min-width:0;width:100%}
}
@media(min-width:801px) and (max-width:1100px){
 .chapter.layout-side .chapter-grid{grid-template-columns:minmax(0,190px) minmax(0,1fr);column-gap:34px}
 .chapter.layout-side .chapter-heading h2{font-size:30px}
}
/* Quiet graphic details, without adding copy or invented measurements. */
.scale-art{height:33px;display:flex;align-items:center;gap:7px;margin:15px 0 20px;border-bottom:1px solid var(--hair);padding-bottom:9px}
.scale-art i{display:block;flex:1;height:12px;border-left:1px solid #b7a67f}
.scale-art i:first-child,.scale-art i:last-child{height:21px}
.scale-art i:nth-child(5){height:17px}
.chapter-scales .scales>div{position:relative}
.ritual-label{display:flex;align-items:center;gap:14px}
.ritual-sun{display:inline-block;width:23px;height:23px;border:1px solid var(--gold);border-radius:50%;box-shadow:0 0 0 5px #94804e0d;flex-shrink:0}
.ritual-moon{display:inline-block;width:23px;height:23px;border-radius:50%;box-shadow:inset 6px -3px 0 0 var(--gold);transform:rotate(-15deg);flex-shrink:0}
.pull{position:relative;padding-left:28px;border-top:0;border-left:1px solid #b9a67a}
.pull:before{content:'“';position:absolute;left:-12px;top:-17px;background:var(--ground);font:400 49px/1 var(--serif);color:var(--gold);height:32px}
.chapter-story .pull:before,.chapter-evidence .pull:before{background:var(--paper)}
.chapter-origins .pull:before{background:#f4efe6}
.chapter-promise .pull:before{background:#f5f1e8}
.chapter-conditions .pull:before{background:#eee8dc}
.chapter-tools .chapter-body>p:has(>strong:first-child){border-bottom:1px solid var(--hair);padding-bottom:17px}
.chapter-tools .chapter-body>p:has(>strong:first-child)>strong:first-child{color:#80704c}
.promise>div{transition:background .2s,border-color .2s}
.promise>div:hover{background:#94804e05;border-top-color:#b8a57e}
.room-emblem{position:relative;width:37px;height:48px;margin:0 auto 24px;border:1px solid #a08d63}
.room-emblem:before{content:'';position:absolute;left:7px;top:7px;right:7px;bottom:0;border:1px solid #a08d6380;border-bottom:0}
.room-emblem span{position:absolute;width:3px;height:3px;background:var(--gold);right:11px;top:27px;border-radius:50%}
.room-emblem:after{content:'';position:absolute;left:-26px;right:-26px;bottom:-1px;height:1px;background:#a08d6360}
.chapter-tracks .scales>div{position:relative;overflow:hidden}
.chapter-tracks .scales>div:after{content:'';position:absolute;right:16px;bottom:16px;width:22px;height:22px;border-right:1px solid #ac9a7359;border-bottom:1px solid #ac9a7359;pointer-events:none}
@media(max-width:480px){.pull{padding-left:22px}.scale-art{gap:4px}.room-emblem{margin-bottom:20px}}
.chapter-scales .scales h4{min-height:2.24em}

/* Keep chapter 07 sticky within the text, ending before the screenshot. */
.tools-reading{min-width:0}
@media(min-width:801px){
 .chapter.layout-side.chapter-tools .chapter-grid{display:block}
 .tools-reading{display:grid;grid-template-columns:minmax(0,250px) minmax(0,760px);column-gap:55px;align-items:start}
 .chapter.layout-side.chapter-tools .chapter-heading{position:sticky;top:118px}
}
@media(min-width:801px) and (max-width:1100px){
 .tools-reading{grid-template-columns:minmax(0,190px) minmax(0,1fr);column-gap:34px}
}