.calculator-example{margin:18px 0 24px;padding:20px;border:1px solid #c6d8e6;border-radius:12px;background:#f1f7fc;color:#193c57;scroll-margin-top:110px;line-height:1.65;overflow-wrap:anywhere}
.calculator-example h3{margin:0 0 10px;font-size:19px}
.calculator-example p{margin:9px 0}
.calculator-example-title{font-weight:700}
.calculator-example summary{cursor:pointer;font-weight:600}
.calculator-example-note,.calculator-example-status{font-size:14px}
.calculator-example-actions{display:flex;flex-wrap:wrap;gap:8px;margin:15px 0}
.calculator-example-actions button{min-height:44px;padding:10px 14px;border:1px solid #8aa9c1;border-radius:8px;background:#fff;color:#193c57;font:inherit;font-size:14px;cursor:pointer}
.calculator-example-actions button:first-child{background:#193c57;color:#fff}
.calculator-example input{box-sizing:border-box;width:100%;padding:10px;border:1px solid #8aa9c1;border-radius:6px;font:inherit;font-size:14px;background:white;color:#193c57}
.calculator-example [hidden]{display:none!important}
.calculator-example :focus-visible{outline:3px solid #2d82bc;outline-offset:3px}
@media(max-width:480px){.calculator-example{padding:16px}.calculator-example-actions button{flex:1 1 100%}}
@media print{.calculator-example{display:none}}