.topic-guide{padding:22px;border:1px solid #c7d5eb;background:white;border-radius:20px;min-width:0;scroll-margin-top:130px}.topic-guide h2{font-size:32px!important;line-height:1.2!important;margin:8px 0 12px!important}.guide-brief{font-size:17px!important;line-height:1.5!important}.guide-modes,.guide-actions{display:flex;gap:8px;margin:12px 0}.topic-guide button{min-height:44px;font-size:15px;padding:10px 14px;line-height:1.35}.guide-modes [aria-pressed=false]{background:#edf3ff;color:#164bd9;border:1px solid #c7d5eb}.guide-progress{display:flex;justify-content:space-between;gap:8px;font-size:13px;font-weight:700;color:#465571;margin:12px 0 7px}.guide-visual{border:1px solid #d5dfee;border-radius:14px;padding:10px;background:#f8faff;min-width:0}.guide-caption{background:white;border-left:4px solid #164bd9;border-radius:7px;padding:9px 11px;color:#14264b;line-height:1.4;min-height:65px}.guide-caption strong{display:block;font-size:18px}.guide-caption span{display:block;font-size:15px;margin-top:3px}.guide-visual canvas{display:block;width:100%;height:310px;touch-action:pan-y;cursor:crosshair;border-radius:8px}.guide-visual canvas:focus-visible{outline:3px solid #164bd9;outline-offset:2px}.guide-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:10px}.guide-cards:empty{display:none}.guide-value{background:#fff;border:1px solid #c7d5eb;border-radius:12px;color:#14264b;text-align:left;overflow-wrap:anywhere;min-width:0;box-shadow:none}.guide-value span{display:block;font-size:13px;line-height:1.4;color:#465571}.guide-value strong{display:block;font-size:24px;line-height:1.3;margin-top:6px}.guide-value[aria-pressed=true]{outline:2px solid #164bd9;background:#eaf1ff}.guide-inspect{font-size:13px!important;line-height:1.5!important;color:#465571;overflow-wrap:anywhere;margin:8px 0!important}.guide-feedback{font-size:16px!important;line-height:1.5!important;min-height:3em;color:#14264b;margin:12px 0!important}.guide-choices[hidden]{display:none}.guide-choices p{font-size:16px!important;font-weight:700;line-height:1.4!important;margin:10px 0!important}.guide-choices>div{display:flex;gap:8px}.guide-choices button{flex:1;min-width:0}.guide-actions [data-guide-next]{flex:1}.topic-guide button:disabled{opacity:.55;cursor:not-allowed}.guide-details{border-top:1px solid #d5dfee;padding-top:12px;font-size:15px}.guide-details p{font-size:15px!important;line-height:1.6!important}.guide-details button{margin:12px 0}.guide-data{display:none}.guide-has-values canvas{height:250px}
.guide-copy .topic-guide{margin-bottom:40px}.guide-value strong.guide-text-value{font-size:20px;overflow-wrap:normal;word-break:normal;hyphens:none}.guide-value.guide-wide-value{grid-column:1/-1}
.guide-modes{flex-wrap:wrap}.guide-has-values .guide-visual canvas{height:280px}.guide-visual{overflow-anchor:none}.guide-caption{min-height:80px}.guide-actions{overflow-anchor:none}.lesson-body .topic-guide{padding:18px}.topic-guide>.eyebrow{margin-bottom:6px!important}.topic-guide>.guide-brief{margin-bottom:8px!important}.guide-visual canvas{height:280px}
@media(max-width:760px){.topic-guide{padding:12px;scroll-margin-top:105px}.topic-guide h2{font-size:26px!important}.guide-brief{font-size:16px!important}.guide-modes button{flex:1}.guide-caption{min-height:76px;padding:8px 10px}.guide-caption strong{font-size:16px}.guide-caption span{font-size:14px}.guide-visual{padding:8px}.guide-visual canvas{height:270px}.guide-has-values canvas{height:220px}.guide-value{padding:9px!important}.guide-value strong{font-size:21px}.guide-value strong.guide-text-value{font-size:18px}.guide-cards{gap:7px}.guide-choices button{font-size:13px;padding:9px 7px}.guide-feedback{font-size:15px!important}.guide-progress{font-size:12px}.guide-inspect{font-size:12px!important}.guide-actions button{font-size:14px}}
@media(max-width:760px){.guide-has-values .guide-visual canvas{height:270px}.guide-caption{min-height:116px}.guide-modes button,.guide-modes [data-guide-fit]{flex:initial;min-height:40px;padding:8px 10px;font-size:13px}.topic-guide>.guide-brief{display:none}.topic-guide>.eyebrow{font-size:11px;line-height:1.5}.topic-guide h2{font-size:24px!important}}