
body:has(.wzb){background:#f3f6f8;color:#283b34}
.concept-caption{max-width:1200px;margin:18px auto 0;padding:0 22px;font:11px/1.6 Arial,sans-serif;color:#819080}
.wzb.mingpan-page{padding:18px 24px 50px;--gold:#52735a;--orange:#52735a;--line:#e1e6df;color:#283b34}
.wzb .mp-layout{display:flex;flex-direction:column;max-width:1200px;gap:18px}
.wzb .mp-main{width:100%;min-width:0}
.wzb .mp-sidebar{position:static;width:100%;margin:0}.wzb .mp-sidebar>p{display:none}
.wzb .mp-sidebar nav{display:flex;background:transparent;border-radius:0;border-bottom:1px solid #e1e6df;gap:25px}
.wzb .mp-sidebar nav button{width:auto;padding:12px 2px;font-size:14px;background:none;border:0}
.wzb .mp-sidebar nav button.active{background:none;color:#326451;box-shadow:inset 0 -2px #326451}
.wzb .mp-banner{background:transparent!important;color:#283b34;border:0;padding:12px 0 25px;min-height:0;border-radius:0;gap:30px}
.wzb .mp-banner *{color:#52634f}.wzb .mp-person h1{font-size:25px;color:#283b34}.wzb .mp-seal{display:none}
.wzb .mp-overline{color:#8c9787;font-size:9px}
.wzb .mp-birth p{font-size:12px}.wzb .mp-banner .edit{border:1px solid #cdd6cc;color:#52634f;border-radius:8px}
.wzb .mp-content{padding:0;background:transparent}
.wzb .mp-top-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:start}
.wzb .mp-card{border:1px solid #dfe5dc;border-radius:16px;background:#fff;overflow:hidden}
.wzb .mp-card-heading{border-color:#e1e6df;background:#fff}.wzb .mp-card-heading h3{color:#283b34}
.wzb .mp-chart{min-height:0}
.wzb .mp-table{font-size:12px}
.wzb .mp-table th,.wzb .mp-table td{padding:7px 3px;border-color:#edf0e9}
.wzb .mp-table thead{background:#f1f5ed}
.wzb .mp-table tbody tr{background:#fff}
.wzb .mp-table tbody tr:nth-child(even){background:#f8faf6}
.wzb:not(.mp-professional) .mp-table th:nth-child(4),.wzb:not(.mp-professional) .mp-table td:nth-child(4){background:#edf3e880}
.wzb .mp-glyphs td{font-size:28px!important;padding:8px 2px!important}
.wzb .mp-hidden-row td,.wzb .mp-gods-row td,.wzb .mp-stars-row td{vertical-align:top;padding-top:10px!important;padding-bottom:10px!important}
.wzb .mp-star-link{font-size:11px;color:#8b7957;line-height:1.8}
.wzb .mp-element-water{color:#527f9b!important}.wzb .mp-element-wood{color:#6d9278!important}.wzb .mp-element-fire{color:#c18672!important}.wzb .mp-element-earth{color:#a08458!important}.wzb .mp-element-metal{color:#828b96!important}
.wzb .mp-relations{padding:13px 16px;font-size:11px}
.wzb .mp-chart-foot{padding:15px!important;font-size:11px}
.wzb .mp-ai-tabs button.active{color:#326451;background:#f1f5ed;border-color:#6d9278}
.wzb .mp-ai-title{font-size:23px;color:#283b34}.wzb .mp-ai-body{padding:25px}
.wzb .mp-ai-empty{min-height:190px}.wzb .mp-ai-empty>span{color:#789273}
.wzb .mp-ai-star{color:#6d9278}
.wzb .mp-time-row{border:0;padding:8px 12px;gap:8px}
.wzb .mp-time-label{font-size:13px;color:#6c7a69;width:28px;flex:0 0 28px}
.wzb .mp-timeline .cycle-grid,.wzb .mp-timeline .years,.wzb .mp-month-grid,.wzb .mp-day-grid{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:6px;padding-bottom:9px;scrollbar-width:thin;scrollbar-color:#c5d0bf #f5f7f1}
.wzb .mp-timeline .cycle-grid>button,.wzb .mp-timeline .years>button,.wzb .mp-month-grid>button,.wzb .mp-day-grid>button{flex:0 0 61px;min-width:61px;background:#f4f6f0;border:0;border-radius:9px;padding:9px 3px!important}
.wzb .mp-timeline .cycle-grid>button.active,.wzb .mp-timeline .years>button.active,.wzb .mp-month-grid>button.active,.wzb .mp-day-grid>button.active{background:#326451;color:white}
.wzb .mp-timeline button.active span{color:white!important}
.wzb .mp-god-abbr{color:#20231f!important}
.wzb .mp-time-meta{background:white;font-size:10px;padding:16px}
.wzb .mp-time-foot{background:#edf2e8;color:#61735b;font-size:10px;line-height:1.7;padding:14px}
.wzb .mp-analysis-grid{gap:16px}.wzb .mp-analysis-card{background:#f2f5ee}.wzb .mp-bottom-heading h2{font-size:23px}
@media(max-width:760px){
.wzb.mingpan-page{padding:12px 12px 30px}.wzb .mp-layout{gap:12px}
.wzb .mp-sidebar{position:sticky;top:70px;z-index:30;background:#f3f6f8}
.wzb .mp-banner{padding:12px 3px 20px;gap:12px}.wzb .mp-person h1{font-size:21px}
.wzb .mp-top-grid{grid-template-columns:minmax(0,1fr)!important;gap:18px}
.wzb .mp-table{font-size:11px}.wzb .mp-glyphs td{font-size:25px!important}
.wzb .mp-ai-body{padding:20px}.wzb .mp-timeline .cycle-grid>button,.wzb .mp-timeline .years>button,.wzb .mp-month-grid>button,.wzb .mp-day-grid>button{flex-basis:55px;min-width:55px}
}

/* Fourth refinement: readable birth card, consistent type and generous insets. */
.wzb .mp-banner{background:#fff!important;border:1px solid #e0e6dc;border-radius:16px;padding:24px 28px!important;margin-bottom:24px;display:grid;grid-template-columns:180px minmax(0,1fr) auto;align-items:center;gap:26px}
.wzb .mp-banner .mp-birth{display:flex;flex-direction:column;gap:9px;border-left:1px solid #e2e8de;padding-left:26px}
.wzb .mp-banner .mp-birth p{margin:0;color:#34483a!important;font-size:14px;line-height:1.7;letter-spacing:.2px}
.wzb .mp-banner .mp-birth p>span{display:inline-block;color:#74816f!important;font-size:12px;min-width:38px;margin-right:12px}
.wzb .mp-banner .mp-birth b{display:inline-block;color:#527052!important;background:#edf3e8;border-radius:5px;padding:1px 8px;margin-left:12px;font-size:11px;font-weight:400}
.wzb .mp-banner .mp-overline{color:#76836f}
.wzb .mp-banner .mp-person h1{margin:7px 0 0;font-size:24px}
.wzb .mp-table .mp-glyphs td:not(:first-child){font-size:13px!important;line-height:1.65;font-weight:400;padding:9px 3px!important}
.wzb .mp-table td,.wzb .mp-table .mp-hidden-row td,.wzb .mp-table .mp-gods-row td{font-size:13px}
.wzb .mp-chart{padding:12px 15px 0}
.wzb .mp-table th:first-child,.wzb .mp-table td:first-child{padding-left:8px}
.wzb .mp-table tbody tr:nth-child(odd),.wzb .mp-table tbody tr:nth-child(even){background:#fff}
.wzb .mp-table tbody tr.mp-hidden-row,.wzb .mp-table tbody tr.mp-gods-row{background:#f7f9f4}
.wzb .mp-table thead tr{background:#fff!important}
.wzb .mp-ai-body{padding:28px 30px}.wzb .mp-ai .mp-card-heading{padding:22px 28px}
.wzb .mp-analysis-card{background:#fff;padding:25px}
.wzb .mp-analysis-card p{line-height:1.9}
.wzb[data-page=input]{padding:46px 30px 60px}
.wzb[data-page=input] .layout{max-width:1140px;gap:65px;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}
.wzb[data-page=input] .panel{background:#fff;border:1px solid #dfe5da;border-radius:20px;padding:34px 36px;box-shadow:0 12px 40px #31452b04}
.wzb[data-page=input] .panel-title{margin-bottom:28px;gap:12px}
.wzb[data-page=input] .panel-title h2{font-size:23px;color:#304333}
.wzb[data-page=input] .intro h1{font-size:33px;line-height:1.5;letter-spacing:1px;color:#304333}
.wzb[data-page=input] .intro>p{color:#798671}
.wzb[data-page=input] .row{margin-bottom:23px;gap:20px}
.wzb[data-page=input] .row>label{color:#52614c;font-size:13px}
.wzb[data-page=input] .field-button,.wzb[data-page=input] input[name=name]{border:1px solid #dfe5d9;border-radius:9px;padding:13px 16px;background:#fbfcf9;color:#304333}
.wzb[data-page=input] .field-button>span:last-child{color:#78866f;font-size:12px}
.wzb[data-page=input] .calendar{padding:4px;border-radius:9px;background:#f0f3eb}
.wzb[data-page=input] .calendar button{border-radius:6px}
.wzb[data-page=input] .calendar button.active{background:#326451;color:#fff}
.wzb[data-page=input] .start-chart{background:#326451;border-radius:10px;padding:16px;font-size:15px}
.wzb[data-page=input] .options{padding-top:20px;border-color:#e5e9df}
.wzb[data-page=input] .subtle,.wzb[data-page=input] .status{color:#7a8672;line-height:1.8}
@media(max-width:760px){
.wzb .mp-banner{padding:20px!important;grid-template-columns:1fr auto;gap:17px}
.wzb .mp-banner .mp-person{grid-column:1}.wzb .mp-banner .edit{grid-column:2;grid-row:1;font-size:11px;padding:8px 10px}
.wzb .mp-banner .mp-birth{grid-column:1 / -1;border-left:0;border-top:1px solid #e5e9df;padding:15px 0 0;gap:8px}
.wzb .mp-banner .mp-birth p{font-size:12px}.wzb .mp-banner .mp-birth p>span{font-size:11px;margin-right:6px;min-width:28px}
.wzb .mp-banner .mp-birth b{margin-left:5px}
.wzb .mp-chart{padding:9px 8px 0}
.wzb .mp-table td,.wzb .mp-table .mp-hidden-row td,.wzb .mp-table .mp-gods-row td,.wzb .mp-table .mp-glyphs td:not(:first-child){font-size:11px!important}
.wzb .mp-ai-body{padding:22px}.wzb .mp-ai .mp-card-heading{padding:18px 22px}
.wzb[data-page=input]{padding:22px 16px 40px}
.wzb[data-page=input] .layout{grid-template-columns:minmax(0,1fr);gap:24px}
.wzb[data-page=input] .panel{padding:25px 20px;border-radius:16px}
.wzb[data-page=input] .intro h1{font-size:27px}
.wzb[data-page=input] .row{gap:12px;margin-bottom:20px}
.wzb[data-page=input] .panel-title{flex-wrap:wrap;margin-bottom:22px}
.wzb[data-page=input] .panel-title h2{font-size:21px}
}

/* Emphasize the two stem/branch rows; retain compact supporting information. */
.wzb .mp-table .mp-glyphs td:not(:first-child){font-size:29px!important;font-weight:600;line-height:1.4;padding:10px 3px!important}
.wzb .mp-table .mp-glyphs td:first-child{font-size:12px!important;font-weight:400;color:#65735f}
.wzb .mp-table tbody tr:nth-child(odd){background:#fff!important}
.wzb .mp-table tbody tr:nth-child(even){background:#f1f6ed!important}
.wzb .mp-table tbody tr.mp-glyphs{background:#e7f0df!important}
.wzb .mp-table tbody tr.mp-glyphs td{border-bottom:1px solid #d9e5d0}
.wzb:not(.mp-professional) .mp-table td:nth-child(4){background:transparent}
.wzb .mp-table thead tr{background:#fff!important}
.wzb .mp-table td{color:#263329}
.wzb .mp-element-water{color:#2676e8!important}
.wzb .mp-element-wood{color:#15952b!important}
.wzb .mp-element-fire{color:#e62c27!important}
.wzb .mp-element-earth{color:#967100!important}
.wzb .mp-element-metal{color:#db7900!important}
.wzb .mp-stars-row .mp-star-link{color:#8a672c}
@media(max-width:760px){
.wzb .mp-table .mp-glyphs td:not(:first-child){font-size:25px!important;padding:9px 2px!important}
.wzb .mp-table .mp-glyphs td:first-child{font-size:10px!important}
}

/* Birth location and subtle green information surface. */
.wzb .mp-banner{background:#f0f6eb!important}
.wzb .mp-banner .mp-birth p,.wzb .mp-banner .mp-birth .mp-location{color:#34483a!important;opacity:1;font-size:13px}
.wzb .mp-banner .mp-birth p>span{min-width:40px}
.wzb .mp-edit-area{text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:10px}
.wzb .mp-banner .mp-edit-area .edit{margin:0;background:#fff;transition:background .15s,color .15s}
.wzb .mp-banner .mp-edit-area .edit:hover,.wzb .mp-banner .mp-edit-area .edit:focus-visible{background:#326451!important;color:#fff!important;border-color:#326451}
.wzb .mp-banner .mp-click-hint{color:#65745e;font-size:11px;line-height:1.7;margin:0;max-width:235px}
.wzb .mp-table tbody tr.mp-glyphs{background:#f1f7ec!important}
.wzb .mp-table tbody tr.mp-glyphs td{border-bottom-color:#e7eee0}
@media(max-width:760px){
.wzb .mp-banner .mp-edit-area{grid-column:2;grid-row:1;max-width:145px;gap:7px}
.wzb .mp-banner .mp-edit-area .edit{font-size:11px}
.wzb .mp-banner .mp-click-hint{font-size:10px}
.wzb .mp-banner .mp-birth p,.wzb .mp-banner .mp-birth .mp-location{font-size:12px}
}

/* Main stars highlighted; stems and branches on white. */
.wzb .mp-table tbody tr:first-child{background:#edf4e7!important}
.wzb .mp-table tbody tr.mp-glyphs{background:#fff!important}

/* White day-column heading and breathing room for the lower analysis section. */
.wzb .mp-table thead th,.wzb:not(.mp-professional) .mp-table thead th:nth-child(4){background:#fff!important}
.wzb .mp-bottom-heading{padding-left:28px;padding-right:28px;margin-top:36px}
.wzb .mp-analysis-grid{margin-left:28px;margin-right:28px}
.wzb .mp-method{padding:22px 28px 26px;line-height:1.9}
@media(max-width:760px){
.wzb .mp-bottom-heading{padding-left:16px;padding-right:16px;gap:12px}
.wzb .mp-analysis-grid{margin-left:16px;margin-right:16px}
.wzb .mp-method{padding:20px 16px 24px}
}

/* 2.2.1: reference green birth-information card with readable light text. */
.wzb .mp-banner{background:#326451!important;border-color:#326451}
.wzb .mp-banner .mp-person h1{color:#fff!important}
.wzb .mp-banner .mp-overline{color:#dce9df!important}
.wzb .mp-banner .mp-birth{border-color:#ffffff38}
.wzb .mp-banner .mp-birth p,.wzb .mp-banner .mp-birth .mp-location{color:#fff!important}
.wzb .mp-banner .mp-birth p>span{color:#dce9df!important}
.wzb .mp-banner .mp-birth b{background:#e8f0e7;color:#244c3d!important}
.wzb .mp-banner .mp-click-hint{color:#e1ece4!important}
.wzb .mp-banner .mp-edit-area .edit{background:#fff!important;color:#285541!important;border-color:#fff;box-shadow:0 2px 5px #183e2420}
.wzb .mp-banner .mp-edit-area .edit:hover,.wzb .mp-banner .mp-edit-area .edit:focus-visible{background:#214b3b!important;color:#fff!important;border-color:#e1ece4}
.wzb .mp-banner .mp-edit-area .edit:focus-visible{outline:2px solid #fff;outline-offset:3px}
