/* Element colors are scoped to chart symbols so the site's gold identity stays intact. */
[data-bazi-element="wood"]{--bazi-ink:#356746;--bazi-tint:#eef5ec;--bazi-line:#b9cfb7}
[data-bazi-element="fire"]{--bazi-ink:#a64036;--bazi-tint:#fbefed;--bazi-line:#e3bbb5}
[data-bazi-element="earth"]{--bazi-ink:#84621c;--bazi-tint:#f8f0dc;--bazi-line:#d8c58f}
[data-bazi-element="metal"]{--bazi-ink:#586572;--bazi-tint:#eef1f3;--bazi-line:#c0c9ce}
[data-bazi-element="water"]{--bazi-ink:#2e6488;--bazi-tint:#edf3f8;--bazi-line:#b7cddd}
.bazi-symbol-char{color:var(--bazi-ink,#66533a)!important}
.pillar-symbol{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 4px 12px;min-width:0}
.pillar-symbol[data-bazi-element]{background:var(--bazi-tint);border-top:1px solid var(--bazi-line)}
.pillar-symbol.bazi-pillar-branch{border-top:1px dashed var(--bazi-line,#cfc4b0)}
.pillar-symbol>.bazi-symbol-char{font-family:var(--chinese);font-size:38px;line-height:1.3}
.result-card .pillar-symbol .pillar-row-label{font-size:10px;line-height:1.6;color:#766b5b;text-align:center}
.result-card .pillar-symbol .pillar-symbol-name{font-size:11px;line-height:1.6;color:#554b3e;text-align:center}
.bazi-polarity{display:inline-flex;align-items:center;justify-content:center;gap:4px;flex:none;border:1px solid #b5aa98;border-radius:20px;padding:1px 8px;font-family:inherit;font-size:11px;font-weight:600;line-height:1.6;white-space:nowrap;background:#fffdf8;color:#5b5143}
.bazi-polarity[data-polarity="หยาง"]{background:#fffdf8;border-color:#b5aa98;color:#5b5143}
.bazi-polarity[data-polarity="หยิน"]{background:#3f3b35;border-color:#3f3b35;color:#fffdf8}
.pillar-symbol>.bazi-polarity{display:inline-flex;font-family:inherit;font-size:11px;font-weight:600;line-height:1.6}
.bazi-element-legend{display:flex;align-items:center;flex-wrap:wrap;gap:7px 15px;margin:14px 0 8px;padding:12px 14px;border:1px solid #e3d8c2;border-radius:10px;background:#fffdf8;color:#655b4c;font-size:12px;line-height:1.7;list-style:none}
.bazi-element-legend>span,.bazi-element-legend>li{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.bazi-element-legend .bazi-legend-title{font-weight:600;color:#574a35}
.bazi-element-legend small{font-size:11px;color:#766b5b;flex-basis:100%}
.bazi-legend-dot{display:inline-block;flex:none;width:10px;height:10px;border-radius:50%;background:var(--bazi-ink,#66533a)}
.day-master-char[data-bazi-element]{background:var(--bazi-tint);border-color:var(--bazi-line)}
@media(max-width:560px){.pillar-symbol{padding:8px 2px 10px;gap:4px}.pillar-symbol>.bazi-symbol-char{font-size:32px}.result-card .pillar-symbol .pillar-row-label{font-size:9px;line-height:1.6}.result-card .pillar-symbol .pillar-symbol-name{font-size:10px}.pillar-symbol .bazi-polarity{font-size:10px;padding:1px 7px}.bazi-element-legend{gap:6px 12px;padding:10px 12px;font-size:11px}.bazi-element-legend small{font-size:11px}}
@media print{.pillar-symbol[data-bazi-element],.day-master-char[data-bazi-element],.bazi-element-legend{background:#fff}.pillar-symbol .pillar-row-label,.pillar-symbol .pillar-symbol-name,.bazi-element-legend,.bazi-element-legend small{color:#333}.bazi-polarity[data-polarity]{background:#fff;color:#333;border-color:#777}.bazi-element-legend{break-inside:avoid;border-color:#bbb}.pillar-column{break-inside:avoid}}