.m-download__hero { background-image: var(--hero-surface); }
.m-download__hero-grid { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(18rem, .65fr); gap: clamp(var(--sp-7), 7vw, var(--sp-9)); align-items: center; }
.m-download__requirements { margin-block-start: var(--sp-5); color: var(--ink-2); font-size: var(--fs-sm); }
.m-download__release { padding: var(--sp-6); border-color: var(--line-strong); box-shadow: var(--shadow-2); }
.m-download__release dl { display: grid; gap: var(--sp-4); margin: var(--sp-6) 0 0; }
.m-download__release dl div { display: grid; grid-template-columns: 6rem minmax(0, 1fr); gap: var(--sp-3); padding-block-end: var(--sp-3); border-bottom: var(--hairline) solid var(--line); }
.m-download__release dt { color: var(--ink-2); }
.m-download__release dd { margin: 0; min-width: 0; overflow-wrap: anywhere; font-weight: 650; }
.m-download__step { display: grid; width: 2.5rem; height: 2.5rem; margin-block-end: var(--sp-5); place-items: center; border-radius: var(--radius-pill); background: var(--accent-quiet); color: var(--accent-hover); font-weight: 750; }
.m-download__connect-steps { margin-block-start: var(--sp-7); }
.m-download__connect-steps strong { color: var(--ink); font-weight: 650; }
.m-download__clients { display: flex; flex-wrap: wrap; gap: var(--sp-2); margin-block-start: var(--sp-5); }
.m-download__clients span { padding: .42rem .72rem; border: var(--hairline) solid var(--line-strong); border-radius: var(--radius-pill); background: var(--surface); color: var(--ink-2); font-size: var(--fs-xs); font-weight: 650; }
.m-download__mcp-actions { margin-block-start: var(--sp-6); }
.m-download__mcp-link { font-weight: 650; }
.m-download__manual { margin-block-start: var(--sp-7); border: var(--hairline) solid var(--line-strong); border-radius: var(--radius); background: var(--surface); box-shadow: var(--shadow-1); }
.m-download__manual summary { padding: var(--sp-5) var(--sp-6); cursor: pointer; color: var(--ink); }
.m-download__manual summary span { display: inline-grid; gap: .2rem; margin-inline-start: var(--sp-2); vertical-align: middle; }
.m-download__manual summary small { color: var(--ink-2); font-weight: 400; }
.m-download__manual-body { display: grid; grid-template-columns: minmax(0, .8fr) minmax(24rem, 1.2fr); gap: var(--sp-6); align-items: center; padding: 0 var(--sp-6) var(--sp-6); }
.m-download__manual-body > p { color: var(--ink-2); }
.m-download__code-block { min-width: 0; }
.m-download__code-head { display: flex; align-items: center; justify-content: space-between; gap: var(--sp-4); padding: 0 0 var(--sp-3) var(--sp-1); color: var(--ink-2); font-family: var(--font-mono); font-size: var(--fs-xs); }
.m-download__copy { display: inline-grid; flex: 0 0 auto; width: 2.25rem; height: 2.25rem; padding: 0; place-items: center; border: var(--hairline) solid var(--line-strong); border-radius: 50%; background: transparent; color: var(--ink-2); cursor: pointer; transition: border-color var(--motion-fast), background var(--motion-fast), color var(--motion-fast), transform var(--motion-fast); }
.m-download__copy:hover { border-color: var(--accent); background: var(--accent-quiet); color: var(--accent-hover); }
.m-download__copy:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }
.m-download__copy:active { transform: scale(.96); }
.m-download__copy svg { width: 1.05rem; height: 1.05rem; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.m-download__copy.is-copied { border-color: var(--accent); background: var(--accent-quiet); color: var(--accent-hover); }
.m-download__code-block pre { margin: 0; background: var(--surface-2); }
.m-download__code-block [data-copy-status] { min-height: 1.4em; margin: var(--sp-2) var(--sp-1) 0; }
.m-download__integrity { display: grid; grid-template-columns: minmax(0, 1fr) minmax(20rem, .85fr); gap: clamp(var(--sp-7), 7vw, var(--sp-9)); align-items: center; }
.m-download__integrity code { display: block; margin-block: var(--sp-5); overflow-wrap: anywhere; color: var(--ink); font-size: var(--fs-sm); line-height: var(--lh-body); }
@media (max-width: 720px) { .m-download__hero-grid, .m-download__manual-body, .m-download__integrity { grid-template-columns: minmax(0, 1fr); } .m-download__manual summary, .m-download__manual-body { padding-inline: var(--sp-4); } }
