/* Scoped to the anonymous public companion; the signed-in guest app is untouched. */
body[data-public-preview="true"] {
    --pv-ink: #2d2d2a;
    --pv-cream: #eae6dd;
    --pv-teal: #7bb5b2;
    --pv-gold: #edd286;
}

body[data-public-preview="true"] .preview-ribbon {
    margin: 0 auto 12px;
    max-width: 760px;
    padding: 9px 13px;
    border: 1px solid rgba(45,45,42,.2);
    border-left: 4px solid var(--pv-teal);
    border-radius: 7px;
    background: #f8f5ed;
    color: var(--pv-ink);
    font-size: .82rem;
}

body[data-public-preview="true"] .preview-page {
    padding: 8px 2px 22px;
}

body[data-public-preview="true"] .preview-page-heading {
    margin-bottom: 4px;
    color: var(--pv-ink);
    font-size: 1.55rem;
    font-weight: 700;
}

body[data-public-preview="true"] .preview-explainer {
    margin: 0 0 16px;
    color: #575750;
    font-size: .92rem;
}

body[data-public-preview="true"] .preview-sample {
    border: 1px solid rgba(45,45,42,.12);
    border-left: 4px solid var(--pv-teal);
    border-radius: 8px;
    background: #fffefa;
    box-shadow: 0 2px 7px rgba(45,45,42,.06);
}

body[data-public-preview="true"] .preview-sample + .preview-sample { margin-top: 10px; }
body[data-public-preview="true"] .preview-sample-label {
    color: #34659b;
    font-size: .7rem;
    font-weight: 700;
    letter-spacing: .055em;
    text-transform: uppercase;
}

body[data-public-preview="true"] .preview-action-row {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 16px;
}

body[data-public-preview="true"] .preview-modal .modal-header {
    background: linear-gradient(135deg, #7bb5b2, #eae6dd);
    color: var(--pv-ink);
}

body[data-public-preview="true"] .preview-ticket-choice {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    padding: 13px 15px;
    margin-bottom: 9px;
    border: 1px solid rgba(45,45,42,.25);
    border-radius: 8px;
    background: #fffefa;
    color: var(--pv-ink);
    text-decoration: none;
    font-weight: 600;
}

body[data-public-preview="true"] .preview-ticket-choice:hover,
body[data-public-preview="true"] .preview-ticket-choice:focus {
    border-color: #34659b;
    background: #f5f2ea;
    color: var(--pv-ink);
}

body[data-public-preview="true"] .preview-readonly-input { caret-color: transparent; }
body[data-public-preview="true"][data-embed-mode="true"] #versionIndicator { display: none !important; }

@media (max-width: 480px) {
    body[data-public-preview="true"] .preview-page-heading { font-size: 1.3rem; }
    body[data-public-preview="true"] .preview-ribbon { font-size: .76rem; }
}