/* assets/present.css · the living deck inside every landing page (owner, 11 Nov 2026). With assets/present.js and
   tools/build/present.py. A 1920x1080 canvas scaled to the screen (a phone in portrait gets a stacked layout at its own
   size). Brand OS v1.2: tokens only, Plex Sans sentence-case titles under Mono eyebrows, one magenta action per slide,
   the Depth duo (black to purple) on the cover visual and the chapter dividers, radii 8 / 12 / 24. Dark for the
   manager and client decks (corporate audiences); the page's own mode when you present it yourself. */

/* border-box for the deck's own boxes on every page, also the pages without the site-wide reset (course and report
   pages); the page's components moved into a slot keep the box model of their page */
:where(.pm-ui, .pm-ui :not(.pms-slot__in *)){ box-sizing:border-box; }
:where(.pm-ui :not(.pms-slot__in *))::before, :where(.pm-ui :not(.pms-slot__in *))::after{ box-sizing:border-box; }

/* ---------- the hero control ---------- */
.k-present{ margin:14px 0 0; }
.k-present .pm-open{ display:inline-flex; align-items:center; gap:8px; min-height:44px; padding:0 2px; font-weight:600; text-decoration:none; }
.k-present .pm-open:hover{ text-decoration:underline; text-underline-offset:4px; }
.k-present .pm-ico{ flex:none; }
[data-present-ui][hidden], .pm-gate[hidden], .pm-dlg[hidden], .pm-ui > img[data-pm-logo-light], .pm-ui > img[data-pm-logo-dark], .pms [hidden]{ display:none !important; }

