body { margin: 0; background: var(--xui-bg); color: var(--xui-ink); }
.download-shell { width: min(1040px, calc(100% - 32px)); max-width: 1040px; margin: 20px auto; background: var(--xui-bg-shell); border: var(--xui-border) solid var(--xui-line-soft); border-radius: var(--xui-radius-panel); overflow: hidden; }
.download-content { padding: clamp(20px, 3.5vw, 40px); }
.download-heading { display: grid; gap: var(--xui-space-3); margin-bottom: var(--xui-space-4, 24px); }
.brand-lockup { display: flex; align-items: center; gap: var(--xui-space-3); }
.brand-lockup > div { min-width: 0; }
.workbuddy-mark { display: block; flex-shrink: 0; object-fit: contain; }
.eyebrow { color: var(--xui-accent-strong); font-weight: 650; margin: 0 0 var(--xui-space-2); }
h1 { font-size: clamp(1.5rem, 3vw, 2.1rem); line-height: 1.35; margin: 0; letter-spacing: -.025em; }
h2 { font-size: 1.2rem; line-height: 1.45; margin: 0 0 var(--xui-space-2); }
h3, h4 { font-size: var(--xui-text-md); line-height: 1.5; margin: 0 0 var(--xui-space-2); }
p { margin: 0; color: var(--xui-ink-soft); line-height: 1.85; }
a { color: var(--xui-accent-strong); text-underline-offset: 3px; }
.flow-tabs.xui-segment.is-inline { display: flex; width: 100%; margin-bottom: var(--xui-space-4, 24px); scroll-margin-top: var(--xui-space-3); }
.flow-tabs button { flex: 1; }
.guide-section { border: var(--xui-border) solid var(--xui-line-soft); border-radius: var(--xui-radius-panel); background: var(--xui-surface); overflow: hidden; }
.section-heading { padding: var(--xui-space-4, 24px); }
.download-packages { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 290px), 1fr)); gap: var(--xui-space-4, 24px); margin-top: var(--xui-space-3); }
.download-card { display: flex; flex-direction: column; border: var(--xui-border) solid var(--xui-line-mid); border-radius: var(--xui-radius-panel); background: var(--xui-surface); overflow: hidden; }
.download-card-content { flex: 1; padding: var(--xui-space-3); display: flex; flex-direction: column; align-items: flex-start; }
.skill-icon { object-fit: contain; border-radius: var(--xui-radius-control); margin-bottom: var(--xui-space-3); }
.package-meta { display: block; margin-top: var(--xui-space-3); color: var(--xui-ink-soft); }
.download-card-actions { padding: var(--xui-space-3); border-top: var(--xui-border) solid var(--xui-line-soft); }
.download-card-actions a { width: 100%; text-decoration: none; }
[aria-disabled="true"] { opacity: .55; pointer-events: none; }
.upgrade-actions { display: flex; gap: var(--xui-space-3); flex-wrap: wrap; align-items: center; margin-top: var(--xui-space-3); }
.copy-status:not(:empty) { margin-top: var(--xui-space-3); }
.copy-status { color: var(--xui-accent-strong); }
.section-note { display: grid; gap: var(--xui-space-2); padding: var(--xui-space-4, 24px); border-top: var(--xui-border) solid var(--xui-line-soft); background: var(--xui-bg-quiet); }
.section-note > a { width: fit-content; min-height: var(--xui-control-h); display: inline-flex; align-items: center; }
.manual-copy { margin-top: var(--xui-space-2); }
.manual-copy summary { display: list-item; width: fit-content; min-height: var(--xui-control-h); align-content: center; color: var(--xui-accent-strong); cursor: pointer; }
.upgrade-command.xui-form { padding: var(--xui-space-2) 0 0; }
.upgrade-command textarea { font: inherit; font-weight: 400; line-height: 1.7; }
.connection-section { padding-top: var(--xui-space-5, 32px); scroll-margin-top: var(--xui-space-4); }
.connection-section p + p { margin-top: var(--xui-space-2); }
.install-steps { list-style: none; margin: 0; padding: 0; border-top: var(--xui-border) solid var(--xui-line-soft); }
.install-steps li { display: grid; grid-template-columns: var(--xui-control-h) minmax(0, 1fr); gap: var(--xui-space-3); padding: var(--xui-space-4, 24px); }
.install-steps li + li { border-top: var(--xui-border) solid var(--xui-line-soft); }
.install-steps li > div { min-width: 0; }
.step-number { display: grid; place-items: center; height: var(--xui-control-h); border: var(--xui-border) solid var(--xui-line-mid); border-radius: var(--xui-radius-control); font-weight: 650; background: var(--xui-bg-quiet); }
.download-faq { margin-top: var(--xui-space-5, 32px); border-top: var(--xui-border) solid var(--xui-line-soft); }
.download-faq summary { min-height: var(--xui-control-h); padding: var(--xui-space-3) 0; cursor: pointer; font-weight: 650; }
.download-faq div { display: grid; gap: var(--xui-space-3); padding-bottom: var(--xui-space-3); }
.download-faq strong { color: var(--xui-ink); }
.download-footer { display: flex; flex-wrap: wrap; align-items: center; gap: var(--xui-space-2); margin-top: var(--xui-space-5, 32px); color: var(--xui-ink-soft); }
.download-footer a { min-height: var(--xui-control-h); display: inline-flex; align-items: center; }
.release-error { margin-top: var(--xui-space-3); }
.release-error p { color: var(--xui-danger); margin-bottom: var(--xui-space-2); }
.download-content .xui-button { white-space: normal; text-align: center; }
.download-content a, .download-content textarea { overflow-wrap: anywhere; }
[hidden] { display: none !important; }
@media (aspect-ratio < 1) and (width < 1280px) { .download-shell { width: 100%; margin: 0; border: 0; border-radius: 0; min-height: 100svh; } .upgrade-actions .xui-button { width: 100%; } .section-heading, .install-steps li, .section-note { padding: var(--xui-space-3); } }