/* ===== Alternative Investments listing template =====
   Layers the softened palette from the brief over the shared .re-listing shell,
   then adds the alt-specific components. Loaded after re-listing.css, so the
   variable overrides below re-tone the whole page without forking the shell. */

.alt-listing{
  --re-black:#171717;
  --re-charcoal:#242424;
  --re-body:#565652;
  --re-secondary:#6B6B67;
  --re-mute:#8B8B85;
  --re-line:#DEDED8;
  --re-light:#EEEEEA;
  --re-sec:#F5F5F1;
  --re-bg:#FAFAF7;
  --re-surface:#FFFFFF;
  --re-yellow:#F4C928;
  --re-yellow-h:#DDB51F;
  --re-yellow-soft:#FFF5C7;
  --re-yellow-pale:#FFFAE8;
  --re-pos:#287A50;
  --re-pos-soft:#E8F3EC;
  --re-warn:#A66A18;
  --re-warn-soft:#FBF1DF;
  --re-err:#A8423A;
  --re-err-soft:#F8E9E7;
  background:var(--re-bg);
  color:var(--re-body);
}

/* Warm page background with white content surfaces, rather than the flat white
   the property template uses. */
.alt-listing .re-section{background:var(--re-surface);border:1px solid var(--re-line);border-radius:12px;padding:28px 30px;margin-bottom:18px;border-bottom:1px solid var(--re-line);}
.alt-listing .re-section:last-child{border-bottom:1px solid var(--re-line);}
.alt-listing .re-h2{color:var(--re-black);font-size:22px;}
.alt-listing .re-h3{color:var(--re-black);font-size:15.5px;}
.alt-listing .re-section-intro{color:var(--re-secondary);}
.alt-listing .re-prose{color:var(--re-body);}
.alt-listing .re-fact span{color:var(--re-mute);}
.alt-listing .re-fact b{color:var(--re-black);}
.alt-listing .re-title{color:var(--re-black);}
.alt-listing .re-proposition{color:var(--re-body);}

