.user-guide-page{color:#17284a;background:#f3f6fa;min-height:100dvh;padding-bottom:90px}.user-guide-page>header{background:#fff;border-bottom:1px solid #dbe3ef;align-items:center;gap:18px;padding:15px max(14px,50% - 450px);display:flex}.user-guide-page>header a{color:#315fd6;font-weight:800;text-decoration:none}.user-guide-page>header h1,.user-guide-page>header p{margin:2px 0}.user-guide-page>header small,.user-guide-page>header p{color:#718099}.user-guide-page>main{gap:12px;width:min(880px,100% - 24px);margin:14px auto;display:grid}.user-guide-page main>section{background:#fff;border:1px solid #dbe3ef;border-radius:17px;padding:18px}.guide-role-select h2,.guide-role-select p{margin-top:0}.guide-role-select>div{flex-wrap:wrap;gap:7px;display:flex}.guide-role-select button{color:#5f6f87;background:#fff;border:1px solid #cbd6e6;border-radius:99px;padding:8px 12px}.guide-role-select button.active{color:#fff;background:#315fd6;border-color:#315fd6}.guide-role-select select{border:1px solid #cbd6e6;border-radius:10px;width:100%;margin:12px 0;padding:10px}.guide-role-select>a{color:#315fd6;background:#edf3ff;border-radius:10px;padding:9px 12px;font-weight:800;text-decoration:none;display:inline-block}.guide-manual>header,.guide-share-drafts>header{justify-content:space-between;align-items:center;display:flex}.guide-manual article{border-top:1px solid #e6ebf2;grid-template-columns:38px 1fr auto;align-items:center;gap:12px;padding:13px 0;display:grid}.guide-manual article>i{color:#fff;background:#315fd6;border-radius:10px;place-items:center;width:34px;height:34px;font-style:normal;font-weight:900;display:grid}.guide-manual h3,.guide-manual p{margin:2px 0}.guide-manual p{color:#718099}.guide-manual a{color:#315fd6;background:#edf3ff;border-radius:9px;padding:8px 10px;font-size:12px;font-weight:800;text-decoration:none}.guide-feature-list>div{grid-template-columns:1fr 1fr;gap:8px;display:grid}.guide-feature-list p{background:#f3f6fa;border-radius:10px;margin:0;padding:10px}.guide-feature-list span{color:#315fd6;margin-right:7px}.guide-share-drafts article{border:1px solid #e1e7f0;border-radius:12px;margin-top:10px;padding:13px}.guide-share-drafts h3,.guide-share-drafts p{margin:3px 0}.guide-share-drafts p{color:#64738a;line-height:1.7}.guide-share-drafts footer{justify-content:flex-end;gap:8px;display:flex}.guide-share-drafts button{color:#315fd6;background:#fff;border:1px solid #c8d5e7;border-radius:9px;padding:8px 11px}.guide-share-drafts button.primary{color:#fff;background:#315fd6;border-color:#315fd6}.guide-faq details{border-top:1px solid #e4eaf2;padding:12px 0}.guide-faq summary{cursor:pointer;font-weight:800}.guide-faq p{color:#718099;line-height:1.7}@media (max-width:650px){.user-guide-page>header{flex-direction:column;align-items:flex-start;gap:7px}.guide-manual article{grid-template-columns:34px 1fr}.guide-manual article>a{text-align:center;grid-column:2}.guide-feature-list>div{grid-template-columns:1fr}.guide-share-drafts footer{flex-direction:column}.guide-share-drafts button{width:100%}}