/* Step 7.1.9.4.43 — конечная рабочая визитка. */
body.card-runtime-view{min-height:100vh;overflow:auto}
body.card-runtime-view .page{min-height:100vh}
body.card-runtime-view .fakebtn{text-decoration:none;cursor:pointer;position:relative}
body.card-runtime-view .fakebtn:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
.card-runtime-toolbar{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 18px;background:#0d1714;color:#fff;font-family:Inter,Arial,sans-serif;box-shadow:0 1px 0 rgba(255,255,255,.08)}
.card-runtime-toolbar>div{display:flex;align-items:center;gap:12px;min-width:0}.card-runtime-toolbar strong{font-size:13px;letter-spacing:.08em}.card-runtime-toolbar span{font-size:12px;opacity:.72}.card-runtime-toolbar a{flex:0 0 auto;color:#fff;text-decoration:none;border:1px solid rgba(255,255,255,.24);border-radius:9px;padding:7px 10px;font-size:12px}.card-runtime-toolbar a:hover{background:rgba(255,255,255,.09)}
body.card-runtime-preview .page{min-height:calc(100vh - 50px)}
@media(max-width:700px){.card-runtime-toolbar{position:relative;align-items:flex-start;padding:10px 12px}.card-runtime-toolbar>div{display:block}.card-runtime-toolbar span{display:block;margin-top:3px}.card-runtime-toolbar a{white-space:nowrap}}

/* Step 7.1.9.4.49 — тот же runtime-renderer как миниатюра auto-standard в каталоге. */
body.card-runtime-catalog-embed{width:820px;height:540px;min-height:540px;overflow:hidden;background:transparent}
body.card-runtime-catalog-embed .page{display:block;width:820px;height:540px;min-height:540px;padding:0;background:transparent}
body.card-runtime-catalog-embed .card{width:820px;height:540px;min-height:540px;margin:0;box-shadow:none}
body.card-runtime-catalog-embed .card-content{min-height:540px}

/* Step 7.1.9.4.73 — public runtime uses the same two-sided flip model as approval. */
body.card-runtime-view .card-runtime-reading-root{background:var(--standard-runtime-stage-background,var(--preview-canvas))}
.card-runtime-flip-stage{width:100%;min-height:calc(100vh - 90px);overflow:visible;background:transparent}
.card-runtime-flip-card{width:min(820px,calc(100% - 4px));height:540px;--bc-flip-card-width:auto;--bc-flip-card-height:auto}
.card-runtime-flip-face{overflow:visible}
.card-runtime-flip-face>.card,.card-runtime-back-front-copy>.card{width:100%;height:100%;min-height:100%}
.card-runtime-back-variant{position:absolute;top:0;right:0;bottom:0;left:0;inset:0;display:none}
.card-runtime-flip-card[data-bc-flip-mode="front-only"] [data-runtime-back-variant="front-only"]{display:block}
.card-runtime-flip-card[data-bc-flip-mode="with-back"] [data-runtime-back-variant="with-back"]{display:flex}
.card-runtime-flip-card.is-click-enabled{cursor:pointer}
.card-runtime-flip-card.is-click-enabled:focus{outline:none}
.card-runtime-flip-card.is-click-enabled:focus-visible{outline:3px solid rgba(255,255,255,.86);outline-offset:5px}
.card-runtime-flip-card .fakebtn{cursor:pointer}
@media(max-width:700px){
    .card-runtime-flip-stage{min-height:calc(100vh - 48px)}
    .card-runtime-flip-card{width:100%;height:var(--mobile-card-height,500px)}
}

body.card-runtime-catalog-embed .card-runtime-flip-stage{width:820px;height:540px;min-height:540px}
body.card-runtime-catalog-embed .card-runtime-flip-card{width:820px;height:540px}

/* Step 7.1.9.4.73 update — public reverse side keeps the same visual frame as approval. */
body.card-runtime-public .card-runtime-back-variant.standard-card-back-face{
    border:1px solid var(--border);
    border-radius:var(--card-radius);
    box-shadow:var(--preview-outline),0 24px 70px rgba(18,35,30,.22),var(--card-shadow);
}