/* Static explanations and examples for the two educational tools. */
.ov-tool-explanation{padding-block:12px 34px}
.ov-tool-explanation__body{width:min(900px,100%);max-width:900px;margin-inline:auto;padding-top:20px;border-top:1px solid #d7e3f2}
.ov-tool-explanation__body h2{scroll-margin-top:28px}
.ov-tool-explanation__body h3{font-size:21px;letter-spacing:-.025em}
.ov-tool-explanation__table{max-width:100%;overflow-x:auto;margin:22px 0 25px;border:1px solid #d0deef;border-radius:12px;background:#fff;-webkit-overflow-scrolling:touch}
.ov-tool-explanation__table table{width:100%;min-width:450px;border-collapse:collapse;font-size:15px;line-height:1.6}
.ov-tool-explanation__table caption{text-align:left;padding:13px 16px;background:#f4f8ff;color:#365a83;font-size:13px;font-weight:750}
.ov-tool-explanation__table th,.ov-tool-explanation__table td{padding:12px 16px;border:0;border-top:1px solid #dce5ef;border-right:1px solid #dce5ef;text-align:left;vertical-align:top}
.ov-tool-explanation__table tr>:last-child{border-right:0}
.ov-tool-explanation__table thead th{background:#eaf2ff;color:#254b77;font-size:13px}
.ov-tool-explanation__table tbody th{background:#fff;color:#354d69;font-weight:650}
.ov-tool-explanation__table:focus-visible{outline:3px solid #1266d6;outline-offset:3px}
@media(max-width:530px){.ov-tool-explanation{padding-block:8px 25px}.ov-tool-explanation__body{padding-top:14px}.ov-tool-explanation__body h3{font-size:19px}.ov-tool-explanation__table table{font-size:14px;min-width:410px}.ov-tool-explanation__table th,.ov-tool-explanation__table td{padding:11px 13px}.ov-tool-explanation__table caption{padding:12px 13px;font-size:12px}}

/* Semantic widget headings retain the established visual sizes. */
.ov9-explorer h2{font-size:25px;letter-spacing:-.04em;margin:8px 0 0;color:#172b45;line-height:1.3}
.ov8-lab__panel-heading h2{font-size:clamp(21px,2.4vw,29px);letter-spacing:-.04em;color:#172b45;line-height:1.25;font-weight:900;margin:10px 0 7px}
@media(max-width:760px){.ov9-explorer h2{font-size:23px}}