.learning-answer{padding:1.3rem;border-left:5px solid #157785;background:#edf8fa;border-radius:12px;margin:1.5rem 0}.learning-answer h2{margin-top:0}.learning-paths{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:1rem;margin:1.5rem 0}.learning-paths>a{display:block;padding:1.2rem;border:1px solid #c7dce5;border-radius:14px;background:#f8fcfe;text-decoration:none}.learning-paths strong{display:block;margin-bottom:.5rem}.learning-figure{margin:1.8rem 0}.learning-figure img{display:block;width:100%;height:auto;aspect-ratio:auto!important;object-fit:contain;background:#f5fafc;border:1px solid #ccdde5;border-radius:14px}.learning-figure figcaption{font-size:.94rem;color:#425a70;margin:.6rem 0}.learning-table{max-width:100%;overflow:auto;margin:1.3rem 0;border:1px solid #ccdde5;border-radius:10px}.learning-table table{border-collapse:collapse;width:100%;min-width:620px}.learning-table th,.learning-table td{padding:.8rem;text-align:left;vertical-align:top;border-bottom:1px solid #dbe6ec}.learning-table th{background:#edf5f9}.learning-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:1rem}.learning-fields section{padding:1rem;border:1px solid #c6dbe4;border-radius:12px}.learning-fields label{display:block;margin:.7rem 0;font-weight:600}.learning-fields input,.learning-fixed input{display:block;max-width:100%;width:100%;padding:.7rem;border:1px solid #839fae;border-radius:7px;background:#fff;color:#142f43;font:inherit;box-sizing:border-box}.learning-fixed{display:block;max-width:430px;margin:1rem 0}.learning-actions{display:flex;flex-wrap:wrap;gap:.8rem;margin:1rem 0}.learning-actions button{white-space:normal;max-width:100%;font:inherit;padding:.75rem 1rem;border-radius:9px;border:1px solid #176778;background:#edf8fa;color:#144552;cursor:pointer}.learning-actions button[type=submit]{background:#176778;color:white}.learning-actions button:disabled{opacity:.6;cursor:not-allowed}.learning-error{color:#9c1832;font-weight:600}.learning-result{padding:1rem;background:#edf8fa;border-radius:12px}.learning-resource fieldset{border:0;padding:0;min-width:0}.learning-resource legend{font-weight:700;font-size:1.3rem;margin:1rem 0}.learning-resource [hidden]{display:none!important}.learning-note{font-size:.95rem;color:#40596b}.learning-resource details{margin:1.2rem 0}.learning-resource summary{font-weight:700;cursor:pointer}.learning-resource code{overflow-wrap:anywhere}.learning-resource :focus-visible{outline:3px solid #d95725;outline-offset:3px}@media(max-width:500px){.learning-answer{padding:1rem}.learning-fields{grid-template-columns:1fr}.learning-actions{flex-direction:column}.learning-actions button{width:100%}}@media print{.learning-fields,.learning-actions,#workshop-status,.learning-error{display:none}.learning-table{overflow:visible}.learning-table table{min-width:0;font-size:9pt}.learning-figure{break-inside:avoid}.learning-resource details>*{display:block}}

.guide-figure.learning-figure img{width:100%;height:auto;aspect-ratio:auto!important;object-fit:contain}

.learning-resource>.skip-link{position:absolute;top:-120px;left:1rem;z-index:1000;padding:.7rem;background:#fff;color:#154b59}.learning-resource>.skip-link:focus{top:1rem}@media(max-width:600px){.learning-priority h1,.learning-resource h1{font-size:1.9rem;line-height:1.2}}

/* Learning cards need their own colors instead of the generic nav-link palette. */
.learning-paths > a{font-size:1rem;line-height:1.6}
.learning-paths > a:link,.learning-paths > a:visited{color:#173f55;background:#f8fcfe;border-color:#a9c4d2}
.learning-paths > a:hover,.learning-paths > a:active,.learning-paths > a:focus-visible{color:#12384d;background:#e9f4f8;border-color:#6e99ab}
.learning-paths > a strong{color:inherit}
.learning-paths > a:focus-visible{outline:3px solid #176778;outline-offset:3px}