.release-hub { color: #292821; background: #f8f5ef; padding: 1.5rem; max-width: 100%; font-family: system-ui, sans-serif; }
.release-hub nav { display: flex; flex-wrap: wrap; gap: .5rem; padding-block: .75rem; }
.release-hub button, .release-hub input, .release-hub select { font: inherit; min-height: 2.5rem; padding: .4rem .6rem; }
.release-hub button { border: 1px solid #656052; background: #fffdf8; border-radius: .2rem; cursor: pointer; }
.release-hub button:disabled { cursor: default; opacity: .6; }
.release-hub :focus-visible { outline: 3px solid #243e72; outline-offset: 3px; }
.release-hub fieldset { border: 1px solid #b3ac9c; padding: .75rem; margin-block: .75rem; min-width: 0; }
.release-hub label { display: inline-flex; flex-direction: column; gap: .2rem; margin: .4rem; vertical-align: top; }
.release-hub small { display: block; color: #504c43; }
.release-hub dl { display: grid; grid-template-columns: minmax(8rem, 1fr) minmax(12rem, 3fr); gap: .3rem .75rem; }
.release-hub dd { margin: 0; overflow-wrap: anywhere; }
.release-hub [role=alert] { border-left: 4px solid #84462e; padding-left: .75rem; }
.release-hub aside { padding: .75rem; border: 1px solid #898270; margin-block: .75rem; }
.release-hub .hub-sprite { position: relative; display: inline-block; vertical-align: middle; }
.release-hub .hub-sprite-layer { position: absolute; left: 0; top: 0; background-repeat: no-repeat; image-rendering: pixelated; }
@media (max-width: 640px) { .release-hub { padding: .75rem; } .release-hub dl { grid-template-columns: 1fr; } .release-hub label { display: flex; margin-inline: 0; } }