.learning-log{margin:28px 0;padding:clamp(18px,3vw,28px);background:#f3f6fb;border:1px solid #d8e3f3;border-radius:18px}.learning-log [hidden]{display:none!important}.learning-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin:18px 0}.learning-log button,.learning-log input,.learning-log select{min-height:44px}.learning-log button{cursor:pointer}.learning-log .quiet-button{border:1px solid #71849d;border-radius:9px;background:#fff;color:#26374d;padding:10px 14px;font:inherit;font-size:15px}.learning-log :focus-visible{outline:3px solid #164fff;outline-offset:3px}.learning-records{display:flex;flex-wrap:wrap;gap:8px;padding:0 0 20px;border-bottom:1px solid #c9d6e8}.learning-records button{max-width:100%;text-align:left;overflow-wrap:anywhere;border:1px solid #71849d;border-radius:8px;padding:10px 14px;font:inherit;font-size:14px;background:#fff;color:#26374d}.learning-records [aria-pressed=true]{background:#1649c9;color:#fff;border-color:#1649c9}.learning-log form{display:grid;gap:20px}.learning-log label{display:grid;gap:8px;font-size:15px;font-weight:500;color:#26374d}.learning-log input,.learning-log textarea,.learning-log select{width:100%;min-width:0;padding:12px;border:1px solid #71849d;border-radius:8px;background:white;color:#172433;font:inherit;font-size:16px;font-weight:400}.learning-log textarea{resize:vertical;min-height:128px;line-height:1.6}.learning-log select{white-space:normal}.learning-log output{display:block;white-space:pre-wrap;overflow-wrap:anywhere;padding:24px 0;margin-top:24px;border-top:1px solid #c9d6e8;line-height:1.7;font-size:16px;color:#26374d}.learning-log .micro{font-size:14px;line-height:1.6}.learning-log button:disabled{opacity:.5;cursor:not-allowed}.learning-log [role=status]{min-height:2em}@media(max-width:600px){.learning-actions{align-items:stretch;flex-direction:column}.learning-actions .button,.learning-actions .quiet-button{width:100%;white-space:normal}.learning-log input[type=file]{font-size:14px;padding:10px;max-width:100%}}