/* Bridge after the room (Part C): the plan in words, one span per line. Existing tokens only. */
.dr-cta-plan{ margin:0; max-width:70ch; font-size:15px; line-height:1.5; color:var(--ink-dim); display:flex; flex-direction:column; gap:4px; }
.dr-cta-plan[hidden]{ display:none; }
.dr-cta-plan span{ display:block; }

/* Share link (Part C): actions sit outside the room; the restore note is static text inside it. */
.dr-room-actions{ display:flex; flex-wrap:wrap; align-items:center; gap:10px 12px; margin-top:14px; max-width:70ch; }
.dr-room-actions > .dr-cap{ min-width:0; overflow-wrap:anywhere; }
.dr-room-actions[hidden], .dr-share-fallback[hidden], .dr-note[hidden]{ display:none; }
.dr-share-fallback{ flex:1 1 100%; min-width:0; max-width:100%; box-sizing:border-box; font:inherit; font-size:13px; padding:8px 10px; color:var(--ink); background:transparent; border:1px solid var(--ink-mute); border-radius:6px; }
/* the note sits directly in the room, which is full-bleed below 1440px: the same inline gutter as .dr-error (room.css).
   Its 10px gap below is padding, not margin: the note is shown empty for one frame (so role=status announces it), and
   an empty block's margin would collapse through the room's top and move the room 10px when the text lands. */
.dr-note{ margin:0; padding:0 24px 10px; font-size:13px; line-height:1.45; color:var(--ink-dim); }

/* Hero example link (Part C): a plain underlined text link, not a button. */
.dr-try{ margin:4px 0 0; font-size:15px; line-height:1.5; }
.dr-try-link{ color:var(--ink); text-decoration:underline; text-underline-offset:3px; }
.dr-try-link:hover{ color:var(--ink-dim); }