/* A quiet ink landscape; shared bottom navigation stays owned by navigation.css. */
.bazi-body{--ink:#263c3b;--muted:#616b62;--gold:#8a7049;background:#f5f2e9;color:var(--ink)}
.bazi-body .landscape{display:none}
.scene-backdrop{position:fixed;inset:0;z-index:-1;pointer-events:none;background:#f5f2e9}
.scene-backdrop img{width:100%;height:100%;object-fit:cover;object-position:center 65%;opacity:.88}
.scene-backdrop:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#f7f4ed35,transparent 75%)}
.bazi-body button:focus-visible,.bazi-body a:focus-visible{outline:2px solid #a77d45;outline-offset:5px}
.bazi-body .home-view{width:min(100%,850px);min-height:calc(100svh - var(--primary-nav-height));padding:clamp(28px,6svh,68px) 24px calc(var(--primary-nav-height) + 24px)}
.bazi-body .home-heading .eyebrow{font-size:16px;letter-spacing:.22em;color:#77654b}
.bazi-body .home-heading h1{font-size:clamp(28px,5vw,42px);letter-spacing:.09em;color:#253c3b;text-shadow:0 2px 10px #fff}
.bazi-body .fine-rule{width:100px;margin-top:18px;background:linear-gradient(90deg,transparent,#a18861,transparent)}
.bazi-body .chart-wrap{padding-top:30px}
.bazi-body .model-pillars{gap:clamp(12px,3vw,30px);max-width:570px}
.bazi-body .model-pillar{position:relative;padding:20px 5px 12px;border:1px solid #9fae9c80;border-radius:44% 44% 8px 8px / 16px 16px 8px 8px;background:linear-gradient(100deg,#d2dcd080,#f6f6eac9 35%,#dce4d7b0 76%,#bac9bd70);box-shadow:inset 3px 0 7px #ffffffe0,inset -3px 0 7px #839a8c33,0 16px 30px -20px #253f3b80}
.model-pillar:before,.model-pillar:after{content:'';position:absolute;left:10px;right:10px;height:5px;border-top:1px solid #ac95725c;border-bottom:1px solid #ac95723a;pointer-events:none}
.model-pillar:before{top:8px}.model-pillar:after{bottom:8px}
.bazi-body .pillar-title{font-size:18px;color:#5d6b5e;margin:0 0 20px}
.bazi-body .glyph-cell{margin-bottom:15px}
.bazi-body .glyph-button{aspect-ratio:1;min-height:60px;border-radius:50%;transition:background .2s,transform .2s}
.bazi-body .glyph-button:hover{background:#ffffed75;transform:translateY(-3px)}
.bazi-body .glyph-face{font-family:var(--serif);font-size:clamp(42px,8vw,68px);color:#29453f;text-shadow:0 2px 1px #fff,0 0 16px #fffff3}
.bazi-body .glyph-cell.is-self .glyph-face:after{border-color:#b390505c;box-shadow:0 0 22px #e6c97a45}
.bazi-body .day-seal{right:0;top:-7px;font-size:15px;color:#98523e;background:#faf3df;border-color:#ac765b80}
.bazi-body .cell-noun{display:none}
.bazi-body .chart-caption{font-size:19px;color:#455951;margin-top:26px;text-shadow:0 1px 6px #fff}
.bazi-body .scene-toggle,.bazi-body .exploration-map,.bazi-body #start-guide{display:none}
.bazi-body .home-actions{margin-top:6px}
.bazi-body .resume-button{font-size:17px;color:#5d6250;min-height:44px}
.bazi-body .score-invitation{margin-top:18px;padding:13px 8px;background:linear-gradient(90deg,transparent,#fffdf199,transparent);border-color:#8d95744d}
.bazi-body .score-invitation-copy{font-size:20px}.bazi-body .score-invitation-copy small{font-size:16px}.bazi-body .book-mark{font-size:16px}
.bazi-body .scope-note,.bazi-body .scope-note button{font-size:14px;color:#59665e}
.bazi-body .explore-view{max-width:1160px;padding:18px 30px calc(var(--primary-nav-height) + 35px)}
.bazi-body .explore-header{border-bottom:1px solid #9c8c693d;padding-bottom:12px}
.bazi-body .explore-header>span{font-size:20px;color:#566354}
.bazi-body .text-button{font-size:18px;color:#4d6157}
.bazi-body .explore-layout{grid-template-columns:minmax(240px,.8fr) minmax(380px,1.3fr);gap:54px;margin-top:36px}
.bazi-body .chart-column{top:28px}
.bazi-body .scene-section{display:none}
.is-question-stage .chart-context{display:none}
.ink-focus{min-height:390px;display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative;padding:40px 0}
.ink-focus:before{content:'';position:absolute;width:270px;height:270px;max-width:100%;border-radius:50%;background:radial-gradient(ellipse,#7d928c14,transparent 68%);border:1px solid #98a99c24;box-shadow:0 0 0 12px #e2e8dd24;pointer-events:none}
.ink-focus-position{font-size:22px;letter-spacing:.16em;color:#5c6b5e}
.ink-focus-glyph{font-size:150px;font-weight:400;line-height:1.25;color:#2b4743;text-shadow:1px 2px 0 #ffffe9,0 5px 24px #7a938329}
.ink-focus-name{font-size:25px;letter-spacing:.3em;padding-left:.3em;color:#415c50}
.ink-focus-seal{margin-top:22px;border:1px solid #a76e5570;color:#98583f;font-size:16px;letter-spacing:.15em;padding:5px 10px}
.bazi-body .reading-section{padding:10px 0 0;background:transparent;border:0;box-shadow:none}
.bazi-body .lesson-head{display:none}
.bazi-body .focus-breadcrumb{color:#6e725d;font-size:17px;margin-bottom:13px}
.is-question-stage .focus-breadcrumb{display:none}
.bazi-body .reading-section h2{font-weight:400;color:#293f39;font-size:28px;line-height:1.5;margin:0 0 20px}
.bazi-body .question-options{gap:9px}
.bazi-body .question-options .question-option{position:relative;isolation:isolate;border:0;border-radius:0;background:transparent;box-shadow:none;padding:18px 22px;min-height:80px;gap:16px;transition:transform .2s}
.question-option:before{content:'';position:absolute;inset:0 -6px;z-index:-1;background:radial-gradient(ellipse at 45% 50%,#253d37f0 0%,#2f443de3 48%,#3b514495 66%,transparent 76%);pointer-events:none}
.bazi-body .question-option:hover{background:transparent;transform:translateX(4px)}
.bazi-body .question-mark{background:transparent;border:1px solid #dccb9a72;color:#eddbab;width:34px;height:38px;font:23px var(--serif);border-radius:3px 9px 3px 9px}
.bazi-body .question-copy strong{font:23px/1.5 var(--serif);color:#fff9e9;text-shadow:0 1px 3px #112c25}
.bazi-body .question-copy>span{display:none}
.bazi-body .question-arrow{font-size:24px;color:#e0cca4}
.bazi-body .lesson-selector .question-back{font-size:18px;color:#576e5e;border-color:#87967d50}
.bazi-body .scene-detail-selector{background:none;border:0;max-height:none;padding:0}
.bazi-body .fact-list-heading{font-size:19px;color:#556957}
.bazi-body .scene-detail-selector .fact-choice{display:flex;flex-direction:column;gap:10px;padding:20px;margin:12px 0;width:100%;text-align:left;border:1px solid #9b9b764f;border-left:3px solid #9e8860;border-radius:2px 16px 2px 16px;background:linear-gradient(100deg,#fdfaf0e3,#eef1e5a3);box-shadow:inset 0 0 0 4px #fffdf23d}
.bazi-body .fact-roles{font-size:22px;color:#314c43}.bazi-body .fact-description{font-size:18px;color:#746c51}
.bazi-body .chart-context{background:#f6f5e67a;border-color:#99a78b4d;border-radius:3px 20px 3px 20px;box-shadow:none;padding:18px 12px}
.bazi-body .reading-content{padding:20px 24px;background:linear-gradient(100deg,#fffdf2d9,#fffdf2a6 75%,#fffdf24d);border:0;border-left:1px solid #a3967157;box-shadow:none;border-radius:0}
.bazi-body .reading-content p{font-size:21px;line-height:1.95;color:#33453e}
.bazi-body .reading-content h3{font-size:24px;color:#29493f}
.bazi-body .reading-tabs{border-color:#aa99764d;margin-top:24px;gap:18px}
.bazi-body .reading-tabs button{font-size:21px;color:#6b725f;padding:12px 8px;background:none;border-radius:0}
.bazi-body .reading-tabs button[aria-selected=true]{color:#294c40;border-bottom:2px solid #8e7955;background:none}
.bazi-body .relation-location{background:#faf7e8b8;border-color:#ada17d55;color:#344b40;font-size:18px}
.bazi-body .relation-location strong{font-size:21px}
.bazi-body .subject-nav button{font-size:18px;min-height:44px}
.bazi-body .passage-category{font-size:17px}.bazi-body .reading-content summary{font-size:18px}
.bazi-body .journey-footer{margin-top:24px;border-color:#9b9d7650}
@media(min-width:851px){.scene-backdrop img{object-position:center 72%}.is-question-stage .reading-section{padding-top:25px}.is-question-stage .explore-layout{margin-top:50px}.is-question-stage .chart-column{position:sticky;top:60px}}
@media(max-width:850px){
 .bazi-body .explore-view{padding:12px 20px calc(var(--primary-nav-height) + 24px)}
 .bazi-body .explore-layout{display:block;margin-top:18px}
 .bazi-body .chart-column{position:relative;top:0}
 .bazi-body .explore-header{gap:8px}.bazi-body .explore-header>span{font-size:17px}
 .bazi-body .explore-header .text-button{font-size:17px}
 .ink-focus{min-height:0;padding:8px 0 14px;display:grid;grid-template-columns:82px auto;grid-template-rows:auto auto;gap:4px 18px;width:fit-content;margin:0 auto 15px;align-items:center;justify-content:center}
 .ink-focus:before{width:145px;height:145px;left:-20px;top:-7px}
 .ink-focus-glyph{grid-column:1;grid-row:1/3;font-size:86px;line-height:1.1}
 .ink-focus-position{grid-column:2;grid-row:1;font-size:20px;align-self:end}
 .ink-focus-name{grid-column:2;grid-row:2;font-size:24px;align-self:start;letter-spacing:.15em;padding:0}
 .ink-focus-seal{display:none}
 .bazi-body .is-question-stage .reading-section,.is-question-stage .reading-section{padding-top:0}
 .bazi-body .reading-section h2{font-size:25px;text-align:left;margin-bottom:15px}
 .is-question-stage .reading-section h2{text-align:center;font-size:24px}
 .bazi-body .question-options{gap:7px}
 .bazi-body .question-options .question-option{min-height:67px;padding:12px 15px;gap:10px}
 .bazi-body .question-copy strong{font-size:20px;line-height:1.5}
 .bazi-body .question-mark{width:29px;height:33px;font-size:21px}
 .bazi-body .question-arrow{font-size:21px}
 .bazi-body .reading-section{padding-top:24px}
 .bazi-body .reading-content{padding:16px 15px}
 .bazi-body .reading-content p{font-size:20px;line-height:1.9}
 .bazi-body .chart-heading>span{font-size:20px}
 .bazi-body .fact-roles{font-size:20px}
}
@media(max-height:740px) and (max-width:850px){.bazi-body .home-view{padding-top:24px}.bazi-body .chart-wrap{padding-top:22px}.bazi-body .pillar-title{margin-bottom:12px}.bazi-body .glyph-cell{margin-bottom:9px}.bazi-body .chart-caption{margin-top:16px}.ink-focus{margin-bottom:6px}.bazi-body .question-options .question-option{min-height:62px}.bazi-body .question-options{gap:4px}}
@media(prefers-reduced-motion:no-preference){.ink-focus,.question-options{animation:ink-arrive .4s ease-out}@keyframes ink-arrive{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}}