.login{max-width:540px}.login form{max-width:360px}.login .input{width:100%}.login .brand{margin-bottom:40px}.login h1{font-size:36px;max-width:20ch}.login select{height:48px}#notice{padding:16px 24px;background:#fff0e0;color:#713e2d;border-bottom:1px solid #d9b9a7;position:sticky;top:0;z-index:10}.task-aside textarea{width:100%;font-size:16px;resize:vertical;min-height:90px}.task-aside form button{width:100%}.task-sheet .feedback strong{display:block}.input:disabled{opacity:.8}.parent-children dd{max-width:52%;text-align:right}.spaced{margin-top:20px}.save-status{min-height:20px}[aria-busy=true]{cursor:progress}button:disabled{cursor:wait}.timeline{max-width:760px}
@media(max-width:760px){.login{padding:0 20px}.login h1{font-size:30px}.topbar .button{padding:8px 0}.task-aside textarea{min-height:100px}}
#dialogue-form textarea{display:block;width:100%;max-width:100%;min-height:100px;resize:vertical;font-size:16px;text-align:left}#dialogue-form button{display:block;margin-top:12px}.dialogue-entry{overflow-wrap:anywhere}
.support-table{width:100%;border-collapse:collapse;font-size:16px;margin:20px 0;table-layout:fixed}.support-table caption{text-align:left;margin-bottom:10px;font-weight:600}.support-table th,.support-table td{text-align:left;padding:10px 6px;border-bottom:1px solid #b9c7cb;overflow-wrap:anywhere}.packet-key{display:flex;gap:16px;margin:16px 0}.packet-key span{display:block;padding:20px;border:2px solid #285f88;color:#234e70;font-weight:700}.packet-key span+span{border-color:#935024;color:#80421d}.hint-area h3{margin-top:20px}

.course-plan ol{padding:0;list-style:none}.course-plan li{display:flex;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid #ced5df}.course-plan small{flex-shrink:0;color:#536170}#feedback-text{width:100%;max-width:100%;text-align:left;font-size:16px;resize:vertical}

@media(max-width:520px){.hero-lesson{grid-template-columns:1fr}.hero-lesson .hero-art{display:none}.course-plan li{gap:10px}.course-plan small{font-size:12px}}

.remember-login{display:flex;align-items:center;gap:12px;min-height:44px;cursor:pointer;line-height:1.5}.remember-login input{width:20px;height:20px;flex:0 0 20px;accent-color:var(--action)}