/* The existing compatibility library retains its original CSS. These are additive v2 elements. */
.compat .compat-task-picks{display:flex;gap:.65rem;flex-wrap:wrap;align-items:center;margin:1rem 0 1.5rem;border:1px solid #d7e2ec;border-radius:12px;padding:1rem;background:#f6f9fb}
.compat .compat-task-picks strong{font-size:.88rem;color:#314e64}
.compat .compat-task-picks a{display:inline-block;background:#e7f1f4;border:1px solid #bbd7df;border-radius:99px;color:#154c5e;font-size:.85rem;padding:.3rem .7rem;text-decoration:none;font-weight:700}
.compat .compat-task-picks a:hover{text-decoration:underline}
.compat .compat-guide-links{display:flex;gap:.65rem;flex-wrap:wrap;align-items:center;font-size:.84rem}
.compat .compat-guide-links a{font-weight:700}
.compat .compat-helper-link{padding:1rem;background:#eaf6f5;border-left:4px solid #0c7e81;border-radius:5px;margin:1.3rem 0}
.compat .compat-helper-link a{font-weight:770;color:#0b5c66}
.dark .compat .compat-task-picks,[data-theme="dark"] .compat .compat-task-picks{background:#203648;border-color:#547083}
.dark .compat .compat-task-picks a,[data-theme="dark"] .compat .compat-task-picks a{background:#284c59;border-color:#5a7987;color:#e9f7fb}
.dark .compat .compat-helper-link,[data-theme="dark"] .compat .compat-helper-link{background:#173b43}
.dark .compat .compat-helper-link a,[data-theme="dark"] .compat .compat-helper-link a{color:#a9efed}