/* CalcNetra embed mode — applied via .embed-mode on when page is in iframe */ html.embed-mode, html.embed-mode body { background: #fff !important; margin: 0 !important; padding: 0 !important; } html.embed-mode main { padding: 14px 16px !important; max-width: 760px !important; margin: 0 auto !important; } /* Compact the calculator card so it fills the embed naturally */ html.embed-mode .card.calc-card { border: 0 !important; box-shadow: none !important; border-radius: 0 !important; } html.embed-mode .card.calc-card > .card-body { padding: 0 !important; } html.embed-mode h1 { font-size: 1.1rem !important; line-height: 1.3 !important; margin-bottom: 0.4rem !important; } html.embed-mode h2 { font-size: 0.98rem !important; } html.embed-mode h3 { font-size: 0.92rem !important; } /* Attribution footer (added by embed-mode.js, hidden until embed mode is active) */ .embed-attribution { display: none; } html.embed-mode .embed-attribution { display: flex !important; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 8px; margin: 18px 0 6px; padding-top: 12px; border-top: 1px solid #eef0f3; font-size: 0.78rem; color: #888; } html.embed-mode .embed-attribution a { color: #1a6db5; text-decoration: none; font-weight: 600; } html.embed-mode .embed-attribution a:hover { text-decoration: underline; } html.embed-mode .embed-attribution .brand-mark { color: #1a3a5c; font-weight: 700; }