.public-section { padding-top: clamp(41px,5vw,64px); }
.public-section .section-heading { margin-bottom: 30px; }
.release-toolbar { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 15px; margin-bottom: 22px; color: #607898; font-size: 12px; }
.release-toolbar label { display: flex; align-items: center; gap: 10px; }
.release-toolbar select { min-height: 36px; border: 1px solid #dce6f5; border-radius: 6px; padding: 6px 10px; font: inherit; color: #102a56; background: #fff; }
.release-grid, .support-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.release-platform, .support-channel { padding: 24px; border: 1px solid #dce6f5; border-radius: 9px; background: #fff; min-width: 0; }
.release-platform:first-child { background: #f5f9ff; }
.release-tag { color: #758ba8; font-size: 10px; letter-spacing: 1px; }
.release-platform>h3, .support-channel>h3 { color: #102a56; font-size: 23px; margin: 12px 0 17px; }
.release-build+.release-build { margin-top: 23px; padding-top: 21px; border-top: 1px solid #dce6f5; }
.release-build-heading, .release-history-heading { display: flex; align-items: baseline; justify-content: space-between; flex-wrap: wrap; gap: 7px; font-size: 13px; color: #355275; }
.release-build-heading span { font-size: 12px; }
.release-meta, .release-rule { color: #6c82a3; font-size: 11px; line-height: 1.8; margin: 8px 0 13px; }
.release-button { display: inline-flex; align-items: center; justify-content: center; padding: 9px 13px; min-height: 38px; border: 1px solid #1765e8; border-radius: 6px; background: #1765e8; color: #fff; font: inherit; font-size: 12px; font-weight: 600; cursor: pointer; text-decoration: none; }
.release-button:hover { background: #1255c7; }
.release-secondary { border-color: #c8d8f1; background: #fff; color: #1255c7; }
.release-secondary:hover { border-color: #1765e8; background: #eaf2ff; }
.release-button:focus-visible, .release-toolbar select:focus-visible, .release-details summary:focus-visible, .release-history summary:focus-visible, .support-qr summary:focus-visible { outline: 3px solid #1765e8; outline-offset: 4px; }
.release-details { margin-top: 15px; }
.release-details summary, .support-qr summary { color: #1255c7; cursor: pointer; font-size: 11px; }
.release-notes { color: #617b9f; font-size: 12px; line-height: 1.85; margin: 11px 0; white-space: pre-wrap; overflow-wrap: anywhere; }
.release-checksum { padding: 10px; border: 1px solid #dce6f5; border-radius: 5px; background: #f8fbff; font-size: 10px; color: #617b9f; }
.release-checksum span { display: block; margin-bottom: 5px; }
.release-checksum code { display: block; color: #355275; overflow-wrap: anywhere; word-break: break-all; }
.release-history { border: 1px solid #dce6f5; border-radius: 7px; margin-top: 22px; }
.release-history>summary { padding: 15px 18px; color: #355275; font-size: 12px; cursor: pointer; }
.release-history-item { padding: 18px; border-top: 1px solid #dce6f5; }
.release-history-heading { margin-bottom: 12px; }
.release-history-heading span { color: #758ba8; font-size: 11px; }
.release-footnote, .release-unavailable { color: #758ba8; font-size: 11px; line-height: 1.85; margin-top: 17px; }
.public-empty { margin: 0 0 22px; padding: 23px; border: 1px dashed #ccdbe4; border-radius: 7px; background: #f8fbff; color: #617b9f; font-size: 12px; line-height: 1.9; }
.public-empty .release-button { margin-top: 14px; }
.support-intro { margin-bottom: 22px; }
.support-intro h3 { color: #355275; font-size: 17px; margin-bottom: 9px; }
.support-channel h3, .support-intro h3 { min-width: 0; overflow-wrap: anywhere; }
.support-intro p { color: #607898; font-size: 12px; white-space: pre-wrap; overflow-wrap: anywhere; }
.support-intro .support-hours { margin-top: 7px; font-size: 11px; }
.support-account { color: #355275; font-size: 14px; margin: 0 0 17px; white-space: pre-wrap; overflow-wrap: anywhere; user-select: all; }
.support-actions { display: flex; flex-wrap: wrap; gap: 9px; }
.support-qr { margin-top: 18px; }
.support-qr img { max-width: 180px; width: 100%; height: auto; margin-top: 13px; border: 1px solid #dce6f5; border-radius: 6px; }
.support-qr-error, .public-copy-status { color: #617b9f; font-size: 11px; line-height: 1.8; margin-top: 13px; }
.support-qr img[hidden], .support-qr-error[hidden] { display: none; }
.release-help { margin-top: 24px; font-size: 12px; color: #607898; }
.release-help a { color: #1255c7; text-decoration: underline; text-underline-offset: 3px; }
@media (max-width: 1000px) { .release-grid, .support-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 640px) { .release-grid, .support-grid { grid-template-columns: 1fr; } .release-platform, .support-channel { padding: 22px 19px; } .release-toolbar { align-items: flex-start; } .release-platform>h3, .support-channel>h3 { font-size: 21px; } }