/* ============================================================
   RESOURCES — Uqesh (materials). 1:1 with M9xvv. Fluid / rem. Light.
   ============================================================ */

/* Hero */
.mrs-hero{ display:flex; flex-direction:column; gap:1rem; padding-block:4rem 2.5rem; }
.mrs-crumb{ font-family:var(--font-display); font-weight:700; font-size:0.719rem; letter-spacing:.1em; color:var(--text-secondary); margin:0; }
.mrs-title{ font-family:var(--font-display); font-weight:800; font-size:3.25rem; letter-spacing:-.01em; line-height:1; color:var(--text-primary); margin:0; }
.mrs-sub{ font-size:0.9375rem; line-height:1.5; color:var(--text-secondary); max-width:35rem; margin:0; }
.mrs-index{ display:flex; flex-wrap:wrap; gap:1.75rem; padding-top:0.875rem; }
.mrs-index-l{ font-family:var(--font-display); font-weight:700; font-size:0.719rem; letter-spacing:.09em; color:var(--text-primary); }
.mrs-index-l:hover{ color:var(--brand); }

/* System diagrams */
.mrs-diagrams{ background:var(--surface); }
.mrs-diagrams .wrap{ display:flex; flex-direction:column; gap:1.25rem; padding-block:2.75rem; }
.mrs-hdr{ display:flex; align-items:flex-end; justify-content:space-between; gap:1rem; }
.mrs-h2{ font-family:var(--font-display); font-weight:800; font-size:1.375rem; color:var(--text-primary); margin:0; }
.mrs-hdr-l{ font-family:var(--font-display); font-weight:700; font-size:0.781rem; letter-spacing:.04em; color:var(--text-primary); white-space:nowrap; }
.mrs-hdr-l:hover{ color:var(--brand); }
.mrs-diag-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:1.125rem; }
.mrs-diag{ display:flex; flex-direction:column; gap:0.625rem; }
.mrs-diag-img{ display:block; height:13.125rem; background:#fff; border:1px solid var(--line); border-radius:0.25rem; background-size:contain; background-position:center; background-repeat:no-repeat; }
.mrs-diag-cap{ font-family:var(--font-display); font-weight:600; font-size:0.719rem; letter-spacing:.04em; color:var(--text-secondary); }

/* Document library */
.mrs-library{ display:flex; flex-direction:column; gap:1.875rem; padding-block:3.5rem; }
.mrs-group-h{ font-family:var(--font-display); font-weight:700; font-size:0.719rem; letter-spacing:.12em; color:var(--text-secondary); margin:0 0 0.25rem; }
.mrs-doc{ display:flex; align-items:center; gap:1rem; padding-block:0.9375rem; border-bottom:1px solid var(--line); text-decoration:none; }
.mrs-group .mrs-doc:last-child{ border-bottom:0; }
.mrs-doc-ic{ flex:none; width:1.25rem; height:1.25rem; color:var(--text-secondary); }
.mrs-doc-n{ flex:1 1 0; font-family:var(--font-display); font-weight:700; font-size:0.9375rem; color:var(--text-primary); }
.mrs-doc-m{ font-family:var(--font-display); font-weight:600; font-size:0.719rem; letter-spacing:.04em; color:var(--text-secondary); white-space:nowrap; }
.mrs-doc-dl{ display:inline-flex; align-items:center; gap:0.4375rem; font-family:var(--font-display); font-weight:700; font-size:0.719rem; letter-spacing:.07em; color:var(--text-primary); white-space:nowrap; }
.mrs-doc-dl i{ width:0.9375rem; height:0.9375rem; }
.mrs-doc:hover .mrs-doc-n, .mrs-doc:hover .mrs-doc-dl{ color:var(--brand); }

/* CTA */
.mrs-cta{ display:flex; flex-direction:column; align-items:center; gap:1.125rem; background:#E0E2DD; padding:4rem 3rem; text-align:center; }
.mrs-cta-eyebrow{ font-family:var(--font-display); font-weight:700; font-size:0.75rem; letter-spacing:.1em; color:var(--text-secondary); margin:0; }
.mrs-cta-h{ font-family:var(--font-display); font-weight:800; font-size:1.875rem; color:var(--text-primary); max-width:40rem; margin:0; }
.mrs-cta-btn{ margin-top:0.5rem; }

/* Responsive */
@media (max-width:1000px){
  .mrs-diag-grid{ grid-template-columns:repeat(2,1fr); }
  .mrs-title{ font-size:2.5rem; }
}
@media (max-width:600px){
  .mrs-diag-grid{ grid-template-columns:1fr; }
  .mrs-doc{ flex-wrap:wrap; gap:0.5rem 0.75rem; }
  .mrs-doc-n{ flex:1 1 60%; }
  .mrs-hdr{ flex-direction:column; align-items:flex-start; gap:0.375rem; }
  .mrs-hdr-l{ white-space:normal; }
}