/* ==========================================================================
   PMC Companion Toolkit — the shared look.

   ⚠ THIS FILE IS THE SINGLE SOURCE OF VISUAL TRUTH for the hub and all seven
   tools. Every tool page styles itself from the variables below, so changing a
   token here retunes the whole toolkit and none of them can drift.

   2026-08-07 — moved off the dark terminal/blueprint look.
   Two reasons. Kristen's standing instruction is that her apps must not wear a
   terminal costume ("I love the terminal if I'm coding") — a page about missing
   children reading like a hacker console is a costume, and it makes the work
   look like a stunt rather than a public record. And the D.A.D.S. surfaces are
   now dark, so PMC being dark too meant two products that were meant to be
   distinct arrived looking like one.

   What it is instead: CREAM PAPER AND RISO INK. Two inks — a deep navy and a
   hot flag red — printed on warm stock, which is what a public-interest poster
   and a case file have always looked like. It matches the drawn plates in
   assets/plates/ exactly, because those were printed from the same two inks.

   The variable NAMES are unchanged from the dark build on purpose. Seven tool
   pages reference --panel, --ink, --mute and the rest inline; remapping them by
   ROLE rather than by name is what lets the whole set change ground without
   touching seven files. (--void is now the paper. It is the page ground; the
   name is historical.)
   ========================================================================== */
:root{
  --void:#F3EDE1;      /* the paper — page ground */
  --void-2:#EDE5D6;    /* a second, slightly deeper stock for bands */
  --panel:#FCF8F1;     /* a card laid on the paper */
  --panel-2:#F7F1E5;   /* the same card, hovered */

  --ink:#16202F;       /* the type */
  --mute:#5C6675;      /* secondary type */
  --faint:#8C8578;     /* labels, captions, the quietest thing that must be read */

  --navy:#1E2E4A;
  --steel:#23406B;     /* links and accents — navy, not the old dark-mode blue */
  --steel-dim:#B9C4D6;
  --red:#C0341C;       /* riso red, darkened just enough to be legible AS TEXT on cream */
  --red-bright:#E2452A;/* the same ink at poster strength, for fills only */
  --amber:#9A6B14;
  --green:#2F6B4F;

  --line:#E0D6C4;
  --line-2:#CDBFA7;
  --glow:rgba(30,46,74,.09);
  --shadow:0 14px 34px -22px rgba(22,32,47,.5);

  --disp:'Archivo',system-ui,sans-serif;
  --body:'Inter',system-ui,sans-serif;
  --mono:'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,monospace;
  --radius:14px; --radius-sm:9px;
  --measure:68ch;
}

/* ── base ──────────────────────────────────────────────────────────────
   `.pmc-dark` is the historical body class; `.pmc-paper` is the honest one.
   Both are accepted so the seven tool pages did not all have to be edited on
   the same afternoon as the restyle.                                       */
body.pmc-dark,body.pmc-paper{
  font-family:var(--body);background:var(--void);color:var(--ink);
  line-height:1.62;font-size:16.5px;-webkit-font-smoothing:antialiased;overflow-x:hidden;
  margin:0;
}
/* The blueprint grid and the CRT scanline overlay are gone deliberately —
   they were the terminal costume. Nothing replaces them: paper is the texture. */
body.pmc-dark::before,body.pmc-dark::after,
body.pmc-paper::before,body.pmc-paper::after{content:none}
body.pmc-dark a,body.pmc-paper a{color:var(--steel);text-decoration:none}
body.pmc-dark a:hover,body.pmc-paper a:hover{text-decoration:underline}
::selection{background:rgba(226,69,42,.22)}
:focus-visible{outline:3px solid var(--red);outline-offset:3px;border-radius:4px}
img,video{max-width:100%}
*,*::before,*::after{box-sizing:border-box}

h1,h2,h3,h4{font-family:var(--disp);font-weight:700;line-height:1.1;margin:0;letter-spacing:-.01em}

/* ── the standing bar ──────────────────────────────────────────────────
   Was a terminal status line in monospace with a pulsing dot. Now a plain
   statement of the guarantees, because those are the point.               */
.pmc-statusbar{z-index:40;background:rgba(243,237,225,.93);
  backdrop-filter:blur(10px);border-bottom:1px solid var(--line);
  font-size:12.5px;color:var(--mute)}
