/* Reuse the System's typography, palette, controls and responsive layout. */
.understanding-current,.understanding-changes,.understanding-concerns,.understanding-next{margin-top:16px;padding-top:14px;border-top:1px solid var(--line,#26384a)}
.understanding-current h3,.understanding-changes h3,.understanding-concerns h3,.understanding-next h3{font:inherit;font-weight:750;color:var(--text,#dceaff);margin:0 0 10px}
.understanding-comparison{margin:12px 0;padding:12px;border:1px solid var(--line,#26384a);border-radius:10px;overflow-wrap:anywhere}
.understanding-comparison h4{font:inherit;font-weight:700;margin:0 0 8px}.understanding-comparison p{margin:6px 0}
.understanding-comparison details,.understanding-changes>details{margin-top:10px}.understanding-changes summary,.understanding-comparison summary{cursor:pointer;min-height:36px;padding:6px 0}
.understanding-pair{display:grid;gap:10px;margin:12px 0}.understanding-pair label{display:grid;gap:6px}.understanding-pair select{width:100%;min-width:0;max-width:100%}
.understanding-metadata .field{margin:10px 0}.understanding-score-note{margin:8px 0}.understanding-prevent{margin-top:15px;overflow-wrap:anywhere}
.understanding-next .result-next,.understanding-current .result-meaning{margin:0}.understanding-comparison .small{font-size:12px}
@media(max-width:520px){.understanding-changes .btn{white-space:normal;max-width:100%;text-align:left}.understanding-comparison{padding:10px}.understanding-pair select{font-size:13px}}