/* DIAG-RESP-1: a single responsive surface; content dates are unchanged. */
figure[data-diag-responsive] { min-width:0; }
figure[data-diag-responsive="svg"] picture {display:block;width:100%;max-width:400px;margin-inline:auto;}
figure[data-diag-responsive="svg"] picture img {display:block;width:100%!important;max-width:100%!important;height:auto!important;margin-inline:auto;}
figure[data-diag-responsive="svg"][data-practice-figure^="EQ-"]{padding-inline:0!important;}
figure[data-diag-responsive="svg"][data-practice-figure^="EQ-"]>ol,figure[data-diag-responsive="svg"][data-practice-figure^="EQ-"]>figcaption{margin-inline:1rem;}
@media(min-width:848px){figure[data-diag-responsive="svg"] picture{max-width:800px;}}
figure[data-diag-responsive="html"] .diagram-comparison{list-style:none!important;margin:0!important;padding:0!important;counter-reset:diag-row;font-size:1rem!important;line-height:1.65;color:inherit;}
figure[data-diag-responsive="html"] .diagram-comparison li{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:0;margin:0 0 .65rem!important;padding:0!important;border:1px solid #a5babc;border-radius:.5rem;overflow:hidden;counter-increment:diag-row;}
figure[data-diag-responsive="html"] .diagram-comparison span{min-width:0;font-size:1rem!important;line-height:1.65;overflow-wrap:anywhere;padding:.8rem 1rem;}
figure[data-diag-responsive="html"] .diagram-key{background:#edf3f3;font-weight:600;}
figure[data-diag-responsive="html"] .diagram-key:before{content:counter(diag-row) '. ';color:#205d68;}
figure[data-diag-responsive="html"] .diagram-numbered .diagram-key:before{content:none;}
figure[data-diag-responsive="html"] .diagram-value{background:#fff;}
@media(max-width:767px){figure[data-diag-responsive="html"] .diagram-comparison li{grid-template-columns:minmax(0,1fr);}figure[data-diag-responsive="html"] .diagram-value{border-top:1px solid #c8d6d7;}}