/* embed.css — universal blacklist. Hides every known chrome/content section. */

html, body.embed-mode {
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}

/* ============ HIDE LIST (blacklist) ============ */
/* Site chrome */
body.embed-mode .site-header,
body.embed-mode header.site-header,
body.embed-mode header.site,
body.embed-mode header,
body.embed-mode .site-footer,
body.embed-mode footer.site-footer,
body.embed-mode footer.site,
body.embed-mode footer,
body.embed-mode .meta-updated,
body.embed-mode .meta-line,
/* Ads */
body.embed-mode .ad-slot,
body.embed-mode .ad-leaderboard,
body.embed-mode .ad-inline,
body.embed-mode ins.adsbygoogle,
/* Cookie / consent */
body.embed-mode .cookie,
body.embed-mode #cookie-banner,
/* Hero / intro / above-calc content */
body.embed-mode section.hero,
body.embed-mode .hero,
body.embed-mode section.intro,
body.embed-mode .intro,
body.embed-mode .definition-card,
body.embed-mode .lede,
body.embed-mode .hero-sub,
/* Sidebar / TOC */
body.embed-mode aside,
body.embed-mode aside.sidebar,
body.embed-mode .sidebar,
body.embed-mode .toc-card,
/* cap-rate post-calc sections */
body.embed-mode .benchmarks-section,
body.embed-mode .content-section,
body.embed-mode .faq-section,
/* asphalt post-calc sections */
body.embed-mode #thickness-guide,
body.embed-mode #vs-concrete,
body.embed-mode #guide,
/* concrete post-calc sections */
body.embed-mode #bag-table,
body.embed-mode #how-to,
body.embed-mode #cost,
/* equity-dilution post-calc content (and various H2 IDs) */
body.embed-mode div.content,
body.embed-mode #what-is,
body.embed-mode #how-to-use,
body.embed-mode #examples,
body.embed-mode #terms,
body.embed-mode #benchmarks,
/* FAQ — universal */
body.embed-mode .faq,
body.embed-mode #faq,
body.embed-mode section.faq,
body.embed-mode .accordion,
body.embed-mode .benchmark-table,
body.embed-mode .benchmark-list,
/* Embed promo on homepage (gets cloned into embed.html — hide it) */
body.embed-mode #embed,
body.embed-mode #embed-promo,
body.embed-mode .embed-snippet-card,
/* Catch any element that's an immediate sibling of #embed (the muted <p>) */
body.embed-mode #embed ~ p {
  display: none !important;
}

/* ============ ATTRIBUTION ============ */
body.embed-mode .embed-attribution {
  text-align: center;
  font-size: 12px;
  color: #64748b;
  margin: 16px auto 8px;
  padding: 4px;
  max-width: 920px;
}
body.embed-mode .embed-attribution a {
  color: #2D6CDF;
  text-decoration: none;
  font-weight: 500;
}
body.embed-mode .embed-attribution a:hover { text-decoration: underline; }

/* ============ LAYOUT TRIM ============ */
body.embed-mode main { padding: 0 !important; margin: 0 !important; }
body.embed-mode .container {
  padding: 8px 12px !important;
  max-width: 920px !important;
  margin: 0 auto !important;
}


/* Hide any <section> that is a sibling-after the calc-card (catches asphalt's anonymous post-calc sections) */
body.embed-mode section.calc-card ~ section,
body.embed-mode section.calc-section ~ section,
/* Hide any <section> sibling-after the calc-card's container */
body.embed-mode div.calc-card ~ section,
body.embed-mode #calculator ~ section,
body.embed-mode #calculator ~ h2,
body.embed-mode #calculator ~ p,
body.embed-mode #calculator ~ div:not(.embed-attribution) {
  display: none !important;
}

@media (max-width: 720px) {
  body.embed-mode .calc-grid,
  body.embed-mode .two-col,
  body.embed-mode .panel-grid,
  body.embed-mode .layout {
    grid-template-columns: 1fr !important;
    display: block !important;
  }
}
@media (max-width: 480px) {
  body.embed-mode .container { padding: 6px 8px !important; }
}