/* The short calculator box in a guide and on a topic page. Uses the SunAmpRV theme's colours and fonts. */
.sa-content .sacalc-box { margin: 1.9em 0 0.4em; }
:is(.sa-content, .sacalc-topic) .sacalc-box { padding: 18px 20px 20px; border: 1px solid var(--wire, #c6d0d9); border-left: 5px solid var(--sun, #f2b33d); border-radius: 0 10px 10px 0; background: var(--day, #fff); font-family: var(--font-ui, system-ui, sans-serif); }
:is(.sa-content, .sacalc-topic) .sacalc-box p { margin: 0; }
:is(.sa-content, .sacalc-topic) .sacalc-box__kicker { display: flex; align-items: center; gap: 8px; font-size: 14px; font-weight: 700; line-height: 1.3; color: var(--slate, #536170); }
:is(.sa-content, .sacalc-topic) .sacalc-box__kicker svg { width: 20px; height: 20px; flex: none; color: var(--cell, #10273d); }
:is(.sa-content, .sacalc-topic) .sacalc-box .sacalc-box__title { margin-top: 8px; font-size: 19px; font-weight: 800; line-height: 1.25; color: var(--ink, #18242f); }
:is(.sa-content, .sacalc-topic) .sacalc-box .sacalc-box__text { margin-top: 6px; font-family: var(--font-read, Georgia, serif); font-size: 16.5px; line-height: 1.55; color: var(--ink, #18242f); }
:is(.sa-content, .sacalc-topic) .sacalc-box .sacalc-box__actions { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 16px; margin-top: 14px; }
/* A longer label wraps onto a second line on a phone, so it gets room between its lines. */
:is(.sa-content, .sacalc-topic) .sacalc-box .sacalc-box__btn { color: var(--cell, #10273d); text-decoration: none; font-size: 16px; line-height: 1.25; min-height: 46px; padding: 11px 18px; }
:is(.sa-content, .sacalc-topic) .sacalc-box__more { font-size: 15px; line-height: 1.45; color: var(--slate, #536170); }
.sacalc-topic .sacalc-box { max-width: 760px; }
@media print { .sacalc-box { display: none; } }