/* assets/dcr-gate.css · the locked card of the Desert Camel Report (R15, tools/dcr/gate.json, tools/dcr/gate_extract.py).
   A chapter's members' part is replaced by one quiet white card on the card shadow: what opens (the part's own
   headings), the e-mail check of the free RIVET account, the sign-up link, and who reads what. The chapter bar keeps the
   page's one magenta action, so the card's button is ink. Light mode only, like the report; logical properties for RTL. */
.dcr-gate{ position:relative; }
.dcr-gate > [data-gate-slot]:has(> .dcr-gl){ padding-inline:0; }   /* the card brings its own .k-wrap (RIVET Voices pads its slot) */
.dcr-gl{ padding-block:clamp(24px, 3vw, 40px) 0; }
.dcr-gl__card{ display:grid; grid-template-columns:minmax(0, 1.15fr) minmax(0, 1fr); gap:28px clamp(28px, 4vw, 56px);
  padding:clamp(24px, 3vw, 40px) clamp(20px, 4vw, 48px); border-radius:var(--radius-base, 24px); background:#fff;
  box-shadow:var(--shadow-card); color:var(--ink); }
.dcr-gl__copy, .dcr-gl__act{ display:grid; align-content:start; gap:12px; min-inline-size:0; }
.dcr-gl__eye{ display:inline-flex; align-items:center; gap:8px; margin:0; color:var(--purple); }
.dcr-gl__ico{ flex:none; }
.dcr-gl__h{ margin:0; font:600 var(--fs-h3, 24px)/1.2 var(--font-sans); letter-spacing:-.01em; text-transform:none;
  max-inline-size:26ch; text-wrap:balance; color:var(--ink); }
.dcr-gl__p{ margin:0; font:400 var(--fs-body, 16px)/1.6 var(--font-sans); color:var(--ink-muted); max-inline-size:52ch; }
.dcr-gl__k{ margin:8px 0 0; font:500 12px/1.3 var(--font-mono); letter-spacing:.08em; text-transform:uppercase; color:var(--ink-muted); }
.dcr-gl__list{ display:grid; gap:8px; margin:0; padding:0; list-style:none; }
.dcr-gl__list li{ position:relative; padding-inline-start:20px; font:500 var(--fs-small, 14px)/1.45 var(--font-sans); color:var(--ink); }
.dcr-gl__list li::before{ content:""; position:absolute; inset-inline-start:2px; inset-block-start:.45em; inline-size:8px; block-size:8px;
  border-radius:2px; background:var(--purple); }
.dcr-gl__form{ display:grid; gap:8px; }
.dcr-gl__lab{ font:600 var(--fs-small, 14px)/1.3 var(--font-sans); color:var(--ink); }
.dcr-gl__row{ display:flex; flex-wrap:wrap; gap:8px; }
.dcr-gl__in{ flex:1 1 200px; min-inline-size:0; min-block-size:48px; padding:0 14px; border:0; border-radius:var(--radius-button, 8px);
  background:var(--ground, #F8F8FA); box-shadow:inset 0 0 0 1px var(--hairline); font:400 16px/1.3 var(--font-sans); color:var(--ink); }
.dcr-gl__in:focus-visible{ outline:3px solid var(--purple); outline-offset:2px; }
main.dcr.hubr .dcr-gl .dcr-gl__btn, .dcr-gl .dcr-gl__btn{ appearance:none; border:0; flex:0 0 auto; min-block-size:48px; padding:0 22px;
  border-radius:var(--radius-button, 8px); background:var(--ink); color:#fff; box-shadow:none; font:600 var(--fs-small, 14px)/1 var(--font-sans);
  cursor:pointer; }
main.dcr.hubr .dcr-gl .dcr-gl__btn:hover, .dcr-gl .dcr-gl__btn:hover{ background:var(--ink-muted); color:#fff; }
.dcr-gl__btn:focus-visible{ outline:3px solid var(--purple); outline-offset:2px; }
.dcr-gl__btn:disabled{ opacity:.5; cursor:default; }
.dcr-gl__msg{ margin:0; font:500 var(--fs-small, 14px)/1.5 var(--font-sans); color:var(--ink); }
.dcr-gl__msg:empty{ display:none; }
.dcr-gl__join{ margin:0; font:400 var(--fs-small, 14px)/1.5 var(--font-sans); color:var(--ink-muted); }
.dcr-gl__link{ color:var(--ink); font-weight:600; text-decoration:underline; text-underline-offset:3px; }
.dcr-gl__link:hover{ color:var(--purple); }
.dcr-gl__link:focus-visible{ outline:3px solid var(--purple); outline-offset:2px; border-radius:var(--radius-button, 8px); }
.dcr-gl__tiers{ display:grid; gap:8px; margin-block-start:4px; padding-block-start:16px; border-block-start:1px solid var(--hairline); }
.dcr-gl__tiers .dcr-gl__k{ margin:0; }
.dcr-gl__dl{ display:grid; gap:10px; margin:0; }
.dcr-gl__dl > div{ display:grid; grid-template-columns:minmax(0, 9.5em) minmax(0, 1fr); gap:4px 12px; align-items:baseline; }
.dcr-gl__dl dt{ font:600 var(--fs-small, 14px)/1.4 var(--font-sans); color:var(--ink); }
.dcr-gl__dl dd{ margin:0; font:400 var(--fs-small, 14px)/1.5 var(--font-sans); color:var(--ink-muted); }
/* a member's part, once it is in: the box steps aside */
.dcr-gate.is-open > [data-gate-slot]{ display:contents; }
@media (max-width:899px){
  .dcr-gl__card{ grid-template-columns:minmax(0, 1fr); }
}
@media (max-width:479px){
  .dcr-gl__dl > div{ grid-template-columns:minmax(0, 1fr); gap:2px; }
  .dcr-gl__btn{ flex:1 1 100%; }
}