/* 1601 — Dieline download page — rp-UI */
.rp-dl {
  --red:#db0f16; --red-dark:#b50c12; --ink:#1c1c1c; --muted:#5c5757; --line:#e3ded7;
  font-family:'Outfit',system-ui,sans-serif; color:var(--ink);
  background:linear-gradient(180deg,#faf7f2 0%,#fff 40%); padding:36px 0 66px;
}
.rp-dl__grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.05fr); gap:46px; align-items:start; }
/* Bootstrap .container has ::before/::after clearfix pseudo-elements; as a grid they'd become stray grid
   items and shunt the real columns. Neutralise them. */
.rp-dl__grid::before, .rp-dl__grid::after { content:none; display:none; }

/* preview */
.rp-dl__preview { position:sticky; top:24px; background:#fff; border:1px solid var(--line); border-radius:16px; padding:20px; box-shadow:0 24px 50px -34px rgba(28,26,25,.4); }
.rp-dl__preview a { display:block; }
.rp-dl__preview img { display:block; width:100%; height:auto; border-radius:6px; }
.rp-dl__preview-missing { aspect-ratio:3/4; display:flex; align-items:center; justify-content:center; color:var(--muted); background:#f5f0e9; border-radius:8px; }

/* info */
.rp-dl__eyebrow { display:inline-block; font-size:12.5px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; color:var(--red); margin-bottom:10px; }
.rp-dl__title { font-size:30px; font-weight:800; line-height:1.12; margin:0 0 14px; color:var(--ink); }
.rp-dl__lead { font-size:15.5px; line-height:1.65; color:var(--muted); margin:0 0 24px; }

/* specs */
.rp-dl__specs { margin:0 0 26px; border-top:1px solid var(--line); }
.rp-dl__spec { display:flex; justify-content:space-between; gap:16px; padding:11px 2px; border-bottom:1px solid var(--line); }
.rp-dl__spec dt { margin:0; font-size:14px; color:var(--muted); }
.rp-dl__spec dd { margin:0; font-size:14.5px; font-weight:700; color:var(--ink); text-align:right; }

/* downloads */
.rp-dl__downloads { display:flex; flex-direction:column; gap:12px; margin-bottom:22px; }
.rp-dl__btn {
  display:flex; align-items:center; gap:14px; padding:15px 20px; border-radius:12px; text-decoration:none;
  transition:background .14s, color .14s, border-color .14s, transform .06s;
}
.rp-dl__btn:active { transform:translateY(1px); }
.rp-dl__btn svg { width:24px; height:24px; flex:0 0 auto; }
.rp-dl__btn span { display:flex; flex-direction:column; line-height:1.25; }
.rp-dl__btn strong { font-size:15.5px; font-weight:700; }
.rp-dl__btn small { font-size:12.5px; opacity:.8; font-weight:500; }
.rp-dl__btn--primary { background:var(--red); color:#fff; }
.rp-dl__btn--primary:hover { background:var(--red-dark); color:#fff; }
.rp-dl__btn--outline { background:#fff; color:var(--ink); border:1.5px solid var(--line); }
.rp-dl__btn--outline:hover { border-color:var(--red); color:var(--red); }

.rp-dl__note { font-size:13px; line-height:1.6; color:var(--muted); margin:0; padding-top:18px; border-top:1px solid var(--line); }
.rp-dl__note a { color:var(--red); font-weight:600; text-decoration:none; }
.rp-dl__note a:hover { text-decoration:underline; }

@media (max-width:860px){
  .rp-dl__grid { grid-template-columns:1fr; gap:28px; }
  .rp-dl__preview { position:static; }
  .rp-dl__title { font-size:25px; }
}