/* App download guide in the existing site design system. */
.app-topic-nav { display:flex; flex-wrap:wrap; gap:12px 24px; margin-top:30px; padding:18px 0; border-block:1px solid var(--line); color:var(--green); font-size:13px; font-weight:700; }
.app-guide { margin-top:40px; scroll-margin-top:100px; min-width:0; }
.app-guide h2 { color:var(--gold); line-height:1.3; margin:0 0 20px; font-size:clamp(21px,2.3vw,28px); }
.app-guide h3 { font-size:18px; line-height:1.4; margin:0 0 12px; }
.app-guide p,.app-guide li,.app-guide dd { color:var(--muted); line-height:1.8; }
.app-guide > p { max-width:920px; }
.app-guide a:not(.button) { color:var(--green); font-weight:700; }
.app-guide a:not(.button):hover { color:var(--gold); }
.app-guide-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
.app-guide-grid article { min-width:0; padding:24px; border:1px solid var(--line); border-radius:12px; background:var(--panel); }
.app-guide .button { margin-top:12px; }
.app-guide ol { padding-left:24px; }
.app-guide li { padding-left:4px; margin:16px 0; }
.app-guide li strong { color:#fff; }
.app-guide .app-guide-note { font-size:12px; padding-left:14px; border-left:2px solid var(--line); }
.app-troubleshooting > div { padding:20px 0; border-bottom:1px solid var(--line); }
.app-troubleshooting dt { font-weight:700; margin-bottom:8px; }
.app-troubleshooting dd { margin:0; max-width:920px; }
.app-guide-faq details { padding:20px 0; border-bottom:1px solid var(--line); }
.app-guide-faq summary { font-weight:700; line-height:1.6; }
.app-guide-faq details p { max-width:920px; }
.page-app .download-buttons { flex-wrap:wrap; gap:16px; }
@media(max-width:600px) { .app-guide { margin-top:30px; } .app-guide-grid { grid-template-columns:1fr; gap:16px; } .app-guide-grid article { padding:20px; } .app-guide .button { white-space:normal; } }