/* Sign-up and subscribe prompts (release B, WS-696 (5), WS-698 (7); sitebuild/prompts.py, src/assets/prompts.js).
   House tokens only; phone first; no inline style (the CSP). The Follow copy under the h1 shows from 700 px only, so
   a phone's first screen and its first card never move (W-115); the slide-in is fixed, so nothing shifts. */
.pr-top{display:none}
@media (min-width:700px){.pr-top{display:block;margin:6px 0 0}}
.pr-box{margin:28px 0 8px;border:1px solid var(--ink);background:var(--white);padding:14px 16px;font-family:var(--sans);max-width:720px}
.pr-box .pr-follow{margin:0 0 10px}
.pr-q{font-family:var(--serif);font-weight:600;font-size:18px;line-height:1.3;margin:0 0 4px}
.pr-t{margin:0 0 10px}
.pr-acts{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 6px}
.pr-value{margin:6px 0 0;color:var(--graphite)}
.pr-slide{position:fixed;right:16px;bottom:16px;left:16px;z-index:900;background:var(--white);border:1px solid var(--ink);padding:14px 44px 14px 16px;font-family:var(--sans);box-shadow:0 6px 24px rgba(18,24,29,.18);max-width:380px;margin-left:auto}
.pr-slide[hidden]{display:none}
.pr-slide.pr-wait{visibility:hidden}  /* no room above a bottom sheet now (prompts.js placeFor): it waits, unseen */
.pr-slide.pr-aside{visibility:hidden}  /* keyboard focus is on something under it (prompts.js aside, WCAG 2.4.11) */
.pr-k{margin:0 0 4px}
.pr-h{font-family:var(--serif);font-weight:600;font-size:20px;line-height:1.2;margin:0 0 6px}
.pr-p{font-size:14.5px;line-height:1.45;margin:0 0 10px}
.pr-x{position:absolute;top:4px;right:4px;border:0;background:none;font-size:22px;line-height:1;min-width:44px;min-height:44px;cursor:pointer;color:var(--ink)}
.pr-save{border-top:1px solid var(--hair);margin-top:10px;padding-top:8px;font-family:var(--sans)}
.pr-save-h{font-weight:600;margin:0 0 2px}
.pr-save-t{margin:0 0 8px}
@media (prefers-reduced-motion:no-preference){.pr-slide.pr-in{animation:pr-up .25s ease-out}}
@keyframes pr-up{from{transform:translateY(12px);opacity:0}to{transform:none;opacity:1}}