/* ===========================================================
   Minnesota Vikings fan site — /players/sam-darnold/ (archive)
   Loads after style.css. Scoped to .page-darnold where it
   could otherwise collide with shared component classes.
   =========================================================== */

.page-darnold ol,.page-darnold ul{margin:0;padding:0;list-style:none}

/* ---------- breadcrumbs ---------- */
.sd-crumbs{background:var(--purple-deep);color:rgba(255,255,255,.62)}
.sd-crumbs .wrap{min-height:44px;display:flex;align-items:center}
.sd-crumbs ol{display:flex;align-items:center;flex-wrap:wrap;gap:9px;
  font-family:var(--display);font-weight:500;font-size:11.5px;letter-spacing:.11em;
  text-transform:uppercase;padding:8px 0}
.sd-crumbs a{color:rgba(255,255,255,.72);transition:color var(--t-fast)}
.sd-crumbs a:hover{color:var(--gold)}
.sd-crumbs li[aria-current]{color:var(--gold)}
.sd-crumbs li[aria-hidden]{opacity:.4}

/* ---------- hero ---------- */
.sd-hero{position:relative;isolation:isolate;background:#0d0916;overflow:hidden}
.sd-hero .wrap{padding-top:52px;padding-bottom:56px}
.sd-hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);
  gap:40px;align-items:center}
.sd-hero-copy{min-width:0}
.sd-h1{font-family:var(--display);font-weight:700;text-transform:uppercase;color:#fff;
  font-size:clamp(34px,5.2vw,58px);line-height:.98;letter-spacing:.012em;
  margin:14px 0 8px;text-shadow:0 3px 24px rgba(0,0,0,.55)}
.sd-kicker{font-family:var(--display);font-weight:600;text-transform:uppercase;
  color:var(--gold);font-size:clamp(13px,1.6vw,16px);letter-spacing:.14em;margin-bottom:16px}
.sd-lede{max-width:520px;color:rgba(255,255,255,.9);font-size:clamp(14.5px,1.4vw,16.5px);
  line-height:1.62;text-shadow:0 1px 10px rgba(0,0,0,.4)}
.sd-archive-note{display:flex;align-items:flex-start;gap:9px;max-width:520px;
  margin:18px 0 24px;padding-top:16px;border-top:1px solid rgba(255,255,255,.22);
  font-size:13px;line-height:1.55;color:rgba(255,255,255,.65)}
.sd-archive-note svg{width:16px;height:16px;flex:none;margin-top:2px;color:var(--gold)}

.sd-hero-media{margin:0;position:relative;border-radius:var(--radius);overflow:hidden;
  aspect-ratio:6/5;background:#150c28;box-shadow:0 20px 50px rgba(0,0,0,.45)}
.sd-hero-media svg{position:absolute;inset:0;width:100%;height:100%}

/* ---------- facts strip ---------- */
.sd-facts-sect{background:var(--card);border-bottom:1px solid var(--line)}
.sd-facts-sect .wrap{padding-top:22px;padding-bottom:22px}
.sd-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px 24px}
.sd-fact{min-width:0;padding-left:16px;border-left:3px solid var(--purple)}
.sd-fact dt{font-family:var(--display);font-weight:600;font-size:11px;letter-spacing:.12em;
  text-transform:uppercase;color:var(--text-faint);margin-bottom:5px}
.sd-fact dd{font-family:var(--display);font-weight:600;font-size:16px;letter-spacing:.01em;
  color:var(--text)}

/* ---------- section scaffolding ---------- */
.sd-sect{padding:var(--space-5) 0}
.sd-sect.on-tint{background:#ecebef}
.sd-sect-head{margin-bottom:var(--space-3)}
.sd-h2{font-family:var(--display);font-weight:700;text-transform:uppercase;
  font-size:clamp(22px,2.6vw,30px);letter-spacing:.015em;line-height:1.08;color:var(--text)}
.sd-h2.on-dark{color:#fff}
.sd-eyebrow{display:block;font-family:var(--display);font-weight:600;font-size:11px;
  letter-spacing:.14em;text-transform:uppercase;color:var(--purple);margin-bottom:8px}

/* ---------- Minnesota Chapter ---------- */
.sd-chapter-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:34px;align-items:stretch}
.sd-chapter-copy{min-width:0;background:var(--card);border-radius:var(--radius);
  box-shadow:0 1px 3px rgba(20,15,40,.09);padding:26px 28px 28px;
  border-top:3px solid var(--gold)}
.sd-chapter-copy p{font-size:15px;line-height:1.68;color:#33333c;max-width:60ch}
.sd-chapter-copy p+p{margin-top:14px}
.sd-chapter-copy .sd-mini-link{display:inline-flex;align-items:center;gap:8px;margin-top:16px;
  font-family:var(--display);font-weight:600;font-size:12.5px;letter-spacing:.06em;
  text-transform:uppercase;color:var(--purple)}
.sd-chapter-copy .sd-mini-link .ar{width:13px;height:13px}
.sd-chapter-media{margin:0;position:relative;min-height:220px;border-radius:var(--radius);
  overflow:hidden;isolation:isolate;box-shadow:0 1px 3px rgba(20,15,40,.09)}
.sd-chapter-media svg{position:absolute;inset:0;width:100%;height:100%;z-index:-1}
.sd-chapter-cap{position:absolute;left:0;right:0;bottom:0;padding:22px 24px 20px;
  background:linear-gradient(0deg,rgba(10,5,22,.85) 0%,rgba(10,5,22,0) 100%);
  font-family:var(--display);font-weight:700;text-transform:uppercase;color:#fff;
  font-size:clamp(18px,2.2vw,24px);line-height:1.08;letter-spacing:.015em}

/* ---------- stats + notable appearances ---------- */
.sd-stats-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);
  gap:30px;align-items:start}
