.teaching-packet figure.teaching-visual[data-alpha-teaching-hidden="true"] { display: none !important; }
.teaching-packet figure.teaching-visual[data-alpha-teaching-owned="static"] > a { aspect-ratio: auto; overflow: visible; }
.teaching-packet figure.teaching-visual[data-alpha-teaching-owned="static"] picture { display: block; width: 100%; }
.teaching-packet figure.teaching-visual[data-alpha-teaching-owned="static"] img { display: block; width: 100%; height: auto; }
.teaching-packet .alpha-teaching-interaction { margin: 18px 0 24px; padding: 20px; border: 1px solid #c5d8e5; border-radius: 14px; background: #f5f9fc; color: #182e42; min-width: 0; max-width: 100%; overflow-wrap: anywhere; }
.teaching-packet .alpha-teaching-interaction h4 { margin: 0 0 12px; font-size: 18px; }
.teaching-packet .alpha-teaching-interaction p { margin: 12px 0; line-height: 1.7; }
.teaching-packet .alpha-teaching-interaction .controls { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; }
.teaching-packet .alpha-teaching-interaction .controls label { display: flex; flex-direction: column; gap: 8px; flex: 1 1 230px; min-width: 0; }
.teaching-packet .alpha-teaching-interaction input[type="range"] { width: 100%; min-height: 44px; cursor: pointer; accent-color: #235daf; touch-action: pan-y; }
.teaching-packet .alpha-teaching-interaction button,
.teaching-packet .alpha-teaching-interaction select { font: inherit; min-height: 44px; padding: 10px 14px; max-width: 100%; border: 1px solid #9cb9ce; border-radius: 8px; color: #182e42; background: #fff; cursor: pointer; }
.teaching-packet .alpha-teaching-interaction :focus-visible { outline: 3px solid #235daf; outline-offset: 3px; }
.teaching-packet .alpha-teaching-interaction .readout { padding: 12px; border-left: 3px solid #235daf; background: #e8f1f8; }
.teaching-packet .alpha-teaching-interaction .alpha-interaction-fallback { color: #526c7c; }
@media (max-width: 430px) { .teaching-packet .alpha-teaching-interaction { padding: 12px; } }