/* ============================================================
   MODELS.COM — PRO NEWS  (cream pull-out)  ·  BESPOKE STYLES ONLY
   ------------------------------------------------------------
   This file deliberately defines NOTHING that the production
   stylesheets already provide. Loaded site-wide and relied on here:

     6f871781…css  →  @font-face (SuisseIntl / PPEiko),
                      :root tokens  --color-functional-*,
                      --radius-*, --spacing-*, --text-*,
                      .mdc-grid / .mdc-grid--5, .mdc-container,
                      .mdc-font-primary--* / .mdc-font-accent--*
     a8dae40f…css  →  .sb-* helpers

   So NO @font-face, NO color/space/text tokens, NO grid, NO
   font-family rules live here — those are applied in the markup
   via .mdc-font-* classes and referenced via var(--…).

   The ONLY thing this file owns is the cream + gold treatment,
   which is intentionally not part of the design system (the Pro
   News pull-out carries its own warm editorial voice). Those two
   literals — cream #f3ede0 and gold #b8945a (+ warm text tints) —
   are the sole hard-coded values, by design.
   ============================================================ */

.mdc-pronews{
  position:relative;
  background:#f3ede0;                                   /* bespoke: cream */
  padding:var(--spacing-350) 0 var(--spacing-400);
  margin:var(--spacing-300) 0 var(--spacing-150);
}
.mdc-pronews__inner{ max-width:1232px; margin-inline:auto; }

/* Gold hairlines, top & bottom */
.mdc-pronews__rule{ position:absolute; left:0; right:0; height:1px; background:#b8945a; }
.mdc-pronews__rule--top{ top:0; }
.mdc-pronews__rule--bottom{ bottom:0; }

/* ---------- Header ---------- */
.mdc-pronews__head{
  display:flex; justify-content:space-between; align-items:flex-end;
  gap:var(--spacing-150); flex-wrap:wrap; margin-bottom:var(--spacing-200);
}
.mdc-pronews__titlewrap{ display:flex; flex-direction:column; gap:var(--spacing-012-and-half); }
.mdc-pronews__issuerow{ display:flex; align-items:center; gap:var(--spacing-050); }

.mdc-pronews__flag{
  font-size:var(--text-062-and-half); letter-spacing:.16em; line-height:1;
  padding:4px 8px; border-radius:var(--radius-xs);
  background:var(--color-functional-gray-black); color:#e9dcc4;   /* warm cream ink */
}
.mdc-pronews__issue{
  font-size:var(--text-068-and-three-quatars); letter-spacing:.03em;
  text-transform:uppercase; color:#6b5a3a;
}
.mdc-pronews__title{
  margin:0; font-size:var(--text-300); line-height:1.05; letter-spacing:-0.01em;
  color:var(--color-functional-gray-black);
}
.mdc-pronews__desc{
  font-size:var(--text-087-and-half); color:#6b5a3a; max-width:480px;
}

.mdc-pronews__actions{ display:flex; align-items:center; gap:var(--spacing-150); }
.mdc-pronews__unlock{
  font-size:var(--text-075); letter-spacing:.04em; line-height:1; cursor:pointer;
  padding:10px 14px; border:0; border-radius:var(--radius-md);
  background:var(--color-functional-gray-black); color:#e9dcc4;
  transition:opacity .2s ease;
}
.mdc-pronews__unlock:hover{ opacity:.85; }
.mdc-pronews__all{
  font-size:var(--text-068-and-three-quatars); letter-spacing:.03em; white-space:nowrap;
  color:var(--color-functional-gray-black);
  text-decoration:underline; text-underline-offset:3px; text-decoration-color:#b8945a;
  transition:text-decoration-color .2s ease;
}
.mdc-pronews__all:hover{ text-decoration-color:currentColor; }

/* ---------- Cards (editorial = SHARP corners) ---------- */
.mdc-pronews__card{ display:flex; flex-direction:column; gap:var(--spacing-075); text-decoration:none; cursor:pointer; }
.mdc-pronews__card-rule{ height:1px; background:rgba(184,148,90,.4); }
.mdc-pronews__card-img{
  aspect-ratio:4/5; background-size:cover; background-position:center;
  position:relative; border-radius:0; transition:opacity .2s ease;
}
.mdc-pronews__card:hover .mdc-pronews__card-img{ opacity:.85; }
.mdc-pronews__card-badge{ position:absolute; top:10px; left:10px; }

.mdc-pronews__kicker{
  font-size:var(--text-068-and-three-quatars); letter-spacing:.02em;
  text-transform:uppercase; color:#9a7f4a;
}
.mdc-pronews__card-title{
  font-size:var(--text-100); line-height:1.3; letter-spacing:-0.005em;
  color:var(--color-functional-gray-black);
}
.mdc-pronews__meta{
  font-size:var(--text-068-and-three-quatars); letter-spacing:.02em; color:#9a7f4a;
}

/* Per-card Pro badge (non-subscriber view) */
.mdc-pronews__pro-badge{
  display:inline-flex; align-items:center; line-height:1;
  font-size:var(--text-062-and-half); letter-spacing:.12em; text-transform:uppercase;
  padding:3px 7px 2px; border-radius:var(--radius-xs);
  background:var(--color-functional-gray-black); color:#e9dcc4;
}