.help-illustration-note{padding:12px 16px;background:#eaf3fc;border-left:4px solid #277ac0;border-radius:8px;line-height:1.7}
.help-workflow-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,330px),1fr));gap:20px;margin:24px 0}
.help-workflow-card{border:1px solid #d9e4ef;border-radius:12px;padding:18px;background:#fff;min-width:0;align-self:start}
.help-workflow-card h4{font-size:18px;line-height:1.5;margin:0 0 16px}.help-workflow-card ol{padding-left:25px;margin-bottom:0;font-size:14px}
.help-figure{margin:0 0 14px;min-width:0}.help-figure figcaption{font-size:13px;line-height:1.65;color:#5a6d81;margin-top:10px}
.help-ui-board{border:1px solid #ccdaea;background:#f5f8fc;border-radius:10px;padding:18px;display:flex;flex-direction:column;gap:12px;color:#24364c;overflow-wrap:anywhere;font-size:14px;line-height:1.55;min-width:0}
.help-ui-board p,.help-ui-board h5{margin:0;line-height:1.6}.help-ui-board h5{font-size:18px}.help-ui-kicker{font-size:12px;color:#62788d;text-transform:uppercase;letter-spacing:.035em}
.help-ui-row{display:flex;flex-wrap:wrap;align-items:center;gap:9px;min-width:0}.help-ui-row>*{min-width:0;max-width:100%}
.help-ui-field{display:flex;flex-direction:column;gap:6px;min-width:0}.help-ui-field>span{font-size:12px;color:#52677b}.help-ui-field>strong{padding:11px 12px;border:1px solid #ccdbea;border-radius:7px;background:#fff;font-size:14px;white-space:pre-line;font-weight:500}
.help-ui-chip{display:inline-block;padding:8px 11px;background:#fff;border:1px solid #cadbec;border-radius:7px;line-height:1.5}.help-ui-chip.is-active{background:#e3f0fc;color:#1d5f99;border-color:#86b1d7}
.help-ui-control{display:inline-block;padding:10px 13px;background:#277ac0;color:#fff;border-radius:7px;font-weight:600;text-align:center;line-height:1.5}.help-ui-control.is-secondary{background:#fff;color:#2067a3;border:1px solid #c8d9ea}
.help-ui-step{display:flex;align-items:center;gap:10px;border:1px solid #d0e0ed;background:#fff;padding:11px;border-radius:9px;min-width:0}.help-ui-number{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:#277ac0;color:white;border-radius:50%;flex-shrink:0;font-size:14px;font-weight:600}.help-ui-flow{display:flex;flex-direction:column;gap:8px;min-width:0;flex:1}.help-ui-arrow{color:#277ac0;text-align:center;font-size:20px;line-height:1}
.help-ui-slider{height:7px;background:linear-gradient(to right,#277ac0 0 50%,#d8e3ed 50%);border-radius:4px;margin:13px 0;position:relative}.help-ui-slider:after{content:'';position:absolute;left:calc(50% - 10px);top:-7px;width:20px;height:20px;border-radius:50%;background:#277ac0;border:2px solid white;box-shadow:0 0 0 1px #277ac0}
.help-ui-drawing{display:block;width:100%;height:auto;min-height:90px}.help-zoom{font-size:13px;margin-top:10px;padding:9px 12px;min-height:40px}
.help-format-card{background:#fff;border:1px solid #d7e4ef;border-radius:10px;padding:16px!important;margin:12px 0}.help-format-card>summary{font-size:16px;line-height:1.55}.help-format-card>.help-figure{margin-top:18px}.help-format-card .help-ui-board{max-width:650px}.help-format-instructions p{font-size:14px;margin-bottom:8px}
.help-visual-dialog{width:min(900px,calc(100vw - 32px));max-height:calc(100dvh - 32px);border:1px solid #c7d9eb;border-radius:14px;padding:24px;color:#24364c;background:white;box-sizing:border-box}.help-visual-dialog::backdrop{background:#14283c99}.help-visual-dialog:not([open]){display:none}.help-visual-dialog .section-top{margin-bottom:20px;gap:16px}.help-visual-dialog h3{font-size:21px;margin:0}.help-visual-dialog .help-ui-board{font-size:18px;padding:26px}.help-visual-dialog .help-ui-field>strong,.help-visual-dialog .help-ui-chip{font-size:18px}.help-visual-dialog .help-ui-field>span{font-size:15px}.help-visual-dialog .help-ui-drawing{max-height:380px}
.help-workflow-grid[hidden],.help-search-item[hidden]{display:none!important}
.course-help-layout{display:grid;grid-template-columns:minmax(180px,1fr) minmax(240px,1.2fr);gap:20px;margin-top:16px}.course-help-outline,.course-help-phone{display:flex;flex-direction:column;gap:12px}.course-help-phone{background:#fff;border:2px solid #c8d9ea;border-radius:20px;padding:22px}.course-help-tabs{border-top:1px solid #d7e4ef;padding-top:12px;text-align:center;color:#2067a3;margin-top:12px}@media(max-width:650px){.course-help-layout{grid-template-columns:1fr}}
@media(max-width:600px){.help-workflow-card{padding:14px}.help-ui-board{padding:13px}.help-visual-dialog{padding:16px}.help-visual-dialog .help-ui-board{padding:16px;font-size:16px}.help-visual-dialog .help-ui-field>strong,.help-visual-dialog .help-ui-chip{font-size:16px}.help-visual-dialog .section-top{flex-direction:row;align-items:flex-start}.help-visual-dialog h3{font-size:18px}.help-visual-dialog .section-top button{font-size:14px;padding:10px}.help-figure figcaption{font-size:13px}}

.course-design-help-layout{display:grid;grid-template-columns:minmax(180px,1fr) minmax(240px,390px);gap:24px;align-items:start}.course-design-help-controls{min-width:0}.course-design-help-controls label{display:block;margin:16px 0}.course-design-help-controls button{display:block;margin:12px 0;width:100%;white-space:normal}.course-design-help-preview{min-width:0;border:1px solid #DCDFE7;border-radius:20px;background:#F5F7FA;padding:18px}.course-design-help-status{padding:12px;background:#edf5fd;border-radius:8px;overflow-wrap:anywhere}@media(max-width:700px){.course-design-help-layout{grid-template-columns:minmax(0,1fr)}.course-design-help-preview{max-width:390px;width:100%;margin:auto}}