.muah-user-guide .guide-review { margin:20px 0 0; font-size:13px; color:var(--muah-muted); }
.muah-user-guide .guide-card-note { color:var(--muah-muted); font-size:13px; margin:20px 0 0; }
.muah-user-guide .guide-layout { display:grid; grid-template-columns:245px minmax(0,1fr); gap:48px; align-items:start; padding:0 0 30px; }
.muah-user-guide .guide-sidebar { position:sticky; top:20px; padding-top:4px; }
.muah-user-guide .guide-contents { border:1px solid var(--muah-line); border-radius:16px; background:#fff; overflow:hidden; }
.muah-user-guide .guide-contents summary { padding:18px; font-weight:750; cursor:pointer; color:var(--muah-ink); }
.muah-user-guide .guide-contents summary span { display:block; font-size:12px; font-weight:500; color:var(--muah-muted); margin-top:4px; }
.muah-user-guide .guide-contents nav { max-height:calc(100svh - 190px); overflow:auto; padding:0 12px 12px; }
.muah-user-guide .guide-contents ol { list-style:none; padding:0; margin:0; }
.muah-user-guide .guide-contents a { display:flex; gap:10px; align-items:baseline; padding:8px 6px; border-radius:6px; font-size:13px; line-height:1.5; color:var(--muah-muted); text-decoration:none; }
.muah-user-guide .guide-contents a:hover { background:#f0eaff; color:var(--muah-purple); }
.muah-user-guide .guide-contents a span { flex:none; width:22px; font-size:11px; font-weight:700; color:var(--muah-purple); }
.muah-user-guide .guide-contents summary:focus-visible { outline:3px solid #157b83; outline-offset:-5px; }
.muah-user-guide .guide-top { display:inline-block; font-size:13px; margin:15px 6px; }
.muah-user-guide .guide-article { min-width:0; max-width:none; width:100%; padding:0; margin:0; }
.muah-user-guide .guide-article section { margin:0 0 58px; padding:0 0 35px; border-bottom:1px solid var(--muah-line); scroll-margin-top:24px; }
.muah-user-guide .guide-article section:last-child { border-bottom:0; }
.muah-user-guide .guide-article h2 { font-size:clamp(27px,3vw,34px); line-height:1.25; margin-bottom:22px; }
.muah-user-guide .guide-article h3 { margin-top:30px; }
.muah-user-guide .guide-article .muah-eyebrow { font-size:11px; margin-bottom:12px; }
.muah-user-guide .guide-tip { padding:20px 23px; border-left:3px solid #277d78; border-radius:0 12px 12px 0; margin:24px 0; background:#eaf5f2; color:#244f4c; font-size:15px; line-height:1.75; }
.muah-user-guide .guide-example { padding:24px; margin:24px 0; border:1px solid #dcd3ef; border-radius:14px; background:#f0ebf9; }
.muah-user-guide .guide-example .muah-label { margin-bottom:12px; }
.muah-user-guide .guide-example p:last-child { margin-bottom:0; }
.muah-user-guide .guide-example blockquote { margin:0; padding:0; line-height:1.8; }
.muah-user-guide .guide-example pre { white-space:pre-wrap; overflow-wrap:anywhere; font:14px/1.8 ui-monospace,SFMono-Regular,Consolas,monospace; margin:0; }
.muah-user-guide kbd { display:inline-block; padding:1px 6px; border:1px solid #d8d3e6; border-bottom-width:2px; border-radius:4px; background:#fff; font:12px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace; }
.muah-user-guide .guide-flow { display:grid; grid-template-columns:1fr; gap:10px; padding:0; margin:24px 0; list-style:none; counter-reset:guide-step; }
.muah-user-guide .guide-flow li { counter-increment:guide-step; position:relative; background:#fff; border:1px solid var(--muah-line); border-radius:12px; padding:17px 20px 17px 62px; }
.muah-user-guide .guide-flow li::before { content:counter(guide-step); position:absolute; left:19px; top:19px; display:grid; place-items:center; width:27px; height:27px; border-radius:9px; color:#fff; background:var(--muah-purple); font-size:12px; font-weight:750; }
.muah-user-guide .guide-flow span { display:block; color:var(--muah-muted); font-size:14px; line-height:1.65; margin-top:3px; }
.muah-user-guide .guide-article .muah-table-wrap table { min-width:480px; }
.muah-user-guide .guide-article tbody th { width:30%; }
.muah-user-guide .guide-article .muah-table-wrap:focus-visible { outline:3px solid #157b83; outline-offset:3px; }
.muah-user-guide .guide-article .guide-troubleshooting tbody th { width:34%; }
@media(max-width:1000px) { .muah-user-guide .guide-layout { grid-template-columns:210px minmax(0,1fr); gap:28px; } }
@media(max-width:760px) { .muah-user-guide .guide-layout { grid-template-columns:1fr; gap:30px; } .muah-user-guide .guide-sidebar { position:static; padding:0; } .muah-user-guide .guide-contents nav { max-height:350px; } .muah-user-guide .guide-contents a { font-size:14px; padding:10px 6px; } .muah-user-guide .guide-contents ol { columns:2; column-gap:14px; } .muah-user-guide .guide-contents li { break-inside:avoid; } .muah-user-guide .guide-article section { margin-bottom:38px; padding-bottom:24px; } .muah-user-guide .guide-example { padding:20px; } .muah-user-guide .guide-tip { padding:18px 20px; } }
@media(max-width:440px) { .muah-user-guide .guide-contents ol { columns:1; } .muah-user-guide .guide-flow li { padding:15px 16px 15px 56px; } .muah-user-guide .guide-flow li::before { left:15px; top:17px; } }
@media(max-width:600px) { .muah-user-guide .guide-article .muah-table-wrap table { min-width:0; } .muah-user-guide .guide-article .muah-table-wrap thead { position:absolute; width:1px; height:1px; padding:0; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; } .muah-user-guide .guide-article .muah-table-wrap tr { display:block; border-bottom:1px solid var(--muah-line); } .muah-user-guide .guide-article .muah-table-wrap tr:last-child { border-bottom:0; } .muah-user-guide .guide-article .muah-table-wrap th, .muah-user-guide .guide-article .muah-table-wrap td { display:block; width:100%; min-width:0; border:0; padding:14px 16px; } .muah-user-guide .guide-article .muah-table-wrap tbody th { width:100%; background:#f0ebf9; font-size:15px; } .muah-user-guide .guide-article .muah-table-wrap td { background:#fff; font-size:15px; line-height:1.75; } }
@media print { .muah-user-guide .muah-header, .muah-user-guide .guide-sidebar, .muah-user-guide .muah-actions, .muah-user-guide .muah-related, .muah-user-guide .muah-cta { display:none; } .muah-user-guide { background:#fff; color:#111; font-size:11pt; } .muah-user-guide .muah-shell { width:100%; } .muah-user-guide .guide-layout { display:block; } .muah-user-guide .muah-hero { display:block; padding:0 0 25px; } .muah-user-guide .muah-hero-card { display:none; } .muah-user-guide .guide-article .muah-table-wrap { overflow:visible; } .muah-user-guide .guide-article .muah-table-wrap table { min-width:0; } .muah-user-guide .guide-example, .muah-user-guide .guide-tip { break-inside:avoid; } }