.blog-calculator { padding: clamp(1rem, 3vw, 2rem); margin: 1.5rem 0 2rem; background: #f5f4fc; border: 1px solid #d8d3ee; border-radius: 1.25rem; }
.blog-calculator fieldset { min-width: 0; padding: 0; margin: 0 0 1.5rem; border: 0; }
.blog-calculator legend { font-size: 1.2rem; font-weight: 750; color: #18243c; margin-bottom: 1rem; }
.blog-calculator__fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.blog-calculator label { display: flex; flex-direction: column; gap: .4rem; font-size: .95rem; font-weight: 600; color: #27344a; }
.blog-calculator input { width: 100%; min-width: 0; padding: .75rem; background: white; border: 1px solid #9c96b4; border-radius: .5rem; color: #18243c; font: inherit; }
.blog-calculator input:focus-visible, .blog-calculator button:focus-visible { outline: 3px solid #6848c9; outline-offset: 3px; }
.blog-calculator__actions { display: flex; flex-wrap: wrap; gap: .75rem; }
.blog-calculator__error { color: #9c2131; font-weight: 650; margin-top: 1rem; }
.blog-calculator__result { background: #fff; border: 1px solid #d4e3dd; border-radius: .8rem; padding: 1rem; margin-top: 1.25rem; }
.blog-calculator__result dl { display: grid; grid-template-columns: minmax(0, 1fr) minmax(5rem, auto); gap: .6rem 1rem; margin-bottom: 0; }
.blog-calculator__result dd { text-align: right; margin: 0; overflow-wrap: anywhere; font-variant-numeric: tabular-nums; }
.blog-calculator__result dt { font-weight: 550; }
.blog-calculator__result [data-output$="total"], .blog-calculator__result [data-output="total"] { font-weight: 800; color: #15583f; }
.blog-calculator__result h3 { margin: 1.25rem 0 .75rem; font-size: 1.15rem; }
.blog-calculator__result h3:first-child { margin-top: 0; }
@media (max-width: 575px) { .blog-calculator__fields { grid-template-columns: 1fr; } .blog-calculator__result dl { grid-template-columns: minmax(0, 1fr); gap: .2rem; } .blog-calculator__result dd { text-align: left; margin-bottom: .7rem; } }