/* ==========================================================================
   Premium reports shelf. Two pages per report:
     .rlanding  the public landing page — indexed, shareable, sells the report
     .dm-article  the gated full report, which reuses the article typography wholesale
   Requires tokens.css + pages.css + dairy-mail.css.
   ========================================================================== */

/* the report hero stacks crumbs, eyebrow, title; without this the eyebrow collides with the
   crumbs because .dm-pillar-hero was only ever designed for eyebrow-then-title */
.dm-pillar-hero .crumbs{margin-bottom:22px}

/* index -------------------------------------------------------------------- */
.rgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--gap-grid)}
.rcard{display:flex;flex-direction:column;gap:8px;padding:var(--pad-card-lg);background:var(--surface-card);
  border:1px solid var(--border-card);border-radius:var(--radius-lg);color:inherit;text-decoration:none;
  transition:box-shadow var(--dur-base) var(--ease-standard),transform var(--dur-base) var(--ease-standard)}
.rcard:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}
.rcard__label{font:var(--type-eyebrow);text-transform:uppercase;letter-spacing:0.1em;color:var(--orange-600);margin:0;display:flex;align-items:center;gap:8px}
.rcard__title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:800;line-height:1.15;color:var(--ink);margin:0}
.rcard__sum{font-size:var(--text-base);line-height:1.6;color:var(--text-body);margin:0;max-width:var(--measure)}
.rcard__meta{font:var(--type-meta);color:var(--text-muted);margin:4px 0 0}

/* landing page ------------------------------------------------------------- */
.rlanding{display:grid;grid-template-columns:1fr 340px;gap:var(--space-12);align-items:start}
.rlanding__main h2{font-family:var(--font-display);font-size:var(--text-xl);font-weight:700;color:var(--ink);margin:0 0 14px}
.rlanding__main h2 + .rlanding__list{margin-bottom:var(--space-8)}
.rlanding__list{list-style:none;margin:0;padding:0}
.rlanding__list li{position:relative;font-size:var(--text-prose);line-height:1.6;color:var(--text-body);margin:0 0 10px;padding-left:26px}
.rlanding__list li::before{content:"";position:absolute;left:2px;top:10px;width:7px;height:7px;border-radius:50%;background:var(--orange-500)}
.rlanding__exhibit{margin:var(--space-8) 0 0;padding:0}
.rlanding__exhibit-img{width:100%;height:auto;border-radius:var(--radius-md);border:1px solid var(--border-card)}
.rlanding__exhibit figcaption{font:var(--type-small);color:var(--text-muted);margin-top:10px}

/* the rail is the ask: it is the only place on this page that mentions signing in */
.rlanding__rail{position:sticky;top:96px;display:flex;flex-direction:column;gap:14px;
  background:var(--surface-card);border:1px solid var(--border-card);border-radius:var(--radius-lg);
  padding:var(--pad-card-lg);box-shadow:var(--shadow-sm)}
.rlanding__meta{font:var(--type-meta);color:var(--text-muted);margin:0}
.rlanding__gate-note{font-size:var(--text-small);line-height:1.55;color:var(--text-body);margin:0}
.rlanding__note{font:var(--type-small);color:var(--text-muted);margin:0}
.rlanding__rail .btn{width:100%}

/* the state a turned-away visitor lands on, revealed by ?locked=1 */
.rlocked{display:flex;gap:12px;align-items:flex-start;background:var(--orange-50);
  border:1px solid var(--orange-200);border-radius:var(--radius-md);padding:16px 18px;margin:0 0 var(--space-6)}
.rlocked[hidden]{display:none}
.rlocked p{font-size:var(--text-small);line-height:1.55;color:var(--ink);margin:0}

@media (max-width:899px){
  .rgrid{grid-template-columns:1fr}
  /* Stacked, the rail would land under "What is inside" and "Who it is for" — three screens of
     scrolling past the one thing the page is asking for, and worse for a reader who has just been
     bounced off the gate. Put the ask first on mobile; on desktop it still sits beside the copy. */
  .rlanding{grid-template-columns:1fr;gap:var(--space-8);display:flex;flex-direction:column}
  .rlanding__rail{position:static;order:-1}
  .rcard__title{font-size:var(--text-lg)}
}

/* Sign-out sits at the end of the report, the only page a signed-in member sees. A 90-day
   session needs a visible way out, particularly on a shared machine. */
.rsignout{margin:var(--space-8) 0 0;padding:var(--space-6) 0 0;border-top:1px solid var(--border-default);display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-4) var(--space-5)}
.rsignout__note{font:var(--type-meta);color:var(--text-muted);margin:0;flex:1 1 260px}