.release-body { min-height:100vh; }
.version-link { text-decoration:none; transition:transform .16s ease, box-shadow .16s ease; }
.version-link:hover { transform:translateY(-1px); box-shadow:0 4px 14px rgba(11,43,82,.12); }
.version-link:focus-visible { outline:3px solid rgba(31,111,178,.28); outline-offset:2px; }
.release-shell { width:min(1080px,calc(100% - 36px)); }
.release-hero { display:flex; justify-content:space-between; gap:36px; align-items:center; padding:34px 38px; border-radius:22px; color:#fff; background:linear-gradient(128deg,#0a294e,#0f5589 68%,#167f87); box-shadow:0 18px 48px rgba(11,43,82,.14); }
.release-hero h1 { margin:7px 0 10px; color:#fff; font-size:clamp(28px,4vw,42px); }
.release-hero p { max-width:720px; margin:0; color:rgba(255,255,255,.82); }
.release-hero .eyebrow { color:#74d9df; }
.release-hero-status { min-width:245px; padding:19px 20px; border:1px solid rgba(255,255,255,.22); border-radius:16px; background:rgba(255,255,255,.1); }
.release-hero-status strong,.release-hero-status small { display:block; }
.release-hero-status strong { margin:12px 0 4px; font-size:23px; }
.release-hero-status small { color:rgba(255,255,255,.72); }
.candidate-notice { margin-top:18px; padding:16px 18px; border:1px solid #f0cf88; border-radius:14px; background:#fff7df; color:#755012; }
.candidate-notice strong,.candidate-notice p { display:block; margin:0; }
.candidate-notice p { margin-top:4px; }
.release-overview { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; margin:20px 0 34px; }
.release-overview article { padding:18px; border:1px solid #dce6f1; border-radius:15px; background:#fff; }
.release-overview span,.release-overview strong,.release-overview small { display:block; }
.release-overview span { color:#2f73ad; font-size:10px; font-weight:900; letter-spacing:.1em; }
.release-overview strong { margin:7px 0 5px; color:#0b2b52; }
.release-overview small { color:#68768a; line-height:1.55; }
.release-heading { display:flex; justify-content:space-between; gap:24px; align-items:end; margin-bottom:14px; }
.release-heading h2 { margin:3px 0 0; color:#0b2b52; }
.release-heading>p { max-width:510px; margin:0; color:#68768a; text-align:right; }
.release-list { display:grid; gap:13px; }
.release-card { overflow:hidden; border:1px solid #dce6f1; border-radius:16px; background:#fff; }
.release-card.candidate { border-color:#e9c26a; box-shadow:0 7px 22px rgba(143,98,0,.08); }
.release-card.current-production { border-color:#8dc8ad; }
.release-summary { list-style:none; cursor:pointer; display:grid; grid-template-columns:minmax(145px,.45fr) minmax(0,1.6fr) auto; gap:20px; align-items:center; padding:20px 22px; }
.release-summary::-webkit-details-marker { display:none; }
.release-version strong,.release-version small { display:block; }
.release-version strong { color:#0b2b52; font-size:18px; }
.release-version small { margin-top:4px; color:#7a8799; }
.release-copy strong,.release-copy small { display:block; }
.release-copy strong { color:#1c2d44; font-size:16px; }
.release-copy small { margin-top:5px; color:#66758a; line-height:1.55; }
.release-summary-tags { display:flex; gap:7px; align-items:center; }
.release-chevron { color:#718197; font-size:23px; transition:transform .18s ease; }
.release-card[open] .release-chevron { transform:rotate(90deg); }
.release-details { padding:0 22px 22px; border-top:1px solid #e8eef4; }
.change-list { display:grid; gap:9px; margin:17px 0; padding:0; list-style:none; }
.change-list li { display:grid; grid-template-columns:76px minmax(0,1fr); gap:12px; align-items:start; color:#34445b; }
.change-kind { padding:4px 7px; border-radius:999px; background:#eaf1f8; color:#315f91; font-size:10px; font-weight:900; text-align:center; text-transform:uppercase; }
.change-kind.fixed { background:#e8f7ef; color:#146b46; }
.change-kind.changed { background:#fff2d8; color:#8a5900; }
.impact-grid { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.impact-grid div { padding:13px 14px; border-radius:11px; background:#f5f8fb; }
.impact-grid strong,.impact-grid span { display:block; }
.impact-grid strong { margin-bottom:4px; color:#0b2b52; font-size:11px; }
.impact-grid span { color:#5c6d82; line-height:1.5; }
.release-error { padding:20px; border-radius:12px; background:#fdeae8; color:#a32922; }
@media(max-width:760px){
  .workspace-topbar { gap:12px; }
  .top-actions { width:100%; justify-content:flex-start; }
  .release-hero { align-items:stretch; flex-direction:column; padding:26px 24px; }
  .release-hero-status { min-width:0; }
  .release-overview { grid-template-columns:1fr; }
  .release-heading { align-items:flex-start; flex-direction:column; }
  .release-heading>p { text-align:left; }
  .release-summary { grid-template-columns:1fr auto; gap:12px; }
  .release-copy { grid-column:1/-1; grid-row:2; }
  .release-summary-tags { grid-column:1; grid-row:3; }
  .release-chevron { grid-column:2; grid-row:1; }
  .impact-grid { grid-template-columns:1fr; }
  .change-list li { grid-template-columns:1fr; gap:5px; }
  .change-kind { justify-self:start; }
}