/* Support stays outside the replaceable learning surface. */
html[data-academy-design] body{padding-bottom:calc(94px + env(safe-area-inset-bottom,0px))}
#study-support-dock{position:fixed;right:max(16px,env(safe-area-inset-right,0px));bottom:calc(12px + env(safe-area-inset-bottom,0px));z-index:500;display:flex;gap:8px;padding:7px;background:#102238;border:1px solid #809bb4;border-radius:16px;box-shadow:0 6px 24px #0006}
#study-support-dock button,#study-support-dialog button,#study-support-dialog .support-upload{font:700 1rem/1.25 system-ui,sans-serif;min-height:46px;border-radius:9px;padding:11px 15px;cursor:pointer;border:1px solid #94adc4;background:#183551;color:#fff}
#study-support-dock button:first-child,#study-support-dialog .support-primary{background:#f0d38b;color:#122238;border-color:#f0d38b}
#study-support-dock button:focus-visible,#study-support-dialog :focus-visible{outline:3px solid #55c9ff;outline-offset:3px}
#study-support-dialog{box-sizing:border-box;position:fixed;inset:0;width:min(680px,calc(100% - 24px));max-height:86svh;margin:auto;padding:24px;border:1px solid #90abc2;border-radius:18px;color:#f1f6fc;background:#102238;overflow:auto;font:1rem/1.5 system-ui,sans-serif;overscroll-behavior:contain}
#study-support-dialog::backdrop{background:#030c18c9}
#study-support-dialog h2{font-size:1.45rem;line-height:1.3;margin:0;color:#fff}
#study-support-dialog h3{font-size:1rem;margin:1.1rem 0 .5rem;color:#f0d38b}
#study-support-dialog p{margin:.7rem 0;color:#d5e2ee;font-size:1rem;line-height:1.5}
#study-support-dialog .support-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
#study-support-dialog label{display:block;color:#f1f6fc;font-size:1rem;margin:.8rem 0 .3rem}
#study-support-dialog textarea,#study-support-dialog select{box-sizing:border-box;display:block;width:100%;border:1px solid #91a9bf;border-radius:8px;background:#f3f7fc;color:#102238;padding:12px;font:1rem/1.45 system-ui,sans-serif}
#study-support-dialog textarea{min-height:100px;resize:vertical}
#study-support-dialog .support-context{padding:12px;border-left:3px solid #f0d38b;background:#19334b;overflow-wrap:anywhere}
#study-support-dialog .support-actions{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0;align-items:center}
#study-support-dialog .support-upload{display:inline-flex;align-items:center;margin:0}
#study-support-dialog input[type=file]{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
#study-support-dialog .support-upload:focus-within{outline:3px solid #55c9ff;outline-offset:3px}
#study-support-dialog .support-images{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}
#study-support-dialog figure{margin:0;background:#19334b;padding:10px;border-radius:10px;min-width:0}
#study-support-dialog figure img{display:block;width:100%;max-height:180px;object-fit:contain;background:#eef3fa;border-radius:5px}
#study-support-dialog figcaption{font-size:.875rem;overflow-wrap:anywhere;color:#d5e2ee;margin-top:8px}
#study-support-dialog figure button{font-size:.875rem;padding:8px;min-height:44px}
#study-support-dialog #support-status{min-height:1.5em;color:#f0d38b}
#study-support-dialog button:disabled{opacity:.6;cursor:wait}
#study-support-dialog .support-note{font-size:.875rem;color:#c1d1e1}
@media(max-width:480px){#study-support-dialog{padding:16px}#study-support-dock{right:10px}#study-support-dock button{padding:10px 12px;font-size:.9375rem}}
@media print{#study-support-dock,#study-support-dialog{display:none!important}}