.handbook-approved .hb-workspace{grid-template-columns:280px minmax(0,1fr);gap:28px;padding-block:24px 20px}.handbook-approved .hb-workspace[data-topics-collapsed=true]{grid-template-columns:44px minmax(0,1fr)}.handbook-approved .hb-stage{border-radius:12px;grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr) clamp(270px,37dvh - 10px,380px);align-self:start;height:min(100%,820px)}.handbook-approved .hb-learning-pane{grid-area:1/1;padding:24px}.handbook-approved .hb-visual-pane{grid-area:1/2;padding:24px}.handbook-approved .hb-group-toggle{padding:10px;font-size:15px;font-weight:400}.handbook-approved .hb-topic-group>div{gap:4px;padding-block:4px 8px}.handbook-approved .hb-topic-list a{border:0;border-radius:5px;min-height:44px;padding:10px 12px}.handbook-approved .hb-topic-list a[aria-current=page]{background:#613eff12}.handbook-approved .hb-topic-list a strong{font-size:15px;font-weight:400;line-height:1.4}.handbook-approved .hb-topic-list a[aria-current=page] strong{font-weight:600}.handbook-approved .hb-topic-list a strong .hb-developer-tag{width:fit-content;display:flex}.handbook-approved .hb-approved-guide{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr);gap:0;display:grid}.handbook-approved .hb-approved-tools{grid-row:1;justify-content:space-between;align-items:center;gap:16px;min-width:0;padding-bottom:24px;display:flex}.handbook-approved .hb-guide-picker{width:270px;min-width:0;position:relative}.handbook-approved .hb-picker-trigger{border:1px solid var(--jara-border);text-align:left;border-radius:5px;justify-content:space-between;align-items:center;gap:12px;width:100%;min-height:44px;padding:8px 12px;font-size:14px;font-weight:400;display:flex}.handbook-approved .hb-picker-trigger>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.handbook-approved .hb-picker-trigger svg{color:var(--jara-blue);flex-shrink:0}.handbook-approved .hb-picker-trigger[aria-expanded=true]{border-color:var(--jara-blue)}.handbook-approved .hb-picker-trigger[aria-expanded=true] svg{transform:rotate(180deg)}.handbook-approved .hb-picker-menu{z-index:30;overscroll-behavior:contain;background:var(--jara-surface);border:1px solid var(--jara-border);border-radius:9px;width:min(360px,100vw - 64px);max-height:min(460px,100dvh - 290px);padding:6px;position:absolute;top:calc(100% + 8px);left:0;overflow:auto;box-shadow:0 8px 24px #16132b1f}.handbook-approved .hb-picker-menu[hidden]{display:none}.handbook-approved .hb-picker-menu button{text-align:left;border-radius:5px;justify-content:space-between;align-items:center;gap:10px;width:100%;min-height:44px;padding:10px 12px;font-size:14px;line-height:1.4;display:flex}.handbook-approved .hb-picker-menu button:hover{background:var(--jara-tonal)}.handbook-approved .hb-picker-menu button[aria-current=step]{color:var(--jara-blue);background:#613eff12}.handbook-approved .hb-picker-menu svg{flex-shrink:0}.handbook-approved .hb-picker-group{color:var(--jara-muted);padding:12px 12px 4px;font-size:12px;display:block}.handbook-approved .hb-approved-tools .hb-task-more{margin-left:0}.handbook-approved .hb-approved-tools .hb-task-more>div{overscroll-behavior:contain;width:230px;overflow:auto}.handbook-approved .hb-approved-tools .hb-task-more summary{min-height:44px;font-size:12px}.handbook-approved .hb-approved-tools .hb-mobile-context{display:block}.handbook-approved .hb-card-deck{grid-area:2/1;min-width:0;min-height:0;position:relative}.handbook-approved .hb-card-deck h2{letter-spacing:0;margin:0 0 8px;font-size:17px;line-height:1.4}.handbook-approved .hb-card-deck p{white-space:pre-line;max-width:none;margin:0 0 8px;font-size:15px;line-height:1.65}.handbook-approved .hb-card-deck p:last-child{margin-bottom:0}.handbook-approved .hb-instruction-card{border:1px solid var(--jara-border);border-radius:8px;flex:none;margin-bottom:10px;padding:14px;display:block}.handbook-approved .hb-instruction-card[data-active=true]{background:#613eff05;border-color:#613eff40}.handbook-approved .hb-instruction-select{text-align:left;align-items:center;gap:10px;width:100%;min-height:36px;font-size:17px;font-weight:600;line-height:1.4;display:flex}.handbook-approved .hb-instruction-select>svg{color:var(--jara-blue);flex-shrink:0;margin-left:auto}.handbook-approved .hb-instruction-number{background:var(--jara-tonal);width:24px;height:24px;color:var(--jara-muted);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:400;display:flex}.handbook-approved [data-active=true] .hb-instruction-number{color:var(--jara-blue);background:#613eff17}.handbook-approved .hb-instruction-card>.hb-developer-badge{width:fit-content;margin-bottom:8px;display:flex}.handbook-approved .hb-instruction-card .hb-card-link{font-size:13px}.handbook-approved .hb-pair-measure{visibility:hidden;pointer-events:none;width:100%;position:absolute;top:0;left:0}.handbook-approved .hb-card-deck>.hb-card-pager{border-top:0;gap:12px;height:auto;min-height:44px;margin-top:16px;padding-top:0}.handbook-approved .hb-card-deck>.hb-card-pager .hb-small{min-width:0;font-size:11px}.handbook-approved .hb-approved-back{background:var(--jara-tonal)}.handbook-approved .hb-card-deck>.hb-card-pager .hb-onward{min-height:44px}.handbook-approved .hb-approved-guide>.hb-text-button{grid-column:1;min-height:36px;margin-top:8px}.handbook-approved .hb-approved-guide>.hb-motor-checks{grid-area:2/1/4}.handbook-approved :is(button,a,input):focus-visible{outline:2px solid var(--jara-blue);outline-offset:3px}@media (max-width:1500px),(max-height:950px){.handbook-approved .hb-learning-pane,.handbook-approved .hb-visual-pane{padding:18px}.handbook-approved .hb-approved-tools{padding-bottom:18px}.handbook-approved .hb-instruction-card{padding:12px}.handbook-approved .hb-card-pager .btn{padding-inline:10px;font-size:13px}}@media (min-width:701px) and (max-width:1350px) and (max-height:850px){.handbook-approved .hb-workspace{padding-block:12px 8px}.handbook-approved .hb-stage{grid-template-columns:minmax(0,1fr) 240px}.handbook-approved .hb-learning-pane,.handbook-approved .hb-visual-pane{padding:10px}.handbook-approved .hb-approved-tools{padding-bottom:12px}.handbook-approved .hb-instruction-card{padding:8px}}@media (min-width:1024px) and (max-width:1199px){.handbook-approved .hb-workspace{gap:22px;padding-block:8px 6px}.handbook-approved .hb-stage{grid-template-columns:minmax(0,1fr) 210px}.handbook-approved .hb-learning-pane,.handbook-approved .hb-visual-pane{padding:8px}.handbook-approved .hb-approved-tools{gap:8px}.handbook-approved .hb-instruction-card{padding:6px}.handbook-approved .hb-screen-controls{grid-template-columns:repeat(4,minmax(0,1fr));gap:0 5px;display:grid}.handbook-approved .hb-screen-controls>span{text-align:center;grid-area:1/1/auto/-1}.handbook-approved .hb-screen-controls>button{grid-row:2}}@media (max-width:1023px){.handbook-approved .hb-workspace,.handbook-approved .hb-workspace[data-topics-collapsed=true]{grid-template-columns:minmax(0,1fr)}.handbook-approved .hb-sidebar{display:none}.handbook-approved .hb-heading .hb-topics-toggle{display:inline-flex}}@media (min-width:1024px){.handbook-approved .hb-sidebar{display:flex}.handbook-approved .hb-heading .hb-topics-toggle{display:none!important}}@media (min-width:701px) and (max-width:1023px){.handbook-approved .hb-stage{grid-template-columns:minmax(0,1fr) 280px}}@media (max-width:700px){.handbook-approved .hb-workspace{padding-block:12px 10px}.handbook-approved .hb-stage{grid-template-columns:minmax(0,1fr);height:100%}.handbook-approved .hb-learning-pane,.handbook-approved .hb-visual-pane{grid-area:1/1;padding:12px}.handbook-approved .hb-stage[data-mobile-view=guide] .hb-visual-pane,.handbook-approved .hb-stage[data-mobile-view=phone] .hb-learning-pane{display:none}.handbook-approved .hb-visual-pane{border-left:0}.handbook-approved .hb-view-switch{display:flex}.handbook-approved .hb-approved-tools{gap:8px;padding-bottom:12px}.handbook-approved .hb-guide-picker{width:100%}.handbook-approved .hb-picker-trigger{padding:6px 8px;font-size:13px}.handbook-approved .hb-approved-tools .hb-task-more summary{font-size:11px}.handbook-approved .hb-instruction-card{padding:10px}.handbook-approved .hb-card-deck>.hb-card-pager{gap:6px;margin-top:10px}.handbook-approved .hb-card-deck>.hb-card-pager .hb-small{font-size:10px}.handbook-approved .hb-card-deck>.hb-card-pager .btn{gap:6px;padding-inline:8px;font-size:12px}}@media (max-width:360px),(max-width:700px) and (max-height:650px){.handbook-approved .hb-workspace{padding-block:6px}.handbook-approved .hb-learning-pane,.handbook-approved .hb-visual-pane{padding:6px}.handbook-approved .hb-approved-tools{padding-bottom:6px}.handbook-approved .hb-instruction-card{padding:8px}.handbook-approved .hb-card-deck p{line-height:1.55}}