.release-version-link { padding:0; border:0; background:transparent; color:inherit; font:inherit; cursor:pointer; }
.release-version-link:hover { color:var(--dq-ink); text-decoration:underline; text-underline-offset:4px; }
.release-dialog { box-sizing:border-box; width:min(960px,calc(100vw - 40px)); height:min(700px,calc(100dvh - 64px)); max-height:none; padding:0; border:1px solid var(--dq-line); border-radius:16px; background:#fff; color:var(--dq-ink); box-shadow:var(--dq-pop); font:14px/20px var(--dq-font); overflow:hidden; }
.release-dialog::backdrop { background:rgba(16,17,18,.24); }
.release-head { display:flex; justify-content:space-between; align-items:center; padding:22px 28px; border-bottom:1px solid var(--dq-line-soft); }
.release-head h2 { margin:0; font-size:18px; line-height:26px; font-weight:600; }
.release-head p { margin:4px 0 0; font-size:13px; color:var(--dq-sub); }
.release-close { display:grid; place-items:center; width:28px; height:28px; padding:0; border:0; border-radius:8px; background:transparent; color:var(--dq-sub); font-size:22px; cursor:pointer; }
.release-close:hover { background:var(--dq-hover); }
.release-body { display:grid; grid-template-columns:208px minmax(0,1fr); height:calc(100% - 96px); }
.release-versions { overflow:auto; padding:16px 10px; background:var(--dq-g50); border-right:1px solid var(--dq-line-soft); }
.release-version { display:flex; flex-direction:column; gap:5px; width:100%; padding:12px; margin-bottom:4px; border:0; border-radius:8px; background:transparent; text-align:left; color:var(--dq-ink); font:14px/20px var(--dq-font); cursor:pointer; }
.release-version span { font-size:12px; color:var(--dq-sub); }
.release-version:hover { background:var(--dq-hover); }
.release-version[aria-current="page"] { background:var(--dq-active); }
.release-detail { padding:28px 32px; overflow:auto; min-width:0; }
.release-detail-top { display:flex; align-items:center; gap:10px; }
.release-detail h3 { margin:0; font:600 26px/32px var(--dq-font); }
.release-badge,.release-kind { padding:2px 7px; border-radius:5px; background:var(--dq-g100); color:var(--dq-sub); font-size:12px; white-space:nowrap; }
.release-time { margin:8px 0 16px; color:var(--dq-sub); font-size:12px; }
.release-baseline { padding:10px 12px; border-radius:8px; background:var(--dq-g50); color:var(--dq-sub); font-size:12px; }
.release-summary { margin:20px 0 26px; line-height:24px; }
.release-group { margin-top:26px; }
.release-group h4 { margin:0 0 8px; font-size:14px; font-weight:600; }
.release-change { padding:14px 0; border-top:1px solid var(--dq-line-soft); }
.release-change-heading { display:flex; align-items:center; gap:8px; }
.release-change h5 { margin:0; font-size:14px; font-weight:500; }
.release-change p { margin:8px 0; color:var(--dq-sub); line-height:22px; }
.release-change-meta { display:flex; flex-wrap:wrap; gap:12px; color:var(--dq-faint); font-size:12px; }
.release-status { color:var(--dq-sub); }
.release-retry { border:1px solid var(--dq-line); padding:5px 10px; border-radius:8px; background:#fff; color:var(--dq-ink); cursor:pointer; }
:is(.release-version-link,.release-dialog button):focus-visible { outline:2px solid var(--dq-accent); outline-offset:2px; }
@media(max-width:640px) { .release-body { grid-template-columns:1fr; grid-template-rows:auto minmax(0,1fr); } .release-versions { padding:8px; border-right:0; border-bottom:1px solid var(--dq-line-soft); } .release-version { width:auto; margin:0; } .release-detail { padding:20px; } .release-head { padding:18px 20px; } }