/* Apple look for the calculators. Presentation only: colors, radius, shadow, type family. No size, padding or border width change
   (the 2px frame turns transparent, not removed), so layout and the sticky result bar stay as measured. */
:root{--ac-ink:#1d1d1f;--ac-mut:#6e6e73;--ac-blue:#0066cc;--ac-sf:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text",Inter,"Inter Fallback","Helvetica Neue",Arial,sans-serif}
body:has(.calc){background:#fff!important;font-family:var(--ac-sf);-webkit-font-smoothing:antialiased}
body:has(.calc) main :is(h1,h2,h3){font-family:var(--ac-sf)!important}
body:has(.calc) main h1{font-weight:700;letter-spacing:-.035em;color:var(--ac-ink)}
/* the tool */
.calc{background:#f5f5f7!important;border-color:transparent!important;border-radius:32px!important;box-shadow:0 1px 2px rgba(0,0,0,.05),0 18px 50px rgba(0,0,0,.09)!important}
.calc-top{background:rgba(29,29,31,.92)!important;border-radius:26px!important;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.calc-card{background:#fff!important;border:0!important;border-radius:24px!important;box-shadow:0 1px 2px rgba(0,0,0,.04)}
.calc :is(.f input,.f select,input[type=text],input[type=number],input[type=date],select){border-color:#d2d2d7!important;border-radius:14px!important;background:#fff}
.calc :is(input,select):focus{border-color:#0071e3!important;box-shadow:0 0 0 3px rgba(0,113,227,.2)!important;outline:0!important}
.f-big{background:#f5f5f7!important;border:0!important;border-radius:18px!important}
.chips button{border-color:#d2d2d7!important;background:#fff!important;color:#424245!important;transition:background .2s,color .2s}
.chips button:hover{background:#f5f5f7!important}
.chips button.on,.chips button[aria-pressed=true]{background:var(--ac-ink)!important;border-color:var(--ac-ink)!important;color:#fff!important}
.cardlet,.formula{background:#f5f5f7!important;border:0!important;border-radius:16px!important}
.rows>*{border-color:transparent!important;border-radius:14px!important}
.rows>*:not(.dark):not(.good):not(.key){background:#f5f5f7!important}
.rows>.dark,.rows>.key{background:var(--ac-ink)!important}
.res-big{letter-spacing:-.035em}
.bar{background:#e8e8ed!important}
.f-lab{color:var(--ac-mut)!important}
/* written sections */
.sections{font-family:var(--ac-sf)}
.sec{background:#f5f5f7!important;border:0!important;border-radius:28px!important;box-shadow:none!important}
.sec h2{font-family:var(--ac-sf)!important;letter-spacing:-.02em!important;color:var(--ac-ink)}
.sec :is(p,li,td){color:#424245}
.sections :is(p,li,td) a:not([class*=btn]):not(.mail){color:var(--ac-blue)!important;text-decoration:none!important;border-bottom:0!important;box-shadow:none!important;background-image:none!important}
.sections :is(p,li,td) a:not([class*=btn]):not(.mail):hover{text-decoration:underline!important}
.faq-item{background:none!important;border:0!important;border-top:1px solid #d2d2d7!important;border-radius:0!important}
.faq-item:last-child{border-bottom:1px solid #d2d2d7!important}
.faq-item summary{font-weight:600;letter-spacing:-.012em;color:var(--ac-ink)}
.rt-card,.it-rel .sec{background:#f5f5f7!important;border:0!important;border-radius:22px!important;box-shadow:none!important;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s}
.rt-card:hover{transform:scale(1.012);box-shadow:0 12px 32px rgba(0,0,0,.1)!important}
@media(prefers-reduced-motion:reduce){.rt-card{transition:none}.rt-card:hover{transform:none}}
/* The seven Tailwind-built calculators (loan, paint, concrete, invoice, profit margin, sales tax, service price) */
body:has(#full-calculator){background:#fff!important;font-family:var(--ac-sf);-webkit-font-smoothing:antialiased}
body:has(#full-calculator) :is(.lc-h1,.lc-h1lead,main h1){font-family:var(--ac-sf)!important}
body:has(#full-calculator) main h1{font-weight:700;letter-spacing:-.035em;color:var(--ac-ink)}
#full-calculator{background:#f5f5f7!important;border-color:transparent!important;border-radius:32px!important;box-shadow:0 1px 2px rgba(0,0,0,.05),0 18px 50px rgba(0,0,0,.09)!important}
#full-calculator>div:first-child{background:rgba(29,29,31,.92)!important;border-radius:26px!important}
#full-calculator :is(.bg-white.rounded-\[16px\],.bg-white.rounded-\[20px\],.bg-white.rounded-xl,.bg-white.rounded-2xl){border-color:transparent!important;border-radius:24px!important;box-shadow:0 1px 2px rgba(0,0,0,.04)}
#full-calculator input:not([type=range]):not([type=checkbox]):not([type=radio]),#full-calculator select{border-color:#d2d2d7!important}
#full-calculator input:focus,#full-calculator select:focus{border-color:#0071e3!important;box-shadow:0 0 0 3px rgba(0,113,227,.2)!important;outline:0!important}
#full-calculator :is(.bg-zinc-900,.bg-\[\#111\]){background:var(--ac-ink)!important}
#full-calculator .bg-\[\#f9f9f7\]{background:#f5f5f7!important;border-color:transparent!important}
body:has(#full-calculator) main .border.rounded-xl.p-4{background:#f5f5f7!important;border:0!important;border-radius:22px!important}
body:has(#full-calculator) main .border.rounded-xl.p-4 h3{font-family:var(--ac-sf);font-weight:600;letter-spacing:-.015em;color:var(--ac-ink)}
body:has(#full-calculator) main :is(p,li) a:not([class*=btn]):not(.mail){color:var(--ac-blue)!important;text-decoration:none!important}
body:has(#full-calculator) main :is(p,li) a:not([class*=btn]):not(.mail):hover{text-decoration:underline!important}