/* assets/dcr-share.css · RIVET Voice sharing v1 on the Desert Camel Report (11 Nov 2026). assets/dcr-share.js mounts one
   quiet Share button on every marked card and figure ([data-share-text]) and one menu on <body>.
   Brand OS v1.2: no magenta here (the page keeps its one action and its one insight), radius 8 on controls and 12 on the
   menu, Plex Sans labels, Lucide 2px icons, the purple focus ring, the site's glass on the menu (solid where the visitor
   asks for less transparency), UI motion tier (dur-quick, ease-standard; none with reduced motion). */

/* the card holds the button in its top end corner; a card that is not positioned yet becomes the button's frame */
.dcr-share-host--rel{ position:relative; }
.dcr-share{ position:absolute; inset-block-start:6px; inset-inline-end:6px; z-index:3; display:block; line-height:0; }
.dcr-share__btn{ display:grid; place-items:center; inline-size:40px; block-size:40px; margin:0; padding:0; border:0;
  border-radius:var(--radius-button, 8px); background:transparent; color:var(--ink-muted, #4A4A68); cursor:pointer;
  -webkit-tap-highlight-color:transparent;
  transition:background-color var(--dur-instant, 120ms) var(--ease-standard, ease), color var(--dur-instant, 120ms) var(--ease-standard, ease); }
.dcr-share__btn:hover, .dcr-share__btn[aria-expanded="true"]{ background:var(--ghost-white, #F8F8FA); color:var(--ink, #000); }
.dcr-share__btn:focus{ outline:none; }
.dcr-share__btn:focus-visible{ outline:3px solid var(--focus-ring, #3B06D4); outline-offset:2px; }
.dcr-share__btn .dcr-share__i{ inline-size:18px; block-size:18px; }
/* a 44px touch on phones and touch screens: the button keeps its 40px, an unseen ::after carries the rest */
@media (max-width:719px), (pointer:coarse){
  .dcr-share__btn{ position:relative; }
  .dcr-share__btn::after{ content:""; position:absolute; inset:-2px; }
}

/* room for the button where a card's first row runs to its end edge (a Lens chip, a legend, a stamp) */
.dcr-share-host > :is(header, .rx-head, .vp-head, .dcr-w__head, .cv-fig__top, .mv-card__body){ padding-inline-end:36px; }
.dcr-share-host.mv-card .mv-card__chips{ padding-inline-end:8px; }
/* a metric's numeral is short and its label starts below the button, so the metric keeps its full measure */
/* on a white card on the ghost page, or a ghost panel inside a card, the hover ground stays visible */
main.dcr.hubr .dcr-w .dcr-share__btn:hover{ background:var(--ghost-white, #F8F8FA); }
main.dcr.hubr .dcr-w .dcr-w .dcr-share__btn:hover{ background:#fff; }
/* the cover's chapter tiles are one link each: the button sits above the link, in the tile's corner */
.cv-tile.dcr-share-host > .dcr-share{ z-index:4; }

/* ---------------------------------------------------------------- the menu */
.dcr-share__menu{ position:fixed; z-index:400; inset-block-start:0; inset-inline-start:0; display:grid; gap:6px;
  min-inline-size:224px; max-inline-size:calc(100vw - 16px); padding:8px; border-radius:var(--radius-card, 12px);
  background:var(--lg-tint, rgba(248,248,250,.92)); color:var(--ink, #000);
  -webkit-backdrop-filter:var(--lg-filter, blur(20px) saturate(180%)); backdrop-filter:var(--lg-filter, blur(20px) saturate(180%));
  box-shadow:var(--lg-rim, inset 0 0 0 1px rgba(255,255,255,.5)), var(--glass-shadow, 0 1px 2px rgba(0,0,0,.06), 0 12px 32px -10px rgba(17,12,46,.2));
  font:500 var(--fs-small, 14px)/1.25 var(--font-sans, "IBM Plex Sans", system-ui, sans-serif);
  opacity:0; transform:translateY(-4px);
  transition:opacity var(--dur-quick, 200ms) var(--ease-standard, ease), transform var(--dur-quick, 200ms) var(--ease-standard, ease); }
.dcr-share__menu.is-in{ opacity:1; transform:none; }
.dcr-share__menu[hidden]{ display:none; }
.dcr-share__menu.dcr-share--rm{ transition:none; transform:none; }
.dcr-share__it{ display:flex; align-items:center; gap:12px; inline-size:100%; min-block-size:44px; margin:0; padding:0 14px 0 12px;
  border:0; border-radius:var(--radius-button, 8px); background:transparent; color:inherit; font:inherit; text-align:start;
  text-decoration:none; white-space:nowrap; cursor:pointer;
  transition:background-color var(--dur-instant, 120ms) var(--ease-standard, ease); }
.dcr-share__it[hidden]{ display:none; }
.dcr-share__it:hover{ background:rgba(0,0,0,.05); }
.dcr-share__it:focus{ outline:none; }
.dcr-share__it:focus-visible{ background:rgba(0,0,0,.05); outline:3px solid var(--focus-ring, #3B06D4); outline-offset:2px; }
.dcr-share__it .dcr-share__i{ flex:none; inline-size:18px; block-size:18px; color:var(--ink-muted, #4A4A68); }
.dcr-share__it.is-done .dcr-share__i{ color:var(--success-text, #00864F); }
[lang="ar"] .dcr-share__menu, .dcr-share__menu[dir="rtl"]{ font-family:var(--font-arabic, "Almarai", sans-serif); }

@media (prefers-reduced-transparency:reduce){
  .dcr-share__menu{ background:var(--ghost-white, #F8F8FA); -webkit-backdrop-filter:none; backdrop-filter:none; }
}
@media (prefers-reduced-motion:reduce){
  .dcr-share__menu, .dcr-share__btn, .dcr-share__it{ transition:none; transform:none; }
}
@media (forced-colors:active){
  .dcr-share__menu{ border:1px solid CanvasText; }
  .dcr-share__btn:focus-visible, .dcr-share__it:focus-visible{ outline-color:Highlight; }
}
@media print{ .dcr-share, .dcr-share__menu{ display:none !important; } }