/* A single task at a time, with optional help kept nearby. */
body[data-page=guide]{background:#f7f5f8;color:#1f0433}
body[data-page=guide] .guide-heading{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
body[data-page=guide] .guide-shell{max-width:850px;padding-top:38px;padding-bottom:55px}
body[data-page=guide] .guide-layout{display:flex;flex-direction:column;gap:16px}
body[data-page=guide] .guide-sidebar{width:100%;position:static;display:flex;align-items:center;gap:12px}
body[data-page=guide] #guide-nav,body[data-page=guide] .sidebar-note{display:none}
body[data-page=guide] .progress-card{display:block;margin:0 0 0 auto;padding:0;background:transparent;border:0;min-width:105px}
body[data-page=guide] .progress-card>div{font-size:11px;color:#675570;justify-content:flex-end}
body[data-page=guide] .progress-card>div>span,body[data-page=guide] .progress-card small{display:none}
body[data-page=guide] .progress-card progress{display:block;height:4px;margin:7px 0 0;width:100%}
body[data-page=guide] .mobile-topic-label{display:block;margin:0;white-space:nowrap;color:#675570;font-size:13px}
body[data-page=guide] .guide-sidebar #mobile-topic{display:block;width:auto;min-width:220px;max-width:100%;min-height:46px;padding:9px 13px;border:1px solid #e1d7e8;border-radius:10px;background:#fff;color:#1f0433;font-size:14px}
body[data-page=guide] .task-panel{background:#fff;border:1px solid #e8e1ed;border-radius:20px;padding:34px}
body[data-page=guide] .task-panel h2{font-size:clamp(28px,3vw,36px);line-height:1.5;margin:0}
body[data-page=guide] .task-instructions{margin:24px 0;gap:16px}
body[data-page=guide] .task-instructions li{font-size:15px;line-height:1.9}
body[data-page=guide] .task-primary-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
body[data-page=guide] .task-primary-actions .button{min-height:50px;font-size:14px;padding:10px 20px}
body[data-page=guide] .task-more{margin-top:24px}
body[data-page=guide] .guide-mobile-actions{display:none!important}
body[data-page=guide] .desktop-complete{display:inline-flex!important}
body[data-page=guide] .completion{padding:38px;text-align:center}
@media(max-width:760px){body[data-page=guide]:not([data-guide-complete=true]){padding-bottom:0}body[data-page=guide] .guide-shell{padding-top:20px;padding-bottom:35px}body[data-page=guide] .guide-sidebar{gap:8px;flex-wrap:wrap}body[data-page=guide] .progress-card{order:3;width:100%;margin:3px 0 0}body[data-page=guide] .progress-card>div{justify-content:flex-start}body[data-page=guide] .mobile-topic-label{font-size:11px}body[data-page=guide] .guide-sidebar #mobile-topic{flex:1;min-width:0;font-size:13px}body[data-page=guide] .task-panel{padding:23px 19px;border-radius:16px}body[data-page=guide] .task-panel h2{font-size:26px;line-height:1.5}body[data-page=guide] .task-instructions{margin:20px 0;gap:14px}body[data-page=guide] .task-instructions li{font-size:14px}body[data-page=guide] .task-primary-actions{display:grid;grid-template-columns:1fr 1fr}body[data-page=guide] .task-primary-actions .button{min-width:0;padding:10px 7px;font-size:12px;gap:6px;white-space:normal;text-align:center}body[data-page=guide] .task-primary-actions .button .icon{width:15px;height:15px}body[data-page=guide] .task-more{margin-top:18px}body[data-page=guide] .completion{padding:30px 20px}}