.pmc-statusbar .in{width:min(1180px,100% - 2.4rem);margin-inline:auto;display:flex;
  align-items:center;gap:.5rem 1.5rem;min-height:40px;flex-wrap:wrap;padding:.45rem 0}
.pmc-sbdot{width:7px;height:7px;border-radius:50%;background:var(--green);flex:none;
  box-shadow:0 0 0 3px rgba(47,107,79,.16)}
.pmc-sbitem{white-space:nowrap}
.pmc-sbitem b{color:var(--ink);font-weight:600}
.pmc-sbitem .g{color:var(--green);font-weight:600}
.pmc-sbsep{color:var(--line-2)}
.pmc-sbright{margin-left:auto;color:var(--steel)}
@media(max-width:720px){.pmc-sbhide{display:none}}

/* ── masthead ──────────────────────────────────────────────────────────
   `.pmc-head` on the tool pages; `.pmc-mast` on the hub. Same furniture.   */
.pmc-head,.pmc-mast{position:sticky;top:0;z-index:40;border-bottom:1px solid var(--line);
  background:rgba(243,237,225,.93);backdrop-filter:blur(10px)}
.pmc-head .in,.pmc-mast .in{width:min(1180px,100% - 2.4rem);margin-inline:auto;
  padding:.85rem 0;display:flex;align-items:center;gap:.9rem;flex-wrap:wrap}
.pmc-brand{display:flex;align-items:center;gap:.7rem;color:var(--ink)}
.pmc-brand:hover{text-decoration:none}
.pmc-brand svg{width:38px;height:auto;flex:none;display:block}
.pmc-brand .bt{display:block;font-family:var(--disp);font-weight:700;font-size:17px;
  letter-spacing:-.01em;line-height:1.1}
.pmc-brand .bs{display:block;font-size:10.5px;letter-spacing:.17em;text-transform:uppercase;
  color:var(--faint);margin-top:2px}
.pmc-head .mark{font-size:24px;line-height:1}
.pmc-head h1{font-size:1.35rem}
.pmc-head .tag{margin-left:auto;font-size:11px;letter-spacing:.16em;text-transform:uppercase;
  color:var(--faint)}
.pmc-nav{margin-left:auto;display:flex;gap:.15rem;flex-wrap:wrap}
.pmc-nav a,.pmc-nav button{font-size:13px;font-weight:500;color:var(--mute);padding:.42rem .68rem;
  border-radius:8px;background:none;border:0;cursor:pointer;font-family:inherit}
.pmc-nav a:hover,.pmc-nav button:hover{color:var(--ink);background:var(--void-2);text-decoration:none}
.pmc-back{font-size:12px;letter-spacing:.04em;color:var(--mute);border:1px solid var(--line-2);
  border-radius:999px;padding:.34rem .8rem}
.pmc-back:hover{color:var(--ink);border-color:var(--ink);text-decoration:none}

/* ── the hero loop ─────────────────────────────────────────────────────
   THE LURE STANDARD, on a light page.

   ⚠ THE GRADE GOES THE OTHER WAY HERE. Lure's hero type is white so its
   footage grades DOWN. This page's type is near-black on cream: grading down
   puts a dark frame under a pale veil and the whole thing goes grey and muddy,
   and the type then fights it. Grading UP keeps the ground pale and warm and
   the type sits ON it.

   `.pmc-hero img` is a real image under the loop, not a poster attribute — the
   watchdog in motion.js removes a video that never started, and it would take
   the poster with it.                                                       */
.pmc-hero{position:relative;overflow:hidden;isolation:isolate;
  width:100vw;margin-left:calc(50% - 50vw);
  min-height:clamp(400px,62vh,660px);display:flex;align-items:flex-end}
.pmc-hero .bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;
  filter:saturate(.5) contrast(.95) brightness(1.18)}
.pmc-hero video.bg{opacity:0;transition:opacity 1.1s ease}
.pmc-hero video.bg.is-live{opacity:1;animation:pmcDrift 46s ease-in-out infinite alternate}
.pmc-hero img.bg{animation:pmcDrift 46s ease-in-out infinite alternate}
@keyframes pmcDrift{from{transform:scale(1.05)}to{transform:scale(1.16)}}
.pmc-hero::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:
    radial-gradient(120% 90% at 18% 42%,rgba(243,237,225,.9),rgba(243,237,225,.5) 55%,rgba(243,237,225,.12)),
    linear-gradient(180deg,rgba(243,237,225,.3),rgba(243,237,225,.42) 50%,var(--void))}
