.story-doorways{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 20px}.story-door{position:relative;overflow:hidden;text-align:left;padding:21px 18px;color:#fff6df;border:1px solid #b7a06a;min-height:106px;background:#254b42}.story-door:before{content:'';position:absolute;inset:0;background-image:linear-gradient(90deg,#102b29e8,#173b3270),url('assets/living-suttas.webp');background-size:cover,300% 100%;z-index:0}.family-door:before{background-position:center,left center}.breath-door:before{background-position:center,center center}.love-door:before{background-position:center,right center}.story-door span,.story-door strong{position:relative;z-index:1;display:block}.story-door span{font-size:14px;color:#f2dbaf;margin-bottom:8px}.story-door strong{font:24px/1.2 Georgia,serif}.story-door:hover:before{filter:brightness(1.2)}.story-picture{position:relative;min-height:370px;background-image:url('assets/living-suttas.webp');background-size:300% 100%;border-radius:12px;overflow:hidden;background-color:#264d43}.art-family{background-position:left center}.art-breath{background-position:center center}.art-love{background-position:right center}.story-picture>span{position:absolute;bottom:0;left:0;right:0;background:#102d2bdc;color:#eee2c4;font-size:12px;padding:9px 13px}.sutta-layout{display:grid;grid-template-columns:minmax(200px,.8fr) minmax(0,1.4fr);gap:28px;margin-top:22px;align-items:start}.sutta-layout>.story-picture{position:sticky;top:45px;min-height:470px}.sutta-page h2{margin-top:12px}.source-pass{background:#f1eddb;border-left:3px solid #b18c47;padding:19px}.source-pass blockquote{margin:16px 0;font-family:Georgia,serif}.source-pass blockquote p{font-size:19px;line-height:1.55;margin:0 0 8px}.source-pass small{font-size:12px;color:#69705b}.scene-caption{font-size:16px!important;margin:22px 0}.scene-caption strong{display:block;font:14px Arial,sans-serif;text-transform:uppercase;letter-spacing:1px;margin-bottom:7px}.story-note{padding:16px 0;border-top:1px solid #d2d6bc}.story-note summary{cursor:pointer;font-size:16px}.story-note p{font-size:16px}.page-dots{display:flex;gap:7px;flex-wrap:wrap;justify-content:center;margin-top:22px}.page-dots button{min-width:42px;padding:9px}.page-dots button[aria-current=true]{background:#244c43;color:#fff7de}.sutta-sources{display:flex;gap:16px;flex-wrap:wrap;align-items:center;margin-top:22px;padding-top:18px;border-top:1px solid #d2d6bc;font-size:14px}.sutta-sources button{font-size:14px}.family-choices{display:flex;flex-direction:column;gap:9px}.family-choices button{text-align:left;font-size:16px;line-height:1.45;padding:14px}.family-choices button[aria-pressed=true]{background:#244c43;color:#fff7de;border-color:#244c43}.family-response{margin-top:17px;border-left:3px solid #9d813d;padding:17px;background:#eeeedb;font-size:17px;line-height:1.65}.family-response[hidden]{display:none}.sutta-page>h3{font-size:16px;letter-spacing:0;text-transform:none;line-height:1.5}.story-shelf{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.story-shelf>button{padding:0 0 18px;overflow:hidden;text-align:left}.story-shelf .story-picture{min-height:250px;border-radius:0}.story-shelf strong{font:25px/1.2 Georgia,serif;display:block;margin:18px 15px 10px}.story-shelf>button>span{display:block;margin:0 15px;font-size:14px;line-height:1.5}@media(max-width:700px){.story-doorways{gap:8px}.story-door{padding:14px 11px;min-height:112px}.story-door strong{font-size:19px}.story-door span{font-size:12px}.sutta-layout{grid-template-columns:1fr;gap:18px}.sutta-layout>.story-picture{position:relative;top:0;min-height:230px;max-height:230px;background-size:300% auto}.story-shelf{grid-template-columns:1fr}.story-shelf .story-picture{min-height:220px;background-size:300% auto}.source-pass{padding:16px}.source-pass blockquote p{font-size:18px}}@media(max-width:420px){.story-doorways{grid-template-columns:1fr}.story-door{min-height:75px;padding:12px 16px}.story-door span{margin-bottom:5px}.story-door:before{background-size:cover,300% auto}.story-door strong{font-size:22px}}
/* Second pass: a coherent illustrated book, with practical tools close at hand. */
.story-topline{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 32px 18px 0}.story-topline>span{font-size:14px;color:#626f60}.story-picture.family-sequence{background-image:url('assets/family-conversation.webp');background-size:400% auto;background-position-y:38%}.story-picture.contemplation-sequence{background-image:url('assets/contemplation.webp');background-size:400% auto;background-position-y:52%}.story-picture.panel-0{background-position-x:0%}.story-picture.panel-1{background-position-x:33.3333%}.story-picture.panel-2{background-position-x:66.6667%}.story-picture.panel-3{background-position-x:100%}.family-layout>.story-picture{min-height:560px}.chapter-path{display:flex;gap:8px;margin:17px 0}.chapter-path>span{width:27px;height:27px;border:1px solid #d1d2b9;color:#777e67;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px}.chapter-path>span.current{background:#254d43;color:#fff3d0;border-color:#254d43}.chapter-path>span.past{background:#e8ecdc;color:#436551}.consequence{font:italic 17px/1.6 Georgia,serif!important;color:#4a6659;padding:15px 18px;background:#eef1e6;border-left:3px solid #a2b08a}.consequence>span{font:12px Arial,sans-serif;letter-spacing:1px;display:block;text-transform:uppercase;margin-bottom:7px;color:#65795e}.people-notes{margin:20px 0;border:1px solid #d1d6bc;border-radius:10px;background:#f4f2e5;padding:14px 16px}.people-notes>summary{cursor:pointer;font-size:16px;line-height:1.5}.people-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:16px 0}.people-cards button{padding:13px 8px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px;min-width:0}.person-initial{display:flex;align-items:center;justify-content:center;border-radius:50%;width:38px;height:38px;font:23px Georgia,serif;background:#2b5146;color:#f1d59c}.people-cards strong{font:20px Georgia,serif}.people-cards small{font-size:12px;line-height:1.4}.people-notes blockquote{font:20px/1.5 Georgia,serif;margin:18px 0}.people-notes p{font-size:16px}.family-choices button{display:grid;grid-template-columns:24px minmax(0,1fr);gap:13px;border-radius:9px;background:#faf8ee;border-color:#cdd3bb}.choice-letter{font-size:12px;border:1px solid #bdc6aa;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;margin-top:1px}.family-choices button[aria-pressed=true]{box-shadow:inset 3px 0 #dab66d}.choice-note{font-size:14px!important;color:#737962;line-height:1.5!important;margin-top:15px}.activity-note summary{font-weight:600;color:#365a4a}.fact-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:15px 0}.fact-grid button{padding:17px;text-align:left;background:#fbf8ed}.fact-grid button>span{font:18px/1.5 Georgia,serif;display:block}.fact-grid button small{display:block;margin-top:15px;font-size:12px;color:#6d775d}.fact-grid button strong{display:block;margin-top:15px;color:#45664d}.fact-grid button p{font:15px/1.5 Arial,sans-serif;margin:8px 0 0}.fact-grid button[aria-expanded=true]{background:#eaf0df;border-color:#9aaa83}.story-actions{border-top:1px solid #dbdec8;padding-top:20px}.ending-banner{position:relative;margin-top:22px;overflow:hidden;border-radius:12px}.ending-banner .story-picture{height:280px;min-height:280px;background-size:400% auto;background-position-y:40%}.ending-banner>.story-picture>span{display:none}.ending-banner>div:last-child{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:end;padding:25px;background:linear-gradient(0deg,#102e2bef,transparent 95%);color:#fff3d6}.ending-banner .eyebrow{color:#ecd6a4}.ending-banner h2{margin:12px 30px 0 0;font-size:35px}.path-review{padding-left:22px}.path-review li{padding:12px 0;border-bottom:1px solid #dadfc9}.path-review strong{font-size:14px;color:#65775c}.path-review p{font-size:17px;margin:6px 0}.carry-card{background:#214d43;color:#fff4d5;border:1px solid #a18a55;padding:26px;border-radius:12px;margin:23px 0}.carry-card .eyebrow{color:#e5c78f}.carry-card h3{font:27px/1.35 Georgia,serif;text-transform:none;letter-spacing:0;margin:13px 0}.carry-card p{font-size:16px;color:#e2e4cf}.carry-card button{margin:5px 8px 0 0}.reading-tools{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.reading-tools button{font-size:14px;min-height:40px;background:#eeefdf}.reading-tools button[aria-pressed=true]{background:#234f43;color:#fff4d7}.large-reading blockquote p{font-size:24px!important;line-height:1.7!important}.reader-action-status{font-size:14px!important;color:#64745c;min-height:0;margin:9px 0}.reader-action-status:empty{display:none}.page-dots .page-read{border-bottom:3px solid #769365}.breath-groups{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:22px 0}.breath-groups button{display:flex;flex-direction:column;align-items:center;gap:9px;padding:20px 12px;background:#eef0df}.breath-groups small{font-size:14px}.breath-groups strong{font:24px Georgia,serif}.breath-groups button[aria-pressed=true]{background:#254e43;color:#fff4d6}.training-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:20px 0}.training-steps button{text-align:left;display:flex;gap:13px;align-items:center;font-size:16px;padding:15px;line-height:1.4}.training-steps button>span{background:#e5e9d2;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;width:30px;height:30px;font-size:14px}.training-steps button[aria-pressed=true]{background:#e1eace;border-color:#6d885d}.shelf-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.shelf-heading h2{margin-bottom:14px}.shelf-heading>button{flex-shrink:0;margin:30px 32px 0 0}.story-shelf .shelf-type{font-size:12px;letter-spacing:1px;margin-top:19px;color:#6a795e}.story-shelf .shelf-resume{font-size:14px;color:#365e48;margin-top:16px;font-weight:bold}.story-shelf strong{margin-top:10px}.story-shelf .story-picture{min-height:245px;background-size:300% auto}.story-shelf .family-sequence{background-size:400% auto}.practice-shelf{margin-top:29px;padding-top:24px;border-top:1px solid #d2d8c0}.practice-shelf h3{font:23px Georgia,serif;text-transform:none;letter-spacing:0}.practice-shelf>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.practice-shelf button{text-align:left;padding:20px 16px;background:#eef1e3}.practice-shelf button strong{display:block;font:21px/1.3 Georgia,serif;margin-bottom:8px}.practice-shelf button span{font-size:14px;line-height:1.5;display:block}.door-progress{position:relative;display:block;z-index:1;margin-top:14px;color:#e8d4a4;font-size:13px}.story-door{padding:20px;min-height:140px}.story-door:before{transition:filter .3s}.story-door:focus-visible{outline-color:#fff2b6}.courtyard-practice{display:flex;align-items:center;gap:15px;flex-wrap:wrap;border:1px solid #66807670;background:#193b35;padding:22px;border-radius:12px;margin-top:20px}.courtyard-practice>div{flex:1;min-width:230px}.courtyard-practice .eyebrow{color:#d9c48e}.courtyard-practice strong{display:block;font:21px Georgia,serif;margin-top:8px;color:#f8edcf}.courtyard-practice button{background:#254e43;color:#f2e4bf;border-color:#67816b}.journal-companion{display:flex;justify-content:space-between;align-items:center;gap:15px;background:#e9efdd;border:1px solid #cad5b8;border-radius:10px;padding:18px;margin:16px 35px 24px 0}.journal-companion strong{display:block;font:22px Georgia,serif}.journal-companion span{display:block;font-size:14px;margin-top:7px}.notebook-list{display:grid;gap:16px;margin:24px 0}.notebook-entry{padding:23px;background:#f5f0df;border:1px solid #d5d8bb;border-radius:10px}.notebook-entry h3{font:25px Georgia,serif;text-transform:none;letter-spacing:0;margin:13px 0}.notebook-entry p{white-space:normal;font:18px/1.7 Georgia,serif;overflow-wrap:anywhere}.notebook-entry button{font-size:14px;margin-right:10px}.notebook-empty{border:1px dashed #b9c6a6;padding:26px;border-radius:10px}.notebook-empty button{margin:5px}.notebook-empty p{font:22px Georgia,serif}textarea{display:block;width:100%;border:1px solid #bec9af;background:#fffdf5;color:#23463c;border-radius:7px;padding:13px;font:16px/1.6 Arial,sans-serif;resize:vertical;max-width:100%;margin:10px 0 14px;min-height:90px}textarea:focus-visible{outline:3px solid #b8944f;outline-offset:2px}#personal-note-form{margin-top:25px}#note-feedback{margin-left:12px;font-size:14px}.request-fields{display:grid;grid-template-columns:1fr 1fr;gap:18px}.request-fields label{font-size:16px}.request-fields small{display:block;font-size:14px;line-height:1.5;margin:7px 0;color:#68775e}.request-preview{padding:22px;background:#e8efdb;border-left:3px solid #7d9666;margin:15px 0;overflow-wrap:anywhere}.request-preview p{font:21px/1.6 Georgia,serif;margin:12px 0 0}.practice-room{text-align:center;padding:35px 25px 20px;background:radial-gradient(ellipse at 50% 25%,#eff2dd,#f9f5e9);border-radius:14px;margin-top:22px}.practice-room h2{margin-right:0}.practice-step{max-width:560px;margin:27px auto}.practice-number{display:flex;align-items:center;justify-content:center;margin:0 auto 20px;width:65px;height:65px;border:1px solid #b6be91;border-radius:50%;font:28px Georgia,serif;color:#61734f;background:#eef0da}.practice-step h3{font:28px Georgia,serif;letter-spacing:0;text-transform:none}.practice-step p{font:21px/1.7 Georgia,serif}.practice-room .dialog-actions{margin-top:28px}.sutta-page .story-note button{font-size:14px;margin:8px 7px 0 0}.source-pass{box-shadow:0 4px 16px #33492906}.sutta-layout>.story-picture{box-shadow:0 8px 25px #1a33261a}#glossary-dialog{max-width:590px}#dialog-title:focus{outline:none}
@media(max-width:850px){.shelf-heading{display:block}.shelf-heading>button{margin:0 0 20px}.sutta-layout{gap:20px}.story-shelf{gap:10px}.story-shelf strong{font-size:23px}.story-topline{flex-wrap:wrap}.story-topline>span{font-size:12px}.practice-shelf>div{gap:9px}.practice-shelf button{padding:17px 12px}}
@media(max-width:700px){.story-door{min-height:130px;padding:15px 12px}.story-door strong{font-size:20px}.door-progress{font-size:12px;margin-top:12px}.family-layout>.story-picture{min-height:260px}.sutta-layout>.family-sequence{background-size:400% auto;background-position-y:33%}.sutta-layout>.contemplation-sequence{background-size:400% auto;background-position-y:48%}.story-picture>span{font-size:12px}.sutta-layout{display:flex;flex-direction:column}.sutta-layout>.story-picture{width:100%;flex-shrink:0}.sutta-page{width:100%;min-width:0}.source-pass blockquote p{font-size:20px;line-height:1.65}.story-actions{position:sticky;bottom:-23px;padding:15px 0 20px;background:#fff9ecf5;backdrop-filter:blur(7px);z-index:2;gap:8px}.story-actions button{flex:1;font-size:14px}.story-actions button.primary{flex:1.3}.ending-banner h2{font-size:29px}.ending-banner>div:last-child{padding:20px}.practice-shelf>div{grid-template-columns:1fr}.practice-shelf button{padding:18px}.request-fields{grid-template-columns:1fr;gap:6px}.breath-groups{grid-template-columns:repeat(2,minmax(0,1fr))}.training-steps{grid-template-columns:1fr}.practice-room{padding:26px 16px 16px}.practice-step p{font-size:20px}.journal-companion{align-items:flex-start;flex-direction:column;margin-right:0}.fact-grid{grid-template-columns:1fr}.people-cards{gap:6px}.people-cards button{padding:12px 6px}.notebook-entry{padding:19px}.courtyard-practice{padding:19px}.carry-card{padding:21px}.carry-card h3{font-size:25px}}
@media(max-width:420px){.story-doorways{grid-template-columns:1fr}.story-door{min-height:0;padding:14px 16px}.story-door span{font-size:12px}.story-door strong{font-size:23px}.door-progress{margin-top:8px}.reading-tools{gap:6px}.reading-tools button{font-size:13px;padding:8px 10px}.story-topline{margin-right:25px}.story-shelf .story-picture{min-height:220px}.chapter-path{gap:7px}.people-cards small{font-size:12px}.story-actions{bottom:-23px}}
@media(prefers-reduced-motion:reduce){.story-door:before{transition:none}}

.passage-art{margin:0;align-self:start}.passage-art img{display:block;width:100%;height:auto;border-radius:8px}.passage-art figcaption{font:14px/1.5 Georgia,serif;color:#68795e;padding:10px 0}.sutta-layout:not(:has(.passage-art)){display:block;max-width:760px;margin:auto}.story-shelf .passage-art{margin-bottom:15px}.story-shelf .passage-art figcaption{display:none}