.sd-tablewrap{overflow-x:auto;-webkit-overflow-scrolling:touch;
  background:var(--card);border-radius:var(--radius);box-shadow:0 1px 3px rgba(20,15,40,.09)}
.sd-table{width:100%;min-width:560px;border-collapse:collapse}
.sd-table thead th{font-family:var(--display);font-weight:600;font-size:10.5px;
  letter-spacing:.1em;text-transform:uppercase;color:var(--text-faint);
  text-align:left;padding:13px 14px;background:#f7f7f9;border-bottom:1px solid var(--line)}
.sd-table tbody th{font-weight:600;font-size:14px;text-align:left;
  padding:13px 14px;border-bottom:1px solid var(--line);color:var(--text)}
.sd-table td{padding:13px 14px;font-size:14px;color:#33333c;
  border-bottom:1px solid var(--line);white-space:nowrap}
.sd-table tbody tr:last-child th,.sd-table tbody tr:last-child td{border-bottom:0}
.sd-source{font-size:12px;line-height:1.6;color:var(--text-faint);margin-top:12px}
.sd-source b{color:var(--text-muted)}

.sd-notable{min-width:0;background:var(--panel);border-radius:var(--radius);
  padding:22px 22px 8px;color:#fff}
.sd-notable h2{font-family:var(--display);font-weight:700;text-transform:uppercase;
  font-size:16px;letter-spacing:.03em;margin-bottom:16px}
.sd-notable li{display:flex;gap:13px;padding-bottom:18px;margin-bottom:18px;
  border-bottom:1px solid rgba(255,255,255,.1)}
.sd-notable li:last-child{border-bottom:0;margin-bottom:0;padding-bottom:22px}
.sd-notable-ico{flex:none;width:34px;height:34px;border-radius:50%;
  background:var(--purple);display:flex;align-items:center;justify-content:center}
.sd-notable-ico svg{width:16px;height:16px;color:var(--gold)}
.sd-notable-txt{min-width:0}
.sd-notable-opp{display:block;font-family:var(--display);font-weight:700;
  font-size:14px;letter-spacing:.01em;color:#fff;margin-bottom:2px}
.sd-notable-date{display:block;font-size:11.5px;letter-spacing:.04em;
  color:var(--gold);text-transform:uppercase;margin-bottom:6px}
.sd-notable-txt p{font-size:13px;line-height:1.55;color:rgba(255,255,255,.72)}

/* ---------- timeline + departure & legacy ---------- */
.sd-timeline-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);
  gap:34px;align-items:start}
.sd-tl{position:relative;padding-left:26px}
.sd-tl::before{content:"";position:absolute;left:5px;top:6px;bottom:6px;width:2px;
  background:var(--line)}
.sd-tl li{position:relative;padding-bottom:26px}
.sd-tl li:last-child{padding-bottom:0}
.sd-tl li::before{content:"";position:absolute;left:-26px;top:3px;width:12px;height:12px;
  border-radius:50%;background:#fff;border:3px solid var(--purple)}
.sd-tl li.is-end::before{background:var(--purple);border-color:var(--gold)}
.sd-tl h3{font-family:var(--display);font-weight:700;text-transform:uppercase;
  font-size:15px;letter-spacing:.02em;margin-bottom:4px;color:var(--text)}
.sd-tl-date{display:block;font-size:12px;letter-spacing:.03em;color:var(--purple);
  font-weight:600;margin-bottom:6px}
.sd-tl p{font-size:14px;line-height:1.62;color:var(--text-muted);max-width:52ch}

.sd-legacy{min-width:0;background:var(--card);border-radius:var(--radius);
  box-shadow:0 1px 3px rgba(20,15,40,.09);padding:26px 28px 28px;
  border-top:3px solid var(--purple)}
.sd-legacy p{font-size:15px;line-height:1.68;color:#33333c;max-width:58ch}
.sd-legacy p+p{margin-top:14px}
.sd-legacy .btn{margin-top:20px}

/* ---------- related coverage ---------- */
.sd-related-lede{font-size:14px;color:var(--text-muted);margin:-8px 0 20px;max-width:60ch}
.sd-related-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.sd-related-grid .card-media{height:120px}
.sd-related-grid .card h3{font-size:15px}
.sd-related-grid .card p{font-size:12.5px}

/* ---------- responsive ---------- */
@media (max-width:1080px){
  .sd-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:900px){
  .sd-hero-grid{grid-template-columns:minmax(0,1fr);gap:26px}
  .sd-hero-media{aspect-ratio:16/9;order:-1}
  .sd-chapter-grid{grid-template-columns:minmax(0,1fr);gap:18px}
  .sd-chapter-media{min-height:200px}
  .sd-stats-grid{grid-template-columns:minmax(0,1fr)}
  .sd-timeline-grid{grid-template-columns:minmax(0,1fr);gap:24px}
}
@media (max-width:820px){
  .sd-facts{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:640px){
  .sd-hero .wrap{padding-top:36px;padding-bottom:36px}
  .sd-related-grid{grid-template-columns:minmax(0,1fr)}
  .sd-chapter-copy,.sd-legacy{padding:20px 20px 22px}
}
@media (prefers-reduced-motion:reduce){
  .sd-tl::before{transition:none}
}