/* Embeddable calculators (T-689). html.is-embed is set by theme-init.js on /embed/ pages;
 * js/embed.js hides the rest of the page around the calculator and adds the credit line.
 * The site chrome is hidden here, before any script runs, so it never flashes in a frame. */
.is-embed .site-header,
.is-embed .mobile-menu,
.is-embed .breadcrumbs,
.is-embed .navigation-ribbon,
.is-embed .site-footer,
.is-embed .embed-hidden {
    display: none !important;
}

.is-embed .main-content {
    padding-top: 12px;
    padding-bottom: 12px;
}

.is-embed h1 {
    font-size: 1.4rem;
    margin: 0 0 12px;
}

.embed-credit {
    margin: 12px 0 0;
    font-size: 0.85rem;
    color: var(--text-light, #666);
}

/* The "embed this calculator" box on the normal page. */
.embed-panel summary {
    cursor: pointer;
    font-weight: 600;
}

.embed-panel textarea {
    width: 100%;
    min-height: 7.5em;
    margin: 12px 0 8px;
    font-family: ui-monospace, Menlo, Consolas, monospace;
    font-size: 0.8rem;
    box-sizing: border-box;
}

.embed-panel .embed-note {
    font-size: 0.85rem;
    color: var(--text-light, #666);
}

.embed-panel .embed-copied {
    margin-left: 8px;
    font-size: 0.85rem;
}