.public-main.auth-main:has(> .guide-page) { width:100%; max-width:1320px; }
.guide-page { width:100%; max-width:1320px; margin:0 auto; }
.guide-layout { display:grid; grid-template-columns:280px minmax(0,1fr); gap:24px; align-items:start; }
.guide-mobile-navigation { display:none; }
.guide-mobile-navigation summary { cursor:pointer; display:flex; justify-content:space-between; gap:12px; align-items:center; font-size:14px; }
.guide-mobile-navigation summary span { color:#52657e; }
.guide-mobile-links { display:grid; gap:4px; margin-top:16px; }
.guide-steps { display:grid; gap:8px; padding:16px; }
.guide-step { display:flex; align-items:center; gap:12px; padding:14px 10px; border-radius:12px; text-decoration:none; color:var(--text, #172b48); }
.guide-step.selected { background:#edf3fc; }
.guide-step:hover { background:#f1f5f9; }
.guide-step small, .retention-options small, .check small { display:block; color:#63738b; font-size:13px; line-height:1.6; margin-top:4px; font-weight:400; }
.guide-step-number { display:grid; place-items:center; flex:0 0 32px; width:32px; height:32px; border-radius:50%; background:#e7edf6; color:#143772; font-weight:700; line-height:1; }
.guide-article { min-width:0; padding:32px; }
.guide-article h2 { font-size:28px; line-height:1.35; margin-bottom:12px; }
.guide-article .lead { font-size:18px; line-height:1.8; color:#52657e; }
.guide-figure { margin:24px 0; overflow:hidden; border:1px solid #e1e7ef; border-radius:16px; }
.guide-figure img { display:block; width:100%; height:auto; }
.guide-figure figcaption { font-size:12px; line-height:1.6; padding:10px 16px; color:#66758a; background:#f8fafc; }
.guide-instructions { padding-left:24px; display:grid; gap:16px; font-size:16px; line-height:1.85; }
.guide-instructions li { padding-left:6px; }
.guide-instructions li::marker { color:#143772; font-weight:700; }
.guide-result { background:#f3f7fb; border-radius:14px; padding:18px 22px; margin-top:24px; }
.guide-result h3 { font-size:16px; margin-bottom:8px; }
.guide-result p { margin:0; line-height:1.7; }
.guide-help { margin-top:28px; padding-top:20px; border-top:1px solid #e1e7ef; line-height:1.8; }
.guide-help summary { font-weight:700; cursor:pointer; }
.retention-options { display:grid; gap:20px; margin-top:24px; }
.retention-notifications { display:grid; gap:16px; margin-top:20px; }
.retention-notifications h2 { font-size:20px; margin:12px 0; }
.retention-notifications h2 a { color:inherit; text-decoration:none; }
.retention-notifications p { line-height:1.8; }
.onboarding-checklist { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; }
.onboarding-checklist .guide-step { align-items:flex-start; font-size:14px; }
@media(max-width:1050px) { .guide-layout { grid-template-columns:1fr; gap:16px; } .guide-desktop-navigation { display:none; } .guide-mobile-navigation { display:block; padding:18px 20px; } .onboarding-checklist { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:600px) { .guide-article { padding:20px; } .guide-article h2 { font-size:24px; } .guide-steps { grid-template-columns:1fr; gap:0; } .guide-step { padding:10px 8px; } .guide-article .lead { font-size:16px; } .onboarding-checklist { grid-template-columns:1fr; } .guide-figure figcaption { padding:10px; } }