/* ---------- presenting: the page steps aside ---------- */
html.is-presenting, html.is-presenting body{ overflow:hidden !important; overscroll-behavior:none; }
html.is-presenting :is(.site-header, #rivet-header, .site-footer, .k-applybar, .mb-subnav, .rv-voice, elevenlabs-convai, .skip-link){ display:none !important; }
html.is-presenting .cookie{ z-index:1100; }
.pm-ui{ position:fixed; inset:0; z-index:250; pointer-events:none; }
html.is-presenting .pm-ui{ pointer-events:auto; background:var(--pm-ground, #000); }
.pm-stage, .pm-dock, .pm-list, .pm-hint{ display:none; }
html.is-presenting .pm-stage{ display:block; position:absolute; inset:0; overflow:hidden; }
html.is-presenting .pm-dock{ display:flex; }

/* ---------- the canvas ---------- */
.pm-canvas{ position:absolute; left:0; top:0; transform-origin:0 0; overflow:hidden;
  --pm-bg:#F8F8FA; --pm-surface:#FFFFFF; --pm-ink:#000000; --pm-muted:#4A4A68; --pm-hair:#D1D1D9; --pm-accent:#3B06D4;
  --pm-tint:rgba(59,6,212,.07); --pm-shadow:0 1px 2px rgba(0,0,0,.06), 0 8px 24px rgba(0,0,0,.06);
  --t-display:92px; --t-title:58px; --t-lead:27px; --t-body:21px; --t-card:25px; --t-eyebrow:19px; --t-num:104px; --t-meta:16px;
  --pad-x:112px; --top:128px; --foot:104px;
  background:var(--pm-bg); color:var(--pm-ink); font-family:var(--font-sans, "IBM Plex Sans", system-ui, sans-serif); }
.pm-canvas[data-mode="dark"]{ --pm-bg:#000000; --pm-surface:#0A0A0C; --pm-ink:#FFFFFF; --pm-muted:#9A9BBD; --pm-hair:rgba(255,255,255,.12);
  --pm-accent:#7B87FF; --pm-tint:rgba(123,135,255,.12); --pm-shadow:none; }
html[lang="ar"] .pm-canvas, html[lang="ar"] .pm-ui{ font-family:var(--font-ar, "Almarai", system-ui, sans-serif); }
html.is-presenting .pm-ui{ --pm-ground:#000; }

.pm-bar{ position:absolute; inset:0 0 auto 0; height:8px; display:flex; gap:6px; }
.pm-bar__seg{ position:relative; flex-basis:0; overflow:hidden; background:var(--pm-hair); }
.pm-bar__seg i{ position:absolute; inset:0; background:var(--pm-accent); transform:scaleX(0); transform-origin:left center; transition:transform var(--dur-base, 320ms) var(--ease-standard, ease); }
[dir="rtl"] .pm-bar__seg i{ transform-origin:right center; }
.pm-top{ position:absolute; inset:0 0 auto 0; height:var(--top); padding:40px var(--pad-x) 0; display:flex; align-items:center; gap:28px; }
.pm-logo{ display:block; height:30px; width:auto; }
.pm-top__ch{ margin-inline-start:auto; font:500 var(--t-meta)/1 var(--font-mono, "IBM Plex Mono", monospace); letter-spacing:.14em; text-transform:uppercase; color:var(--pm-muted); }
.pm-top__n{ min-width:96px; text-align:end; font:500 var(--t-meta)/1 var(--font-mono, monospace); letter-spacing:.08em; font-variant-numeric:tabular-nums; color:var(--pm-ink); }
.pm-foot{ position:absolute; inset:auto 0 0 0; height:var(--foot); padding:0 var(--pad-x) 40px; display:flex; align-items:flex-end; gap:32px;
  font:500 15px/1 var(--font-mono, monospace); letter-spacing:.1em; text-transform:uppercase; color:var(--pm-muted); }
.pm-foot__up{ margin-inline-start:auto; }
.pm-foot__url, .pm-foot__up{ direction:ltr; unicode-bidi:isolate; }
.pm-frames{ position:absolute; inset:var(--top) var(--pad-x) var(--foot); }

/* ---------- a slide ---------- */
.pms{ position:absolute; inset:0; display:none; min-height:0; }
.pms.is-on{ display:flex; flex-direction:column; justify-content:center; }
@media (prefers-reduced-motion:no-preference){
  .pms.pm-in{ animation:pm-in 420ms var(--ease-emphasized, cubic-bezier(.2,0,0,1)) both; }
  .pms.pm-in--back{ animation:pm-back 420ms var(--ease-emphasized, cubic-bezier(.2,0,0,1)) both; }
}
@keyframes pm-in{ from{ opacity:0; transform:translateX(28px); } to{ opacity:1; transform:none; } }
@keyframes pm-back{ from{ opacity:0; transform:translateX(-28px); } to{ opacity:1; transform:none; } }
[dir="rtl"] .pms.pm-in{ animation-name:pm-back; }
[dir="rtl"] .pms.pm-in--back{ animation-name:pm-in; }

.pms p, .pms h1, .pms h2, .pms ul, .pms ol, .pms dl, .pms dd, .pms figure, .pms blockquote{ margin:0; }
.pms ul, .pms ol{ list-style:none; padding:0; }
.pms a{ color:inherit; text-underline-offset:4px; }
.pms-eyebrow{ margin:0 0 20px !important; font:500 var(--t-eyebrow)/1.35 var(--font-mono, monospace); letter-spacing:.12em; text-transform:uppercase; color:var(--pm-accent); text-wrap:balance; }
html[lang="ar"] .pms-eyebrow{ letter-spacing:0; font-family:var(--font-ar, "Almarai", sans-serif); font-weight:700; }
.pms-title{ font-weight:600; font-size:var(--t-title); line-height:1.08; letter-spacing:-.02em; max-width:24ch; text-wrap:balance; }
.pms-display{ font-weight:600; font-size:var(--t-display); line-height:1.02; letter-spacing:-.03em; max-width:18ch; text-wrap:balance; }
html[lang="ar"] .pms-title, html[lang="ar"] .pms-display{ letter-spacing:0; line-height:1.25; }
.pms-lead{ margin-top:24px !important; font-weight:400; font-size:var(--t-lead); line-height:1.45; color:var(--pm-muted); max-width:58ch; text-wrap:pretty; }
.pms-head{ margin-bottom:48px; }
.pms-source{ margin-top:36px !important; display:flex; flex-wrap:wrap; gap:8px 24px; align-items:baseline; font:500 var(--t-meta)/1.4 var(--font-mono, monospace); letter-spacing:.08em; text-transform:uppercase; color:var(--pm-muted); }
.pms-source a{ color:var(--pm-ink); }

/* cards */
.pms-cards{ display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:24px; }
.pms-cards[data-n="1"]{ grid-template-columns:minmax(0, 1fr); max-width:1100px; }
.pms-cards[data-n="2"], .pms-cards[data-n="4"]{ grid-template-columns:repeat(2, minmax(0, 1fr)); }
.pms-card{ padding:32px 34px; border-radius:var(--radius-card, 12px); background:var(--pm-surface); box-shadow:var(--pm-shadow); }
.pm-canvas[data-mode="dark"] .pms-card{ box-shadow:inset 0 0 0 1px var(--pm-hair); }
.pms-card__t{ font-weight:600; font-size:var(--t-card); line-height:1.3; }
.pms-card__d{ margin-top:12px !important; font-weight:400; font-size:var(--t-body); line-height:1.5; color:var(--pm-muted); }
.pms-list{ display:grid; gap:0; }
.pms-list li, .pms-list .pms-card{ padding:20px 0; border-radius:0; background:none; box-shadow:none !important; border-top:1px solid var(--pm-hair); }
.pms-list li:last-child{ border-bottom:1px solid var(--pm-hair); }
.pms-list .pms-card__t{ font-size:calc(var(--t-card) - 1px); }
.pms-list .pms-card__d{ margin-top:6px !important; font-size:calc(var(--t-body) - 1px); }

/* the page's words keep their links and emphasis, never the page's layout: an inline piece copied from a section
   (a rail link, a lead or body class, a card part) takes the slide's type; a page tag stays a small label */
.pms :where(.pms-card__t, .pms-card__d, .pms-lead, .pms-title, .pms-display, .pms-q, .pms-a, .pms-topic__t, .pms-topic__d, blockquote, .pms-facts dd, .pms-price__t, .pms-step__t, .pms-step__d)
  :is(span, a, small, em, i, b, strong, time, abbr, mark, q, cite)[class]:not(.k-tag, .pc-nb){
  display:inline; position:static; margin-block:0; padding:0; border:0; border-radius:0; background:none; box-shadow:none; transform:none;
  font-family:inherit; font-size:inherit; line-height:inherit; letter-spacing:inherit; text-transform:none; color:inherit; }
.pms :where(.pms-card__t, .pms-card__d, .pms-lead, .pms-title, .pms-display, .pms-q, .pms-a, .pms-topic__t, .pms-topic__d, blockquote, .pms-facts dd, .pms-price__t, .pms-step__t, .pms-step__d)
  :is(span, a, small, em, i, time, abbr, mark, q, cite)[class]:not(.k-tag, .pc-nb){ font-weight:inherit; }
.pms :where(.pms-card__t, .pms-card__d, .pms-topic__t, .pms-topic__d) [class]:not(.k-tag)::before{ content:none; }
/* two pieces the page set side by side (a number and its name, a lead and its body) keep a space between them */
.pms :where(.pms-card__t, .pms-card__d, .pms-topic__t, .pms-topic__d) span[class] + span{ margin-inline-start:.35em; }
.pms :where(.pms-card__t, .pms-card__d, .pms-topic__t, .pms-topic__d) :is(span, b, small)[class*="__tag"]:not(.k-tag){
  font:500 .72em/1 var(--font-mono, monospace); letter-spacing:.1em; text-transform:uppercase; color:var(--pm-accent); margin-inline-end:.6em; }
.pms .k-tag{ font-size:.72em; gap:.5em; margin-inline-end:.6em; vertical-align:.12em; }
.pms .k-tag::before{ width:.6em; height:.6em; }
/* a title copied with its own line under it (a bold name and its line, a question and its answer) reads as title and description */
.pms-card__t > :is(span, a):only-child > b:first-child{ display:block; }
.pms-card__t > :is(span, a):only-child > b:first-child + :is(span, small), .pms-card__t > span:first-child + span:last-child{
  display:block; margin:12px 0 0; font-weight:400; font-size:var(--t-body); line-height:1.5; color:var(--pm-muted); }
.pms-list .pms-card__t > :is(span, a):only-child > b:first-child + :is(span, small), .pms-list .pms-card__t > span:first-child + span:last-child{ margin-top:6px; font-size:calc(var(--t-body) - 1px); }

/* split: the words on one side, the live component on the other */
.pms.is-on:has(> .pms-slot:not(.is-empty)), .pms--proposal.is-on{ display:grid; grid-template-columns:minmax(0, 5fr) minmax(0, 7fr); grid-template-rows:minmax(0, 100%); gap:72px; align-items:center; }
.pms-split .pms-head{ margin-bottom:32px; }
.pms-split .pms-title{ font-size:calc(var(--t-title) - 6px); }
/* stacked (present.js stackWide): a title-only slide with a wide picture: the title on top, the picture across under it */
.pms.is-stacked.is-on:has(> .pms-slot:not(.is-empty)){ grid-template-columns:minmax(0, 1fr); grid-template-rows:auto minmax(0, 1fr); gap:36px; align-items:stretch; }
.pms.is-stacked > .pms-split .pms-head{ margin-bottom:0; }
.pms.is-stacked > .pms-split .pms-title{ max-width:32ch; }
.pms-slot{ position:relative; height:100%; max-height:100%; min-height:0; overflow:hidden; display:flex; align-items:center; justify-content:center;
  padding:40px; border-radius:var(--radius-base, 24px); background:#F8F8FA; box-shadow:var(--pm-shadow); }
.pm-canvas[data-mode="dark"] .pms-slot{ box-shadow:none; }
.pm-canvas[data-page="dark"] .pms-slot{ background:#000; box-shadow:inset 0 0 0 1px rgba(255,255,255,.12); }
.pms-slot.is-empty{ display:none; }
.pms-slot.is-scroll{ overflow-y:auto; overscroll-behavior:contain; align-items:flex-start; scrollbar-width:thin; }
.pms-slot__in{ flex:none; max-width:none; }
.pms-slot__in > *{ max-width:none; }
/* a component narrower than its slot sits in the middle of it, not against its start edge */
.pms-slot__in [data-pm-v], .pms-slot__in [data-pm-v] > img:only-child{ margin-left:auto; margin-right:auto; }
/* a count-up figure keeps the width kit.js pinned on the page (a grid item's whole column): in a narrower slot it
   held its card open, so the card's words ran past the card */
.pms-slot__in [data-k-count]{ min-inline-size:0 !important; }

/* the cover */
.pms--cover.is-on{ display:grid; grid-template-columns:minmax(0, 6fr) minmax(0, 6fr); gap:72px; align-items:center; }
.pms-cover__mark{ height:100%; border-radius:var(--radius-base, 24px); display:grid; place-items:center;
  background:linear-gradient(135deg, #000 0 30%, var(--purple, #3B06D4) 100%); }
[dir="rtl"] .pms-cover__mark{ background:linear-gradient(225deg, #000 0 30%, var(--purple, #3B06D4) 100%); }
.pms-cover__mark img{ width:46%; height:auto; }
.pms-cover__copy .pms-display{ font-size:var(--t-display); }
.pms-cover__copy .pms-lead{ font-size:calc(var(--t-lead) + 1px); }
.pms-for{ margin-top:36px !important; font-weight:600; font-size:26px; line-height:1.3; color:var(--pm-ink); }
.pms-for b{ color:var(--pm-accent); font-weight:600; }
.pms-meta{ margin-top:28px !important; font:500 var(--t-meta)/1 var(--font-mono, monospace); letter-spacing:.1em; text-transform:uppercase; color:var(--pm-muted); }
.pms-slot--hero{ background:linear-gradient(135deg, #000 0 30%, var(--purple, #3B06D4) 100%); box-shadow:none; padding:48px; }
[dir="rtl"] .pms-slot--hero{ background:linear-gradient(225deg, #000 0 30%, var(--purple, #3B06D4) 100%); }

/* chapter divider: Depth duo, full field */
.pms--divider.is-on{ justify-content:stretch; }
.pms-divider{ height:100%; border-radius:var(--radius-base, 24px); padding:96px 112px; display:flex; flex-direction:column; justify-content:center;
  background:linear-gradient(120deg, #000 0 35%, var(--purple, #3B06D4) 100%); color:#fff; }
[dir="rtl"] .pms-divider{ background:linear-gradient(240deg, #000 0 35%, var(--purple, #3B06D4) 100%); }
.pms-num{ font:500 160px/1 var(--font-mono, monospace); letter-spacing:-.04em; color:#7B87FF; font-variant-numeric:tabular-nums; }
.pms-divider .pms-display{ margin-top:24px !important; color:#fff; }
.pms-divider__list{ margin-top:48px !important; display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:14px 64px; max-width:1400px; }
.pms-divider__list li{ font-weight:400; font-size:23px; line-height:1.35; color:rgba(255,255,255,.72); padding-inline-start:28px; position:relative; }
.pms-divider__list li::before{ content:""; position:absolute; inset-inline-start:0; top:.62em; width:12px; height:2px; background:#7B87FF; }

/* agenda */
.pms-agenda{ display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:0 72px; counter-reset:a; max-width:1500px; }
.pms-agenda li{ display:flex; align-items:baseline; gap:28px; padding:26px 0; border-top:1px solid var(--pm-hair); }
.pms-agenda__n{ font:500 26px/1 var(--font-mono, monospace); color:var(--pm-accent); font-variant-numeric:tabular-nums; }
.pms-agenda__t{ font-weight:600; font-size:40px; line-height:1.15; letter-spacing:-.01em; }

/* stats (the Desert Camel Report) */
.pms-stats{ display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:24px; }
.pms-stat{ display:flex; flex-direction:column; gap:12px; padding:36px 32px; border-radius:var(--radius-card, 12px); background:var(--pm-surface); box-shadow:var(--pm-shadow); }
.pm-canvas[data-mode="dark"] .pms-stat{ box-shadow:inset 0 0 0 1px var(--pm-hair); }
.pms-stat__v{ font:500 var(--t-num)/1 var(--font-mono, monospace); letter-spacing:-.04em; font-variant-numeric:tabular-nums; }
.pms-stat__l{ font-weight:600; font-size:24px; line-height:1.3; }
.pms-stat__d{ font-weight:400; font-size:18px; line-height:1.45; color:var(--pm-muted); }

/* a case study's figures, under its story: the page's figure and its label */
.pms-metrics{ margin-top:40px !important; display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:24px; }
.pms-metrics[data-n="2"]{ grid-template-columns:repeat(2, minmax(0, 1fr)); }
.pms-metrics[data-n="3"]{ grid-template-columns:repeat(3, minmax(0, 1fr)); }
.pms-metrics li{ display:flex; flex-direction:column; gap:10px; padding-top:22px; border-top:2px solid var(--pm-ink); }
.pms-metric__v{ font:500 72px/1 var(--font-mono, monospace); letter-spacing:-.04em; font-variant-numeric:tabular-nums; direction:ltr; unicode-bidi:isolate; }
.pms-metric__l{ font-weight:400; font-size:22px; line-height:1.35; color:var(--pm-muted); text-wrap:balance; }
.pms-metric__l :is(span, b, small)[class]{ font:inherit; color:inherit; }

/* about RIVET */
.pms-about__n{ margin:-12px 0 36px !important; font-weight:600; font-size:44px; line-height:1.15; }
.pms-about__n b{ color:var(--pm-accent); font-family:var(--font-mono, monospace); }
.pms-logos{ display:grid; grid-template-columns:repeat(6, minmax(0, 1fr)); gap:16px; }
.pms-logos li{ height:112px; display:grid; place-items:center; padding:20px 28px; border-radius:var(--radius-card, 12px); background:#fff; box-shadow:var(--pm-shadow); }
.pms-logos img{ max-width:100%; max-height:40px; width:auto; height:auto; }

/* course outlines and topics */
.pms-topics{ display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:20px 56px; }
.pms-topics[data-n="1"], .pms-topics[data-n="2"], .pms-topics[data-n="3"]{ grid-template-columns:minmax(0, 1fr); max-width:1200px; }
.pms-topics li{ display:grid; grid-template-columns:56px minmax(0, 1fr); gap:20px; align-items:start; padding-top:20px; border-top:1px solid var(--pm-hair); }
.pms-topic__n{ display:grid; place-items:center; height:44px; border-radius:var(--radius-button, 8px); background:var(--pm-tint); color:var(--pm-accent);
  font:500 18px/1 var(--font-mono, monospace); font-variant-numeric:tabular-nums; }
.pms-topic__t{ font-weight:600; font-size:24px; line-height:1.3; }
.pms-topic__d{ margin-top:6px !important; font-weight:400; font-size:19px; line-height:1.45; color:var(--pm-muted); }
.pms-course__price{ color:var(--pm-ink); }

/* a quote */
.pms--quote.is-on{ align-items:flex-start; }
.pms-quote{ max-width:1400px; }
.pms-quote blockquote{ font-weight:500; font-size:48px; line-height:1.3; letter-spacing:-.01em; text-wrap:pretty; }
.pms-quote blockquote::before{ content:"“"; display:block; height:.6em; font-size:1.6em; line-height:1; color:var(--pm-accent); }
html[lang="ar"] .pms-quote blockquote::before{ content:"«"; height:.7em; }   /* the Arabic pages quote in « » */
.pms-quote figcaption{ margin-top:40px; display:flex; align-items:center; gap:20px; }
.pms-quote__img{ width:88px; height:88px; border-radius:50%; object-fit:cover; }
.pms-quote__who{ display:grid; gap:4px; font-weight:400; font-size:21px; line-height:1.35; color:var(--pm-muted); }
.pms-quote__who span:first-child{ font-weight:600; font-size:24px; color:var(--pm-ink); }

/* price, terms, the proposal */
.pms-pricebox{ display:grid; grid-template-columns:minmax(0, 5fr) minmax(0, 7fr); gap:72px; align-items:start; }
.pms-price{ display:grid; gap:16px; padding:48px; border-radius:var(--radius-base, 24px); background:var(--pm-surface); box-shadow:var(--pm-shadow); }
.pm-canvas[data-mode="dark"] .pms-price{ box-shadow:inset 0 0 0 1px var(--pm-hair); }
.pms-price__v{ font:500 96px/1 var(--font-mono, monospace); letter-spacing:-.04em; font-variant-numeric:tabular-nums; }
.pms-price__t{ font-weight:400; font-size:24px; line-height:1.4; color:var(--pm-muted); }
/* a price copied with its own line ("EGP 26,000" and "the course, on its own"): the line sits under the figure */
.pms-price__v > b:first-child + span{ display:block; margin-top:16px; font:400 24px/1.4 var(--font-sans, sans-serif); letter-spacing:0; color:var(--pm-muted); }
.pms-facts{ display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:0 48px; }
.pms-facts > div{ padding:22px 0; border-top:1px solid var(--pm-hair); }
.pms-facts dt{ font:500 var(--t-meta)/1.3 var(--font-mono, monospace); letter-spacing:.1em; text-transform:uppercase; color:var(--pm-muted); }
.pms-facts dd{ margin-top:8px !important; font-weight:600; font-size:24px; line-height:1.35; }
.pms-panel{ align-self:stretch; display:flex; flex-direction:column; justify-content:center; padding:48px; border-radius:var(--radius-base, 24px); background:var(--pm-surface); box-shadow:var(--pm-shadow); }
.pm-canvas[data-mode="dark"] .pms-panel{ box-shadow:inset 0 0 0 1px var(--pm-hair); }

/* a comparison table: its own full-width slides at reading size (13px and up on a 1440 screen), its rows going on to
   "continued" slides (present.py table_pages); the page's own column (is-here) keeps its tint */
.pms--table.is-on{ justify-content:flex-start; }
.pms--table .pms-head{ margin-bottom:28px; }
.pms--table .pms-title{ font-size:48px; max-width:none; }
.pms--table .pms-lead{ margin-top:16px !important; font-size:24px; max-width:76ch; }
.pms-table{ width:100%; table-layout:fixed; border-collapse:collapse; font-size:19px; line-height:1.25; color:var(--pm-ink); }
.pms-table__lead{ width:46%; }
.pms-table th, .pms-table td{ padding:6px 10px; text-align:center; vertical-align:middle; font-weight:400; }
.pms-table thead tr{ border-bottom:2px solid var(--pm-ink); }
.pms-table thead th{ padding:0 10px 12px; vertical-align:bottom; }
.pms-table thead .pms-table__corner{ padding-inline:0 24px; text-align:start; font:500 18px/1.3 var(--font-mono, monospace); letter-spacing:.08em; text-transform:uppercase; color:var(--pm-muted); }
.pms-table__name{ display:block; font-weight:600; font-size:22px; line-height:1.2; }
.pms-table__sub, .pms-table__price{ display:block; margin-top:2px; font-size:18px; line-height:1.25; color:var(--pm-muted); }
.pms-table__price{ font-family:var(--font-mono, monospace); font-weight:500; color:var(--pm-ink); }
.pms-table tbody tr{ border-top:1px solid var(--pm-hair); }
.pms-table tbody th[scope="row"]{ padding-inline:0 24px; text-align:start; }
.pms-table__t{ display:block; font-weight:600; font-size:20px; line-height:1.2; }
.pms-table__d{ display:block; margin-top:1px; font-size:18px; line-height:1.25; color:var(--pm-muted); text-wrap:pretty; }
.pms-table__c{ display:block; font-size:19px; line-height:1.25; }
.pms-table__cd{ display:block; font-size:18px; line-height:1.25; color:var(--pm-muted); }
.pms-table tr.pms-table__grp{ border-top:0; }
.pms-table__grp th{ padding:16px 0 6px; text-align:start; font:500 18px/1.25 var(--font-mono, monospace); letter-spacing:.1em; text-transform:uppercase; color:var(--pm-muted); }
.pms-table__grp th span{ margin-inline-start:16px; font:400 18px/1.25 var(--font-sans, sans-serif); letter-spacing:0; text-transform:none; }
html[lang="ar"] :is(.pms-table__grp th, .pms-table__corner){ font-family:var(--font-ar, "Almarai", sans-serif); font-weight:700; letter-spacing:0; }
html[lang="ar"] .pms-table__price{ font-family:var(--font-ar, "Almarai", sans-serif); font-weight:700; }
.pms-yes{ display:inline-grid; place-items:center; width:32px; height:32px; border-radius:50%; background:var(--pm-tint); color:var(--pm-accent); vertical-align:middle; }
.pms-yes svg{ width:20px; height:20px; }
.pms-no{ font-size:24px; line-height:1; color:var(--pm-muted); }
.pms-table .is-here{ background:var(--pm-tint); }
.pms-table .is-here .pms-yes{ background:var(--pm-surface); }
.pms-table thead .is-here .pms-table__name{ color:var(--pm-accent); }
.pms-table a{ text-decoration:none; }
/* the page's words keep their links, never their page styles (a "Coming soon" pill, a rail link) */
.pms-table :where(.pms-table__t, .pms-table__d, .pms-table__c, .pms-table__cd, .pms-table__name, .pms-table__sub, .pms-table__price, .pms-table__grp th, .pms-table__corner) :is(span, a, small, b, strong, em, i)[class]{
  display:inline; position:static; margin:0; padding:0; border:0; border-radius:0; background:none; box-shadow:none;
  font:inherit; letter-spacing:inherit; text-transform:inherit; color:inherit; }

/* questions */
.pms-qa{ display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:28px 56px; }
.pms-qa li{ padding-top:24px; border-top:1px solid var(--pm-hair); }
.pms-q{ font-weight:600; font-size:25px; line-height:1.3; }
.pms-a{ margin-top:12px !important; font-weight:400; font-size:20px; line-height:1.5; color:var(--pm-muted); }

/* steps */
.pms-steps{ display:grid; grid-template-columns:repeat(auto-fit, minmax(0, 1fr)); gap:32px; position:relative; }
.pms-steps li{ position:relative; display:grid; gap:12px; align-content:start; }
.pms-step__n{ width:64px; height:64px; display:grid; place-items:center; border-radius:50%; background:var(--pm-accent); color:#fff;
  font:500 26px/1 var(--font-mono, monospace); position:relative; z-index:1; }
.pm-canvas[data-mode="dark"] .pms-step__n{ color:#000; }
.pms-steps li:not(:last-child)::after{ content:""; position:absolute; top:31px; inset-inline-start:76px; inset-inline-end:-20px; height:2px; background:var(--pm-hair); }
.pms-step__t{ margin-top:8px !important; font-weight:600; font-size:27px; line-height:1.25; }
.pms-step__d{ font-weight:400; font-size:20px; line-height:1.45; color:var(--pm-muted); }

/* actions: one magenta, the rest quiet */
.pms-acts{ margin-top:56px !important; display:flex; flex-wrap:wrap; gap:16px; align-items:center; }
.pms .pms-btn, .pm-ui .k-btn{ position:relative; display:inline-flex; align-items:center; justify-content:center; gap:10px; min-height:64px; padding:0 32px;
  border:0; border-radius:var(--radius-button, 8px); font:600 21px/1 var(--font-sans, sans-serif); text-decoration:none; cursor:pointer;
  background:transparent; color:var(--pm-ink, #000); box-shadow:inset 0 0 0 1.5px var(--pm-hair, #D1D1D9); transition:background var(--dur-instant, 120ms) var(--ease-standard, ease); }
html[lang="ar"] .pms .pms-btn, html[lang="ar"] .pm-ui .k-btn{ font-family:var(--font-ar, "Almarai", sans-serif); }
.pms .pms-btn:hover, .pm-ui .k-btn:hover{ background:var(--pm-tint, rgba(59,6,212,.07)); }
.pms .k-btn--decision, .pm-ui .k-btn--decision{ background:var(--magenta, #FF00D4); color:#fff; box-shadow:none; }
.pms .k-btn--decision:hover, .pm-ui .k-btn--decision:hover{ background:#D700B3; }
.pms-copied{ position:absolute; inset:auto 50% calc(100% + 10px) auto; transform:translateX(50%); padding:8px 12px; border-radius:var(--radius-button, 8px);
  background:#0A0A0C; color:#fff; font:500 15px/1 var(--font-sans, sans-serif); white-space:nowrap; }
.pms :focus-visible, .pm-ui :focus-visible{ outline:3px solid var(--pm-accent, #3B06D4); outline-offset:2px; }

/* the call to action and thank you */
.pms--cta.is-on, .pms--thanks.is-on{ align-items:flex-start; }
.pms-cta .pms-title{ font-size:var(--t-display); line-height:1.02; max-width:20ch; }
.pms-url{ margin-top:20px !important; font:500 30px/1.2 var(--font-mono, monospace); direction:ltr; unicode-bidi:isolate; color:var(--pm-accent); }

/* ---------- the gate ---------- */
.pms--gate.is-on{ display:grid; align-items:center; }
.pm-gate{ display:grid; grid-template-columns:minmax(0, 6fr) minmax(0, 6fr); gap:72px; align-items:center; }
.pm-gate .pms-title{ font-size:52px; }
.pm-gate .pms-lead{ font-size:24px; }
.pm-member{ margin-top:40px; padding-top:28px; border-top:1px solid var(--pm-hair); }
.pm-member__t{ font-weight:600; font-size:24px; line-height:1.3; }
.pm-member__l{ margin-top:6px !important; font-weight:400; font-size:19px; line-height:1.45; color:var(--pm-muted); }
.pm-member__row{ margin-top:16px; display:flex; gap:12px; }
.pm-member__row input{ flex:1; min-width:0; height:60px; padding:0 18px; border-radius:var(--radius-button, 8px); border:1.5px solid var(--pm-hair); background:var(--pm-surface); color:var(--pm-ink); font-weight:400; font-size:20px; line-height:1; }
.pm-member__msg{ margin-top:12px !important; font-weight:400; font-size:18px; line-height:1.4; color:var(--pm-muted); }
.pm-skip{ margin-top:24px; padding:0; border:0; background:none; color:var(--pm-muted); font:500 var(--t-meta)/1.3 var(--font-mono, monospace); letter-spacing:.08em; text-transform:uppercase; text-decoration:underline; text-underline-offset:4px; cursor:pointer; }
.pm-gate__form{ padding:48px; border-radius:var(--radius-base, 24px); background:#fff; color:#000; box-shadow:var(--pm-shadow); display:grid; gap:20px; }
.pm-gate__form .rf-grid{ display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.pm-gate__form label{ font:600 17px/1.3 var(--font-sans, sans-serif); color:#000; }
.pm-gate__form input{ width:100%; height:60px; margin-top:8px; padding:0 16px; border-radius:var(--radius-button, 8px); border:1.5px solid #D1D1D9; background:#fff; color:#000; font:400 18px/1 var(--font-sans, sans-serif); }
.pm-gate__form .rf-consent{ font:400 15px/1.45 var(--font-sans, sans-serif); color:#4A4A68; }
.pm-gate__form .rf-actions .k-btn{ width:100%; }
.pm-gate__form .rf-opt{ font-weight:400; color:#4A4A68; }
/* the gate's two forms share one field height; the sign-in button stands as tall as its field; errors read at slide size */
.pm-member__row .k-btn{ min-height:60px; }
.pm-gate__form .rf-err{ margin-top:8px; font-size:16px; line-height:1.35; }

/* ---------- the dock (rests out of view; the mouse or a tap brings it back) ---------- */
.pm-dock{ position:fixed; inset:auto 0 20px 0; margin:0 auto; width:max-content; max-width:calc(100vw - 32px); z-index:3; align-items:center; gap:4px; padding:6px;
  border-radius:var(--radius-card, 12px); background:rgba(10,10,12,.86); color:#fff;
  -webkit-backdrop-filter:blur(20px) saturate(180%); backdrop-filter:blur(20px) saturate(180%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14), inset 0 0 0 1px rgba(255,255,255,.07), 0 12px 40px -10px rgba(0,0,0,.65);
  opacity:0; transform:translateY(8px); transition:opacity var(--dur-quick, 200ms) var(--ease-standard, ease), transform var(--dur-quick, 200ms) var(--ease-standard, ease); }
.pm-ui.pm-awake .pm-dock, .pm-dock:focus-within, .pm-dock:hover{ opacity:1; transform:none; }
.pm-btn{ position:relative; display:inline-flex; align-items:center; justify-content:center; gap:6px; min-width:44px; height:44px; padding:0 10px; border:0;
  border-radius:var(--radius-button, 8px); background:transparent; color:inherit; cursor:pointer; font:600 14px/1 var(--font-sans, sans-serif); }
.pm-btn:hover{ background:rgba(255,255,255,.1); }
.pm-btn:disabled{ opacity:.35; cursor:default; background:transparent; }
.pm-btn[aria-pressed="true"], .pm-btn[aria-expanded="true"]{ background:rgba(123,135,255,.18); }
.pm-btn:focus-visible{ outline:3px solid #7B87FF; outline-offset:2px; }
[dir="rtl"] .pm-dock [data-pm-prev] svg, [dir="rtl"] .pm-dock [data-pm-next] svg{ transform:scaleX(-1); }
.pm-count{ min-width:7ch; text-align:center; font:500 13px/1 var(--font-mono, monospace); font-variant-numeric:tabular-nums; color:#9A9BBD; }
.pm-sep{ width:1px; height:24px; margin:0 4px; background:rgba(255,255,255,.14); }
.pm-tip{ position:absolute; inset:auto 50% calc(100% + 10px) auto; transform:translateX(50%); white-space:nowrap; padding:6px 10px; border-radius:var(--radius-button, 8px); background:#0A0A0C; color:#fff; font:500 12px/1 var(--font-sans, sans-serif); }
.pm-hint{ position:fixed; inset:auto 0 84px 0; margin:0 auto; width:max-content; max-width:calc(100vw - 32px); padding:8px 12px; border-radius:var(--radius-button, 8px);
  background:#0A0A0C; color:#fff; font:500 13px/1.3 var(--font-sans, sans-serif); text-align:center; z-index:3; }
html.is-presenting .pm-hint:not([hidden]){ display:block; }
.pm-list{ position:fixed; inset:auto 0 84px 0; margin:0 auto; width:min(620px, calc(100vw - 32px)); max-height:min(70vh, 640px); overflow:auto; padding:8px; z-index:3;
  border-radius:var(--radius-card, 12px); background:rgba(10,10,12,.94); color:#fff; box-shadow:0 12px 40px -10px rgba(0,0,0,.65); }
html.is-presenting .pm-list:not([hidden]){ display:block; }
.pm-list ol{ list-style:none; margin:0; padding:0; display:grid; gap:2px; }
.pm-list__ch{ padding:14px 12px 6px; font:500 12px/1 var(--font-mono, monospace); letter-spacing:.14em; text-transform:uppercase; color:#7B87FF; }
.pm-item{ display:flex; align-items:baseline; gap:12px; width:100%; min-height:44px; padding:10px 12px; border:0; border-radius:var(--radius-button, 8px); background:transparent; color:inherit; text-align:start; cursor:pointer; font:500 15px/1.35 var(--font-sans, sans-serif); }
.pm-item:hover{ background:rgba(255,255,255,.1); }
.pm-item[aria-current="true"]{ background:rgba(123,135,255,.18); }
.pm-item.is-locked{ opacity:.45; cursor:default; }
.pm-item__n{ flex:none; font:500 12px/1 var(--font-mono, monospace); color:#9A9BBD; font-variant-numeric:tabular-nums; }
.pm-item__t{ min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }

/* ---------- the chooser ---------- */
.pm-dlg{ position:fixed; inset:0; z-index:270; display:grid; place-items:center; padding:16px; background:rgba(0,0,0,.55); pointer-events:auto; }
.pm-dlg__panel{ position:relative; width:min(640px, 100%); max-height:calc(100vh - 32px); overflow:auto; padding:40px; border-radius:var(--radius-card, 12px); background:#fff; color:#000;
  box-shadow:0 24px 64px -16px rgba(0,0,0,.45); font-family:var(--font-sans, sans-serif); }
html[lang="ar"] .pm-dlg__panel{ font-family:var(--font-ar, "Almarai", sans-serif); }
.pm-dlg__panel .pms-eyebrow{ font-size:13px; color:#3B06D4; margin-bottom:12px !important; }
.pm-dlg__t{ margin:0 0 24px; font-weight:600; font-size:26px; line-height:1.25; }
.pm-dlg__x{ position:absolute; top:16px; inset-inline-end:16px; width:44px; height:44px; display:grid; place-items:center; border:0; border-radius:var(--radius-button, 8px); background:transparent; color:#000; cursor:pointer; }
.pm-dlg__x:hover{ background:rgba(74,74,104,.1); }
.pm-aud{ margin:0; padding:0; border:0; display:grid; gap:10px; }
.pm-aud label{ position:relative; display:flex; gap:14px; align-items:flex-start; padding:16px 18px; border-radius:var(--radius-card, 12px); box-shadow:inset 0 0 0 1.5px #D1D1D9; cursor:pointer; }
.pm-aud label:has(input:checked){ box-shadow:inset 0 0 0 2px #3B06D4; background:rgba(59,6,212,.04); }
.pm-aud input{ margin-top:4px; accent-color:#3B06D4; width:18px; height:18px; flex:none; }
.pm-aud b{ display:block; font-weight:600; font-size:17px; line-height:1.3; }
.pm-aud span span{ display:block; margin-top:4px; font-weight:400; font-size:15px; line-height:1.45; color:#4A4A68; }
.pm-dlg__names{ margin-top:20px; display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.pm-dlg__names label{ display:grid; gap:6px; font-weight:600; font-size:14px; line-height:1.3; }
.pm-dlg__names input{ height:48px; padding:0 14px; border-radius:var(--radius-button, 8px); border:1.5px solid #D1D1D9; font-weight:400; font-size:16px; line-height:1; }
.pm-dlg__names .rf-opt{ font-weight:400; color:#4A4A68; }
.pm-dlg__acts{ margin:24px 0 0; display:flex; flex-wrap:wrap; gap:12px; }
.pm-dlg .k-btn{ min-height:52px; padding:0 24px; font-size:17px; --pm-ink:#000; --pm-hair:#D1D1D9; }
/* the chooser is modal: the voice widget steps aside as it does while presenting */
html.pm-dlg-open :is(.rv-voice, elevenlabs-convai){ display:none !important; }

/* ---------- a phone in portrait: the same deck, stacked, at the phone's own size ---------- */
.pm-canvas--portrait{ --t-display:34px; --t-title:26px; --t-lead:16px; --t-body:15px; --t-card:17px; --t-eyebrow:12px; --t-num:44px; --t-meta:11px;
  --pad-x:20px; --top:64px; --foot:56px; }
.pm-canvas--portrait .pm-top{ padding-top:22px; gap:12px; }
.pm-canvas--portrait .pm-logo{ height:18px; }
.pm-canvas--portrait .pm-bar{ height:4px; gap:3px; }
.pm-canvas--portrait .pm-foot{ padding-bottom:18px; font-size:10px; gap:12px; }
.pm-canvas--portrait .pm-foot__for{ display:none; }
.pm-canvas--portrait .pm-foot__url{ min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.pm-canvas--portrait .pm-foot__up{ flex:none; white-space:nowrap; }
/* on a phone the dock sits over the foot line: the address and date step aside while the dock is up */
.pm-canvas--portrait .pm-foot{ transition:opacity var(--dur-quick, 200ms) var(--ease-standard, ease); }
.pm-ui.pm-awake .pm-canvas--portrait .pm-foot, .pm-ui:has(.pm-dock:focus-within) .pm-canvas--portrait .pm-foot{ opacity:0; }
.pm-canvas--portrait .pms.is-on{ display:block !important; overflow-y:auto; overscroll-behavior:contain; padding:8px 0 96px; }
.pm-canvas--portrait .pms-head{ margin-bottom:22px; }
.pm-canvas--portrait .pms-eyebrow{ margin-bottom:10px !important; }
.pm-canvas--portrait .pms-lead{ margin-top:12px !important; }
.pm-canvas--portrait :is(.pms-cards, .pms-stats, .pms-topics, .pms-qa, .pms-facts, .pms-agenda, .pms-pricebox, .pm-gate, .pms-divider__list, .pms-steps){ grid-template-columns:minmax(0, 1fr) !important; gap:12px; }
.pm-canvas--portrait .pms-logos{ grid-template-columns:repeat(3, minmax(0, 1fr)); gap:8px; }
.pm-canvas--portrait .pms-logos li{ height:64px; padding:10px 12px; }
.pm-canvas--portrait .pms-card, .pm-canvas--portrait .pms-stat{ padding:18px; }
.pm-canvas--portrait .pms-card__d{ margin-top:6px !important; }
.pm-canvas--portrait .pms-slot{ height:340px; margin-top:20px; padding:16px; }
.pm-canvas--portrait .pms-cover__mark{ display:none; }
.pm-canvas--portrait .pms-split .pms-title{ font-size:var(--t-title); }
.pm-canvas--portrait .pms-divider{ min-height:100%; padding:32px 24px; }
.pm-canvas--portrait .pms-num{ font-size:64px; }
.pm-canvas--portrait .pms-divider__list{ margin-top:20px !important; }
.pm-canvas--portrait .pms-divider__list li{ font-size:15px; }
.pm-canvas--portrait .pms-agenda li{ padding:14px 0; gap:14px; }
.pm-canvas--portrait .pms-agenda__n{ font-size:14px; }
.pm-canvas--portrait .pms-agenda__t{ font-size:20px; }
.pm-canvas--portrait .pms-metrics{ margin-top:20px !important; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:16px 12px; }
.pm-canvas--portrait .pms-metrics li{ gap:6px; padding-top:12px; }
.pm-canvas--portrait .pms-metric__v{ font-size:34px; }
.pm-canvas--portrait .pms-metric__l{ font-size:14px; }
.pm-canvas--portrait .pms-stat__l{ font-size:16px; }
.pm-canvas--portrait .pms-stat__d{ font-size:13px; }
.pm-canvas--portrait .pms-topics li{ grid-template-columns:36px minmax(0, 1fr); gap:12px; padding-top:12px; }
.pm-canvas--portrait .pms-topic__n{ height:30px; font-size:12px; }
.pm-canvas--portrait .pms-topic__t{ font-size:16px; }
.pm-canvas--portrait .pms-topic__d{ font-size:14px; }
.pm-canvas--portrait .pms-quote blockquote{ font-size:22px; }
.pm-canvas--portrait .pms-quote__img{ width:56px; height:56px; }
.pm-canvas--portrait .pms-quote__who{ font-size:14px; }
.pm-canvas--portrait .pms-quote__who span:first-child{ font-size:16px; }
.pm-canvas--portrait .pms-price{ padding:24px; }
.pm-canvas--portrait .pms-price__v{ font-size:44px; }
.pm-canvas--portrait .pms-price__t, .pm-canvas--portrait .pms-facts dd{ font-size:16px; }
.pm-canvas--portrait .pms-facts > div{ padding:12px 0; }
.pm-canvas--portrait .pms-panel{ margin-top:16px; padding:20px; }
.pm-canvas--portrait .pms-q{ font-size:16px; }
.pm-canvas--portrait .pms-a{ font-size:14px; }
.pm-canvas--portrait .pms-step__n{ width:40px; height:40px; font-size:16px; }
.pm-canvas--portrait .pms-steps li::after{ display:none; }
.pm-canvas--portrait .pms-step__t{ font-size:18px; }
.pm-canvas--portrait .pms-step__d{ font-size:14px; }
.pm-canvas--portrait .pms-acts{ margin-top:24px !important; }
.pm-canvas--portrait .pms .pms-btn{ min-height:48px; padding:0 18px; font-size:15px; width:100%; }
.pm-canvas--portrait .pms-cta .pms-title{ font-size:var(--t-display); }
.pm-canvas--portrait .pms-about__n{ font-size:22px; margin-bottom:16px !important; }
.pm-canvas--portrait .pm-gate .pms-title{ font-size:26px; }
.pm-canvas--portrait .pm-gate .pms-lead{ font-size:15px; }
.pm-canvas--portrait .pm-gate__form{ padding:20px; margin-top:20px; }
.pm-canvas--portrait .pm-gate__form .rf-grid{ grid-template-columns:1fr; }
.pm-canvas--portrait .pm-member__row input{ height:48px; font-size:16px; }
.pm-canvas--portrait .pm-member__row .k-btn, .pm-canvas--portrait .pm-gate__form .k-btn{ min-height:48px; padding:0 18px; font-size:15px; }
.pm-canvas--portrait .pm-gate__form input{ height:48px; font-size:16px; }
.pm-canvas--portrait .pm-gate__form .rf-err{ font-size:13px; }
/* a comparison table on a phone: each row's name across, its cells under it on the columns of the heads, which stay
   at the top while the slide scrolls */
.pm-canvas--portrait .pms--table .pms-title{ font-size:var(--t-title); }
.pm-canvas--portrait .pms--table .pms-lead{ font-size:var(--t-lead); }
.pm-canvas--portrait .pms-table, .pm-canvas--portrait .pms-table :is(thead, tbody, th, td){ display:block; }
.pm-canvas--portrait .pms-table colgroup, .pm-canvas--portrait .pms-table__corner{ display:none !important; }
.pm-canvas--portrait .pms-table tr{ display:grid; grid-template-columns:repeat(var(--cols, 5), minmax(0, 1fr)); gap:0 4px; align-items:center; }
.pm-canvas--portrait .pms-table thead tr{ position:sticky; top:-8px; z-index:1; padding:8px 0 10px; background:var(--pm-bg); border-bottom-width:1.5px; }
.pm-canvas--portrait .pms-table :is(th, td){ padding:4px 2px; }
.pm-canvas--portrait .pms-table thead th{ padding:0 2px; border-bottom:0; }
.pm-canvas--portrait .pms-table tbody tr{ padding-bottom:10px; }
.pm-canvas--portrait .pms-table tbody th[scope="row"], .pm-canvas--portrait .pms-table__grp th{ grid-column:1 / -1; }
.pm-canvas--portrait .pms-table tbody th[scope="row"]{ padding:10px 0 6px; }
.pm-canvas--portrait .pms-table__grp th{ padding:18px 0 6px; font-size:12px; }
.pm-canvas--portrait .pms-table__grp th span{ font-size:12px; margin-inline-start:8px; }
.pm-canvas--portrait .pms-table__name{ font-size:13px; }
.pm-canvas--portrait :is(.pms-table__sub, .pms-table__price){ margin-top:2px; font-size:11px; overflow-wrap:anywhere; }
.pm-canvas--portrait .pms-table__price{ font-family:inherit; font-weight:600; }
.pm-canvas--portrait .pms-table__t{ font-size:15px; }
.pm-canvas--portrait .pms-table__d{ font-size:13px; }
.pm-canvas--portrait .pms-table__c{ font-size:12px; }
.pm-canvas--portrait .pms-table__cd{ font-size:11px; }
.pm-canvas--portrait .pms-yes{ width:28px; height:28px; }
.pm-canvas--portrait .pms-yes svg{ width:16px; height:16px; }
.pm-canvas--portrait .pms-no{ font-size:16px; }
.pm-canvas--portrait .pms-for{ font-size:17px; margin-top:18px !important; }
.pm-canvas--portrait .pms-url{ font-size:18px; }
@media (max-width:760px){
  .pm-dock{ inset-block-end:12px; }
  .pm-btn--fs, .pm-exit-t{ display:none; }
  .pm-dlg__panel{ padding:28px 20px; }
  .pm-dlg__names{ grid-template-columns:1fr; }
  /* a phone scrolls the chooser: Start presenting stays in view at its foot */
  .pm-dlg__acts{ position:sticky; bottom:-28px; z-index:1; margin:24px -20px -28px; padding:16px 20px 20px; background:#fff; box-shadow:0 -1px 0 #D1D1D9; }
  .pm-dlg__acts .k-btn{ flex:1 1 auto; }
}
@media print{ .pm-ui, .k-present{ display:none !important; } }

/* numbers read left to right in Arabic too: "07 / 42", never "42 / 07" */
.pm-top__n, .pm-count, .pm-item__n, .pms-num, .pms-agenda__n, .pms-topic__n, .pms-step__n, .pms-stat__v, .pms-price__v{ direction:ltr; unicode-bidi:isolate; }