@font-face{font-family:ChartCJK;src:url(/beta/assets/chart-cjk.ttf) format('truetype');font-display:swap}
.shared-detailed-charts{--wood:#367b68;--fire:#bd6055;--earth:#ad7e35;--metal:#707b87;--water:#3e7396;--line:#e0e5dc;--paper:#f6f5ef;display:grid;gap:24px;margin:24px 0;clear:both;color:#263e34;font-family:-apple-system,BlinkMacSystemFont,'Apple SD Gothic Neo','Malgun Gothic',sans-serif;line-height:1.6}
.shared-detailed-charts:empty{display:none}.shared-chart-details{margin:20px 0}.shared-chart-details>summary{cursor:pointer;font-weight:600;color:#385b48}
.shared-detailed-charts .detailed-chart{min-width:0;border:1px solid #d9e1d3;border-radius:15px;overflow:hidden;background:#fff}
.shared-detailed-charts .person-heading{display:flex;align-items:center;gap:9px;padding:20px 23px 3px}
.shared-detailed-charts .person-role{font-size:10px;color:#53745c;background:#eef3e9;padding:3px 8px;border-radius:20px}
.shared-detailed-charts .person-heading h2{font-size:19px;margin:0;letter-spacing:-.5px;font-weight:650}
.shared-detailed-charts .person-sex{color:#94a08d;font-size:11px}
.shared-detailed-charts .birth-summary{padding:5px 23px 19px;font-size:11px;line-height:1.9;color:#788276}
.shared-detailed-charts .birth-summary p{margin:2px 0;display:flex;gap:9px;flex-wrap:wrap}
.shared-detailed-charts .birth-summary b{font-size:10px;font-weight:550;color:#94a08d;min-width:24px}
.shared-detailed-charts .birth-summary p>span{color:#8c9587}
.shared-detailed-charts .birth-summary .correction{margin-top:5px;color:#456950}
.shared-detailed-charts .birth-summary .correction b{min-width:44px;color:#678367}
.shared-detailed-charts .chart-table-wrap{padding:0 17px}
.shared-detailed-charts .chart-table{border-collapse:separate;border-spacing:0;width:100%;table-layout:fixed;font-family:inherit}
.shared-detailed-charts .chart-table th,.shared-detailed-charts .chart-table td{border-right:1px solid var(--line);border-bottom:1px solid var(--line);text-align:center;padding:12px 3px;font-size:12px;vertical-align:middle}
.shared-detailed-charts .chart-table thead th{font-size:13px;color:#67765f;background:#f4f6ef;padding:12px 3px 10px}
.shared-detailed-charts .chart-table thead th:first-child{width:70px;color:#89957f;border-top-left-radius:9px}
.shared-detailed-charts .chart-table thead th:last-child{border-top-right-radius:9px}
.shared-detailed-charts .chart-table thead small{display:block;font-weight:400;font-size:9px;color:#9aa28e;margin-top:2px}
.shared-detailed-charts .chart-table th:first-child{border-left:1px solid var(--line)}
.shared-detailed-charts .chart-table tbody th{background:#fafbf7;color:#8b9583;font-size:10px;font-weight:400}
.shared-detailed-charts .chart-table .glyph-row td{padding:15px 2px 11px}
.shared-detailed-charts .character{display:flex;align-items:baseline;justify-content:center;gap:4px;line-height:1.2}
.shared-detailed-charts .char-ko{font-size:19px;font-weight:600}
.shared-detailed-charts .char-hanja{font-family:ChartCJK,serif;font-size:35px;font-weight:400}
.shared-detailed-charts .element-label{display:block;font-size:10px;margin-top:7px;opacity:.85}
.shared-detailed-charts .element-wood{color:var(--wood)}
.shared-detailed-charts .element-fire{color:var(--fire)}
.shared-detailed-charts .element-earth{color:var(--earth)}
.shared-detailed-charts .element-metal{color:var(--metal)}
.shared-detailed-charts .element-water{color:var(--water)}
.shared-detailed-charts .ten-god{color:#3d6652;font-size:13px}
.shared-detailed-charts .own-master{font-size:12px;color:#456c55}
.shared-detailed-charts .own-master small{font-size:9px;color:#9ca48f;display:block}
.shared-detailed-charts .hidden-stems{display:grid;gap:7px}
.shared-detailed-charts .hidden-stem{display:grid;grid-template-columns:auto auto;align-items:center;justify-content:center;column-gap:6px;row-gap:1px}
.shared-detailed-charts .hidden-character{font-size:12px;white-space:nowrap}
.shared-detailed-charts .hidden-character b{font-family:ChartCJK,serif;margin-left:2px;font-size:14px;font-weight:400}
.shared-detailed-charts .hidden-god{font-size:9px;color:#939b8c;white-space:nowrap}
.shared-detailed-charts .principal{font-size:8px;letter-spacing:-.2px;border-radius:3px;background:#edf2e7;color:#6b8666;padding:0 4px;grid-column:1/-1;justify-self:center}
.shared-detailed-charts .hidden-row th,.shared-detailed-charts .hidden-row td{border-bottom:0}
.shared-detailed-charts .chart-caption{margin:11px 18px 13px;font-size:9px;color:#96a08c;text-align:right}
.shared-detailed-charts .elements{margin:0 17px 18px;padding-top:17px;border-top:1px solid var(--line)}
.shared-detailed-charts .element-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:11px}
.shared-detailed-charts .element-heading h3{font-size:12px;margin:0;color:#657b60;font-weight:500}
.shared-detailed-charts .element-heading>span{font-size:9px;color:#a0a794}
.shared-detailed-charts .element-bars{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}
.shared-detailed-charts .element-bar-label{display:flex;align-items:baseline;justify-content:space-between;font-size:12px;margin-bottom:5px}
.shared-detailed-charts .element-bar-label strong{font-size:15px;font-weight:600}
.shared-detailed-charts .element-bar-label small{font-size:9px;margin-left:3px;font-weight:400;color:#9aa58f}
.shared-detailed-charts .bar-track{height:5px;border-radius:10px;background:#edf0e9;overflow:hidden}
.shared-detailed-charts .bar-track i{display:block;height:100%;background:currentColor;border-radius:10px}
.shared-detailed-charts .chart-uncertainty{font-size:11px;background:#fff7e9;padding:10px 17px;margin:0;color:#9b793d}
.shared-detailed-charts .unresolved{font-size:10px;color:#acb3a6}

.shared-detailed-charts .chart-table .saju-term{font:inherit;line-height:inherit;white-space:nowrap;border-bottom:1px dotted #b2c6d1!important;color:#4b7792!important;padding:0!important;background:none!important}
.shared-detailed-charts .person-heading h2{color:inherit!important;background:none!important}
@media(min-width:1180px){.shared-detailed-charts[data-paired=true]{grid-template-columns:1fr 1fr}.shared-detailed-charts[data-paired=true] .char-ko{font-size:15px}.shared-detailed-charts[data-paired=true] .char-hanja{font-size:28px}.shared-detailed-charts[data-paired=true] .chart-table thead th:first-child{width:46px}.shared-detailed-charts[data-paired=true] .hidden-stem{column-gap:3px}}
@media(max-width:700px){.shared-detailed-charts{gap:20px;margin:20px 0}.shared-detailed-charts .person-heading{padding:17px 14px 3px}.shared-detailed-charts .person-heading h2{font-size:17px}.shared-detailed-charts .birth-summary{padding:3px 14px 14px;font-size:10px}.shared-detailed-charts .chart-table-wrap{padding:0 8px}.shared-detailed-charts .chart-table thead th:first-child{width:46px}.shared-detailed-charts .chart-table thead th{font-size:11px;padding:10px 2px}.shared-detailed-charts .chart-table tbody th{font-size:9px}.shared-detailed-charts .chart-table th,.shared-detailed-charts .chart-table td{padding:10px 2px}.shared-detailed-charts .char-ko{font-size:14px}.shared-detailed-charts .char-hanja{font-size:28px}.shared-detailed-charts .element-label{font-size:8px}.shared-detailed-charts .ten-god{font-size:11px}.shared-detailed-charts .own-master{font-size:10px}.shared-detailed-charts .hidden-character{font-size:10px}.shared-detailed-charts .hidden-character b{font-size:12px}.shared-detailed-charts .hidden-god{font-size:8px}.shared-detailed-charts .hidden-stem{column-gap:3px}.shared-detailed-charts .elements{margin:0 10px 15px}.shared-detailed-charts .element-bars{gap:6px}}
@media print{.shared-detailed-charts{display:block}.shared-detailed-charts .detailed-chart{break-inside:avoid;margin-bottom:20px}}
/* Keep dictionary-added Hanja labels readable in narrow report columns. */
@media(max-width:700px){.shared-detailed-charts .hidden-stem{display:flex;flex-direction:column;gap:2px}.shared-detailed-charts .chart-table td button.saju-term{white-space:nowrap!important}.shared-detailed-charts .hidden-god{line-height:1.35}.shared-detailed-charts .hidden-character{line-height:1.2}}