/* Compact layout inside the plugin's isolated iframe. No parent-page CSS. */
body{min-height:0}
main{padding:var(--space-5);max-width:1160px}
.calculator-heading{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);margin-bottom:var(--space-5)}
.calculator-title{display:flex;align-items:center;gap:var(--space-3)}
.calculator-title svg{color:var(--color-primary);flex-shrink:0}
.calculator-title h1{font-family:var(--font-body);font-size:var(--text-lg);font-weight:700;margin:0 0 var(--space-1)}
.calculator-heading .icon-button{flex-shrink:0}
.tabs{gap:var(--space-5)}
.workspace{grid-template-columns:300px minmax(0,1fr)}
.card{padding:var(--space-5)}
.cost-summary{gap:var(--space-4)}
.metric{padding-left:var(--space-4)}
@media(max-width:760px){.workspace{grid-template-columns:1fr}.card-heading{display:flex}.card-heading h2{font-size:var(--text-base)}.price-grid{grid-template-columns:1fr 1fr}.density-grid{grid-template-columns:1fr 1fr}.conversion-layout{grid-template-columns:minmax(0,1fr)}}
@media(max-width:480px){main{padding:var(--space-3)}.calculator-title svg{display:none}.calculator-title h1{font-size:var(--text-base)}.calculator-heading p{max-width:28ch}.price-grid{grid-template-columns:1fr}.tabs{gap:var(--space-3)}.cost-summary{gap:var(--space-2)}.metric{padding-left:var(--space-2)}.metric strong{font-size:var(--text-lg)}}