/* Calculator pages (tools.py). Cream page like the blog, the site's red for the result. */
.og-calc-wrap{background:#f5f3f0;color:#1c1c1c;padding:56px 24px 72px}
.og-calc{max-width:1120px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;align-items:start}
.og-calc-panel,.og-calc-result{background:#fff;border:1px solid #e1dad2;padding:28px}
.og-calc-form{display:grid;gap:22px}
.og-calc-price span,.og-calc-choice legend{display:block;font:600 13px/1.4 Nord,Helvetica,Arial,sans-serif;text-transform:uppercase;letter-spacing:.04em;margin:0 0 10px;padding:0}
.og-calc-price input{width:100%;box-sizing:border-box;font:600 22px/1.3 Helvetica,Arial,sans-serif;padding:14px 16px;border:1px solid #cfc6bc;border-radius:0;background:#fff;color:#1c1c1c}
.og-calc-price input:focus{outline:2px solid #eb3026;outline-offset:1px}
.og-calc-choice{border:0;margin:0;padding:0;min-width:0}
.og-calc-choice div{display:flex;flex-wrap:wrap;gap:10px}
.og-calc-choice label{position:relative;cursor:pointer}
.og-calc-choice input{position:absolute;opacity:0;width:1px;height:1px}
.og-calc-choice span{display:inline-block;min-width:96px;text-align:center;padding:11px 18px;border:1px solid #cfc6bc;background:#fff;font:600 15px/1.3 Helvetica,Arial,sans-serif}
.og-calc-choice input:checked+span{background:#1c1c1c;border-color:#1c1c1c;color:#fff}
.og-calc-choice input:focus-visible+span{outline:2px solid #eb3026;outline-offset:2px}
.og-calc-choice input:disabled+span{opacity:.4;cursor:not-allowed}
.og-calc-notes{margin:22px 0 0;padding:0 0 0 18px;font:14px/1.6 Helvetica,Arial,sans-serif;color:#555}
.og-calc-notes li{margin:0 0 6px}
.og-calc-result{position:sticky;top:calc(env(safe-area-inset-top,0px) + 96px)}
.og-calc-total{margin:0 0 20px;padding:0 0 20px;border-bottom:1px solid #e1dad2}
.og-calc-total span{display:block;font:600 13px/1.4 Nord,Helvetica,Arial,sans-serif;text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px}
.og-calc-total strong{display:block;font:700 44px/1.1 Helvetica,Arial,sans-serif;color:#eb3026;overflow-wrap:anywhere}
.og-calc-table{width:100%;border-collapse:collapse;font:15px/1.5 Helvetica,Arial,sans-serif}
.og-calc-table td{padding:9px 0;border-bottom:1px solid #eee7df;vertical-align:top}
.og-calc-table td:last-child{text-align:right;white-space:nowrap;padding-left:16px;font-weight:600}
.og-calc-sub td{font-weight:700}
.og-calc-flag{margin:14px 0 0;font:14px/1.5 Helvetica,Arial,sans-serif;color:#555}
.og-calc-copy{max-width:780px;margin:56px auto 0;font:17px/1.7 Helvetica,Arial,sans-serif}
.og-calc-copy h2{font:600 26px/1.25 Nord,Helvetica,Arial,sans-serif;text-transform:uppercase;margin:44px 0 18px}
.og-calc-copy h3{font:600 19px/1.35 Helvetica,Arial,sans-serif;margin:24px 0 8px}
.og-calc-copy p{margin:0 0 18px}
.og-calc-copy a{color:#1c1c1c;text-decoration:underline;text-decoration-color:#eb3026;text-underline-offset:3px}
.og-calc-copy a:hover{color:#eb3026}
.og-calc-copy ul{margin:0 0 18px;padding-left:20px}
.og-calc-rates{width:100%;border-collapse:collapse;background:#fff;font-size:15px;line-height:1.5;margin:0 0 18px}
.og-calc-rates th,.og-calc-rates td{border:1px solid #e1dad2;padding:11px 14px;text-align:left}
.og-calc-rates th{background:#1c1c1c;color:#fff;font-weight:600}
.og-calc-photo{margin:28px 0;aspect-ratio:3/2;overflow:hidden;max-width:100%}
.og-calc-photo img{width:100%;height:100%;object-fit:cover;display:block}
.og-calc-disclaimer{font-size:14px!important;line-height:1.6;color:#666;border-top:1px solid #e1dad2;padding-top:18px;margin-top:28px}
@media (max-width:860px){
 .og-calc{grid-template-columns:1fr;gap:20px}
 .og-calc-result{position:static}
 .og-calc-wrap{padding:36px 16px 56px}
 .og-calc-panel,.og-calc-result{padding:20px}
 .og-calc-total strong{font-size:36px}
}
@media (max-width:400px){
 .og-calc-choice span{min-width:0;padding:10px 14px}
 .og-calc-copy h2{font-size:22px}
}
