.download-home .product-support { max-width: 1080px; margin: 48px auto 0; padding: 40px 24px 0; text-align: start; } .download-home .product-support > h2, .download-home .product-support > p, .download-home .product-support .support-topics { max-width: 860px; margin-inline: auto; } .download-home .product-support > h2 { font-size: clamp(26px, 3.2vw, 34px); line-height: 1.4; } .support-topic { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 24px; align-items: center; padding: 28px 0; border-bottom: 1px solid var(--tg-line, #dfe6ee); } .download-home .product-support .support-topic h3 { margin: 0 0 10px; font-size: 21px; line-height: 1.5; } .download-home .product-support .support-topic p { margin: 0; line-height: 1.8; } .support-topic-copy { min-width: 0; } .support-topic-link { display: inline-flex; align-items: center; min-height: 44px; max-width: 220px; padding: 10px 0; color: #126c9c; line-height: 1.6; text-underline-offset: 4px; overflow-wrap: anywhere; } .download-home .product-support .support-contact { margin-top: 24px; } .support-contact a { display: inline-block; min-height: 44px; padding-block: 8px; color: #126c9c; } .product-platforms { line-height: 1.8; } .support-page { margin: 0; background: #fff; color: #1f2d3d; font: 17px/1.85 system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", sans-serif; } .support-page *, .support-page *::before, .support-page *::after { box-sizing: border-box; } .support-page a { color: #126c9c; text-underline-offset: 4px; overflow-wrap: anywhere; } .support-page a:hover, .download-home .product-support a:hover { color: #084c75; } .support-page a:focus-visible, .download-home .product-support a:focus-visible { outline: 2px solid #126c9c; outline-offset: 4px; border-radius: 2px; } .support-header, .support-main, .support-footer { width: min(100%, 880px); margin-inline: auto; padding-inline: 32px; } .support-header { padding-block: 20px; border-bottom: 1px solid #dfe6ee; } .support-nav { display: flex; flex-wrap: wrap; gap: 4px 24px; align-items: center; } .support-nav a, .help-toc a { display: inline-flex; align-items: center; min-height: 44px; padding-block: 6px; } .support-main { padding-block: 36px 48px; } .support-page h1 { max-width: 24em; margin: 0 0 20px; font-size: clamp(28px, 4vw, 40px); line-height: 1.4; letter-spacing: -0.02em; text-wrap: balance; } .support-page h2 { margin: 0 0 16px; font-size: clamp(24px, 3vw, 28px); line-height: 1.5; text-wrap: balance; } .support-page h3 { margin: 0 0 10px; font-size: 20px; line-height: 1.55; } .support-page p { margin: 0 0 16px; } .support-intro { color: #4f6274; } .help-actions, .help-links { display: flex; align-items: flex-start; flex-wrap: wrap; gap: 8px 24px; } .help-actions a, .help-links a { display: inline-block; min-height: 44px; padding-block: 8px; } .help-toc { display: flex; flex-wrap: wrap; gap: 4px 24px; padding-block: 16px; margin-top: 24px; border-block: 1px solid #dfe6ee; } .help-topic, .help-questions, .help-sources { padding-block: 36px; border-bottom: 1px solid #dfe6ee; scroll-margin-top: 24px; } .help-topic ol { margin: 20px 0; padding-inline-start: 26px; } .help-topic li { padding-inline-start: 4px; margin-bottom: 12px; } .help-questions article + article { margin-top: 28px; } .help-sources .help-links { flex-direction: column; gap: 0; } .support-footer { padding-block: 24px 40px; color: #4f6274; } @media (max-width: 720px) { .download-home .product-support { padding: 28px 20px 0; margin-top: 36px; } .support-topic { grid-template-columns: minmax(0, 1fr); gap: 8px; padding-block: 24px; } .support-topic-link { max-width: 100%; justify-self: start; } .support-header, .support-main, .support-footer { padding-inline: 20px; } .support-main { padding-top: 28px; } .support-page { font-size: 16px; } .help-toc { flex-direction: column; gap: 4px; } .help-topic, .help-questions, .help-sources { padding-block: 28px; } }