body{margin:0}main{margin-bottom:30px;padding:10px}.calculator{flex-direction:column;align-items:center;display:flex}.calculator-controls,.calculator__result{background:#bbb7da4d;width:calc(100% - 20px);max-width:600px;padding:8px}.arrow{clip-path:polygon(0 44.9%,19.5% 44.9%,19.5% 0,80.5% 0,80.5% 44.9%,100% 44.9%,50% 100%);background:#333;width:46px;height:35px;margin:10px 0;display:inline-block}.calculator__result{background:#7ebeab66;margin-bottom:30px}.charts-container{flex-wrap:wrap;gap:20px;display:flex}.chart{background-color:#f9f9f9;border:1px solid #ddd;border-radius:8px;flex:1;min-width:300px;padding:15px;position:relative}.chart h3{color:#333;margin:0 0 15px;font-size:16px}.chart .y-unit{color:#666;z-index:2;font-size:12px;position:absolute;top:56px;left:18px}header{text-align:center;background:#8a2be2;width:100%}h1{color:#fff;font-size:24px;line-height:2}@media (width>=540px){h1{font-size:32px}}footer{border-top:1px solid #e0e0e0;flex-direction:column;align-items:center;padding:20px;font-size:14px;display:flex}.selectbox-group{justify-content:space-between;display:flex}.selectbox-group:not(:last-child){margin-bottom:10px}.selectbox{width:100px}.textbox-group{justify-content:space-between;display:flex}.textbox-group:not(:last-child){margin-bottom:10px}.textbox{text-align:right;border:none;width:160px;font-size:18px}.label{margin-right:16px}