.sync-main{padding-block:70px 90px}.sync-main h1{font-size:48px;line-height:1.45;margin:18px 0 25px}.sync-lead{max-width:740px;color:var(--muted);font-size:15px;line-height:2}.sync-callout{margin-top:35px;padding:22px 28px;border-left:2px solid var(--gold);background:var(--panel);max-width:800px}.sync-callout h2{font-size:23px}.sync-callout p{font-size:13px;color:var(--muted);margin-top:10px}.sync-steps{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin:55px 0}.sync-steps li{border-top:1px solid var(--line);padding-top:22px}.sync-steps h2{font-size:23px;margin:12px 0}.sync-steps li>p:last-child{font-size:13px;color:var(--muted)}.sync-download{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:30px 0;border-block:1px solid var(--line)}.sync-download h2{font-size:24px}.sync-download p{font-size:12px;color:var(--muted);margin-top:7px}.sync-download .button{flex-shrink:0;white-space:nowrap}.sync-download button:disabled{opacity:.65;cursor:default}.sync-download button:disabled:hover{background:transparent}.sync-finish{font-size:13px;color:var(--muted);margin-top:25px;max-width:800px}.sync-main .actions{margin-top:20px}
@media(max-width:760px){.sync-main{padding-block:35px 60px}.sync-main h1{font-size:34px;margin-top:15px}.sync-lead{font-size:13px}.sync-callout{margin-top:25px;padding:18px 20px}.sync-callout h2{font-size:21px}.sync-steps{grid-template-columns:1fr;gap:24px;margin:35px 0}.sync-steps h2{font-size:22px;margin:8px 0}.sync-download{display:block;padding:23px 0}.sync-download h2{font-size:23px}.sync-download .button{margin-top:20px}.sync-main .actions{gap:12px 20px}}

/* Shared device guidance on the home, activation, and synchronizer pages. */
.sync-device-guide{padding-block:42px 64px;scroll-margin-top:24px}
.sync-device-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:26px}
.sync-device-heading h2{font-size:32px;line-height:1.5;margin-top:10px}
.sync-device-heading>.text-link{flex-shrink:0}
.sync-device-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:22px}
.sync-device-card{padding:26px 28px;border:1px solid var(--line);border-top:2px solid var(--gold);border-radius:8px;background:#1a271e}
.sync-device-native{border-top-color:#859b79;background:#17231b}
.sync-device-kind{font-size:11px;letter-spacing:.08em;color:var(--gold)}
.sync-device-native .sync-device-kind{color:#b4c4a8}
.sync-device-card h3{font-size:24px;line-height:1.5;margin-top:8px}
.sync-model-list{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:20px 0}
.sync-model-list li{padding:5px 10px;font-size:12px;line-height:1.6;border:1px solid #8395744d;border-radius:4px;color:#e6e5d5;background:#10191355}
.sync-device-card>p:not(.sync-device-kind){font-size:13px;line-height:1.9;color:var(--muted)}
.sync-device-card .sync-model-tip{margin-top:20px;padding-top:16px;border-top:1px solid var(--line)}
.sync-model-tip strong{color:#dcd4b9;font-weight:500}
.sync-device-note{font-size:12px;line-height:1.9;color:var(--muted);margin-top:18px}
.sync-main>.sync-device-guide{padding-bottom:0}
.sync-connect-title{font-size:26px;line-height:1.5;margin-top:45px;scroll-margin-top:24px}
.sync-connect-title+.sync-steps{margin-top:25px}
@media(max-width:760px){
 .sync-device-guide{padding-block:28px 42px}
 .sync-device-heading{display:block;margin-bottom:20px}
 .sync-device-heading h2{font-size:27px}
 .sync-device-heading>.text-link{display:inline-block;margin-top:12px}
 .sync-device-grid{grid-template-columns:1fr;gap:16px}
 .sync-device-card{padding:20px}
 .sync-device-card h3{font-size:22px}
 .sync-model-list{margin:16px 0;gap:7px}
 .sync-model-list li{font-size:11px;padding:4px 8px}
 .sync-device-heading .eyebrow{font-size:9px;letter-spacing:.1em}
 .sync-connect-title{font-size:24px;margin-top:34px}
}
