/* Personal study: painted room, live paper pages. Shared navigation is untouched. */
.bazi-body{--ink:#3b3931;--muted:#756b5a;--gold:#93724a;background:#d6c5a9;color:var(--ink)}
.bazi-body .scene-backdrop{background:#d6c5a9}
.bazi-body .scene-backdrop img{opacity:1;object-position:center center}
.bazi-body .scene-backdrop:after{background:linear-gradient(180deg,#48351e12,transparent 30%,#52391e14)}
.study-room-label{height:150px;display:flex;align-items:center;justify-content:center;gap:16px;color:#463d2e;text-shadow:0 1px 8px #fff5df;font-family:var(--serif)}
.study-room-label>span{writing-mode:vertical-rl;font-size:16px;letter-spacing:.15em;border-right:1px solid #8b765e80;padding-right:12px}
.study-room-label>strong{font-size:30px;font-weight:400;letter-spacing:.2em}
.study-room-label>i{width:7px;height:24px;background:#8f4a39;border-radius:1px;box-shadow:inset 0 0 0 2px #c99f78}
.bazi-body #app{padding:0 24px calc(var(--primary-nav-height) + 35px)}
.bazi-body .home-view,.bazi-body .explore-view,.bazi-body .element-view{position:relative;isolation:isolate;width:100%;min-height:0;margin:0 auto;padding:32px 44px 30px;background:linear-gradient(90deg,#d7c7a7 0,#e8ddc6 7px,#faf3e2 22px,#fbf6e9 48%,#f5ecda 98%,#e3d3b6 100%);border:1px solid #b9a17b;border-radius:3px 8px 8px 3px;box-shadow:-5px 4px 0 #ad8d5a,0 6px 0 -1px #e6dbc5,0 9px 0 -2px #b8a581,0 22px 42px #45311b38}
.bazi-body .home-view{max-width:760px}
.bazi-body .explore-view,.bazi-body .element-view{max-width:1080px}
.bazi-body .home-view:before,.bazi-body .explore-view:before,.bazi-body .element-view:before{content:'';position:absolute;inset:12px 13px;border:1px solid #ac95703b;z-index:-1;pointer-events:none}
.bazi-body .home-heading{position:relative;padding:5px 0 8px}
.bazi-body .home-heading .eyebrow{font-size:16px;color:#897355;letter-spacing:.16em}
.bazi-body .home-heading h1{font-size:38px;font-weight:400;color:#393d34;letter-spacing:.18em;margin:12px 0 0;text-shadow:none}
.bazi-body .guide-promise{font-size:20px;color:#686350;margin-top:12px}
.bazi-body .fine-rule{display:none}
.bazi-body .understand-tabs{max-width:570px;gap:14px;margin:22px auto 0;padding:0 8px;border:0;border-bottom:1px solid #ac95706b;background:none;align-items:stretch}
.bazi-body .understand-tabs button{font-size:21px;color:#706550;border:1px solid #b4a17c;border-bottom:0;border-radius:3px 3px 0 0;padding:16px 7px 14px;background:linear-gradient(100deg,#e6dbc2,#f2e8d3 30%,#e9dec8);box-shadow:inset 0 0 0 3px #fff9e84d;transition:background .18s,color .18s}
.bazi-body .understand-tabs button[aria-pressed=true]{color:#75412e;background:linear-gradient(100deg,#f5e9d3,#fff8e8 35%,#f6ecd8);border-top:3px solid #975e43;padding-top:14px;box-shadow:0 4px 0 #faf3e2,inset 0 0 0 3px #fffaef80}
.bazi-body .understand-tabs button[aria-pressed=true]:after{content:'';width:22px;height:1px;background:#b78d58;left:calc(50% - 11px);bottom:7px}
.bazi-body .chart-wrap{padding-top:16px}
.bazi-body #model-pillars{max-width:620px;background:none;border:0;padding:0}
.bazi-body .standard-chart thead th{border-bottom:1px solid #a0886266}
.bazi-body .standard-chart td{border-left:1px solid #b9a58624}
.bazi-body .standard-chart button{color:#4a5141}
.bazi-body .standard-chart .glyph-face{color:#354237;text-shadow:0 1px #fff9eb}
.bazi-body .standard-chart .chart-self{color:#98563d}
.bazi-body .standard-chart .glyph-button:hover{background:#d4c4a638;transform:translateY(-2px)}
.bazi-body .standard-chart .chart-hidden button{border-radius:2px;background:#f4ead52b;border:1px solid #bca78480;box-shadow:inset 0 0 0 2px #fffcf185;max-width:68px}
.bazi-body .standard-chart .chart-hidden button:hover,.bazi-body .standard-chart .chart-stages button:hover{background:#e8dcc2;border-color:#907650}
.bazi-body .standard-chart .chart-stages button{border-radius:2px;background:none;border-color:#bca78455}
.bazi-body .chart-caption{margin-top:20px;text-shadow:none}
.bazi-body .chart-caption strong{color:#65553d}
.bazi-body .chart-caption>span{color:#7a705b}
.bazi-body .scope-note,.bazi-body .scope-note button{font-size:16px;color:#756952}
.bazi-body .score-invitation{border-color:#bca6836b;background:none;max-width:620px}
.bazi-body .book-mark{background:#eee1c8;color:#7c5039;border-color:#b29165}
.bazi-body .understand-overview{padding-top:24px}
.bazi-body .element-row,.bazi-body .relationship-entry{border-radius:2px;border-color:#b8a17b70;background:linear-gradient(110deg,#fffbef99,#e9dcc32b);box-shadow:inset 0 0 0 3px #fffdf03d}
.bazi-body .element-seal{border-radius:2px}
.bazi-body .explore-header,.bazi-body .element-header{border-color:#a68d655c}
.bazi-body .explore-layout{grid-template-columns:minmax(220px,.7fr) minmax(360px,1.3fr);gap:44px;margin-top:30px}
.bazi-body .chart-column{top:25px}
.bazi-body .ink-focus{min-height:350px;padding:30px 0;border-right:1px solid #ac957044}
.bazi-body .ink-focus:before{border-radius:0;width:180px;height:240px;border:1px solid #a88a5e59;box-shadow:inset 0 0 0 7px #f6edd9,inset 0 0 0 8px #a88a5e26;background:none}
.bazi-body .ink-focus-position{font-size:20px;color:#7c6a50}
.bazi-body .ink-focus-glyph{font-size:126px;color:#3e4a3d;text-shadow:none}
.bazi-body .ink-focus-name{color:#665b43;font-size:24px}
.bazi-body .ink-focus-seal{position:relative;background:#f5e7cf;color:#8a4935;border-color:#aa735b;margin-top:32px}
.bazi-body .question-options{gap:0;border-top:1px solid #b7a17b66}
.bazi-body .question-options .question-option{min-height:80px;padding:17px 5px;gap:16px;border-bottom:1px solid #b7a17b66;transform:none}
.bazi-body .question-option:before{display:none}
.bazi-body .question-option:hover{background:#dfcdaa33;transform:none}
.bazi-body .question-mark{color:#906041;border:1px solid #b6996d;background:#ebdec336;width:34px;height:38px;border-radius:2px;font-size:22px;flex-shrink:0}
.bazi-body .question-copy strong{color:#424838;font:22px/1.5 var(--serif);text-shadow:none}
.bazi-body .question-arrow{color:#916e43;font-size:24px}
.bazi-body .question-copy>span{display:none}
.bazi-body .chart-context{background:#eadeca38;border-radius:2px;border-color:#baa48166}
.bazi-body .reading-content{background:none;border:0;padding:12px 0}
.bazi-body .reading-content p{color:#454536;font-size:21px;line-height:1.95}
.bazi-body .scene-detail-selector .fact-choice{border-radius:2px;background:#fdf7e880;border-color:#b49b7366;border-left-color:#9f7950}
.bazi-body .element-layout{gap:44px;margin-top:32px}
.bazi-body .element-prose{background:none;border:0}
.bazi-body .stage-cycle [aria-current]{background:#66715b;border-radius:2px}
@media(max-width:850px){
 .study-room-label{height:108px}
 .bazi-body #app{padding:0 13px calc(var(--primary-nav-height) + 25px)}
 .bazi-body .home-view,.bazi-body .explore-view,.bazi-body .element-view{padding:27px 24px 24px}
 .bazi-body .explore-layout{display:block;margin-top:22px}
 .bazi-body .ink-focus{min-height:0;width:fit-content;margin:0 auto 20px;padding:8px 0 14px;border:0}
 .bazi-body .ink-focus:before{width:80px;height:102px;left:0;top:0;box-shadow:inset 0 0 0 4px #f6edd9,inset 0 0 0 5px #a88a5e26}
 .bazi-body .ink-focus-glyph{font-size:76px;text-align:center}
 .bazi-body .ink-focus-position{font-size:20px}
 .bazi-body .ink-focus-name{font-size:23px}
 .bazi-body .element-layout{display:block}
}
@media(max-width:500px){
 .study-room-label{height:96px;gap:12px}
 .study-room-label>strong{font-size:26px}
 .bazi-body .scene-backdrop img{object-position:40% center}
 .bazi-body #app{padding-left:10px;padding-right:10px}
 .bazi-body .home-view,.bazi-body .explore-view,.bazi-body .element-view{padding:24px 15px 22px}
 .bazi-body .home-view:before,.bazi-body .explore-view:before,.bazi-body .element-view:before{inset:7px}
 .bazi-body .home-heading h1{font-size:32px}
 .bazi-body .guide-promise{font-size:18px;line-height:1.7}
 .bazi-body .understand-tabs{gap:7px;padding:0;margin-top:18px}
 .bazi-body .understand-tabs button{font-size:19px;padding-left:3px;padding-right:3px}
 .bazi-body .standard-chart .chart-row-label{width:34px}
 .bazi-body .standard-chart .chart-stages button{min-width:48px;font-size:18px}
 .bazi-body .standard-chart .chart-stages button span{font-size:13px}
 .bazi-body .standard-chart .chart-hidden button{width:calc(100% - 12px);gap:5px}
 .bazi-body .question-options .question-option{padding:16px 2px;gap:10px;min-height:74px}
 .bazi-body .question-copy strong{font-size:20px}
 .bazi-body .question-mark{width:29px;height:34px;font-size:20px}
 .bazi-body .question-arrow{font-size:21px}
 .bazi-body .explore-header{gap:8px;flex-wrap:wrap}
 .bazi-body .explore-header>span{font-size:18px}
 .bazi-body .element-header{gap:10px;font-size:17px;flex-wrap:wrap}
 .bazi-body .reading-section h2{font-size:24px}
 .bazi-body .reading-content p{font-size:20px}
 .bazi-body .element-row{padding:15px 10px;gap:10px}
 .bazi-body .relationship-entry{padding:16px 10px;gap:12px}
 .bazi-body .pair-mini,.bazi-body .pillar-mini{min-width:80px}
}
@media(prefers-reduced-motion:no-preference){
 .bazi-body #app>section:not([hidden]){animation:study-page-in .35s ease-out}
 @keyframes study-page-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
}