/* R187: riêng màn hình Mai Hoa, dùng màu và phông hiện có của Đạo Quán. */
.mh-content{display:grid;gap:16px;padding-bottom:28px;min-width:0}
.mh-content .dq-card{min-width:0;padding:18px}.mh-content .dq-stack{gap:16px}
.mh-content h2{font-size:21px;line-height:1.4;margin:5px 0 8px}.mh-content h3{font-size:17px;line-height:1.5;margin:12px 0 8px}
.mh-content p{font-size:13px;line-height:1.85;overflow-wrap:anywhere}.mh-heading{margin-bottom:16px}.mh-heading p{color:#756349;font-size:12px}
.mh-eyebrow{font:700 10px/1.6 var(--dq-font-body);letter-spacing:1px;color:#876029}
.mh-top-note{display:flex;align-items:center;gap:12px;border:1px solid #b79053;border-radius:14px;background:#0b2e42ee;padding:14px;color:#f4e5ca}
.mh-top-note>span{font-size:32px;color:#e4ba77}.mh-top-note p{font-size:11px;flex:1;min-width:0}.mh-top-note b{font-size:14px}
.mh-top-note a{color:#edd097;font-size:11px;min-height:44px;display:flex;align-items:center;text-underline-offset:4px}
.mh-methods{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;padding:5px;margin-bottom:18px;border:1px solid #c6a06a;background:#0c3044;border-radius:13px}
.mh-methods button{min-width:0;min-height:72px;padding:8px 3px;border:0;border-radius:9px;background:transparent;color:#f2e3c7;cursor:pointer;display:grid;align-content:center;justify-items:center;gap:5px;font:600 10px/1.4 var(--dq-font-body)}
.mh-methods button>span{font-size:20px;font-weight:400}.mh-methods button b{font-weight:600}.mh-methods button[aria-pressed=true]{background:#ecd3a6;color:#12354a}
.mh-content .dq-input{min-height:46px;font-size:13px}.mh-content textarea.dq-input{resize:vertical;min-height:90px;line-height:1.7}
.mh-content input[type=date]{min-width:0;-webkit-appearance:none;appearance:none}.mh-content input[type=date]::-webkit-date-and-time-value{text-align:left}
.mh-content .dq-field>span{font-size:12px}.mh-content select.dq-input{padding-right:22px}.mh-content .dq-input:disabled{opacity:.7}
.mh-content .mh-helper{font-size:11px;color:#776449;line-height:1.8}.mh-form-note{border-left:3px solid #bd965e;background:#ead7b650;padding:10px 12px;border-radius:0 8px 8px 0}
.mh-form-note p{font-size:12px}.mh-time{margin:0;border:1px solid #dac094;border-radius:12px;padding:12px;min-width:0;background:#fffaf0}
.mh-time legend{padding:0 5px;font-size:11px;font-weight:700;color:#70502c}.mh-check{display:flex;gap:9px;align-items:center;min-height:44px;font-size:12px;cursor:pointer}
.mh-check input{width:18px;height:18px;accent-color:#204454;flex:none}.mh-time-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:8px;margin:8px 0 10px;min-width:0}
.mh-content .mh-time-label{font-size:11px;font-weight:700;color:#284a58;margin:3px 0 8px}.mh-time-grid input,.mh-time-grid select{padding:8px;font-size:12px!important}.mh-number-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.mh-form-actions{display:flex;gap:8px}.mh-primary{flex:1;min-height:50px!important;font-size:13px!important}.mh-secondary{min-height:44px;padding:8px 12px;background:#eedabb;border:1px solid #bb955d;border-radius:9px;color:#193b4c;font:700 11px/1.5 var(--dq-font-body);cursor:pointer}
.mh-content .mh-error,.mh-stale{background:#fbe2d5;border:1px solid #c2866b;border-radius:10px;color:#873f27;padding:12px;font-size:12px;line-height:1.8}
.mh-content .mh-notice{color:#f5e3bb;border:1px solid #c0a16c;border-radius:10px;padding:10px 14px;font-size:12px}.mh-stale{background:#fff0bd;color:#785624}.mh-stale[hidden]{display:none}
.mh-result{outline:none;scroll-margin-top:16px}.mh-result-heading .mh-heading{margin-bottom:10px}.mh-question{font:600 16px/1.8 var(--dq-font-display)!important;padding:12px 0;color:#1c3e4e}
.mh-result-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:15px}.mh-result-actions button{flex:1;min-width:90px}
.mh-verdict{display:grid;grid-template-columns:1fr auto;gap:14px;padding:20px;border-radius:16px;border:1px solid #bf9964;background:#e3d4b8;color:#173b4c}
.mh-verdict.mh-good{background:#e0ecd9;border-color:#82a889;color:#1d5d3b}.mh-verdict.mh-bad{background:#f8ddd0;border-color:#c28568;color:#8a3c27}
.mh-verdict>div:first-child{display:grid;gap:5px}.mh-verdict span{font-size:12px;font-weight:700}.mh-verdict strong{font:700 28px/1.3 var(--dq-font-display)}.mh-verdict small{font-size:10px}
.mh-verdict p{grid-column:1/-1;font-size:12px}.mh-score{font:700 35px/1.3 var(--dq-font-body);align-self:center;white-space:nowrap}.mh-score small{display:block;text-align:right;font-size:11px}
.mh-three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.mh-hex-card{min-width:0;border:1px solid #d4b485;border-radius:13px;padding:15px;background:#fff9ec}
.mh-hex-card h3{font-size:18px;margin:6px 0 2px}.mh-hex-caption{color:#80694b;font-size:11px!important}.mh-hex-card blockquote{font-size:12px;line-height:1.9}
.mh-lines{list-style:none;padding:0;margin:22px auto;display:grid;gap:8px;width:150px;max-width:100%}.mh-lines li{display:grid;grid-template-columns:16px 1fr 12px;align-items:center;gap:6px;height:12px;color:#214254}
.mh-line-number{font-size:10px;color:#837255;text-align:center}.mh-line-stroke{display:flex;gap:10px;width:100%;height:8px}.mh-line-stroke i{background:currentColor;flex:1;border-radius:1px}
.mh-yang .mh-line-stroke{gap:0}.mh-yang .mh-line-stroke i{border-radius:0}.mh-yang .mh-line-stroke i:first-child{border-radius:1px 0 0 1px}.mh-yang .mh-line-stroke i:last-child{border-radius:0 1px 1px 0}
.mh-lines li.mh-moving{color:#b63d2b}.mh-line-dot{font-size:9px}.mh-trigram-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;text-align:center;margin:8px 0 14px}
.mh-trigram-row span{font-size:10px;color:#786448}.mh-trigram-row b{display:block;font-size:13px;color:#214254;margin-top:4px}.mh-trigram-row small{display:block;margin-top:3px;font-size:10px}
.mh-content blockquote{border-left:3px solid #b28a4e;border-radius:0 7px 7px 0;background:#ecddc2;padding:12px;margin:12px 0;color:#61472d;line-height:1.85;font-size:13px}
.mh-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.mh-trigram-card{border:1px solid #d4b485;border-radius:12px;padding:14px;background:#fff9ec;min-width:0}
.mh-trigram-card>div{display:flex;align-items:center;gap:12px}.mh-trigram-card h3{margin:6px 0;font-size:22px}.mh-trigram-card h3 small{display:block;font:600 11px/1.8 var(--dq-font-body);color:#86633e}
.mh-trigram-symbol{font:400 48px/1 var(--dq-font-body);color:#1b4156}.mh-trigram-card p{font-size:11px}.mh-trigram-card dl{font-size:11px;line-height:1.8;margin:12px 0 0}
.mh-trigram-card dl>div{display:flex;gap:8px;margin-top:6px}.mh-trigram-card dt{width:35px;flex:none;color:#85643d}.mh-trigram-card dd{margin:0;overflow-wrap:anywhere}
.mh-relation{text-align:center;font-weight:700;margin:15px 0!important;padding:9px;border-radius:9px;background:#e9d3b0;color:#4e3c29}
.mh-details{border-top:1px solid #d9bc91;margin-top:12px;padding-top:6px;min-width:0}.mh-details>summary,.mh-lookup>details>summary,.mh-history>details>summary{font-size:13px;font-weight:700;line-height:1.7;cursor:pointer;min-height:44px;padding:10px 0}
.mh-details>div{padding:8px 0}.mh-paragraph{display:flex;gap:12px;padding-bottom:14px;border-bottom:1px solid #e1cba7}.mh-paragraph:last-child{border:0;padding-bottom:0}
.mh-paragraph>span{width:23px;height:23px;display:flex;align-items:center;justify-content:center;flex:none;border-radius:50%;background:#e7cfaa;color:#7d5730;font-size:10px;margin-top:3px}
.mh-total .dq-stack{gap:16px}.mh-domain-details{border-top:1px solid #dec8a4;padding:8px 0}.mh-domain-details>summary{cursor:pointer;font-size:12px;font-weight:700;line-height:1.7;padding:7px 0;min-height:40px}
.mh-domain-body h3{margin:0;color:#284d59}.mh-domain-body{padding:8px 0}.mh-content .mh-scope{font-size:11px;line-height:1.8;color:#7d674a;margin-top:12px;padding-top:10px;border-top:1px dashed #caae80}
.mh-advice{background:#e9d5b3;border-radius:11px;padding:14px}.mh-advice strong{font-size:12px;color:#72522e}.mh-advice p{margin-top:7px;font-size:12px}
.mh-moving-reading>h3{margin-top:20px}.mh-applications{display:grid;gap:10px;margin-bottom:16px}.mh-applications>div{padding:12px;border:1px solid #d6ba8d;border-radius:10px;background:#fff9ec}
.mh-applications h4{font-size:12px;margin:0 0 7px;color:#274855}.mh-applications p{font-size:12px}
.mh-timing-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:16px 0}.mh-timing-grid>div{padding:12px 8px;border:1px solid #d4b485;border-radius:10px;background:#fff9ec;text-align:center}
.mh-timing-grid span{font-size:10px;color:#826442}.mh-timing-grid strong{display:block;font-size:14px;color:#234754;margin:7px 0}.mh-timing-grid small{font-size:9px;color:#796347}
.mh-branches{display:grid;gap:8px;margin:12px 0}.mh-branches p{font-size:12px}.mh-print-note{font-size:10px;line-height:1.8;color:#cbb68d;text-align:center}
.mh-guide-jump{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0 18px}.mh-guide-jump button{min-height:40px;padding:7px 10px;border:1px solid #c6a06a;border-radius:8px;background:#f2e0bf;color:#71502a;font:600 10px/1.6 var(--dq-font-body);cursor:pointer}
.mh-guide .mh-details{scroll-margin-top:20px}.mh-guide-body p{margin:10px 0!important}.mh-guide-body h3{margin-top:18px}.mh-guide-body ul,.mh-guide-body ol{padding-left:22px;font-size:12px;line-height:1.9}.mh-guide-body li{margin:7px 0}
.mh-table-wrap{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;margin:15px 0;border:1px solid #d6ba8d;border-radius:9px}.mh-table-wrap table{border-collapse:collapse;width:100%;font-size:11px;line-height:1.7;min-width:360px}
.mh-table-wrap caption{text-align:left;padding:12px;font-weight:700;background:#ead7b8}.mh-table-wrap td,.mh-table-wrap th{padding:9px;border-top:1px solid #d9c29d;text-align:left}.mh-table-wrap thead{background:#f0dfc1}.mh-table-wrap th{color:#294854}
.mh-lookup>details>div,.mh-history>details>div{margin-top:10px}.mh-lookup-lines{margin-top:14px}.mh-history article{display:flex;gap:8px;align-items:center;border:1px solid #d6ba8d;border-radius:10px;padding:10px;background:#fff9ec}
.mh-history-open{flex:1;min-width:0;text-align:left;background:none;border:0;padding:5px;color:#254956;font:inherit;cursor:pointer}.mh-history-open b{display:block;font-size:12px}.mh-history-open span{display:block;font-size:10px;margin:5px 0;color:#7b6343}.mh-history-open p{font-size:11px;overflow-wrap:anywhere}
@media(min-width:900px){.mh-page{width:min(100%,850px)!important;max-width:850px!important}.mh-content{padding-left:24px;padding-right:24px}.mh-page .hero{max-width:850px;margin-inline:auto}.mh-input-card form{max-width:650px;margin-inline:auto}.mh-input-card .mh-heading{max-width:650px;margin-inline:auto}.mh-methods{max-width:650px;margin-inline:auto}.mh-applications{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.mh-three{grid-template-columns:1fr}.mh-hex-card{display:grid;grid-template-columns:1fr 120px;gap:0 12px;align-items:start}.mh-hex-card>.mh-eyebrow,.mh-hex-card>h3,.mh-hex-card>.mh-hex-caption{grid-column:1}.mh-hex-card .mh-lines{grid-column:2;grid-row:1/5;margin:6px 0 12px}.mh-hex-card .mh-trigram-row,.mh-hex-card blockquote,.mh-hex-card>.mh-helper{grid-column:1/-1}.mh-hex-card .mh-trigram-row{margin-top:13px}.mh-timing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:380px){.mh-content .dq-card{padding:14px}.mh-content h2{font-size:19px}.mh-methods{gap:3px;padding:4px}.mh-methods button{font-size:9px;min-height:68px}.mh-time{padding:10px}.mh-time-grid{grid-template-columns:1fr 1fr}.mh-time-grid>.dq-field:first-child{grid-column:1/-1}.mh-number-grid{grid-template-columns:1fr}.mh-two{grid-template-columns:1fr}.mh-top-note{gap:8px;padding:11px}.mh-top-note>span{font-size:26px}.mh-top-note a{font-size:10px}.mh-hex-card{grid-template-columns:1fr 105px;padding:12px;gap:0 8px}.mh-hex-card h3{font-size:16px}.mh-hex-card .mh-lines{gap:7px}.mh-verdict{padding:16px}.mh-paragraph{gap:8px}.mh-result-actions button{font-size:10px;padding-inline:7px}}
@media(prefers-reduced-motion:reduce){.mh-page *{scroll-behavior:auto!important;transition:none!important}}
@media print{body{background:#fff!important;color:#111!important}body:has(.mh-page) #app{padding:0!important}body:has(.mh-page) .mh-page{max-width:none!important;background:#fff!important;padding:0!important}body:has(.mh-page) .hero,body:has(.mh-page) .dq-wallpaper,body:has(.mh-page) .bottom-nav,body:has(.mh-page) nav,body:has(.mh-page) .mh-top-note,body:has(.mh-page) .mh-input-card,body:has(.mh-page) .mh-guide,body:has(.mh-page) .mh-lookup,body:has(.mh-page) .mh-history,body:has(.mh-page) .mh-no-print,body:has(.mh-page) .mh-notice{display:none!important}.mh-content{padding:0!important;display:block}.mh-result{gap:12px!important}.mh-content .dq-card,.mh-verdict,.mh-hex-card,.mh-trigram-card{box-shadow:none!important;background:#fff!important;border-color:#aaa!important;color:#111!important;break-inside:avoid}.mh-three{grid-template-columns:repeat(3,minmax(0,1fr))}.mh-hex-card{display:block}.mh-hex-card .mh-lines{margin:16px auto}.mh-result-heading:before{content:'ĐẠO QUÁN · MAI HOA DỊCH SỐ';display:block;font-weight:700;margin-bottom:10px}.mh-content p{font-size:10pt}.mh-print-note{color:#333!important}.mh-timing-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.mh-content details:not([open]){display:none!important}.mh-content .mh-table-wrap{overflow:visible}.mh-stale{display:none!important}}