.pmc-hero .in{position:relative;z-index:2;width:100%;min-width:0;
  padding:5.6rem 0 3rem}
.pmc-hero .in > .wrap{width:min(1180px,100% - 2.4rem);margin-inline:auto}
.pmc-hero h1{font-family:var(--disp);font-weight:800;
  font-size:clamp(2.1rem,6vw,4rem);letter-spacing:-.025em;max-width:17ch;text-wrap:balance}
.pmc-hero h1 em{font-style:normal;color:var(--red);
  box-shadow:inset 0 -.16em 0 rgba(226,69,42,.18)}
.pmc-hero .lede{font-size:clamp(1rem,1.6vw,1.15rem);color:var(--mute);max-width:54ch;margin:1.1rem 0 0}
.pmc-eyebrow{font-size:11.5px;letter-spacing:.2em;text-transform:uppercase;
  color:var(--red);font-weight:600;margin:0 0 .7rem}

/* ── layout ────────────────────────────────────────────────────────────── */
.pmc-shell,.pmc-wrap{width:min(1180px,100% - 2.4rem);margin-inline:auto;padding:0}
.pmc-shell{padding:2.2rem 0 3.5rem}
.pmc-lead{color:var(--mute);max-width:var(--measure);margin:0 0 1.6rem}
.pmc-lead b{color:var(--ink);font-weight:600}
.pmc-sec{padding:3rem 0 0;scroll-margin-top:96px}
.pmc-sechead{display:flex;align-items:flex-end;gap:1rem;flex-wrap:wrap;margin:0 0 1.3rem}
.pmc-sechead h2{font-size:clamp(1.3rem,2.6vw,1.85rem)}
.pmc-sechead .ln{flex:1;height:1px;background:var(--line);min-width:2rem;margin-bottom:.6rem}
.pmc-sechead .tag{font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:var(--faint)}
.pmc-h1{font-size:clamp(1.7rem,4vw,2.5rem);margin:0 0 .5rem}
.pmc-h2{font-size:1.25rem;margin:2.2rem 0 .9rem;padding-bottom:.6rem;border-bottom:1px solid var(--line)}
.pmc-h2:first-child{margin-top:0}
.pmc-page-head{margin-bottom:1.4rem}
.pmc-tiny{font-size:12.5px;color:var(--faint)}
/* Monospace is for things that have to align: figures, IDs, phone numbers. */
.pmc-num,.pmc-dial{font-family:var(--mono);font-variant-numeric:tabular-nums}

/* ── cards ─────────────────────────────────────────────────────────────
   ⚠ flex with a flex-basis, NEVER repeat(auto-fit,minmax()). auto-fit leaves
   visible holes whenever the last row is ragged, and those holes are the
   "blank white boxes" that keep getting reported across this fleet.        */
.pmc-grid,.pmc-deck{display:flex;flex-wrap:wrap;gap:1.05rem;list-style:none;margin:0;padding:0}
.pmc-grid > *,.pmc-deck > *{flex:1 1 300px;min-width:min(300px,100%)}
.pmc-deck-2 > *{flex:1 1 460px}

.pmc-card{display:flex;flex-direction:column;background:var(--panel);
  border:1px solid var(--line);border-radius:var(--radius);padding:1.1rem 1.2rem;
  color:inherit;position:relative;transition:border-color .15s,transform .15s,box-shadow .15s}
a.pmc-card:hover,.pmc-cardlink:hover{border-color:var(--line-2);transform:translateY(-2px);
  box-shadow:var(--shadow);text-decoration:none}
.pmc-card h3{font-size:1.05rem;margin:0 0 .35rem;display:flex;align-items:center;gap:.55rem}
.pmc-card p{margin:0;color:var(--mute);font-size:14.6px;flex:1}
.pmc-card .go{font-size:12.5px;font-weight:600;color:var(--steel);margin-top:.7rem}
.pmc-plate{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;
  border:1px solid var(--line);border-radius:var(--radius);background:var(--void-2)}
