.opera-learning-tool{margin:24px 0;padding:24px;border:1px solid #cfdced;border-radius:18px;background:#f6f8fd;color:#0d1b3e}.opera-learning-tool h2{margin:0 0 10px;font-size:22px}.opera-learning-tool p{font-size:14px;line-height:2}.learning-tool-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:14px}.learning-tool-form>div{min-width:0}.learning-tool-form label{display:block;font-size:13px;line-height:1.9;margin-bottom:6px}.learning-tool-form input,.learning-tool-form textarea{display:block;width:100%;box-sizing:border-box;max-width:100%;padding:12px;border:1px solid #bacde5;border-radius:10px;font:inherit;background:#fff;min-height:46px}.learning-tool-form textarea{direction:ltr;text-align:left}.learning-tool-form button{border:0;border-radius:10px;background:#276fa1;color:#fff;font:inherit;padding:12px 20px;min-height:46px;cursor:pointer;align-self:end}.learning-tool-form input:focus,.learning-tool-form textarea:focus,.learning-tool-form button:focus{outline:3px solid #a39bdb;outline-offset:2px}.learning-tool-output{margin-top:18px;overflow-wrap:anywhere}.learning-tool-output dl{margin:0}.learning-tool-output dl>div{display:flex;justify-content:space-between;gap:14px;padding:9px 0;border-bottom:1px solid #dce4f2}.learning-tool-output dd{margin:0;font-weight:bold}.learning-tool-error{color:#982c39;background:#fff4f5;border:1px solid #e9c8ce;padding:12px;border-radius:10px}@media(max-width:500px){.opera-learning-tool{padding:16px}.opera-learning-tool h2{font-size:19px}.learning-tool-output dl>div{display:block}.learning-tool-output dd{margin-top:5px}}