.calc {
max-width: 420px;
padding: 16px;
border: 1px solid #ddd;
border-radius: 6px;
font-family: system-ui, sans-serif;
}
.calc__title {
margin-top: 0;
}
.calc__section {
margin-bottom: 16px;
}
.calc__subtitle {
margin-bottom: 6px;
}
.calc__label {
display: block;
}
.calc__input {
width: 100%;
padding: 6px;
margin-top: 4px;
}
.calc__result {
margin-top: 6px;
}
.calc__divider {
margin: 16px 0;
}
.calc__disclaimer {
font-size: 0.85em;
color: #666;
}
.calc__copy {
margin-left: 10px;
padding: 4px 10px;
font-size: 0.85em;
line-height: 1.2;
border: 1px solid #d8d8d8;
border-radius: 6px;
background: #f7f7f7;
color: #222;
cursor: pointer;
}
.calc__copy:hover {
background: #efefef;
}
.calc__copy:active {
transform: translateY(1px);
}
.calc__copy:focus {
outline: none;
box-shadow: 0 0 0 3px rgba(0,0,0,0.06);
}