/* Loaded only by the two self-introduction articles. */
.learning-widget { margin:24px 0; padding:24px; border:1px solid #cbd5e1; border-radius:20px; background:#f0f9ff; }
.learning-widget fieldset { min-width:0; border:0; padding:0; margin:0 0 20px; }
.learning-widget legend { font-weight:600; color:#0a4d8c; margin-bottom:16px; }
.learning-widget .learning-option { display:flex; align-items:flex-start; gap:12px; padding:12px; margin:10px 0; background:#fff; border:1px solid #cbd5e1; border-radius:12px; cursor:pointer; }
.learning-widget .learning-option input { flex:0 0 auto; width:20px; height:20px; margin-top:4px; accent-color:#0a4d8c; }
.learning-widget .learning-fields { display:grid; gap:16px; margin-bottom:20px; }
.learning-widget .learning-fields label, .learning-widget > label { display:block; font-weight:600; }
.learning-widget .learning-fields input, .learning-widget select, .learning-widget textarea { box-sizing:border-box; width:100%; min-width:0; max-width:100%; padding:12px; border:1px solid #cbd5e1; border-radius:12px; background:#fff; font:inherit; color:inherit; }
.learning-widget textarea { resize:vertical; margin:8px 0 16px; }
.learning-widget .btn { white-space:normal; max-width:100%; margin:4px 8px 8px 0; }
.learning-widget .btn:disabled { opacity:.6; cursor:not-allowed; }
.learning-widget :is(input,select,textarea,button):focus-visible { outline:3px solid #0a4d8c; outline-offset:3px; }
.learning-widget > h3:first-child { margin-top:0; }
@media(min-width:768px) { .learning-widget .learning-fields { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:374px) { .learning-widget { padding:16px; } }

.learning-widget [tabindex="-1"] { scroll-margin-top:120px; }