@import url("button-components.css");
html[data-mock-ready="false"] body { visibility: hidden; }
.mock-auth-modes { display: flex; gap: 12px; margin: 24px 0; }
.mock-auth-modes button { flex: 1; padding: 14px 18px; border: 1px solid var(--color-border, #cddce2); border-radius: var(--radius-control, 12px); background: transparent; color: var(--color-text, #173440); cursor: pointer; font: inherit; }
.mock-auth-modes button[aria-pressed="true"] { border-color: var(--color-accent, #28586d); color: var(--color-accent, #28586d); background: var(--color-surface, #fff); }
.mock-auth-modes button:hover { color: var(--color-accent, #28586d); }
.mock-auth-action { margin: 10px 0 20px; max-width: 100%; white-space: normal; }
.unified-top-link { color: var(--color-muted); text-decoration: none; font-size: 13px; }
.unified-top-link:hover, .unified-footer-links a:hover { color: var(--color-accent); text-decoration: underline; text-underline-offset: 5px; }
.unified-footer-links { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px 24px; margin: 0 0 18px; padding: 0; border: 0; }
.unified-footer-links a { color: var(--color-muted); text-decoration: none; }
.site-footer>.site-copyright,body>footer>.site-copyright { flex-basis:100%; margin:16px 0 0; color:var(--color-muted); font:12px/1.7 var(--sans, sans-serif); }
.legal-header { flex-wrap: wrap; }
.unified-account-link { margin-left: auto; }
.unified-review-main { max-width: 1100px; margin: 40px auto 100px; padding: 0 24px; }
.unified-review-main section { margin: 36px 0; }
.unified-review-links { display: flex; flex-wrap: wrap; gap: 16px; }
.unified-review-main img { display: block; width: 100%; height: auto; border-radius: 12px; }
.unified-review-main figure { margin: 24px 0 40px; }
.unified-review-main figcaption { margin-top: 12px; color: var(--color-muted); }
.unified-compare-controls { display: flex; flex-wrap: wrap; align-items: end; gap: 16px; margin: 24px 0; }
.unified-compare-controls label { display: grid; gap: 8px; font-size: 13px; }
.unified-compare-controls select, .unified-compare-controls button { padding: 12px 16px; border: 1px solid var(--color-border); border-radius: 12px; background: var(--color-control); color: var(--color-text); font: inherit; }
.unified-compare-controls button[aria-pressed="true"] { border-color: var(--color-accent); color: var(--color-accent); background: var(--color-selection); }
.unified-compare-pair { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; align-items: start; }
.unified-compare-pair figure { min-width: 0; margin-top: 8px; }
.unified-compare-pair img { border: 1px solid var(--color-border); }
@media(max-width: 600px) {
  .mock-auth-modes { gap: 8px; }
  .mock-auth-modes button { padding: 12px 8px; }
  .mock-auth-action { width: 100%; }
  .unified-top-link { font-size: 11px; }
  .unified-footer-links { gap: 12px 18px; }
  .unified-compare-pair { grid-template-columns: 1fr; gap: 0; }
}