/* Existing runtime modules inside the approved editorial shell. */
.compatibility-tool,.semantic-related{padding:48px 0;border-top:1px solid var(--line,#dce2df);scroll-margin-top:88px}
.compatibility-tool h2,.semantic-related h2{font-size:26px;line-height:1.4;margin:8px 0 20px}
.compatibility-tool p,.semantic-related p{line-height:1.8;overflow-wrap:anywhere}
.compat-form{border:1px solid #dce2df;border-radius:6px;background:#f8faf9}
.compat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.compat-grid>*{min-width:0}.compat-grid fieldset{margin:0;padding:0;border:0}
.compat-field>label,.compat-field>legend,.compat-grid>fieldset>legend{display:block;margin-bottom:8px;font-weight:700}
.compat-form input,.compat-form select,.compat-form button{font:inherit;max-width:100%;box-sizing:border-box}
.compat-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:24px}
.compat-submit{background:#982441;color:white;border:0;padding:14px 22px;border-radius:4px;cursor:pointer}
.compat-result[hidden]{display:none}.compat-result{padding:24px 0;line-height:1.8}
.compat-result__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.semantic-related__list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 24px}
.semantic-related__link{display:flex;flex-direction:column;gap:8px;padding:20px 0;border-bottom:1px solid #dce2df;text-decoration:none;color:inherit;min-width:0;overflow-wrap:anywhere}
.semantic-related__reason{font-size:14px;line-height:1.6;color:#566560}.semantic-related__arrow{color:#982441}
@media(max-width:700px){.compat-grid,.compat-result__grid{grid-template-columns:1fr}.semantic-related__list{grid-template-columns:repeat(2,minmax(0,1fr))}.compatibility-tool h2,.semantic-related h2{font-size:22px}}

.compat-js-fields{border:0;padding:0;margin:0;min-width:0}
.compat-result__top{display:flex;justify-content:space-between;align-items:start;gap:20px}
.compat-score{font-size:24px;font-weight:800;color:var(--accent);white-space:nowrap}
.compat-subscore-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:20px}
.compat-subscore{border-top:2px solid var(--line);padding:12px 0;min-width:0}
.compat-subscore span,.compat-subscore strong{display:block}.compat-subscore span{font-size:14px;color:var(--muted)}
.compat-subscore strong{font-size:20px;margin-top:4px}.compat-result h3{font-size:21px}
[data-compat-bootstrap-notice]{margin:12px 0;color:#626766}
@media(max-width:700px){.compat-subscore-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