.pmc-toolcard{padding:0;overflow:hidden}
.pmc-toolcard .pmc-plate{border:0;border-bottom:1px solid var(--line);border-radius:0}
.pmc-toolcard .body{padding:1.05rem 1.2rem 1.15rem;display:flex;flex-direction:column;flex:1;gap:.4rem}

.pmc-badge,.pmc-pill,.pmc-chip{display:inline-flex;align-items:center;gap:.35rem;
  font-size:11.5px;font-weight:600;letter-spacing:.03em;padding:.22rem .62rem;
  border-radius:999px;border:1px solid var(--line-2);color:var(--mute);background:var(--panel)}
.pmc-chip[aria-pressed="true"],.pmc-pill.on{background:var(--ink);border-color:var(--ink);color:var(--void)}
.pmc-badge.ok{color:var(--green);border-color:#B9D3C4;background:#EDF5F0}
.pmc-badge.warn{color:var(--amber);border-color:#E2CFA4;background:#F8F0DE}
.pmc-badge.stop{color:var(--red);border-color:#EEC3B8;background:#FBECE7}

/* ── figures ───────────────────────────────────────────────────────────── */
.pmc-figs{display:flex;flex-wrap:wrap;gap:1px;background:var(--line);border:1px solid var(--line);
  border-radius:var(--radius);overflow:hidden;list-style:none;margin:0;padding:0}
.pmc-figs li{flex:1 1 200px;background:var(--panel);padding:1.15rem 1.2rem}
.pmc-figs .n{font-family:var(--disp);font-weight:800;font-size:1.9rem;line-height:1;color:var(--red)}
.pmc-figs .l{font-size:13px;color:var(--ink);margin-top:.4rem}
.pmc-figs .s{font-size:11.5px;color:var(--faint);margin-top:.5rem}

/* ── notes and callouts ────────────────────────────────────────────────── */
.pmc-emerg{background:#FBECE7;border:1px solid #EEC3B8;border-left:4px solid var(--red);
  border-radius:var(--radius-sm);padding:1rem 1.2rem;margin-bottom:1.3rem}
.pmc-emerg b{font-family:var(--disp);font-weight:700;font-size:1.05rem;color:var(--red)}
.pmc-emerg span{display:block;margin-top:.15rem;font-size:.9rem;color:var(--mute)}
.pmc-guard{display:flex;gap:.8rem;background:var(--panel);border:1px solid var(--line);
  border-left:4px solid var(--amber);border-radius:var(--radius-sm);
  padding:.95rem 1.15rem;font-size:14.4px;color:var(--mute);margin-bottom:1.3rem}
.pmc-guard b{color:var(--ink);font-weight:600}
.pmc-note-ok{background:#EDF5F0;border:1px solid #B9D3C4;color:#2A5B44;border-radius:var(--radius-sm);
  padding:.95rem 1.15rem;font-size:14.4px;margin-top:1.3rem}
.pmc-note-ok b{color:#1F4534}

/* ── controls ──────────────────────────────────────────────────────────── */
.pmc-btn{display:inline-flex;align-items:center;gap:.5rem;font-family:inherit;font-weight:600;
  font-size:14.5px;padding:.72rem 1.2rem;border-radius:10px;border:1px solid var(--line-2);
  background:var(--panel);color:var(--ink);cursor:pointer;transition:background .15s,border-color .15s,transform .15s}
.pmc-btn:hover{background:var(--panel-2);border-color:var(--ink);transform:translateY(-1px);text-decoration:none}
.pmc-btn.primary{background:var(--ink);border-color:var(--ink);color:var(--void)}
.pmc-btn.primary:hover{background:var(--navy);border-color:var(--navy)}
.pmc-btn.danger{background:var(--red);border-color:var(--red);color:#fff}
.pmc-btn.danger:hover{background:var(--red-bright);border-color:var(--red-bright)}
.pmc-row{display:flex;gap:.65rem;flex-wrap:wrap;align-items:center}
.pmc-input,input[type=text],input[type=search],input[type=number],select,textarea{
  width:100%;background:var(--panel);border:1px solid var(--line-2);border-radius:9px;
  color:var(--ink);font-family:inherit;font-size:15px;padding:.65rem .8rem}
.pmc-input:focus,input:focus,select:focus,textarea:focus{outline:none;border-color:var(--steel);
  box-shadow:0 0 0 3px var(--glow)}
label{color:var(--mute);font-size:13px;font-weight:600;display:block;margin:1rem 0 .35rem}
.pmc-link{color:var(--steel);text-decoration:underline;text-underline-offset:2px}

/* ── marks ─────────────────────────────────────────────────────────────
   Drawn line marks (marks.js) below ~32px; BB2G's own riso glyph PNGs at tile
   size. Never a system emoji — Apple's and Google's emoji are somebody else's
   artwork and they change shape per device.                                */
.m{width:1.15em;height:1.15em;flex:none;vertical-align:-.19em;color:var(--red)}
h1 .m,h2 .m,h3 .m{color:var(--navy)}
.pmc-mark{width:44px;height:44px;flex:none;object-fit:contain}

/* ── the app rail ──────────────────────────────────────────────────────── */
.pmc-rail{display:flex;flex-wrap:wrap;gap:.75rem;list-style:none;margin:0;padding:0}
.pmc-rail > li{flex:1 1 250px}
.pmc-rail a{display:flex;gap:.8rem;align-items:flex-start;background:var(--panel);
  border:1px solid var(--line);border-radius:var(--radius-sm);padding:.85rem .95rem;height:100%;
  color:inherit;transition:border-color .15s,box-shadow .15s}
.pmc-rail a:hover{border-color:var(--line-2);box-shadow:var(--shadow);text-decoration:none}
.pmc-rail b{display:block;font-size:14.5px}
.pmc-rail span{display:block;font-size:13px;color:var(--mute);margin-top:.1rem}
.pmc-rail .st{font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--amber);
  margin-top:.35rem;font-weight:600}
.pmc-rail li.off a{opacity:.6;pointer-events:none}

/* ── read aloud ────────────────────────────────────────────────────────── */
.listen-row{display:flex;align-items:center;gap:.85rem;flex-wrap:wrap;margin:.25rem 0 1.1rem}
.listen{display:inline-flex;align-items:center;gap:.5rem;background:var(--panel);
  border:1px solid var(--line-2);color:var(--ink);border-radius:999px;
  padding:.4rem .95rem .4rem .55rem;font:600 13.5px/1 var(--body);cursor:pointer;
  transition:border-color .15s,background .15s}
.listen:hover{border-color:var(--red);background:var(--panel-2)}
.listen .listen-ico{width:19px;height:19px;flex:none;border-radius:50%;background:var(--red);position:relative}
.listen .listen-ico::after{content:"";position:absolute;left:7px;top:5px;border-style:solid;
  border-width:4.5px 0 4.5px 7px;border-color:transparent transparent transparent var(--panel)}
.listen.on .listen-ico{background:var(--green)}
.listen .listen-s{color:var(--faint);font-weight:500}
[data-listen-all]{display:block;flex-basis:100%;margin-top:.4rem}
.listen-all{padding:.72rem 1.2rem;border-radius:10px;font-size:14.5px}
.listen-note{font-size:12.5px;color:var(--faint);margin:.7rem 0 0;max-width:56ch}
.listen-tx{font-size:13.5px;color:var(--mute)}
.listen-tx summary{cursor:pointer;list-style:none}
.listen-tx summary::-webkit-details-marker{display:none}
.listen-tx summary::before{content:"▸ ";color:var(--faint)}
.listen-tx[open] summary::before{content:"▾ "}
.listen-tx p{margin:.6rem 0 0;max-width:var(--measure);line-height:1.72}
.reading{scroll-margin-top:96px}
.readdock{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(1rem + env(safe-area-inset-bottom));
  z-index:60;width:min(680px,calc(100% - 1.6rem));display:flex;align-items:center;gap:.5rem;
  background:rgba(252,248,241,.98);backdrop-filter:blur(10px);border:1px solid var(--line-2);
  border-radius:13px;padding:.55rem .7rem;box-shadow:0 18px 44px -20px rgba(22,32,47,.55)}
.readdock[hidden]{display:none}
.rd-b{background:none;border:0;color:var(--ink);font-size:14px;cursor:pointer;padding:.4rem .55rem;border-radius:8px}
.rd-b:hover{background:var(--void-2)}
.rd-mid{flex:1;min-width:0}
.rd-h{font-size:12.5px;color:var(--mute);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rd-bar{height:3px;background:var(--line);border-radius:2px;margin-top:.35rem;overflow:hidden}
.rd-bar i{display:block;height:100%;width:0;background:var(--red)}
.rd-time{font-size:12px;color:var(--faint);font-variant-numeric:tabular-nums}
.rd-rate select{width:auto;background:var(--panel);color:var(--ink);border:1px solid var(--line-2);
  border-radius:8px;font-size:12px;padding:.25rem .3rem}
.rd-vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
@media (max-width:600px){.rd-rate,.rd-time{display:none}}

/* ── video cards (link-out only; nothing is ever embedded) ─────────────── */
.pmc-videos{display:flex;flex-wrap:wrap;gap:1rem;list-style:none;margin:0;padding:0}
.pmc-videos > *{flex:1 1 280px}
.pmc-vcard{display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--line);
  border-radius:var(--radius);overflow:hidden;height:100%;color:inherit}
.pmc-vcard:hover{border-color:var(--line-2);box-shadow:var(--shadow);text-decoration:none}
.pmc-vthumb{position:relative;aspect-ratio:16/9;background:var(--void-2);display:grid;place-items:center;
  border-bottom:1px solid var(--line)}
.pmc-play{width:52px;height:52px;border-radius:50%;background:var(--red);display:grid;place-items:center}
.pmc-play::after{content:"";border-style:solid;border-width:9px 0 9px 14px;
  border-color:transparent transparent transparent #fff;margin-left:3px}
.pmc-vbody{padding:.9rem 1.05rem 1.05rem}
.pmc-vtitle{font-family:var(--disp);font-weight:700;font-size:1rem;margin:0 0 .2rem}
.pmc-vdesc{font-size:13.6px;color:var(--mute);margin:0}
.pmc-vsrc,.pmc-vtag{font-size:11.5px;color:var(--faint);letter-spacing:.04em}

/* ── quick exit, skip link, footer ─────────────────────────────────────── */
.pmc-exit{position:fixed;right:14px;bottom:calc(14px + env(safe-area-inset-bottom));z-index:70;
  background:var(--ink);color:var(--void);border:0;border-radius:999px;padding:.62rem 1.05rem;
  font:600 13px/1 var(--body);cursor:pointer;box-shadow:var(--shadow)}
.pmc-exit:hover{background:var(--red)}
.pmc-skip{position:fixed;left:10px;top:-70px;z-index:9999;background:var(--ink);color:var(--void);
  padding:11px 18px;border-radius:9px;font-weight:600;transition:top .15s}
.pmc-skip:focus{top:10px}
.pmc-foot{margin-top:3.4rem;border-top:1px solid var(--line);background:var(--void-2);
  padding:2.2rem 0 2.6rem;font-size:14px;color:var(--mute)}
.pmc-foot .in{width:min(1180px,100% - 2.4rem);margin-inline:auto}
.pmc-foot h4{font-size:11.5px;letter-spacing:.15em;text-transform:uppercase;color:var(--faint);margin:0 0 .55rem}
.pmc-foot ul{list-style:none;margin:0;padding:0}
.pmc-foot li{margin:.3rem 0}
.pmc-foot .cols{display:flex;flex-wrap:wrap;gap:1.5rem 2.4rem}
.pmc-foot .cols > div{flex:1 1 220px}
.pmc-foot .legal{margin-top:1.8rem;padding-top:1.3rem;border-top:1px solid var(--line);
  font-size:13px;color:var(--faint);max-width:80ch}
.pmc-foot .legal b{color:var(--mute)}

/* ── reveal ────────────────────────────────────────────────────────────
   ⚠ FAIL-SAFE. `.pmc-rise` is VISIBLE by default and only hidden once
   assets.js has added `.pmc-js` to <html>. With no JavaScript the hotline
   numbers must still be on the page.                                      */
.pmc-rise{opacity:1;transform:none}
html.pmc-js .pmc-rise{opacity:0;transform:translateY(12px);transition:opacity .5s ease,transform .5s ease}
html.pmc-js .pmc-rise.in{opacity:1;transform:none}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms !important;animation-iteration-count:1 !important;
    transition-duration:.001ms !important;scroll-behavior:auto !important}
  .pmc-hero .bg{animation:none !important;transform:none !important}
  .pmc-hero video.bg{opacity:1}
  html.pmc-js .pmc-rise{opacity:1;transform:none}
}
@media print{.pmc-statusbar,.pmc-exit,.readdock,.pmc-hero video,.listen{display:none !important}}