.mh-uang-chart{margin: 32px -60px 38px; padding: 27px 28px; background: #fff; border-top: 2px solid #0e2045; border-bottom: 1px solid #e1e4ec; font-family: system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;}
.mh-uang-chart .mh-figure-head{display: flex; justify-content: space-between; align-items: flex-start; gap: 20px;}
.mh-uang-chart .mh-kicker{font-size: 10px; letter-spacing: .13em; font-weight: 600; text-transform: uppercase; color: #657089;}
.mh-uang-chart h3{font: 600 21px/1.4 system-ui,sans-serif; letter-spacing: -.02em; margin: 8px 0 12px; max-width: 620px;}
.mh-uang-chart .mh-tag{font: 11px/1.4 system-ui,sans-serif; background: #f5f6fa; color: #657089; padding: 6px 8px; border-radius: 4px; white-space: nowrap;}
.mh-uang-chart p{font: 14px/1.7 system-ui,sans-serif; margin: 0 0 16px;}
.mh-uang-chart .mh-controls{display: grid; grid-template-columns: 1fr 1fr; gap: 18px 28px; margin: 24px 0 18px;}
.mh-uang-chart .mh-control{display: block;}
.mh-uang-chart .mh-control-label{display: flex; align-items: baseline; justify-content: space-between; gap: 10px; font-size: 13px; line-height: 1.5; margin-bottom: 10px;}
.mh-uang-chart .mh-control-label output{font-variant-numeric: tabular-nums; font-weight: 650; color: #0e2045; white-space: nowrap;}
.mh-uang-chart .mh-control input[type=range]{width: 100%; accent-color: #3740ff; cursor: pointer; min-height: 32px; margin: 0;}
.mh-uang-chart .mh-control select{width: 100%; padding: 8px 10px; border: 1px solid #e1e4ec; border-radius: 5px; background: #fff; color: #0e2045; min-height: 44px; font-size: 13px;}
.mh-uang-chart .mh-axis{margin: 8px 0 15px; font-size: 11px; color: #657089; line-height: 1.5;}
.mh-uang-chart .mh-axis span{display: block; margin-bottom: 9px;}
.mh-uang-chart .mh-axis-ticks{display: flex; justify-content: space-between; border-bottom: 1px solid #e1e4ec; padding: 0 0 7px;}
.mh-uang-chart .mh-bar-label{font-weight: 500;}
.mh-uang-chart .mh-bar-track{height: 16px; background: #f5f6fa; overflow: hidden; position: relative; border-radius: 2px;}
.mh-uang-chart .mh-bar-fill{display: block; height: 100%; border-radius: 2px; transition: width .18s ease;}
.mh-uang-chart .mh-navy{background: #0e2045;}
.mh-uang-chart .mh-blue{background: #3740ff;}
.mh-uang-chart .mh-bar-value{text-align: right; white-space: nowrap; font-size: 13px; font-variant-numeric: tabular-nums;}
.mh-uang-chart .mh-result{border-top: 1px solid #e1e4ec; padding-top: 17px; margin-top: 21px; font-size: 14px; line-height: 1.7;}
.mh-uang-chart .mh-note{font: 12px/1.65 system-ui,sans-serif !important; color: #657089; margin: 15px 0 0 !important;}
.mh-uang-chart .mh-source-details{border-top: 1px solid #e1e4ec; margin: 21px 0 0; padding-top: 14px;}
.mh-uang-chart .mh-source-details summary{cursor: pointer; color: #0e2045; font-size: 12px; line-height: 1.5; width: fit-content; min-height: 24px;}
.mh-uang-chart .mh-details-body{padding-top: 16px; font-size: 12px; line-height: 1.75; color: #657089;}
.mh-uang-chart .mh-details-body p{font-size: 12px; line-height: 1.75; margin-bottom: 12px;}
.mh-uang-chart .mh-data-table{border-collapse: collapse; width: 100%; font-size: 12px; line-height: 1.65; color: #0e2045; margin: 14px 0;}
.mh-uang-chart .mh-data-table th,.mh-uang-chart .mh-data-table td{border-bottom: 1px solid #e1e4ec; padding: 9px 7px; vertical-align: top;}
.mh-uang-chart .mh-data-table th{font-weight: 600; text-align: left;}
.mh-uang-chart .mh-data-table td{text-align: right; font-variant-numeric: tabular-nums;}
.mh-uang-chart .mh-data-table .mh-table-head th{font-size: 11px; white-space: normal;}
.mh-uang-chart .mh-data-table .mh-number{text-align: right;}
.mh-uang-chart .mh-history-line .mh-bar-track{height: 13px;}
.mh-uang-chart .mh-downloads{display: flex; gap: 10px; flex-wrap: wrap; margin-top: 17px;}
.mh-uang-chart .mh-downloads a,.mh-uang-chart .mh-downloads button{display: inline-flex; align-items: center; gap: 13px; font-size: 12px; min-height: 42px; padding: 9px 12px; border: 1px solid #e1e4ec; border-radius: 6px; background: #fff; color: #0e2045; text-decoration: none;}
@media (max-width:900px){
.mh-uang-chart{margin-left: -24px; margin-right: -24px; padding: 24px;}
}
@media (max-width:560px){
.mh-uang-chart{margin: 29px -10px 34px; padding: 21px 14px;}
.mh-uang-chart h3{font-size: 19px;}
.mh-uang-chart p{font-size: 13px;}
.mh-uang-chart .mh-figure-head{gap: 9px;}
.mh-uang-chart .mh-tag{font-size: 10px; white-space: normal; max-width: 95px; text-align: center;}
.mh-uang-chart .mh-controls{grid-template-columns: 1fr; gap: 18px; margin: 21px 0;}
.mh-uang-chart .mh-control-label{font-size: 12px;}
.mh-uang-chart .mh-bar-value{font-size: 12px;}
.mh-uang-chart .mh-axis{font-size: 10px;}
.mh-uang-chart .mh-candidate-row .mh-bar-value{font-size: 11px;}
.mh-uang-chart .mh-note{font-size: 11px !important;}
.mh-uang-chart .mh-result{font-size: 13px;}
.mh-uang-chart .mh-data-table{font-size: 11px; min-width: 425px;}
.mh-uang-chart .mh-data-table th,.mh-uang-chart .mh-data-table td{padding: 8px 6px;}
}
@media (prefers-reduced-motion:reduce){
.mh-uang-chart .mh-bar-fill{transition: none;}
}
@media print{
.mh-uang-chart .mh-controls,.mh-uang-chart .mh-downloads{display: none;}
.mh-uang-chart{break-inside: avoid; margin-left: 0; margin-right: 0;}
.mh-uang-chart .mh-source-details .mh-details-body{display: block;}
.mh-uang-chart p,.mh-uang-chart .mh-note,.mh-uang-chart .mh-result{font-size: 10pt !important;}
}
.mh-uang-chart .mh-effect-row{display: grid; grid-template-columns: 150px minmax(0,1fr) 88px; gap: 15px; align-items: center; margin: 24px 0; font-size: 13px; line-height: 1.55;}
.mh-uang-chart .mh-effect-row .mh-bar-label small{display: block; font-size: 11px; font-weight: 400; color: #657089; margin-top: 4px;}
.mh-uang-chart .mh-effect-track{height: 21px; position: relative; background: #f5f6fa;}
.mh-uang-chart .mh-effect-track:before{content: ""; position: absolute; left: 28.5714286%; top: -5px; bottom: -5px; width: 1px; background: #7d879d; z-index: 1;}
.mh-uang-chart .mh-effect-track .mh-bar-fill{position: absolute; top: 3px; height: 15px;}
.mh-uang-chart .mh-effect-axis{margin-left: 165px; margin-right: 103px;}
.mh-uang-chart .mh-effect-axis .mh-axis-ticks{position: relative; height: 26px;}
.mh-uang-chart .mh-effect-axis .mh-axis-ticks span{position: absolute; transform: translateX(-50%); white-space: nowrap;}
.mh-uang-chart .mh-effect-axis .mh-axis-ticks span:first-child{transform: none;}
.mh-uang-chart .mh-effect-axis .mh-axis-ticks span:last-child{transform: translateX(-100%);}
.mh-uang-chart .mh-calculator{border-top: 1px solid #e1e4ec; margin-top: 28px; padding-top: 23px;}
.mh-uang-chart .mh-calculator h4{font: 600 15px/1.5 system-ui,sans-serif; margin: 0 0 9px;}
.mh-uang-chart .mh-calculator .mh-controls{margin: 18px 0;}
.mh-uang-chart .mh-calc-row{display: grid; grid-template-columns: 92px minmax(0,1fr) 68px; gap: 13px; align-items: center; margin: 16px 0; font-size: 12px;}
.mh-uang-chart .mh-calc-row b{text-align: right; font-weight: 600;}
.mh-uang-chart .mh-calc-axis{margin-left: 105px; margin-right: 81px;}
.mh-uang-chart .mh-corr-row{display: grid; grid-template-columns: 180px minmax(0,1fr) 52px; gap: 15px; align-items: center; margin: 24px 0; font-size: 13px; line-height: 1.5;}
.mh-uang-chart .mh-corr-row b{text-align: right; font-variant-numeric: tabular-nums; font-weight: 600;}
.mh-uang-chart .mh-corr-axis{margin-left: 195px; margin-right: 67px;}
.mh-uang-chart .mh-one-control{max-width: 420px; margin: 19px 0 25px;}
.mh-uang-chart .mh-meta-stack{display: flex; height: 31px; width: 100%; margin: 22px 0 12px; border-radius: 3px; overflow: hidden; background: #f5f6fa;}
.mh-uang-chart .mh-meta-stack span{height: 100%; min-width: 0;}
.mh-uang-chart .mh-meta-lines{display: grid; grid-template-columns: 1fr 1fr; gap: 19px; margin: 19px 0 22px;}
.mh-uang-chart .mh-meta-lines div{border-left: 3px solid #3740ff; padding-left: 13px; font-size: 12px; line-height: 1.7;}
.mh-uang-chart .mh-meta-lines div:last-child{border-color: #0e2045;}
.mh-uang-chart .mh-meta-lines strong{display: block; font-size: 22px; line-height: 1.4; letter-spacing: -.02em; font-variant-numeric: tabular-nums;}
.mh-uang-chart .mh-meta-lines small{display: block; font-size: 11px; color: #657089;}
.mh-uang-chart .mh-meta-result{padding: 15px 17px; background: #f5f6fa; font-size: 13px; line-height: 1.75; margin-bottom: 19px;}
.mh-uang-chart .mh-data-table{min-width: 500px;}
.mh-uang-chart .mh-downloads button{cursor: pointer;}
.mh-uang-chart .mh-source-details p{font-size: 12px; line-height: 1.8;}
@media (max-width:560px){
.mh-uang-chart .mh-effect-row{grid-template-columns: 94px minmax(0,1fr) 67px; gap: 9px; font-size: 12px; margin: 21px 0;}
.mh-uang-chart .mh-effect-row .mh-bar-label small{font-size: 10px;}
.mh-uang-chart .mh-effect-axis{margin-left: 103px; margin-right: 76px; font-size: 9px;}
.mh-uang-chart .mh-calculator h4{font-size: 14px;}
.mh-uang-chart .mh-calc-row{grid-template-columns: 70px minmax(0,1fr) 51px !important; gap: 9px !important; font-size: 11px !important;}
.mh-uang-chart .mh-calc-axis{margin-left: 79px; margin-right: 60px;}
.mh-uang-chart .mh-corr-row{grid-template-columns: 112px minmax(0,1fr) 37px; gap: 9px; font-size: 12px; line-height: 1.5;}
.mh-uang-chart .mh-corr-axis{margin-left: 121px; margin-right: 46px;}
.mh-uang-chart .mh-meta-lines{grid-template-columns: 1fr; gap: 13px;}
.mh-uang-chart .mh-meta-lines strong{font-size: 21px;}
.mh-uang-chart .mh-meta-stack{height: 25px;}
.mh-uang-chart .mh-meta-result{font-size: 12px; padding: 13px;}
.mh-uang-chart .mh-data-table{min-width: 480px;}
}

.mh-uang-chart[data-mh-family="stratmann2005"]{box-sizing:border-box;margin:28px 0;padding:24px;max-width:100%;min-width:0;background:#fff;border:1px solid #e5e7eb;border-top:2px solid #0e2045;border-radius:10px;font-family:inherit;color:#0e2045;overflow-wrap:anywhere;}
.mh-uang-chart *{box-sizing:border-box;min-width:0;}
.mh-uang-chart h3,.mh-uang-chart p,.mh-uang-chart button,.mh-uang-chart select{font-family:inherit;}
.mh-uang-chart .mh-downloads button,.mh-uang-chart .mh-control select,.mh-uang-chart .mh-control input[type=range],.mh-uang-chart .mh-source-details summary{min-height:44px;}
.mh-uang-chart summary{display:flex;align-items:center;max-width:100%;width:auto;cursor:pointer;}
.mh-uang-chart button{cursor:pointer;}
.mh-uang-chart button:focus-visible,.mh-uang-chart input:focus-visible,.mh-uang-chart select:focus-visible,.mh-uang-chart summary:focus-visible,.mh-uang-chart a:focus-visible{outline:3px solid #3740ff;outline-offset:3px;}
.mh-uang-chart .mh-table-wrap{max-width:100%;overflow-x:auto;}
.mh-uang-chart .mh-chart-icon{display:inline-block;width:18px;height:18px;flex:none;vertical-align:middle;}
.mh-uang-chart .mh-data-table td:first-child{text-align:left;}
.mh-uang-chart [hidden]{display:none!important;}
@media(max-width:680px){.mh-uang-chart[data-mh-family="stratmann2005"]{padding:18px 14px;margin:24px 0;}}
@media(max-width:560px){.mh-uang-chart .mh-effect-row{grid-template-columns:minmax(0,1fr) 64px;gap:9px;}.mh-uang-chart .mh-effect-row .mh-bar-label{grid-column:1/-1;}.mh-uang-chart .mh-effect-axis{margin-left:0;margin-right:73px;}.mh-uang-chart .mh-corr-row{grid-template-columns:minmax(0,1fr) 37px;gap:9px;}.mh-uang-chart .mh-corr-row>span{grid-column:1/-1;}.mh-uang-chart .mh-corr-axis{margin-left:0;margin-right:46px;}}
@media(prefers-reduced-motion:reduce){.mh-uang-chart .mh-bar-fill{transition:none;}}