/* Paired primary/secondary actions; only loaded by the introduction. */
.opening-actions{width:min(100%,390px);margin-top:30px}
.opening-actions .opening-button{width:100%;min-height:50px;margin:0;padding:14px 20px;background:linear-gradient(135deg,#f1c5bf,#e4a8ad);border-color:transparent;color:#321a27;font-weight:600;letter-spacing:.09em;box-shadow:0 8px 28px #e4a8ad20}
.opening-actions .opening-button:hover{background:#f1c5bf}
.opening-actions .export-panel{width:100%;max-width:none;margin:10px 0 0;padding:0;background:transparent}
.opening-actions .export-panel button,.opening-actions .export-panel a{display:flex;width:100%;min-height:48px;gap:10px;margin:0;padding:12px 16px;border:1px solid #e9cda370;border-radius:999px;background:#ffffff05;color:var(--ink);font-size:14px;line-height:1.35;font-weight:500}
.opening-actions .export-panel svg{flex:0 0 20px;width:20px;height:20px}
.opening-actions .export-panel button:hover:not(:disabled),.opening-actions .export-panel a:hover{background:#ffffff12;border-color:var(--champagne)}
.opening-actions .export-panel p{margin:10px 8px 0;font-size:12px;line-height:1.5;color:var(--muted)}
.opening-actions .export-panel [hidden]{display:none}
.opening-actions :is(button,a):focus-visible{outline:3px solid var(--champagne);outline-offset:4px}
@media(max-width:720px){
  .opening-inner{padding-bottom:calc(210px + env(safe-area-inset-bottom))}
  .opening-cover{flex:none;max-height:40dvh;aspect-ratio:4/3}
  .opening-actions{position:fixed;z-index:10;inset:auto 0 0;width:100%;margin:0;padding:14px max(20px,env(safe-area-inset-left)) calc(14px + env(safe-area-inset-bottom));border-top:1px solid var(--border);background:#1d1624f5;backdrop-filter:blur(18px);box-shadow:0 -12px 35px #110d1740}
  .opening-actions .opening-button,.opening-actions .export-panel{max-width:430px;margin-inline:auto}
  .opening-actions .export-panel p{font-size:11px}
}