.download-step { margin: 28px 0; padding: 24px; border: 1px solid #d9cdbc; border-radius: 18px; background: #fffaf1; }
.download-step-heading { display: flex; align-items: baseline; gap: 14px; margin-bottom: 12px; }
.download-step-heading h2 { margin: 0; }
.download-step-number { color: #d6532d; font-weight: 700; letter-spacing: .05em; }
.download-step-copy { color: #746858; line-height: 1.75; }
.download-step-shortcut { display: inline-block; margin-top: 12px; color: #415b49; font-weight: 700; text-underline-offset: 4px; }
.download-onboarding { margin: 28px 0; padding: 24px; border-radius: 18px; border: 1px solid #d9cdbc; background: #fffaf1; }
.download-onboarding h2 { margin: 0 0 10px; font-size: 1.35rem; }
.download-onboarding > p { color: #746858; line-height: 1.7; }
.download-onboarding-steps { padding: 0; margin: 20px 0; list-style: none; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
.download-onboarding-step { padding: 18px; border-radius: 12px; background: #f7f0e4; }
.download-onboarding-step h3 { margin: 8px 0 12px; font-size: 1.08rem; }
.download-onboarding-step p { color: #746858; line-height: 1.7; }
.download-onboarding-step a { color: #415b49; font-weight: 700; text-underline-offset: 4px; }
.download-onboarding [hidden] { display: none; }
.download-onboarding.is-installed .download-onboarding-steps { grid-template-columns: 1fr; }
.download-onboarding-toggle { padding: 10px 16px; border: 1px solid #415b49; border-radius: 999px; background: transparent; color: #415b49; font: inherit; font-weight: 700; cursor: pointer; }
.download-onboarding-toggle:hover { background: #f1ede3; }
.download-onboarding-toggle:focus-visible { outline: 3px solid #d6532d; outline-offset: 3px; }
.onboarding-file-name { display: block; flex-basis: 100%; margin: 10px 0 0; color: #746858; font-size: .82rem; overflow-wrap: anywhere; }
@media (max-width: 760px) { .download-onboarding-steps { grid-template-columns: 1fr; } .download-step, .download-onboarding { padding: 18px; } }