body:has(.life-intro,.life-topic-head,.life-article){background:#f8f6ef}
body:has(.life-intro,.life-topic-head,.life-article) .wrap{width:min(1180px,calc(100% - 64px))}
.life-intro{padding:40px 0 30px;max-width:830px}
.life-kicker{display:block;color:#76624c;font-size:11px;font-weight:700;letter-spacing:.12em;margin:0 0 14px}
.life-intro h1{font:clamp(32px,4vw,52px)/1.3 Georgia,'Batang',serif;letter-spacing:-1.5px;margin:0 0 16px;color:#283c2d}
.life-intro>p:last-child{font-size:16px;line-height:1.9;color:#65705d;margin:0}
.life-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:0 0 24px}
.life-block{display:flex;flex-direction:column;min-width:0;background:#fffdf7;border:1px solid #e0dccf;border-radius:20px;overflow:hidden;color:#293c30;text-decoration:none;transition:transform .18s,border-color .18s}
.life-block:hover{transform:translateY(-4px);border-color:#9aab87}
.life-block:focus-visible,.life-story:focus-visible{outline:3px solid #718154;outline-offset:5px}
.life-art{position:relative;min-width:0;overflow:hidden;background:#ece5d9}
.life-art svg{display:block;width:100%;height:100%;max-height:260px}
.life-block>.life-art{height:215px}
.life-block.living>.life-art,.life-art.living{background:#e7ecdf}
.life-food-photo{width:100%;height:100%;object-fit:cover;object-position:center 52%;display:block}
.life-friends{position:absolute;right:8px;bottom:0;display:flex;align-items:end;background:#fffdf2;border-radius:40px 40px 0 0;padding:3px 6px 0}
.life-friends img{width:62px;height:70px;object-fit:contain;mix-blend-mode:multiply}
.life-block-copy{padding:23px 25px 25px;flex:1;display:flex;flex-direction:column;align-items:flex-start}
.life-syllable{font:700 13px/1.3 Georgia,serif;border-bottom:1px solid #b6ab96;padding-bottom:5px;margin-bottom:11px;color:#8a7052}
.life-block h2{font-size:26px;line-height:1.35;letter-spacing:-.7px;margin:0 0 12px}
.life-block p{font-size:14px;line-height:1.8;color:#66705f;margin:0 0 25px;max-width:48em}
.life-read{display:block;font-weight:650;font-size:13px;margin-top:auto;line-height:1.7}
.life-block.choice{grid-column:1/-1;display:grid;grid-template-columns:210px minmax(0,1fr);background:#eef1e3;border-color:#cbd4bb}
.life-block.choice>.life-art{height:210px;background:transparent}
.life-block.choice .life-block-copy{justify-content:center;padding:25px 30px}
.life-block.choice h2{font-size:29px}
.life-block.choice p{margin-bottom:14px}
.life-block.choice .life-read{margin-top:0}
.life-character-link{margin:20px 0;font-size:12px}
.life-character-link a{display:inline-flex;min-height:44px;align-items:center;text-underline-offset:4px}
.content-breadcrumb{display:flex;flex-wrap:wrap;gap:10px;align-items:center;font-size:13px;margin:8px 0 20px;color:#596750}
.content-breadcrumb a{display:inline-flex;align-items:center;min-height:44px;text-underline-offset:4px}
.life-topic-head{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:30px;align-items:center;border-radius:20px;padding:25px 36px;margin:28px 0;background:#ece5d9}
.life-topic-head.living{background:#e7ecdf}
.life-topic-head h1{font:40px/1.3 Georgia,'Batang',serif;margin:0 0 16px;color:#2e402e}
.life-topic-head p{line-height:1.8;color:#5b6656}
.life-topic-head .life-art{background:transparent;height:190px}
.life-story{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:35px;text-decoration:none;color:#293c30;border:1px solid #d8dece;border-radius:18px;overflow:hidden;background:#fffdf7;margin:24px 0}
.life-story>div:last-child{padding:30px 30px 30px 0;align-self:center}
.life-story h2{font-size:27px;line-height:1.5;margin:0 0 15px}
.life-story p{font-size:15px;line-height:1.85;color:#626e5b}
.life-story .life-art{min-height:240px}
.life-next,.choice-crosslinks{display:flex;flex-wrap:wrap;gap:14px 24px;border-top:1px solid #d5ddc8;margin:30px 0;padding:24px 0}
.life-next h2,.life-next p,.choice-crosslinks h2{flex-basis:100%;margin:0;line-height:1.7}
.life-next h2,.choice-crosslinks h2{font-size:20px}
.life-next p{font-size:14px;color:#65705d}
.life-next a,.choice-crosslinks a{display:inline-flex;min-height:44px;align-items:center;text-underline-offset:4px}
.life-article{max-width:820px;margin:24px auto 50px;color:#344231;font-size:16px;line-height:2;overflow-wrap:anywhere}
.life-article>header{display:block!important;padding:0!important;border:0!important;height:auto!important}
.life-article h1{font:clamp(29px,3.2vw,43px)/1.45 Georgia,'Batang',serif;letter-spacing:-1px;margin:0 0 18px}
.life-byline{font-size:12px;color:#707666}
.life-article-art{height:240px;border-radius:16px;background:#eee4d7;overflow:hidden;margin:24px 0 35px}
.life-article-art.living{background:#e6eddd}
.life-article-art svg{display:block;width:100%;height:100%}
.life-article section{margin:32px 0}
.life-article h2{font-size:23px;line-height:1.6;margin:0 0 15px}
.life-article p{margin:0 0 18px}
.life-worksheet{padding:24px;border-radius:14px;background:#edf1e5}
.life-worksheet>p{font-size:13px}
.life-worksheet dl{margin:0}
.life-worksheet dl>div{display:grid;grid-template-columns:145px minmax(0,1fr);gap:20px;border-top:1px solid #ccd6bf;padding:16px 0}
.life-worksheet dt{font-weight:700}.life-worksheet dd{margin:0}
.life-sources{font-size:13px;border-top:1px solid #d4dcc7;padding-top:25px}
.life-sources a{overflow-wrap:anywhere;text-underline-offset:4px}
.life-archive{margin:36px 0}
@media(max-width:760px){.life-grid{grid-template-columns:1fr}.life-intro{padding:28px 0 25px}.life-block{display:grid;grid-template-columns:125px minmax(0,1fr)}.life-block>.life-art{height:100%;min-height:230px}.life-block-copy{padding:22px 20px}.life-block h2{font-size:23px}.life-block p{margin-bottom:18px}.life-block.choice{grid-template-columns:100px minmax(0,1fr)}.life-block.choice>.life-art{height:100%;min-height:230px}.life-block.choice .life-block-copy{padding:22px 18px}.life-block.choice h2{font-size:25px}.life-friends{right:0}.life-friends img{width:48px;height:65px}.life-topic-head{grid-template-columns:minmax(0,1fr) 130px;gap:10px;padding:24px 20px}.life-topic-head h1{font-size:30px}.life-topic-head .life-art{height:160px}.life-story{grid-template-columns:1fr;gap:0}.life-story .life-art{height:180px;min-height:0}.life-story>div:last-child{padding:24px}.life-story h2{font-size:23px}.life-article{font-size:15px}.life-article h2{font-size:21px}.life-worksheet{padding:18px}.life-worksheet dl>div{grid-template-columns:1fr;gap:5px}body:has(.life-intro,.life-topic-head,.life-article) .wrap{width:calc(100% - 32px)}}
@media(max-width:390px){.life-block{grid-template-columns:100px minmax(0,1fr)}.life-block.choice{grid-template-columns:75px minmax(0,1fr)}.life-block-copy{padding:20px 16px}.life-block h2{font-size:21px}.life-topic-head{grid-template-columns:1fr}.life-topic-head .life-art{height:130px}.life-intro h1{font-size:31px}}
@media(prefers-reduced-motion:reduce){.life-block{transition:none}.life-block:hover{transform:none}}

/* The front door presents four equally weighted rooms, without a feed. */
.life-intro{max-width:none;text-align:center;padding:34px 0}
.life-intro h1{font-size:clamp(29px,3.2vw,43px)}
.life-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1fr;gap:22px}
.life-block,.life-block.choice{grid-column:auto;display:grid;grid-template-columns:42% minmax(0,1fr);border-radius:16px;min-height:245px;background:#f0e6d9;border-color:#d2c0aa}
.life-block.food{background:#fff2df;border-color:#e1c8a1}
.life-block.living{background:#e5ecdf;border-color:#becbb4}
.life-block.choice{background:#e7eaf0;border-color:#c2cbd7}
.life-block>.life-art,.life-block.choice>.life-art{height:100%;min-height:245px;background:transparent}
.life-block-copy,.life-block.choice .life-block-copy{padding:28px 24px}
.life-block h2,.life-block.choice h2{font-size:26px}
.life-block .life-syllable{font-size:24px;border:0;margin-bottom:12px;padding:0}
.life-block.choice .life-kicker{font-size:11px;letter-spacing:0;line-height:1.6}
.life-block p{font-size:14px;margin-bottom:20px}
.life-block.choice p{max-width:24em}
.life-block .life-read{margin-top:auto}
@media(max-width:760px){
 .life-grid{gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}
 .life-intro{padding:24px 0}.life-intro>p:last-child{font-size:14px}
 .life-block,.life-block.choice{display:flex;flex-direction:column;min-height:0;border-radius:12px}
 .life-block>.life-art,.life-block.choice>.life-art{height:128px;min-height:128px}
 .life-block-copy,.life-block.choice .life-block-copy{padding:18px 14px;flex:1}
 .life-block h2,.life-block.choice h2{font-size:20px;letter-spacing:-.4px}
 .life-block .life-syllable{font-size:19px;margin-bottom:8px}
 .life-block p{font-size:12px;line-height:1.65;margin-bottom:14px}
 .life-block.choice .life-kicker{display:none}
 .life-friends img{width:38px;height:45px}
 .life-block.choice p{font-size:12px}
 .life-read{font-size:12px}
}
@media(max-width:390px){.life-block-copy,.life-block.choice .life-block-copy{padding:15px 11px}.life-block h2,.life-block.choice h2{font-size:18px}.life-block>.life-art,.life-block.choice>.life-art{height:110px;min-height:110px}.life-block p{display:none}.life-grid{gap:10px}.life-intro h1{font-size:28px}}

/* Image-led 3+1 entrance: the image and short label are the entire link. */
.visual-entry{padding:25px 0 0}
.visual-entry>h1{text-align:center;font:32px/1.4 Georgia,'Batang',serif;letter-spacing:.12em;color:#30402f;margin:0 0 25px}
.visual-entry .life-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:auto;gap:18px}
.visual-entry .life-block{position:relative;display:block;min-height:0;aspect-ratio:4/5;grid-column:auto;border:0;border-radius:10px;background:#e8e3d9}
.visual-entry .life-block>img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.visual-entry .life-block::after{content:'';position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(13,24,16,.7));pointer-events:none}
.visual-entry .life-block h2{position:absolute;z-index:1;left:26px;right:20px;bottom:24px;margin:0;color:white;font-size:29px;line-height:1.4;letter-spacing:0;text-shadow:0 1px 3px #263020}
.visual-entry .life-block.choice{grid-column:1/-1;aspect-ratio:auto;height:170px;min-height:0}
.visual-entry .life-block.choice::after{inset:0;background:linear-gradient(90deg,rgba(249,245,232,.88),rgba(249,245,232,.1) 55%,transparent)}
.visual-entry .life-block.choice h2{color:#283c2d;text-shadow:none;bottom:50%;transform:translateY(50%);right:auto}
.visual-entry .life-block.food>img{object-position:center}
@media(max-width:760px){.visual-entry .life-grid{gap:10px;grid-template-columns:repeat(3,minmax(0,1fr))}.visual-entry{padding-top:20px}.visual-entry>h1{font-size:25px;margin-bottom:20px}.visual-entry .life-block{aspect-ratio:3/5;border-radius:7px}.visual-entry .life-block h2{left:10px;right:7px;bottom:14px;font-size:19px}.visual-entry .life-block.choice{height:125px}.visual-entry .life-block.choice h2{font-size:22px;left:20px;max-width:60%}}
@media(max-width:390px){.visual-entry .life-grid{gap:8px}.visual-entry .life-block{aspect-ratio:1/2}.visual-entry .life-block h2{font-size:15px;left:8px;right:5px}.visual-entry .life-block.choice{height:110px}.visual-entry .life-block.choice h2{font-size:20px}}

/* Approved warm scenes: four real links and localized HTML titles. */
body:has(.mystic-entry){background:#fffcf5}
body:has(.mystic-entry) .wrap{width:min(1410px,calc(100% - 48px))}
.mystic-entry{padding-top:12px}
.mystic-entry>h1{font-size:clamp(25px,3.3vw,43px);font-weight:400;letter-spacing:.14em;margin-bottom:24px;color:#44462b}
.visual-entry.mystic-entry .life-grid{gap:14px}
.visual-entry.mystic-entry .life-block{aspect-ratio:469/652;border-radius:13px;background:#ede7d8;isolation:isolate;transition:none}
.visual-entry.mystic-entry .life-block:hover{transform:none}
.visual-entry.mystic-entry .life-block>img{position:absolute;max-width:none;object-fit:fill;pointer-events:none}
.visual-entry.mystic-entry canvas{position:absolute;inset:0;display:block;width:100%;height:100%;pointer-events:none}
.visual-entry.mystic-entry canvas[hidden]{display:none}
.visual-entry.mystic-entry .life-block::after{z-index:1;inset:72% 0 0;background:linear-gradient(transparent,#2e291b45)}
.visual-entry.mystic-entry .life-block h2{z-index:2;left:10px;right:10px;bottom:26px;text-align:center;font-family:Georgia,'Batang',serif;font-weight:400;font-size:clamp(17px,2.7vw,36px);text-shadow:0 2px 10px #403522}
.visual-entry.mystic-entry .life-block.choice{height:auto;aspect-ratio:1410/285}
.visual-entry.mystic-entry .life-block.choice::after{display:none}
.visual-entry.mystic-entry .life-block.choice h2{left:8%;right:auto;bottom:50%;max-width:38%;font-size:clamp(18px,2.9vw,39px);text-shadow:none;color:#414829}
.mystic-entry+.life-character-link{text-align:center;margin:18px 0 30px}
@media(max-width:760px){body:has(.mystic-entry) .wrap{width:calc(100% - 24px)}.visual-entry.mystic-entry .life-grid{gap:8px}.visual-entry.mystic-entry .life-block{border-radius:8px;aspect-ratio:469/720}.visual-entry.mystic-entry .life-block h2{left:5px;right:5px;bottom:12px;font-size:clamp(15px,3.5vw,24px);line-height:1.4}.visual-entry.mystic-entry .life-block.choice{aspect-ratio:1410/355}.visual-entry.mystic-entry .life-block.choice h2{left:5%;font-size:clamp(15px,3.8vw,25px);max-width:39%}.mystic-entry>h1{margin-bottom:16px}}