/* Badges: neutral by default, so the yellow stays reserved for actions. */
.alt-listing .re-badge{background:var(--re-light);color:var(--re-charcoal);border:1px solid var(--re-line);}
.alt-listing .re-badge-status{background:var(--re-pos-soft);color:var(--re-pos);border-color:#CBE4D6;}
.alt-listing .alt-badge-elig{background:var(--re-warn-soft);color:var(--re-warn);border-color:#EBD8B4;}
.alt-listing .re-btn-primary{background:var(--re-yellow);color:#171717;}
.alt-listing .re-btn-primary:hover{background:var(--re-yellow-h);}

/* Metrics strip. Two columns on mobile per brief s.46. */
.alt-listing .re-metric-l{color:var(--re-mute);}
.alt-listing .re-metric-v{color:var(--re-black);}

/* Eligibility notice - visible near the top, amber only when restricted. */
.alt-listing .re-eligibility{display:flex;gap:12px;align-items:flex-start;background:var(--re-light);border:1px solid var(--re-line);border-radius:10px;padding:14px 18px;margin-bottom:18px;}
.alt-listing .re-eligibility.is-restricted{background:var(--re-warn-soft);border-color:#EBD8B4;}
.alt-listing .re-eligibility i{font-size:18px;color:var(--re-warn);flex-shrink:0;margin-top:1px;}
.alt-listing .re-eligibility b{display:block;font-size:14px;color:var(--re-black);margin-bottom:3px;}
.alt-listing .re-eligibility p{font-size:13px;line-height:1.55;color:var(--re-body);margin:0;}

/* Closed-listing banner */
.alt-closed-banner{display:flex;gap:12px;align-items:flex-start;background:var(--re-err-soft);border:1px solid #E7C9C5;border-radius:10px;padding:14px 18px;margin-bottom:18px;}
.alt-closed-banner i{color:var(--re-err);font-size:18px;flex-shrink:0;margin-top:1px;}
.alt-closed-banner p{font-size:13.5px;line-height:1.55;color:var(--re-black);margin:0;}

/* Gated-content notice. Always states what becomes available, so a locked box
   is never shown with no explanation (brief s.10). */
.alt-gate{display:flex;gap:14px;align-items:flex-start;background:var(--re-sec);border:1px dashed var(--re-line);border-radius:10px;padding:18px 20px;margin-top:16px;}
.alt-gate i{font-size:19px;color:var(--re-mute);flex-shrink:0;margin-top:2px;}
.alt-gate p{font-size:13.5px;line-height:1.6;color:var(--re-body);margin:0 0 12px;}

/* Liquidity flag - stated plainly rather than buried in the facts grid. */
.alt-liquidity-flag{display:inline-flex;align-items:center;gap:9px;background:var(--re-warn-soft);border:1px solid #EBD8B4;border-radius:8px;padding:10px 16px;font-size:14px;font-weight:700;color:var(--re-warn);margin-bottom:16px;}
.alt-liquidity-flag i{font-size:17px;}

/* Timeline state labels: completed milestones must not read as forecasts. */
.alt-tl-state{display:inline-block;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:2px 8px;border-radius:999px;background:var(--re-light);color:var(--re-secondary);margin-left:8px;vertical-align:middle;}
.alt-listing .re-tl-item.is-complete .alt-tl-state{background:var(--re-pos-soft);color:var(--re-pos);}
.alt-listing .re-tl-item.is-current .alt-tl-state{background:var(--re-yellow-soft);color:var(--re-warn);}

/* Structure diagram */
.alt-listing .re-flow-node{background:var(--re-sec);border:1px solid var(--re-line);color:var(--re-black);}
.alt-listing .re-flow-step i{color:var(--re-mute);}

/* Notes and provider attribution */
.alt-listing .re-note{background:var(--re-sec);border-color:var(--re-line);color:var(--re-body);}
.alt-listing .re-risk-lead{background:var(--re-warn-soft);border:1px solid #EBD8B4;border-radius:10px;padding:14px 18px;font-size:14px;line-height:1.6;color:var(--re-black);margin-bottom:18px;}

/* Sticky panel and section nav */
.alt-listing .re-secnav{background:rgba(250,250,247,.94);border-bottom:1px solid var(--re-line);}
.alt-listing .re-enquire{background:var(--re-surface);border:1px solid var(--re-line);border-radius:12px;}
.alt-listing .re-enquire-h{color:var(--re-black);}
.alt-listing .re-enquire-sub,.alt-listing .re-consent{color:var(--re-secondary);}
.alt-listing .re-enquire-stat span{color:var(--re-mute);}
.alt-listing .re-enquire-stat b{color:var(--re-black);}

/* Tables stay horizontally scrollable on small screens (brief s.3, s.46). */
.alt-listing .re-table-wrap{border-color:var(--re-line);}
.alt-listing .re-table th{background:var(--re-sec);color:var(--re-secondary);}
.alt-listing .re-table td{border-color:var(--re-line);color:var(--re-body);}
.alt-listing .re-table b{color:var(--re-black);}

/* Documents */
.alt-listing .re-doc{border-color:var(--re-line);}
.alt-listing .re-doc-access{background:var(--re-light);color:var(--re-secondary);}

/* Similar listings and disclosure */
.alt-listing .re-similar{background:var(--re-sec);}
.alt-listing .re-simcard{background:var(--re-surface);border-color:var(--re-line);}
.alt-listing .re-disclosure{background:var(--re-light);}

@media (max-width:900px){
  .alt-listing .re-section{padding:22px 18px;}
  .alt-listing .re-metrics{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));}
}
@media (prefers-reduced-motion:reduce){
  .alt-listing *{scroll-behavior:auto !important;transition:none !important;}
}