.watchradar-root {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  color: #15171a;
}
.watchradar-root * {
  box-sizing: border-box;
}
.wr-shell {
  display: grid;
  gap: 24px;
}
.wr-panel {
  overflow: hidden;
  border: 1px solid #e4e5e8;
  border-radius: 24px;
  background: #fff;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.07);
}
.wr-title {
  margin: 0;
  padding: 22px 24px 0;
}
.wr-loading {
  min-height: 360px;
  padding: 52px 24px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  text-align: center;
  color: #17243a;
}
.wr-loading strong {
  margin-top: 8px;
  font-size: 18px;
  letter-spacing: .01em;
}
.wr-loader-copy {
  color: #6d7076;
  font-size: 14px;
}
.wr-loader-watch {
  position: relative;
  width: 92px;
  height: 92px;
  border: 6px solid #17243a;
  border-radius: 50%;
  background: radial-gradient(circle at 42% 35%, #fff 0 34%, #f4f0e8 72%, #e7ddca 100%);
  box-shadow: 0 12px 28px rgba(23, 36, 58, .16), inset 0 0 0 3px #c7a56a;
}
.wr-loader-watch::before,
.wr-loader-watch::after {
  content: "";
  position: absolute;
  z-index: -1;
  left: 27px;
  width: 26px;
  height: 25px;
  border: 5px solid #17243a;
  background: #c7a56a;
}
.wr-loader-watch::before { top: -28px; border-radius: 8px 8px 2px 2px; }
.wr-loader-watch::after { bottom: -28px; border-radius: 2px 2px 8px 8px; }
.wr-loader-crown {
  position: absolute;
  right: -13px;
  top: 35px;
  width: 9px;
  height: 18px;
  border-radius: 2px 5px 5px 2px;
  background: #c7a56a;
  border: 2px solid #17243a;
}
.wr-loader-marker {
  position: absolute;
  width: 4px;
  height: 10px;
  border-radius: 3px;
  background: #17243a;
}
.wr-loader-marker-12 { left: 38px; top: 7px; }
.wr-loader-marker-3 { right: 10px; top: 35px; transform: rotate(90deg); }
.wr-loader-marker-6 { left: 38px; bottom: 7px; }
.wr-loader-marker-9 { left: 10px; top: 35px; transform: rotate(90deg); }
.wr-loader-hand {
  position: absolute;
  left: 38px;
  bottom: 40px;
  width: 4px;
  border-radius: 4px;
  background: #17243a;
  transform-origin: 50% 100%;
}
.wr-loader-hour { height: 24px; animation: wr-watch-tick 4.8s linear infinite; }
.wr-loader-minute { height: 32px; background: #b97822; animation: wr-watch-tick 1.2s steps(12, end) infinite; }
.wr-loader-pin {
  position: absolute;
  left: 35px;
  top: 35px;
  width: 10px;
  height: 10px;
  border: 2px solid #fff;
  border-radius: 50%;
  background: #17243a;
}
.wr-loader-dots::after {
  content: "";
  display: inline-block;
  width: 1.4em;
  text-align: left;
  animation: wr-loader-dots 1.2s steps(4, end) infinite;
}
.wr-load-error {
  min-height: 280px;
  padding: 40px 24px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 9px;
  text-align: center;
  color: #17243a;
}
.wr-load-error span { color: #6d7076; }
.wr-load-retry {
  margin-top: 8px;
  padding: 10px 18px;
  border: 0;
  border-radius: 999px;
  background: #17243a;
  color: #fff;
  font-weight: 800;
  cursor: pointer;
}
@keyframes wr-watch-tick { to { transform: rotate(360deg); } }
@keyframes wr-loader-dots {
  0% { content: ""; }
  25% { content: "."; }
  50% { content: ".."; }
  75%, 100% { content: "..."; }
}
@media (prefers-reduced-motion: reduce) {
  .wr-loader-hand,
  .wr-loader-dots::after { animation: none; }
  .wr-loader-dots::after { content: "…"; }
}
.wr-slots {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}
.wr-slot {
  position: relative;
  padding: 20px;
  text-align: center;
  border: 0;
  border-right: 1px solid #e4e5e8;
  background: #fff;
  color: inherit;
}
.wr-slot:last-child {
  border-right: 0;
}
.wr-slot img {
  width: 100%;
  height: 240px;
  object-fit: contain;
}
.wr-slot a,
.wr-card a {
  color: #111821;
  text-decoration: none;
}
.wr-slot a:hover,
.wr-card a:hover {
  text-decoration: underline;
}
.wr-num {
  position: absolute;
  left: 12px;
  top: 12px;
  width: 26px;
  height: 26px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: #f0f1f3;
  font-size: 12px;
  font-weight: 700;
}
.wr-remove {
  position: absolute;
  right: 12px;
  top: 8px;
  border: 0;
  background: transparent;
  font-size: 24px;
  cursor: pointer;
}
.wr-price {
  font-size: 15px;
  font-weight: 800;
  margin: 10px 0;
  color: #243044;
}
.wr-muted {
  color: #6d7076;
  font-size: 12px;
}
.wr-detail {
  display: inline-block;
  margin-top: 8px;
  font-weight: 700;
}
.wr-empty {
  min-height: 340px;
  display: grid;
  place-items: center;
  color: #6d7076;
  cursor: pointer;
}
.wr-empty:hover {
  background: #fafbfc;
}
.wr-analysis {
  display: grid;
  grid-template-columns: minmax(430px, 1.15fr) minmax(330px, 0.85fr);
  border-top: 1px solid #e4e5e8;
}
.wr-radar,
.wr-table {
  padding: 22px;
}
.wr-table summary {
  cursor: pointer;
  font-weight: 900;
  margin-bottom: 14px;
}
.wr-radar {
  border-right: 1px solid #e4e5e8;
}
.wr-radar canvas {
  width: 100%;
  display: block;
}
.wr-legend {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
  font-size: 12px;
  color: #6d7076;
  margin-bottom: 8px;
}
.wr-dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-right: 6px;
  border-radius: 50%;
}
.wr-score {
  display: grid;
  gap: 8px 14px;
  font-size: 13px;
  overflow: auto;
}
.wr-head {
  font-weight: 800;
  padding-bottom: 7px;
  border-bottom: 1px solid #e4e5e8;
}
.wr-total {
  font-size: 17px;
  font-weight: 900;
  padding-top: 10px;
  border-top: 1px solid #e4e5e8;
}
.wr-disclaimer {
  margin: 0;
  padding: 14px 22px;
  border-top: 1px solid #e4e5e8;
  color: #6d7076;
  font-size: 12px;
}
.wr-pool {
  display: grid;
  grid-template-columns: 280px 1fr;
}
.wr-filterbox {
  border-right: 1px solid #e4e5e8;
}
.wr-filterbox summary {
  display: none;
}
.wr-filters {
  padding: 20px;
}
.wr-filter {
  margin-bottom: 13px;
}
.wr-filter label {
  display: block;
  font-size: 12px;
  font-weight: 800;
  margin-bottom: 5px;
}
.wr-filter input,
.wr-filter select,
.wr-search,
.wr-toolbar select,
.wr-modal-search {
  width: 100%;
  padding: 11px;
  border: 1px solid #dfe2e7;
  border-radius: 10px;
  background: #fff;
}
.wr-main {
  padding: 18px;
}
.wr-toolbar {
  display: flex;
  gap: 10px;
  margin-bottom: 14px;
}
.wr-search {
  flex: 1;
}
.wr-keywords {
  display: flex;
  gap: 7px;
  flex-wrap: wrap;
  margin-bottom: 14px;
}
.wr-keyword,
.wr-reset {
  border: 0;
  border-radius: 999px;
  padding: 8px 11px;
  background: #f1f2f4;
  font-size: 12px;
  cursor: pointer;
}
.wr-keyword.is-active {
  background: #111821;
  color: #fff;
}
.wr-reset {
  border-radius: 10px;
  width: 100%;
  font-weight: 800;
}
.wr-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}
.wr-card {
  border: 1px solid #e4e5e8;
  border-radius: 16px;
  padding: 13px;
  background: #fff;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.wr-card:hover {
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.06);
}
.wr-card img {
  width: 100%;
  height: 170px;
  object-fit: contain;
}
.wr-card strong,
.wr-card small {
  display: block;
}
.wr-card small {
  color: #6d7076;
}
.wr-card-actions {
  display: grid;
  gap: 8px;
  margin-top: auto;
  padding-top: 12px;
}
.wr-view-comparison {
  border: 1px solid #dfe2e7;
  border-radius: 11px;
  padding: 10px 14px;
  background: #fff;
  color: #111821;
  font-weight: 800;
  cursor: pointer;
}
.wr-add-one {
  border: 0;
  border-radius: 11px;
  padding: 11px 14px;
  background: #111821;
  color: #fff;
  font-weight: 800;
  cursor: pointer;
}
.wr-add-one:disabled {
  opacity: 0.38;
  cursor: not-allowed;
}
.wr-max {
  margin: 12px 18px;
  padding: 11px 14px;
  border-radius: 12px;
  background: #fff6df;
  color: #6c4b00;
  font-weight: 800;
}
.wr-modal {
  position: fixed;
  inset: 0;
  z-index: 99999;
  background: rgba(17, 24, 33, 0.55);
  display: grid;
  place-items: center;
  padding: 20px;
}
.wr-dialog {
  position: relative;
  width: min(680px, 100%);
  max-height: 86vh;
  overflow: auto;
  background: #fff;
  border-radius: 22px;
  padding: 22px;
  box-shadow: 0 20px 70px rgba(0, 0, 0, 0.28);
}
.wr-close {
  position: absolute;
  right: 14px;
  top: 10px;
  border: 0;
  background: transparent;
  font-size: 28px;
  cursor: pointer;
}
.wr-modal-list {
  display: grid;
  gap: 8px;
  margin-top: 14px;
}
.wr-modal-list button {
  display: flex;
  align-items: center;
  gap: 12px;
  text-align: left;
  border: 1px solid #e4e5e8;
  border-radius: 12px;
  background: #fff;
  padding: 9px;
  cursor: pointer;
}
.wr-modal-list img {
  width: 58px;
  height: 58px;
  object-fit: contain;
}
.watchradar-root button:focus-visible,
.watchradar-root a:focus-visible,
.watchradar-root input:focus-visible,
.watchradar-root select:focus-visible,
.wr-modal button:focus-visible,
.wr-modal input:focus-visible {
  outline: 3px solid #8db5ff;
  outline-offset: 2px;
}
@media (max-width: 1100px) {
  .wr-slots {
    grid-template-columns: 1fr 1fr;
  }
  .wr-analysis,
  .wr-pool {
    grid-template-columns: 1fr;
  }
  .wr-radar,
  .wr-filterbox {
    border-right: 0;
    border-bottom: 1px solid #e4e5e8;
  }
  .wr-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 760px) {
  .wr-filterbox summary {
    display: block;
    padding: 16px 20px;
    font-weight: 900;
    cursor: pointer;
  }
  .wr-filterbox:not([open]) {
    border-bottom: 0;
  }
  .wr-slots,
  .wr-grid {
    grid-template-columns: 1fr 1fr;
  }
  .wr-toolbar {
    flex-direction: column;
  }
  .wr-slot img {
    height: 190px;
  }
  .wr-analysis {
    display: block;
  }
  .wr-score {
    font-size: 12px;
  }
}
@media (max-width: 520px) {
  .wr-slots,
  .wr-grid {
    grid-template-columns: 1fr;
  }
  .wr-radar,
  .wr-table,
  .wr-main,
  .wr-filters {
    padding: 14px;
  }
  .wr-panel {
    border-radius: 18px;
  }
}

/* Progressive comparison */
.wr-quick {
  padding: 22px;
  border-top: 1px solid #e4e5e8;
}
.wr-quick h3 {
  margin: 0 0 14px;
}
.wr-quick-grid {
  display: grid;
  gap: 0;
  overflow: auto;
  border: 1px solid #e7e1e4;
  border-radius: 14px;
}
.wr-quick-grid > * {
  min-width: 0;
  padding: 10px 12px;
  border-right: 1px solid #eee8eb;
  border-bottom: 1px solid #eee8eb;
}
.wr-quick-grid > *:nth-last-child(-n + 5) {
  border-bottom: 0;
}
.wr-quick-grid a {
  color: #111821;
  text-decoration: none;
}
.wr-empty-message {
  grid-column: 1/-1 !important;
  margin: 0;
  color: #6d7076;
}

/* Relative wrist-size visualizer */
.wr-wrist {
  --skin: #c88f70;
  --skin-hi: #e4b393;
  --skin-shadow: #8b5d49;
  padding: 24px;
  border-top: 1px solid #e4e5e8;
  background: linear-gradient(145deg, #fff 0, #fff7fa 100%);
}
.wr-wrist[data-skin="light"] {
  --skin: #e8bfa5;
  --skin-hi: #f6d5c0;
  --skin-shadow: #b47c60;
}
.wr-wrist[data-skin="deep"] {
  --skin: #6f4332;
  --skin-hi: #9c664e;
  --skin-shadow: #3f281f;
}
.wr-wrist-heading {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  align-items: end;
}
.wr-wrist-heading h3 {
  margin: 2px 0;
  font-size: 24px;
}
.wr-wrist-heading > p {
  max-width: 370px;
  margin: 0;
  color: #68636a;
}
.wr-eyebrow {
  text-transform: uppercase;
  letter-spacing: 0.12em;
  font-size: 11px;
  font-weight: 900;
  color: #9c4e72;
}
.wr-wrist-controls {
  display: grid;
  grid-template-columns: 1.35fr repeat(3, 1fr) auto;
  gap: 12px;
  align-items: end;
  margin: 20px 0;
}
.wr-wrist-controls label,
.wr-wrist-controls fieldset {
  display: grid;
  gap: 6px;
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 12px;
  font-weight: 800;
}
.wr-wrist-controls select {
  padding: 10px;
  border: 1px solid #ddd4d8;
  border-radius: 10px;
  background: #fff;
}
.wr-wrist-controls input {
  accent-color: #a74f78;
}
.wr-skin-options {
  display: flex;
  gap: 7px;
}
.wr-skin-options button {
  width: 32px;
  height: 32px;
  border: 2px solid #fff;
  border-radius: 50%;
  box-shadow: 0 0 0 1px #cfc7ca;
  cursor: pointer;
}
.wr-skin-options button:nth-child(1) {
  background: #e8bfa5;
}
.wr-skin-options button:nth-child(2) {
  background: #c88f70;
}
.wr-skin-options button:nth-child(3) {
  background: #6f4332;
}
.wr-skin-options button.is-active {
  box-shadow: 0 0 0 3px #9c4e72;
}
.wr-wrist-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
}
.wr-wrist-card {
  margin: 0;
  text-align: center;
}
.wr-arm {
  position: relative;
  height: 285px;
  overflow: hidden;
  border: 1px solid rgba(80, 44, 42, 0.13);
  border-radius: 24px;
  background: linear-gradient(
    90deg,
    var(--skin-shadow),
    var(--skin) 10%,
    var(--skin-hi) 43%,
    var(--skin) 82%,
    var(--skin-shadow)
  );
  box-shadow: inset 0 0 40px rgba(72, 33, 24, 0.16);
  display: grid;
  place-items: center;
}
.wr-wrist[data-profile="slender"] .wr-arm {
  margin-inline: 10%;
}
.wr-wrist[data-profile="broad"] .wr-arm {
  margin-inline: -2%;
}
.wr-wrist[data-presentation="female"] .wr-arm {
  border-radius: 38px;
}
.wr-wrist[data-presentation="male"] .wr-arm {
  border-radius: 18px;
}
.wr-hand {
  position: absolute;
  left: 50%;
  bottom: -76px;
  transform: translateX(-50%);
  width: 125%;
  height: 120px;
  border-radius: 46% 46% 18% 18%;
  background: linear-gradient(
    90deg,
    var(--skin-shadow),
    var(--skin) 12%,
    var(--skin-hi) 48%,
    var(--skin) 84%,
    var(--skin-shadow)
  );
}
.wr-wrist[data-side="right"] .wr-hand {
  transform: translateX(-50%) scaleX(-1);
}
.wr-sim-watch {
  position: relative;
  width: var(--case);
  height: var(--lug);
  display: grid;
  place-items: center;
  filter: drop-shadow(0 7px 7px rgba(0, 0, 0, 0.3));
  z-index: 2;
}
.wr-sim-strap {
  position: absolute;
  inset: -90px 27% -90px;
  background: linear-gradient(90deg, #30343a, #858b92 48%, #30343a);
  border-radius: 8px;
}
.wr-sim-case {
  position: relative;
  width: var(--case);
  height: var(--case);
  overflow: hidden;
  border: 5px solid #bec3c8;
  border-radius: 50%;
  background: #f4f4f3;
  box-shadow: inset 0 0 0 2px #63686d;
}
.wr-sim-case img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1.15);
}
.wr-shape-square .wr-sim-case,
.wr-shape-rectangular .wr-sim-case {
  border-radius: 18%;
}
.wr-shape-tonneau .wr-sim-case {
  border-radius: 38% 38% 32% 32%;
}
.wr-calibrated-watch {
  position: relative;
  z-index: 2;
  object-fit: contain;
  filter: drop-shadow(0 7px 7px rgba(0, 0, 0, 0.3));
}
.wr-wrist-card h4 {
  margin: 12px 0 3px;
}
.wr-wrist-card p,
.wr-wrist-note {
  margin: 0;
  color: #6d6870;
  font-size: 12px;
}
.wr-wrist-empty {
  min-height: 285px;
  border: 1px dashed #cdbfc5;
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.7);
  color: #766b70;
  font-weight: 800;
  cursor: pointer;
}
.wr-wrist-note {
  margin-top: 14px;
}

/* Individual watch knowledge pages */
.wr-single {
  --accent: #a74f78;
  max-width: 1180px;
  margin: 0 auto;
  color: #17171a;
}
.wr-single * {
  box-sizing: border-box;
}
.wr-single-hero {
  display: grid;
  grid-template-columns: minmax(300px, 0.9fr) minmax(340px, 1.1fr);
  gap: 42px;
  align-items: center;
  margin: 20px 0 32px;
  padding: 32px;
  border: 1px solid #eadfe4;
  border-radius: 28px;
  background: linear-gradient(145deg, #fff 10%, #fff5f8);
}
.wr-single-image img {
  width: 100%;
  height: 430px;
  object-fit: contain;
}
.wr-single-intro h1 {
  margin: 4px 0 14px;
  font-size: clamp(34px, 5vw, 64px);
  line-height: 1.02;
}
.wr-verdict {
  font-size: 20px;
  line-height: 1.5;
  color: #49434a;
}
.wr-single-actions {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin: 22px 0;
}
.wr-single-actions a,
.wr-primary {
  display: inline-block;
  padding: 12px 17px;
  border: 1px solid #d7c9cf;
  border-radius: 12px;
  color: #17171a;
  text-decoration: none;
  font-weight: 900;
}
.wr-single-actions .wr-primary,
.wr-primary {
  border-color: #1c1d20;
  background: #1c1d20;
  color: #fff;
}
.wr-fit-cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 9px;
}
.wr-fit-cards > div {
  padding: 12px;
  border-radius: 12px;
  background: #fff;
  border: 1px solid #eee4e8;
}
.wr-fit-cards span,
.wr-fact-grid span {
  display: block;
  margin-bottom: 4px;
  color: #746c72;
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.wr-single-section {
  margin: 20px 0;
  padding: 26px;
  border: 1px solid #e9e1e4;
  border-radius: 20px;
  background: #fff;
}
.wr-single-section h2 {
  margin-top: 0;
  font-size: 26px;
}
.wr-fact-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1px;
  background: #e9e1e4;
  border: 1px solid #e9e1e4;
  border-radius: 14px;
  overflow: hidden;
}
.wr-fact-grid > div {
  padding: 14px;
  background: #fff;
}
.wr-story-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
}
.wr-story-grid .wr-single-section {
  margin: 0;
}
.wr-pros-cons,
.wr-sources {
  grid-column: 1/-1;
}
.wr-pros-cons > div {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
}
.wr-pros-cons article {
  padding: 18px;
  border-radius: 14px;
  background: #faf7f8;
}
.wr-pros-cons h3 {
  margin-top: 0;
}
.wr-sources {
  font-size: 13px;
  color: #625d61;
}
.wr-next {
  text-align: center;
  background: #fff5f8;
}
.wr-next p {
  max-width: 680px;
  margin: 0 auto 18px;
}

@media (max-width: 900px) {
  .wr-wrist-controls {
    grid-template-columns: 1fr 1fr;
  }
  .wr-wrist-grid {
    grid-template-columns: 1fr;
  }
  .wr-wrist-card {
    max-width: 430px;
    width: 100%;
    margin: auto;
  }
  .wr-single-hero,
  .wr-story-grid {
    grid-template-columns: 1fr;
  }
  .wr-fact-grid {
    grid-template-columns: 1fr 1fr;
  }
  .wr-single-image img {
    height: 330px;
  }
}
@media (max-width: 600px) {
  .wr-wrist-heading {
    display: block;
  }
  .wr-wrist-controls {
    grid-template-columns: 1fr;
  }
  .wr-single-hero {
    padding: 20px;
  }
  .wr-fit-cards,
  .wr-pros-cons > div,
  .wr-fact-grid {
    grid-template-columns: 1fr;
  }
  .wr-single-section {
    padding: 19px;
  }
  .wr-quick-grid {
    font-size: 12px;
  }
}
.wr-watch-title {
  margin: 4px 0 14px;
  font-size: clamp(34px, 5vw, 64px);
  font-weight: 850;
  line-height: 1.02;
}

/* Consistent missing-image treatment */
.wr-image-placeholder {
  width: 100%;
  height: 100%;
  min-height: inherit;
  display: grid;
  place-content: center;
  gap: 7px;
  padding: 14px;
  border: 1px dashed #cfc4c9;
  border-radius: inherit;
  background: linear-gradient(145deg, #fbf9fa, #f3eef0);
  color: #756c71;
  text-align: center;
  text-decoration: none !important;
}
.wr-image-placeholder > span {
  font-size: 26px;
  line-height: 1;
  filter: grayscale(1);
  opacity: 0.65;
}
.wr-image-placeholder > strong {
  font-size: 12px;
  line-height: 1.3;
}
.wr-single-image {
  height: 430px;
}
.wr-single-image > img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.wr-single-image-placeholder {
  border-radius: 18px;
}
.wr-slot-image,
.wr-card-image,
.wr-family-image,
.wr-alt-image {
  display: block;
  text-decoration: none !important;
}
.wr-slot-image {
  height: 240px;
}
.wr-slot-image > img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.wr-card-image {
  height: 170px;
  margin-bottom: 8px;
}
.wr-card-image > img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.wr-family-image {
  height: 150px;
}
.wr-family-image > img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  background: #fff;
}
.wr-alt-image {
  width: 120px;
  height: 120px;
  border-radius: 12px;
}
.wr-alt-image > img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.wr-modal-thumb {
  flex: 0 0 58px;
  width: 58px;
  height: 58px;
  border-radius: 9px;
}
.wr-modal-thumb > img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.wr-modal-thumb .wr-image-placeholder {
  padding: 5px;
}
.wr-modal-thumb .wr-image-placeholder > span {
  font-size: 17px;
}
.wr-modal-thumb .wr-image-placeholder > strong {
  font-size: 7px;
}
.wr-alt-image .wr-image-placeholder > strong {
  font-size: 10px;
}

/* v0.2.1: photographic wrist previews and simpler progressive comparison */
.wr-quick {
  padding: 0;
  border-top: 1px solid #e4e5e8;
}
.wr-quick > summary {
  padding: 18px 22px;
  cursor: pointer;
  font-size: 18px;
  font-weight: 900;
  list-style-position: inside;
}
.wr-quick[open] > summary {
  border-bottom: 1px solid #eee8eb;
}
.wr-quick-grid {
  margin: 0 22px 22px;
}
.wr-wrist {
  padding: 24px;
  border-top: 1px solid #e4e5e8;
  background: linear-gradient(145deg, #fff 0, #fff7fa 100%);
}
.wr-wrist-heading {
  align-items: start;
  margin-bottom: 18px;
}
.wr-wrist-heading > p {
  line-height: 1.5;
}
.wr-wrist-card {
  overflow: hidden;
  border: 1px solid #e5dde1;
  border-radius: 18px;
  background: #fff;
  text-align: left;
}
.wr-wrist-photo {
  display: block;
  width: 100%;
  aspect-ratio: 4/3;
  object-fit: cover;
  background: #f4f1f2;
}
.wr-wrist-card h4 {
  margin: 12px 14px 3px;
}
.wr-wrist-card h4 a {
  color: inherit;
  text-decoration: none;
}
.wr-wrist-card p {
  margin: 0 14px 14px;
}
.wr-no-photo {
  display: grid;
  place-items: center;
  color: #766b70;
  font-weight: 800;
}
.wr-wrist-empty {
  aspect-ratio: 4/3;
  min-height: 0;
}
.wr-table h3 {
  margin: 0 0 16px;
}
.wr-single-wrist {
  text-align: left;
}
.wr-single-wrist > p {
  max-width: 760px;
}
.wr-single-wrist-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}
.wr-single-wrist-grid figure {
  margin: 0;
  overflow: hidden;
  border: 1px solid #e5dde1;
  border-radius: 16px;
  background: #faf7f8;
}
.wr-single-wrist-grid img {
  display: block;
  width: 100%;
  aspect-ratio: 4/3;
  object-fit: cover;
}
.wr-single-wrist-grid figcaption {
  padding: 10px 12px;
  font-weight: 800;
}
.wr-single-wrist:target {
  scroll-margin-top: 24px;
  box-shadow: 0 0 0 4px rgba(167, 79, 120, 0.12);
}
@media (max-width: 900px) {
  .wr-single-wrist-grid {
    grid-template-columns: 1fr;
  }
  .wr-single-wrist-grid figure {
    max-width: 560px;
  }
  .wr-quick-grid {
    margin: 0 14px 18px;
  }
}

/* v0.2.3: compact comparison, four-watch wrist view and complete search UI */
.wr-compact {
  padding: 22px;
  border-top: 1px solid #e4e5e8;
}
.wr-compact h3 {
  margin: 0 0 14px;
}
.wr-full {
  border-top: 1px solid #e4e5e8;
}
.wr-full > summary {
  padding: 18px 22px;
  cursor: pointer;
  font-size: 18px;
  font-weight: 900;
  list-style-position: inside;
}
.wr-full[open] > summary {
  border-bottom: 1px solid #eee8eb;
}
.wr-full-grid {
  display: grid;
  gap: 0;
  overflow: auto;
  margin: 0 22px 22px;
  border: 1px solid #e7e1e4;
  border-radius: 14px;
}
.wr-full-grid > * {
  min-width: 0;
  padding: 9px 11px;
  border-right: 1px solid #eee8eb;
  border-bottom: 1px solid #eee8eb;
}
.wr-full-grid a {
  color: #111821;
  text-decoration: none;
}
.wr-wrist-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.wr-toolbar {
  align-items: stretch;
}
.wr-image-toggle {
  display: flex;
  flex: 0 0 auto;
  padding: 3px;
  border: 1px solid #dfe2e7;
  border-radius: 11px;
  background: #f5f6f7;
}
.wr-image-toggle button {
  border: 0;
  border-radius: 8px;
  padding: 7px 10px;
  background: transparent;
  font-weight: 800;
  white-space: nowrap;
  cursor: pointer;
}
.wr-image-toggle button.is-active {
  background: #fff;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.12);
}
.wr-card img.is-wrist {
  object-fit: cover;
  border-radius: 10px;
}
.wr-modal-list span {
  display: grid;
  gap: 3px;
}
.wr-modal-list small {
  color: #6d7076;
}
.wr-single-compare-bar {
  position: sticky;
  top: 10px;
  z-index: 20;
  display: flex;
  justify-content: space-between;
  gap: 14px;
  align-items: center;
  margin: 10px 0 18px;
  padding: 11px 15px;
  border: 1px solid #e5dde1;
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.94);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06);
  backdrop-filter: blur(8px);
}
.wr-single-compare-bar a {
  color: #17171a;
  font-weight: 900;
  text-decoration: none;
}
.wr-single-compare-bar span {
  color: #746c72;
  font-size: 12px;
}
.wr-single-actions a.is-disabled {
  opacity: 0.42;
  cursor: not-allowed;
}
.wr-variants > div {
  margin-top: 16px;
}
.wr-variant-chips {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  margin-top: 8px;
}
.wr-variant-chips span {
  padding: 8px 11px;
  border: 1px solid #ded4d8;
  border-radius: 999px;
  background: #faf7f8;
  font-size: 13px;
  font-weight: 800;
}
@media (max-width: 1100px) {
  .wr-wrist-grid {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 760px) {
  .wr-toolbar {
    align-items: stretch;
  }
  .wr-image-toggle {
    width: 100%;
  }
  .wr-image-toggle button {
    flex: 1;
  }
  .wr-full-grid {
    margin: 0 14px 18px;
  }
}
@media (max-width: 520px) {
  .wr-wrist-grid {
    grid-template-columns: 1fr;
  }
  .wr-single-compare-bar span {
    display: none;
  }
}
.wr-compact .wr-quick-grid {
  margin: 0;
}

/* v0.3.0: reference families and guided alternatives */
.wr-single-actions button,
.wr-alt-inline {
  padding: 11px 14px;
  border: 1px solid #d7c9cf;
  border-radius: 11px;
  background: #fff;
  color: #17171a;
  font-weight: 850;
  cursor: pointer;
}
.wr-configuration-note {
  margin-top: 18px;
  padding: 12px 14px;
  border-left: 3px solid #a74f78;
  background: #fff7fa;
  color: #554e53;
}
.wr-family-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}
.wr-family-grid article {
  display: grid;
  gap: 8px;
  padding: 14px;
  border: 1px solid #e8e0e3;
  border-radius: 15px;
  background: #faf8f9;
}
.wr-family-grid img {
  display: block;
  width: 100%;
  height: 150px;
  object-fit: contain;
  background: #fff;
}
.wr-family-grid strong,
.wr-family-grid small {
  display: block;
}
.wr-family-grid a {
  color: #17171a;
  text-decoration: none;
}
.wr-family-grid a:hover {
  text-decoration: underline;
}
.wr-alt-dialog {
  width: min(820px, 100%);
}
.wr-alt-for,
.wr-alt-help {
  color: #696168;
}
.wr-alt-criteria {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 18px 0 8px;
}
.wr-alt-criteria button {
  padding: 9px 12px;
  border: 1px solid #ddd4d8;
  border-radius: 999px;
  background: #fff;
  font-weight: 800;
  cursor: pointer;
}
.wr-alt-criteria button.is-active {
  border-color: #17171a;
  background: #17171a;
  color: #fff;
}
.wr-alt-results {
  display: grid;
  gap: 10px;
  margin-top: 18px;
}
.wr-alt-card {
  display: grid;
  grid-template-columns: 105px 1fr;
  gap: 14px;
  padding: 12px;
  border: 1px solid #e6dfe2;
  border-radius: 15px;
  background: #fff;
}
.wr-alt-card img {
  width: 105px;
  height: 105px;
  object-fit: contain;
}
.wr-alt-card h3 {
  margin: 3px 0;
}
.wr-alt-card h3 a {
  color: #17171a;
  text-decoration: none;
}
.wr-alt-card p {
  margin: 5px 0;
  color: #6d6670;
}
.wr-alt-match {
  color: #9c4e72;
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.wr-alt-actions {
  display: flex;
  gap: 8px;
  align-items: center;
  margin-top: 9px;
}
.wr-alt-actions a,
.wr-alt-actions button {
  padding: 8px 10px;
  border: 1px solid #d8d0d4;
  border-radius: 9px;
  background: #fff;
  color: #17171a;
  text-decoration: none;
  font-size: 13px;
  font-weight: 850;
  cursor: pointer;
}
.wr-alt-actions button {
  border-color: #17171a;
  background: #17171a;
  color: #fff;
}
.wr-alt-actions button:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}
@media (max-width: 800px) {
  .wr-family-grid {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 520px) {
  .wr-family-grid {
    grid-template-columns: 1fr;
  }
  .wr-alt-card {
    grid-template-columns: 72px 1fr;
  }
  .wr-alt-card img {
    width: 72px;
    height: 72px;
  }
  .wr-alt-actions {
    align-items: stretch;
    flex-direction: column;
  }
}

/* v0.3.1: compact labels, equal watch-page actions and crawlable alternatives */
.wr-detail,
.wr-details-link {
  font-size: 12px;
  line-height: 1.25;
  white-space: nowrap;
}
.wr-card-actions > .wr-details-link,
.wr-card-actions > button {
  min-height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.wr-single-actions > a,
.wr-single-actions > button {
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 11px 15px;
  border-radius: 11px;
  font-size: 14px;
  line-height: 1.2;
}
.wr-alt-inline {
  white-space: nowrap;
  font-size: 12px;
}
.wr-similar {
  background: #fffdfd;
}
@media (max-width: 420px) {
  .wr-detail,
  .wr-details-link {
    white-space: normal;
  }
}

/* v0.3.3: wrist-size controls, persistent search chips and clearer related/configuration states */
.wr-wrist-size-toggle,
.wr-pool-wrist-size {
  display: flex;
  gap: 5px;
  align-items: center;
  flex-wrap: wrap;
}
.wr-wrist-size-toggle {
  justify-content: flex-end;
  margin-top: 10px;
}
.wr-wrist-size-toggle button,
.wr-pool-wrist-size button {
  border: 1px solid #d9d0d4;
  border-radius: 9px;
  padding: 7px 9px;
  background: #fff;
  color: #292529;
  font-size: 12px;
  font-weight: 850;
  cursor: pointer;
}
.wr-wrist-size-toggle button small {
  display: block;
  color: #756d72;
  font-size: 10px;
  font-weight: 700;
}
.wr-wrist-size-toggle button.is-active,
.wr-pool-wrist-size button.is-active {
  border-color: #17171a;
  background: #17171a;
  color: #fff;
}
.wr-wrist-size-toggle button.is-active small {
  color: #eee;
}
.wr-pool-wrist-size {
  padding: 3px;
  border: 1px solid #e0d9dc;
  border-radius: 11px;
  background: #f8f6f7;
}
.wr-pool-wrist-size > span {
  padding: 0 5px;
  color: #6b6469;
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
}
.wr-pool-wrist-size button small {
  display: none;
}
.wr-search-chips {
  display: flex;
  gap: 7px;
  flex-wrap: wrap;
  margin: 0 0 12px;
}
.wr-search-chips[hidden] {
  display: none;
}
.wr-search-chips button {
  display: inline-flex;
  gap: 8px;
  align-items: center;
  border: 1px solid #b7aab0;
  border-radius: 999px;
  padding: 7px 10px;
  background: #fff7fa;
  color: #4a2637;
  font-size: 12px;
  font-weight: 850;
  cursor: pointer;
}
.wr-card-no-image {
  height: 170px;
  display: grid;
  place-items: center;
  border: 1px dashed #d4c7cd;
  border-radius: 10px;
  background: #faf7f8;
  color: #766b70 !important;
  text-align: center;
  font-size: 12px;
  font-weight: 800;
}
.wr-configuration-status {
  display: flex;
  gap: 7px;
  align-items: baseline;
  margin: 16px 0;
  padding: 12px 14px;
  border-radius: 12px;
  background: #f7f5f6;
  color: #5f585d;
}
.wr-configuration-status.is-ready {
  background: #edf8f0;
  color: #245936;
}
.wr-configuration-status.is-pending {
  background: #fff7e8;
  color: #6f5015;
}
.wr-variant-chip {
  display: inline-grid !important;
  gap: 2px;
  border-radius: 12px !important;
}
.wr-variant-chip small {
  color: #776f74;
  font-size: 10px;
  font-weight: 700;
}
.wr-variant-chip.is-ready {
  border-color: #85b894;
  background: #f1faf3;
}
.wr-variant-chip.is-ready small {
  color: #2d6940;
}
.wr-variant-chip.is-pending {
  border-style: dashed;
  color: #625b60;
}
.wr-match-reasons {
  display: flex;
  gap: 5px;
  flex-wrap: wrap;
  margin-top: 4px;
}
.wr-match-reasons span {
  padding: 5px 7px;
  border-radius: 999px;
  background: #f5eaf0;
  color: #713c56;
  font-size: 10px;
  font-weight: 850;
}
.wr-modal {
  padding: 28px;
}
.wr-dialog {
  width: min(760px, 100%);
  padding: 30px;
  border: 1px solid rgba(255, 255, 255, 0.7);
  border-radius: 24px;
}
.wr-alt-dialog {
  width: min(900px, 100%);
}
.wr-alt-dialog h2 {
  margin: 4px 44px 6px 0;
  font-size: clamp(25px, 4vw, 36px);
}
.wr-alt-criteria {
  gap: 10px;
  margin: 22px 0 10px;
}
.wr-alt-criteria button {
  padding: 10px 14px;
}
.wr-alt-results {
  gap: 14px;
  margin-top: 22px;
}
.wr-alt-card {
  grid-template-columns: 120px 1fr;
  gap: 18px;
  padding: 16px;
  border-radius: 17px;
}
.wr-alt-card img {
  width: 120px;
  height: 120px;
}
.wr-alt-card h3 {
  margin: 5px 0 7px;
  font-size: 20px;
}
.wr-alt-card p {
  line-height: 1.45;
}
.wr-alt-actions {
  gap: 10px;
  margin-top: 12px;
}
.wr-alt-actions a,
.wr-alt-actions button {
  padding: 9px 12px;
}
@media (max-width: 760px) {
  .wr-wrist-size-toggle {
    justify-content: flex-start;
  }
  .wr-pool-wrist-size {
    width: 100%;
  }
  .wr-pool-wrist-size button {
    flex: 1;
  }
  .wr-modal {
    padding: 12px;
  }
  .wr-dialog {
    padding: 22px 17px;
  }
  .wr-alt-card {
    grid-template-columns: 86px 1fr;
    gap: 12px;
  }
  .wr-alt-card img {
    width: 86px;
    height: 86px;
  }
  .wr-configuration-status {
    display: block;
  }
  .wr-configuration-status span {
    display: block;
    margin-top: 4px;
  }
}

/* v0.3.4: equal image geometry across every card and popup */
@media (max-width: 900px) {
  .wr-single-image {
    height: 330px;
  }
}
@media (max-width: 760px) {
  .wr-alt-image {
    width: 86px;
    height: 86px;
  }
}
@media (max-width: 520px) {
  .wr-alt-image {
    width: 72px;
    height: 72px;
  }
}

/* v0.3.6: grouped filters, concise alternatives and branded empty states */
.wr-image-placeholder {
  grid-template-rows: auto auto;
  align-content: center;
  justify-items: center;
  overflow: hidden;
}
.wr-placeholder-logo {
  display: block !important;
  width: clamp(30px, 34%, 58px) !important;
  height: auto !important;
  max-height: 58px !important;
  object-fit: contain !important;
  opacity: 0.58;
  filter: grayscale(1);
  margin: 0 !important;
}
.wr-image-placeholder > strong {
  max-width: 12em;
}
.wr-modal-thumb .wr-image-placeholder > strong {
  display: none;
}
.wr-modal-thumb .wr-placeholder-logo {
  width: 29px !important;
  max-height: 29px !important;
}
.wr-alt-image .wr-placeholder-logo {
  width: 42px !important;
  max-height: 42px !important;
}
.wr-single-image-placeholder .wr-placeholder-logo {
  width: 90px !important;
  max-height: 90px !important;
}
.wr-placeholder-fallback {
  font-size: 26px;
  line-height: 1;
  opacity: 0.55;
}
.wr-detail {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  min-height: 38px;
  padding: 8px 13px;
  border: 1px solid #d7cfd3;
  border-radius: 10px;
  background: #faf8f9;
  font-size: 14px;
  line-height: 1.2;
  white-space: nowrap;
  text-decoration: none !important;
}
.wr-detail:hover {
  border-color: #a99da3;
  background: #f5eff2;
}
.wr-alt-inline {
  min-height: 38px;
  padding: 9px 13px;
  font-size: 14px;
  line-height: 1.2;
}
@media (max-width: 520px) {
  .wr-detail {
    font-size: 13px;
  }
}

/* v0.3.7: aligned comparison actions and resilient alternative rows */
.wr-slot {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  height: 100%;
}

/* v0.3.8: popup-first pool actions and identical alternative-card geometry */
.wr-details-link {
  width: 100%;
  appearance: none;
  border: 1px solid #d7cfd3;
  border-radius: 10px;
  background: #faf8f9;
  color: #17171a;
  font-family: inherit;
  font-weight: 850;
  cursor: pointer;
}
.wr-details-link:hover {
  border-color: #a99da3;
  background: #f5eff2;
}
.wr-alt-card > div {
  align-self: start;
}
.wr-alt-image,
.wr-alt-image > img,
.wr-alt-image > .wr-image-placeholder {
  box-sizing: border-box;
  width: var(--wr-alt-thumb) !important;
  height: var(--wr-alt-thumb) !important;
}
.wr-slot h3 {
  margin-bottom: 10px;
}
.wr-slot .wr-muted {
  min-height: 1.4em;
}
.wr-slot .wr-detail {
  width: 100%;
  margin-top: auto;
  appearance: none;
  font-family: inherit;
  font-weight: 850;
  cursor: pointer;
}
.wr-alt-card {
  --wr-alt-thumb: 120px;
  grid-template-columns: var(--wr-alt-thumb) minmax(0, 1fr) !important;
  align-items: start;
}
.wr-alt-card > div {
  min-width: 0;
}
.wr-alt-image {
  width: var(--wr-alt-thumb) !important;
  height: var(--wr-alt-thumb) !important;
  min-width: 0;
  overflow: hidden;
}
.wr-alt-image .wr-image-placeholder {
  width: 100%;
  height: 100%;
  padding: 10px;
}
.wr-alt-image .wr-image-placeholder > strong {
  max-width: 100%;
  font-size: 10px;
  line-height: 1.25;
  overflow-wrap: anywhere;
}
.wr-single-actions > a,
.wr-single-actions > button {
  box-sizing: border-box;
  min-height: 48px;
  padding: 12px 18px;
  border-radius: 12px;
  font-family: inherit;
  font-size: 16px;
  font-weight: 850;
  line-height: 1.2;
}
.wr-single-actions > button {
  background: #fff;
  color: #17171a;
}
@media (max-width: 760px) {
  .wr-alt-card {
    --wr-alt-thumb: 86px;
  }
}
@media (max-width: 520px) {
  .wr-alt-card {
    --wr-alt-thumb: 72px;
  }
  .wr-alt-image .wr-image-placeholder > strong {
    font-size: 8px;
  }
  .wr-single-actions > a,
  .wr-single-actions > button {
    min-height: 46px;
    padding: 11px 14px;
    font-size: 14px;
  }
}

/* v0.4.0 compact pool controls and pagination */
.wr-toolbar {
  align-items: flex-start;
}
.wr-search-sort {
  flex: 1 1 420px;
  display: grid;
  gap: 8px;
}
.wr-search-sort .wr-search {
  width: 100%;
}
.wr-search-sort select {
  width: min(260px, 100%);
  padding: 8px 10px;
}
.wr-view-controls {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  flex-wrap: wrap;
}
.wr-image-toggle,
.wr-pool-wrist-size {
  display: flex;
  gap: 4px;
  align-items: center;
  padding: 3px;
  border: 1px solid #dfe2e7;
  border-radius: 12px;
  background: #f7f8fa;
}
.wr-image-toggle button,
.wr-pool-wrist-size button {
  min-height: 34px;
  padding: 7px 11px;
  border: 0;
  border-radius: 9px;
  background: transparent;
  font-weight: 800;
  cursor: pointer;
}
.wr-image-toggle button.is-active,
.wr-pool-wrist-size button.is-active {
  background: #111821;
  color: #fff;
}
.wr-pool-wrist-size > span {
  padding: 0 5px;
  color: #6d7076;
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
}
.wr-pool-meta {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin: 4px 0 14px;
  color: #5f636a;
  font-size: 13px;
}
.wr-pool-meta label {
  display: flex;
  align-items: center;
  gap: 7px;
}
.wr-page-size {
  width: auto;
  padding: 6px 28px 6px 8px;
  border: 1px solid #dfe2e7;
  border-radius: 8px;
  background: #fff;
}
.wr-pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
  margin-top: 20px;
}
.wr-pagination button {
  min-width: 36px;
  min-height: 36px;
  padding: 7px 10px;
  border: 1px solid #dfe2e7;
  border-radius: 9px;
  background: #fff;
  font-weight: 800;
  cursor: pointer;
}
.wr-pagination button.is-active {
  border-color: #111821;
  background: #111821;
  color: #fff;
}
.wr-pagination button:disabled {
  opacity: .42;
  cursor: default;
}
@media (max-width: 760px) {
  .wr-view-controls {
    width: 100%;
  }
  .wr-search-sort select {
    width: 100%;
  }
  .wr-pool-meta {
    align-items: flex-start;
    flex-direction: column;
  }
}


/* v0.5 compact catalogue and single-watch refinements */
.wr-pool-meta{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap}.wr-pool-meta select{width:auto;min-width:9rem;max-width:15rem;padding:.55rem .75rem}.wr-pool-meta label select{min-width:4.5rem}.wr-search-sort{width:100%;max-width:none}.wr-search-sort .wr-search{width:100%}.wr-view-controls{align-self:flex-start}.wr-pool-wrist-size[hidden],.wr-image-toggle button[hidden]{display:none!important}.wr-single-compare-bar{position:sticky;top:.5rem;z-index:4;width:max-content;max-width:100%;margin:.5rem 0 1rem auto;padding:0;background:transparent;border:0;box-shadow:none}.wr-single-compare-bar a{display:inline-flex;padding:.45rem .7rem;border:1px solid #d7dce3;border-radius:999px;background:#fff;font-size:.86rem;font-weight:700}.wr-single-compare-bar span{display:none}.single-wr_watch .wp-block-post-title,.single-wr_watch .wp-block-post-date,.single-wr_watch .entry-title,.single-wr_watch .posted-on{display:none!important}.wr-placeholder-logo{width:64px!important;height:64px!important;object-fit:contain!important;opacity:.9!important}.wr-image-placeholder strong{font-size:.86rem}.wr-card-image .wr-image-placeholder{min-height:180px}

/* v0.6.0 refinements */
.single-wr_watch .wp-block-post-title,.single-wr_watch .entry-title{display:block!important;font-size:clamp(2rem,4vw,4.25rem)!important;line-height:1.02!important;margin:1rem auto .75rem!important;max-width:78rem!important;padding-inline:1rem!important}.single-wr_watch .wp-block-post-date,.single-wr_watch .posted-on{display:none!important}.wr-single-hero{margin-top:.5rem!important}.wr-watch-title{display:none!important}.wr-sources{padding:0!important;overflow:hidden}.wr-sources summary{cursor:pointer;font-size:1rem;font-weight:700;padding:1rem 1.25rem;list-style:none}.wr-sources summary::-webkit-details-marker{display:none}.wr-sources summary:before{content:"▸";margin-right:.5rem}.wr-sources[open] summary:before{content:"▾"}.wr-sources-body{padding:0 1.25rem 1.25rem}.wr-source-note{font-size:.9rem;opacity:.8}.wr-hide-no-image{display:inline-flex;align-items:center;gap:.45rem;font-size:.9rem;white-space:nowrap}.wr-hide-no-image input{width:auto;margin:0}

/* v0.7 single-page spacing and SEO content */
.wr-single-compare-bar{display:none!important}
.single-wr_watch .wp-block-post-title,.single-wr_watch .entry-title{margin-bottom:.5rem!important}
.wr-single-hero{margin-top:0!important}
.wr-seo-intro{font-size:.98rem;line-height:1.55;color:#5e5151;max-width:48rem;margin:.4rem 0 .8rem}
.wr-sources{padding:1.2rem 1.35rem!important;overflow:visible}
.wr-sources h2{margin-top:0}
.wr-sources ul{margin:.7rem 0;padding-left:1.25rem}


/* v0.8.0: stable watch-selection thumbnails and plain pool search */
.wr-modal-list button {
  display: grid !important;
  grid-template-columns: 64px minmax(0, 1fr) !important;
  align-items: center !important;
  min-height: 82px;
  padding: 8px 12px !important;
  overflow: hidden;
}
.wr-modal-thumb {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 64px !important;
  height: 64px !important;
  min-width: 64px !important;
  flex: 0 0 64px !important;
  overflow: hidden !important;
  border: 1px solid #e4e5e8;
  border-radius: 10px;
  background: #faf8f8;
}
.wr-modal-thumb > img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  margin: 0 !important;
  object-fit: contain !important;
  object-position: center !important;
}
.wr-modal-thumb .wr-image-placeholder {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  padding: 7px !important;
  border: 0 !important;
}
.wr-modal-thumb .wr-placeholder-logo {
  width: 30px !important;
  height: 30px !important;
  margin: 0 !important;
  object-fit: contain !important;
}
.wr-modal-thumb .wr-image-placeholder strong { display:none !important; }
.wr-modal-list button > span:last-child {
  min-width: 0;
  align-self: center;
}
.wr-modal-list button strong,
.wr-modal-list button small {
  display: block;
  overflow-wrap: anywhere;
}


/* v0.9.0: compact rounded sort control matching the Show selector */
.wr-sort-label{display:inline-flex;align-items:center;gap:.5rem;font-size:.95rem;white-space:nowrap}
.wr-pool-meta .wr-sort-label select{min-width:11rem;max-width:13rem;padding:.55rem .75rem;border:1px solid #d9dee7;border-radius:12px;background:#fff;box-shadow:none;outline:none}
.wr-pool-meta .wr-sort-label select:focus{border-color:#8fb2ff;box-shadow:0 0 0 2px rgba(84,132,255,.16)}

.wr-simple-options{padding:16px 18px;border:1px solid #eadfe3;border-radius:14px;background:#fff;margin:12px 0}.wr-simple-options strong{display:block;margin-bottom:5px}.wr-simple-options p{margin:0;color:#5f5055}.wr-variant-note{margin:14px 0 0;padding:14px 16px;border-left:3px solid #b4436c;background:#fff7fa}


/* v1.0.1: simplified catalogue controls and image-copy deterrence */
.wr-pool-meta{justify-content:flex-start}
.wr-pool-meta .wr-view-controls{display:flex;align-items:center;gap:.55rem;flex-wrap:wrap;margin-left:0}
.wr-pool-meta .wr-result-count{margin-left:auto}
.wr-pool img,.wr-single img,.wr-compare-panel img{-webkit-user-drag:none;-webkit-touch-callout:none;user-select:none}
@media (max-width:760px){.wr-pool-meta .wr-view-controls{width:100%;order:10}.wr-pool-meta .wr-result-count{width:100%;margin-left:0;order:11}}

/* v0.1.15 — responsive add-watch sort and collapsible filters */
.wr-modal-tools,
.wr-modal-filters,
.wr-modal-tools *,
.wr-modal-filters * { box-sizing: border-box; }
.wr-modal-tools {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(160px, 230px) auto;
  gap: 10px;
  align-items: center;
  width: 100%;
  margin-top: 12px;
}
.wr-modal-tools .wr-modal-search { width: 100%; min-width: 0; margin: 0; }
.wr-modal-tools select,
.wr-modal-filter-toggle,
.wr-modal-filters select {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  min-height: 46px;
  border: 1px solid #d9dde5;
  border-radius: 12px;
  background: #fff;
  padding: 0 12px;
}
.wr-modal-filter-toggle { width: auto; white-space: nowrap; font-weight: 800; cursor: pointer; }
.wr-modal-filters {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  width: 100%;
  margin-top: 12px;
  padding: 14px;
  overflow: hidden;
  border: 1px solid #e4e5e8;
  border-radius: 14px;
  background: #fafbfc;
}
.wr-modal-filters[hidden] { display: none !important; }
.wr-modal-filters label { display: grid; min-width: 0; gap: 5px; font-size: 12px; font-weight: 800; }
.wr-modal-reset { align-self: end; min-height: 46px; border: 0; border-radius: 12px; font-weight: 800; cursor: pointer; }
.wr-modal-summary { display: flex; justify-content: space-between; gap: 12px; align-items: center; margin-top: 12px; font-size: 14px; }
.wr-modal-summary a { font-weight: 800; text-decoration: none; }
.wr-modal-count { color: #626b78; }
@media (max-width: 820px) {
  .wr-modal-tools { grid-template-columns: minmax(0, 1fr) auto; }
  .wr-modal-tools .wr-modal-search { grid-column: 1 / -1; }
  .wr-modal-tools .wr-modal-sort { min-width: 0; }
  .wr-modal-filters { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 520px) {
  .wr-modal-tools { grid-template-columns: 1fr; }
  .wr-modal-tools .wr-modal-search { grid-column: auto; }
  .wr-modal-filter-toggle { width: 100%; }
  .wr-modal-filters { grid-template-columns: 1fr; }
  .wr-modal-summary { align-items: flex-start; flex-direction: column; }
}

/* v1.0.6 text-and-fit mode: visual product imagery and all image controls are hidden publicly. */
.watchradar-root img,
.watchradar-root .wr-card-image,
.watchradar-root .wr-slot-image,
.watchradar-root .wr-modal-thumb,
.watchradar-root .wr-alt-image,
.watchradar-root .wr-wrist,
.watchradar-root .wr-image-toggle,
.watchradar-root .wr-pool-wrist-size,
.watchradar-root .wr-hide-no-image,
.watchradar-root .wr-image-placeholder,
.watchradar-root .wr-no-photo,
.wr-single .wr-single-image,
.wr-single .wr-family-image,
.wr-single .wr-single-wrist,
.wr-single img { display:none !important; }
.watchradar-root .wr-card,
.watchradar-root .wr-slot { min-height:0; }

.wr-fit-addon { margin:1.25rem 0; padding:1rem; border:1px solid #d9d9d9; border-radius:14px; background:#fff; }
.wr-fit-addon-head { display:flex; justify-content:space-between; align-items:end; gap:1rem; flex-wrap:wrap; }
.wr-fit-addon-head h3 { margin:.15rem 0 0; }
.wr-fit-addon-head label { display:flex; align-items:center; gap:.5rem; flex-wrap:wrap; }
.wr-fit-addon-input { width:5.5rem; padding:.45rem .55rem; border:1px solid #aaa; border-radius:8px; }
.wr-fit-addon-results { display:grid; grid-template-columns:repeat(auto-fit,minmax(210px,1fr)); gap:.85rem; margin-top:1rem; }
.wr-fit-addon-card { border:1px solid #e2e2e2; border-radius:12px; padding:.9rem; }
.wr-fit-addon-score { font-size:1.7rem; font-weight:700; margin-top:.55rem; }
.wr-fit-addon-label { font-weight:600; margin:.1rem 0 .5rem; }
.wr-fit-addon-meter { height:10px; border-radius:999px; background:#ececec; overflow:hidden; }
.wr-fit-addon-meter span { display:block; height:100%; background:currentColor; opacity:.65; }
.wr-fit-addon-card dl { display:grid; grid-template-columns:1fr auto; gap:.3rem .7rem; margin:.8rem 0; }
.wr-fit-addon-card dt,.wr-fit-addon-card dd { margin:0; }
.wr-fit-addon-card dd { font-weight:600; }
.wr-fit-addon-card p { margin:.5rem 0 0; }

/* v1.0.7 production text hierarchy and comparison charts */
.watchradar-root{--wr-ink:#172033;--wr-muted:#687080;--wr-line:#e2e5ea;--wr-accent:#653139}
.wr-slot h3,.wr-card .wr-pool-name{margin:.65rem 0 .35rem!important;line-height:1.18!important}
.wr-card-brand{display:block!important;margin:0 0 .22rem!important;color:var(--wr-muted)!important;font-size:clamp(.72rem,.85vw,.88rem)!important;font-weight:800!important;letter-spacing:.075em!important;line-height:1.2!important;text-transform:uppercase!important}
.wr-card-model{display:block!important;color:var(--wr-ink)!important;font-size:clamp(1rem,1.55vw,1.42rem)!important;font-weight:750!important;line-height:1.2!important;text-decoration:none!important;overflow-wrap:anywhere}
.wr-slot .wr-card-model{font-size:clamp(1.15rem,1.8vw,1.65rem)!important}
.wr-slot .wr-muted,.wr-card>small{font-size:.78rem!important;color:var(--wr-muted)!important}
.wr-slot .wr-price,.wr-card .wr-price{font-size:.9rem!important;font-weight:750!important}
.wr-pool-meta,.wr-pool-meta label,.wr-pool-meta select,.wr-sort-label{font-size:.88rem!important}
.wr-fit-addon{margin:1.25rem 0;padding:clamp(1rem,2vw,1.5rem);border:1px solid var(--wr-line);border-radius:16px;background:#fff}
.wr-fit-addon-results{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}
.wr-fit-addon-card>strong{display:block;font-size:1rem;line-height:1.25}
.wr-comparison-charts{margin-top:1.5rem}.wr-comparison-charts>h3,.wr-neighbours>h3{font-size:1.15rem;margin:0 0 .85rem}
.wr-metric-chart{padding:.9rem 0;border-top:1px solid var(--wr-line)}
.wr-metric-chart header{display:flex;justify-content:space-between;gap:1rem;margin-bottom:.55rem}.wr-metric-chart h4{margin:0;font-size:.92rem}.wr-metric-chart header span{font-size:.75rem;color:var(--wr-muted)}
.wr-metric-chart p{display:grid;grid-template-columns:minmax(125px,1.35fr) minmax(100px,3fr) minmax(64px,.55fr);align-items:center;gap:.7rem;margin:.42rem 0;font-size:.78rem}
.wr-metric-chart p>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wr-metric-chart i{display:block;height:9px;border-radius:999px;background:#edf0f3;overflow:hidden}.wr-metric-chart i b{display:block;height:100%;border-radius:inherit;background:var(--wr-accent);opacity:.78}.wr-metric-chart p>strong{text-align:right;font-size:.78rem}
.wr-neighbours{margin-top:1.4rem}.wr-neighbours>div{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:.65rem}.wr-neighbours a{display:flex;justify-content:space-between;gap:.75rem;padding:.75rem;border:1px solid var(--wr-line);border-radius:12px;color:var(--wr-ink);text-decoration:none}.wr-neighbours a span{font-size:.85rem;font-weight:700;line-height:1.2}.wr-neighbours a small{display:block;color:var(--wr-muted);font-size:.68rem;text-transform:uppercase;letter-spacing:.06em}.wr-neighbours a b{font-size:.7rem;color:var(--wr-muted);text-align:right}
@media(max-width:600px){.wr-metric-chart p{grid-template-columns:minmax(92px,1.25fr) minmax(70px,2fr) 58px;gap:.45rem}.wr-card-model{font-size:1rem!important}.wr-slot .wr-card-model{font-size:1.18rem!important}}

/* v1.0.8 Watch Radar: linked, directly manipulated 2D score maps. */
.wr-radar{margin-top:1.25rem;border:1px solid var(--wr-line);border-radius:16px;background:#fff;overflow:hidden}
.wr-radar>summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.1rem;cursor:pointer;list-style:none}
.wr-radar>summary::-webkit-details-marker{display:none}.wr-radar>summary span{display:grid;gap:.1rem}.wr-radar>summary small{color:var(--wr-muted);font-size:.7rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.wr-radar>summary strong{font-size:1.1rem}.wr-radar>summary b{font-size:.78rem;color:var(--wr-muted)}
.wr-radar-body{padding:0 1rem 1rem}.wr-radar-toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding:.8rem 0 1rem;border-top:1px solid var(--wr-line)}.wr-radar-toolbar label{font-size:.82rem;font-weight:750}.wr-radar-toolbar select{margin-left:.45rem;max-width:13rem;padding:.45rem .65rem;border:1px solid var(--wr-line);border-radius:10px;background:#fff}.wr-radar-toolbar>span{color:var(--wr-muted);font-size:.74rem}
.wr-radar-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.wr-radar-chart{min-width:0;border-top:1px solid var(--wr-line);padding-top:.5rem}.wr-radar-chart svg{display:block;width:100%;cursor:grab;touch-action:none;user-select:none}.wr-radar-chart svg.is-dragging{cursor:grabbing}
.wr-radar-gridline{stroke:var(--wr-line);stroke-width:1;opacity:.65}.wr-radar-title{fill:var(--wr-ink);font-size:13px;font-weight:750}.wr-radar-range,.wr-radar-tick{fill:var(--wr-muted);font-size:9px}.wr-radar-axis{fill:var(--wr-ink);font-size:10px;font-weight:650}.wr-radar-dot{fill:#7a8494;opacity:.46;cursor:pointer}.wr-radar-dot.is-compared{fill:var(--wr-accent);opacity:.85}.wr-radar-dot.is-neighbour{stroke:var(--wr-accent);stroke-width:1.6;opacity:.9}.wr-radar-dot.is-active{fill:var(--wr-accent);stroke:var(--wr-ink);stroke-width:2.3;opacity:1}.wr-radar-label{fill:var(--wr-ink);font-size:9px;font-weight:700;pointer-events:none}
.wr-radar-selection{display:grid;grid-template-columns:minmax(180px,.8fr) 1.4fr;gap:1rem;margin-top:1rem;padding:1rem;border-top:1px solid var(--wr-line);background:#fafbfc}.wr-radar-selection>div{display:flex;align-items:center;gap:.55rem;flex-wrap:wrap}.wr-radar-selection small{width:100%;color:var(--wr-muted);font-size:.68rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.wr-radar-selection strong{font-size:.95rem}.wr-radar-selection span{color:var(--wr-muted);font-size:.78rem}.wr-radar-selection a{display:inline-flex;padding:.38rem .55rem;border:1px solid var(--wr-line);border-radius:999px;color:var(--wr-ink);font-size:.72rem;text-decoration:none}.wr-radar-selection a b{margin-right:.28rem}
@media(max-width:780px){.wr-radar-grid{grid-template-columns:1fr}.wr-radar-selection{grid-template-columns:1fr}.wr-radar-toolbar select{display:block;margin:.4rem 0 0;max-width:100%;width:100%}}


/* v1.0.9 usability, categories, stable comparison typography and mobile pool */
.wr-clear-all{display:inline-flex;align-items:center;margin:-.35rem 0 .85rem auto;padding:.48rem .75rem;border:1px solid var(--wr-line);border-radius:999px;background:#fff;color:var(--wr-muted);font-size:.78rem;font-weight:750;cursor:pointer}
.wr-clear-all:hover{color:var(--wr-ink);border-color:var(--wr-muted)}
.wr-watch-category{display:flex;align-items:center;justify-content:center;gap:.45rem;flex-wrap:wrap;margin:.2rem 0 .45rem;color:var(--wr-muted);font-size:.74rem;line-height:1.25}
.wr-watch-category span{display:inline-flex;padding:.18rem .45rem;border:1px solid var(--wr-line);border-radius:999px;background:#fafbfc;font-weight:750}
.wr-watch-category a{color:var(--wr-accent);font-weight:750;text-decoration:none}
.wr-alt-card{grid-template-columns:minmax(0,1fr)!important;padding:1rem!important}
.wr-alt-card>.wr-alt-image{display:none!important}
.wr-alt-card h3{margin:.25rem 0!important}
.wr-alt-card .wr-watch-category{justify-content:flex-start}
.wr-slots{grid-template-columns:repeat(4,minmax(0,1fr))!important}
.wr-slot h3,.wr-slot .wr-card-model{font-size:1.22rem!important;line-height:1.2!important}
.wr-slot .wr-card-brand{font-size:.76rem!important}
.wr-radar-rails{display:grid;grid-template-columns:1fr 1fr;gap:.55rem;padding:.25rem .45rem .7rem}
.wr-radar-rails label{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:.4rem;color:var(--wr-muted);font-size:.68rem;font-weight:800}
.wr-radar-rails input{width:100%;height:18px;accent-color:var(--wr-accent);cursor:ew-resize}
.wr-radar-rails label+label input{cursor:ns-resize}
.wr-radar-toolbar>span{font-size:.72rem}
.wr-sources a{font-weight:750;text-decoration:none}
@media(max-width:720px){
 .wr-slots{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .wr-slot h3,.wr-slot .wr-card-model{font-size:1rem!important}
 .wr-pool-meta .wr-page-size{min-width:4.25rem}
 .wr-grid{display:grid!important;grid-auto-flow:column!important;grid-template-rows:repeat(2,minmax(0,auto))!important;grid-auto-columns:minmax(230px,82vw)!important;grid-template-columns:none!important;gap:.7rem!important;overflow-x:auto!important;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;padding-bottom:.6rem}
 .wr-grid .wr-card{scroll-snap-align:start;padding:.8rem!important}
 .wr-grid .wr-card-model{font-size:.95rem!important}
 .wr-grid .wr-card-brand{font-size:.66rem!important}
 .wr-grid .wr-card>small,.wr-grid .wr-price,.wr-grid .wr-card-actions{font-size:.72rem!important}
 .wr-clear-all{margin-left:0}
}
@media(max-width:430px){.wr-slots{grid-template-columns:1fr 1fr!important}.wr-slot{padding:.65rem!important}.wr-slot h3,.wr-slot .wr-card-model{font-size:.92rem!important}.wr-radar-rails{grid-template-columns:1fr}}


/* v0.2.8 responsive usability refinements */
.wr-title-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:.65rem}
.wr-title-row .wr-title{margin:0!important;min-width:0}
.wr-clear-all{margin:0!important;flex:0 0 auto}
.wr-fit-addon-head{align-items:center}
.wr-fit-addon-head label{padding:.6rem .8rem;border:1px solid var(--wr-line);border-radius:12px;background:#fafbfc;font-size:1rem;font-weight:700}
.wr-fit-addon-input{width:6rem!important;min-height:44px;font-size:1.05rem;font-weight:700}
.wr-fit-addon.is-single-watch .wr-fit-addon-results{grid-template-columns:minmax(260px,430px);justify-content:start}
.wr-fit-addon.is-single-watch .wr-fit-addon-card{width:100%}
.wr-modal-list button{grid-template-columns:minmax(0,1fr)!important;padding:.85rem 1rem!important;text-align:left}
.wr-modal-thumb{display:none!important}
.wr-modal-list button>span:last-child,.wr-modal-list button>span:first-child{min-width:0;width:100%}
.wr-radar{box-shadow:0 8px 24px rgba(23,32,51,.06)}
.wr-radar>summary{background:linear-gradient(90deg,#fff,#faf7f8);border-bottom:1px solid transparent}
.wr-radar[open]>summary{border-bottom-color:var(--wr-line)}
.wr-radar>summary strong{font-size:1.3rem}
.wr-radar-toolbar{padding:.8rem 0}.wr-radar-actions{margin-left:auto}.wr-radar-reset{padding:.48rem .75rem;border:1px solid var(--wr-line);border-radius:999px;background:#fff;color:var(--wr-ink);font-size:.78rem;font-weight:750;cursor:pointer}
.wr-radar-help{margin:0 0 .75rem;color:var(--wr-muted);font-size:.78rem}
.wr-radar-grid{display:block}.wr-radar-chart.is-featured{max-width:900px;margin:0 auto 1rem;padding:.7rem;border:1px solid var(--wr-line);border-radius:14px;background:#fff}
.wr-radar-stage{position:relative;padding-right:25px}.wr-radar-stage svg{width:100%;cursor:default!important;touch-action:auto!important}
.wr-radar-xhandles,.wr-radar-yhandles{position:relative}
.wr-radar-xhandles{height:28px;margin:0 30px 0 45px}
.wr-radar-yhandles{position:absolute;top:35px;right:0;width:24px;height:230px}
.wr-radar-xhandles input,.wr-radar-yhandles input{position:absolute;margin:0;accent-color:var(--wr-accent);pointer-events:none}
.wr-radar-xhandles input{left:0;top:2px;width:100%}
.wr-radar-yhandles input{width:230px;left:-103px;top:104px;transform:rotate(-90deg)}
.wr-radar-xhandles input::-webkit-slider-thumb,.wr-radar-yhandles input::-webkit-slider-thumb{pointer-events:auto;cursor:grab}
.wr-radar-xhandles input::-moz-range-thumb,.wr-radar-yhandles input::-moz-range-thumb{pointer-events:auto;cursor:grab}
.wr-radar-more{margin-top:.75rem;border-top:1px solid var(--wr-line)}
.wr-radar-more>summary{padding:.85rem .2rem;cursor:pointer;font-weight:800;color:var(--wr-accent)}
.wr-radar-more-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.wr-radar-more-grid .wr-radar-chart{padding:.55rem;border:1px solid var(--wr-line);border-radius:12px}
.wr-radar-label{font-size:10px!important;font-weight:800!important;paint-order:stroke;stroke:#fff;stroke-width:3px;stroke-linejoin:round}
.wr-radar-dot.is-compared{fill:var(--wr-accent)!important;stroke:var(--wr-ink)!important;stroke-width:2.2!important;opacity:1!important}
@media(max-width:720px){
 .wr-title-row{align-items:flex-start}.wr-title-row .wr-title{font-size:clamp(2rem,10vw,3rem)!important;line-height:1.02!important;max-width:100%}.wr-clear-all{font-size:.72rem;padding:.42rem .6rem}
 .wr-fit-addon{padding:.85rem}.wr-fit-addon-head{display:grid;gap:.75rem}.wr-fit-addon-head label{width:100%;justify-content:space-between;font-size:1rem}.wr-fit-addon-input{width:6.5rem!important}
 .wr-fit-addon.is-single-watch .wr-fit-addon-results{grid-template-columns:1fr}.wr-fit-addon-score{font-size:1.4rem}
 .wr-modal-tools{grid-template-columns:1fr auto!important}.wr-modal-search{grid-column:1/-1}.wr-modal-sort{min-width:0!important;width:100%!important}.wr-modal-filter-toggle{white-space:nowrap}.wr-modal-filters{grid-template-columns:1fr 1fr!important}.wr-modal-summary{align-items:flex-start;gap:.5rem}.wr-modal-summary a{font-size:.8rem}
 .wr-modal-list button{min-height:70px!important;padding:.75rem!important}.wr-modal-list button strong{font-size:.92rem!important}.wr-modal-list button small{font-size:.75rem!important}
 .wr-pool-meta{display:grid!important;grid-template-columns:auto 1fr;gap:.55rem!important;align-items:center}.wr-pool-meta>label:first-child{display:flex!important}.wr-pool-meta .wr-page-size{display:block!important;min-width:4.2rem!important}.wr-pool-meta .wr-sort-label{min-width:0}.wr-pool-meta .wr-sort-label select{width:100%!important;min-width:0!important}.wr-result-count{grid-column:1/-1}.wr-view-controls,.wr-hide-no-image{display:none!important}
 .wr-grid{grid-auto-columns:minmax(205px,76vw)!important;grid-template-rows:repeat(2,minmax(0,auto))!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:thin!important}.wr-grid::-webkit-scrollbar{height:8px}.wr-grid::-webkit-scrollbar-thumb{background:var(--wr-accent);border-radius:999px}
 .wr-radar-body{padding:0 .7rem .8rem}.wr-radar>summary strong{font-size:1.25rem}.wr-radar-toolbar{display:grid}.wr-radar-actions{margin:0}.wr-radar-reset{width:100%}.wr-radar-help{font-size:.82rem;line-height:1.45}
 .wr-radar-more-grid{grid-template-columns:1fr}.wr-radar-chart.is-featured{padding:.35rem}.wr-radar-stage{padding-right:20px}.wr-radar-yhandles{right:-3px}.wr-radar-label{font-size:12px!important}.wr-radar-tick,.wr-radar-range{font-size:10px!important}.wr-radar-title{font-size:15px!important}.wr-radar-selection strong{font-size:1rem}.wr-radar-selection a{font-size:.8rem}
}

/* v0.2.9 mobile pool and reliable Watch Radar range controls */
.wr-range-track{position:relative;background:#e7e9ee;border-radius:999px;touch-action:none;user-select:none}
.wr-range-fill{position:absolute;background:var(--wr-accent);border-radius:999px;opacity:.9}
.wr-range-handle{position:absolute;width:20px;height:20px;padding:0;border:3px solid #fff;border-radius:50%;background:var(--wr-accent);box-shadow:0 1px 5px rgba(0,0,0,.25);transform:translate(-50%,-50%);cursor:grab;touch-action:none;z-index:3}
.wr-range-handle:active{cursor:grabbing;transform:translate(-50%,-50%) scale(1.08)}
.wr-radar-xrail{height:8px;margin:10px 34px 16px 48px}
.wr-radar-xrail .wr-range-fill{top:0;height:100%}
.wr-radar-xrail .wr-range-handle{top:50%}
.wr-radar-yrail{position:absolute;top:38px;right:5px;width:8px;height:225px}
.wr-radar-yrail .wr-range-fill{left:0;width:100%}
.wr-radar-yrail .wr-range-handle{left:50%;transform:translate(-50%,50%)}
.wr-radar-yrail .wr-range-handle:active{transform:translate(-50%,50%) scale(1.08)}
.wr-radar-xhandles,.wr-radar-yhandles{display:none!important}

@media(max-width:720px){
 .wr-pool,.wr-pool .wr-main{min-width:0!important;max-width:100%!important;overflow:visible!important}
 .wr-pool .wr-filterbox{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;overflow:hidden!important}
 .wr-pool .wr-filters{display:grid!important;grid-template-columns:1fr!important;width:100%!important;max-width:100%!important;min-width:0!important;gap:.7rem!important;padding:.75rem!important;box-sizing:border-box!important}
 .wr-pool .wr-filters>*{min-width:0!important;max-width:100%!important}
 .wr-pool .wr-filters input,.wr-pool .wr-filters select,.wr-pool .wr-filters button{display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important}
 .wr-pool .wr-pool-meta{display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;width:100%!important;max-width:100%!important;gap:.5rem!important;box-sizing:border-box!important}
 .wr-pool .wr-pool-meta label{min-width:0!important;max-width:100%!important}
 .wr-pool .wr-page-size{display:block!important;width:68px!important;min-width:68px!important}
 .wr-pool .wr-sort-label select{width:100%!important;min-width:0!important}
 .wr-pool .wr-result-count{grid-column:1/-1!important}
 .wr-pool .wr-grid{display:flex!important;flex-flow:row nowrap!important;gap:.7rem!important;width:100%!important;max-width:100%!important;overflow-x:auto!important;overflow-y:hidden!important;padding:.1rem .1rem .8rem!important;scroll-snap-type:x proximity!important;-webkit-overflow-scrolling:touch!important;overscroll-behavior-x:contain!important;touch-action:pan-x!important;box-sizing:border-box!important}
 .wr-pool .wr-grid>.wr-card{flex:0 0 min(82vw,320px)!important;width:min(82vw,320px)!important;min-width:min(82vw,320px)!important;scroll-snap-align:start!important;box-sizing:border-box!important}
 .wr-pool .wr-grid::-webkit-scrollbar{height:9px!important}.wr-pool .wr-grid::-webkit-scrollbar-track{background:#eceef2;border-radius:999px}.wr-pool .wr-grid::-webkit-scrollbar-thumb{background:var(--wr-accent);border-radius:999px}
 .wr-radar-stage{padding-right:30px!important}.wr-radar-yrail{right:6px;height:210px}.wr-radar-xrail{margin-left:42px;margin-right:30px}
 .wr-range-handle{width:24px;height:24px}
}

/* v0.3.0 clarity, fixed fit slots, mobile Radar and pool cue */
.wr-title-row{justify-content:flex-start!important;align-items:center!important}
.wr-title-row .wr-clear-all{margin-left:.35rem!important}
.wr-fit-addon-results{grid-template-columns:repeat(4,minmax(0,1fr))!important;align-items:stretch}
.wr-fit-addon-card{position:relative;min-width:0}
.wr-fit-remove{position:absolute;top:.55rem;right:.55rem;width:30px;height:30px;padding:0;border:0;border-radius:50%;background:#f2f3f5;color:var(--wr-ink);font-size:1.2rem;line-height:1;cursor:pointer}
.wr-fit-remove:hover{background:#e6e8ec}
.wr-fit-addon-empty{display:flex;min-height:230px;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:var(--wr-muted);border-style:dashed;background:#fafbfc}
.wr-fit-addon-empty>span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#eef0f3;font-weight:800}
.wr-fit-addon-empty strong{margin:.55rem 0 .25rem;color:var(--wr-ink)}
.wr-fit-addon-empty small{max-width:13rem;line-height:1.4}
.wr-radar-selection{align-items:start}
.wr-radar-selection em{width:100%;color:var(--wr-muted);font-size:.75rem;font-style:normal;line-height:1.4}
.wr-radar-selection button{display:inline-flex;padding:.45rem .65rem;border:1px solid var(--wr-line);border-radius:999px;background:#fff;color:var(--wr-ink);font-size:.76rem;cursor:pointer}
.wr-radar-selection button:hover{border-color:var(--wr-accent);color:var(--wr-accent)}
.wr-radar-selection button b{margin-right:.28rem}
.wr-pool-scroll-cue{display:none}
@media(max-width:900px){
 .wr-fit-addon-results{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:720px){
 .wr-title-row{display:grid!important;grid-template-columns:1fr!important;gap:.55rem!important}
 .wr-title-row .wr-clear-all{margin-left:0!important;justify-self:start}
 .wr-fit-addon-results{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:.55rem!important}
 .wr-fit-addon-card{padding:.72rem!important}.wr-fit-addon-card>strong{padding-right:1.8rem;font-size:.88rem!important}.wr-fit-addon-card dl{font-size:.78rem}.wr-fit-addon-score{font-size:1.25rem!important}
 .wr-fit-addon-empty{min-height:170px}
 .wr-radar-chart.is-featured{margin-left:-.35rem!important;margin-right:-.35rem!important;padding:.25rem!important;border-radius:10px!important}
 .wr-radar-stage{padding-right:22px!important}
 .wr-radar-stage svg{min-height:300px}
 .wr-radar-title{font-size:17px!important}.wr-radar-axis{font-size:12px!important}.wr-radar-tick,.wr-radar-range{font-size:11px!important}
 .wr-radar-label{font-size:13px!important;stroke-width:4px!important}
 .wr-radar-xrail{height:12px!important;margin:12px 29px 18px 46px!important}
 .wr-radar-yrail{width:12px!important;right:1px!important;top:42px!important;height:218px!important}
 .wr-range-handle{width:28px!important;height:28px!important}
 .wr-radar-selection{padding:.75rem!important;gap:.7rem!important}.wr-radar-selection strong{font-size:1rem!important}.wr-radar-selection button{font-size:.82rem!important;padding:.5rem .65rem!important}
 .wr-pool{position:relative}
 .wr-pool-scroll-cue{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;margin:.2rem 0 .75rem;padding:.65rem .8rem;border:1px solid var(--wr-line);border-radius:999px;background:#fff;color:var(--wr-accent);font-weight:800;cursor:pointer}
 .wr-pool-scroll-cue b{font-size:1.15rem}
 .wr-pool-scroll-cue[hidden]{display:none!important}
}
@media(max-width:430px){
 .wr-fit-addon-results{grid-template-columns:1fr 1fr!important}
 .wr-fit-addon-card{font-size:.82rem}.wr-fit-addon-card dl{grid-template-columns:1fr auto;gap:.25rem .4rem}
}

/* v0.3.1 mobile compactness, readable Radar and clean sources */
.wr-fit-addon-empty{min-height:230px!important;background:#fafbfc!important}
.wr-fit-addon-empty>*{display:none!important}
.wr-single,.wr-story-grid,.wr-single-section,.wr-pros-cons,.wr-pros,.wr-cons,.wr-sources{min-width:0!important;max-width:100%!important;box-sizing:border-box!important}
.wr-single-section,.wr-single-section *{overflow-wrap:anywhere;word-break:normal}
.wr-sources{padding:0!important;overflow:hidden!important}
.wr-sources>summary{display:block;padding:1rem 1.2rem;cursor:pointer;font-weight:800;color:var(--wr-accent);list-style:none}
.wr-sources>summary::-webkit-details-marker{display:none}
.wr-sources>summary:after{content:' ▾';font-size:.8em}
.wr-sources:not([open])>summary:after{content:' ▸'}
.wr-sources-body{padding:0 1.2rem 1.1rem!important;min-width:0}
.wr-sources ul{margin:.6rem 0;padding-left:1.15rem}
.wr-sources a{display:inline!important;color:var(--wr-accent)!important;text-decoration:underline!important;text-underline-offset:2px}
.wr-source-verified{font-size:.85rem;color:var(--wr-muted)}
@media(max-width:720px){
 .wr-fit-addon-empty{min-height:145px!important}
 .wr-radar-chart.is-featured,.wr-radar-more-grid .wr-radar-chart{overflow:hidden!important}
 .wr-radar-stage{overflow-x:auto!important;overflow-y:hidden!important;padding-right:18px!important;-webkit-overflow-scrolling:touch!important}
 .wr-radar-stage svg{width:560px!important;min-width:560px!important;height:auto!important;min-height:0!important}
 .wr-radar-xrail{height:7px!important;margin:8px 25px 12px 42px!important}
 .wr-radar-yrail{width:7px!important;right:2px!important;top:39px!important;height:205px!important}
 .wr-range-handle{width:20px!important;height:20px!important;border-width:2px!important}
 .wr-radar-label{font-size:12px!important;stroke-width:3px!important}
 .wr-radar-title{font-size:15px!important}.wr-radar-axis{font-size:11px!important}.wr-radar-tick,.wr-radar-range{font-size:10px!important}
 .wr-story-grid{grid-template-columns:1fr!important;width:100%!important}
 .wr-pros-cons{grid-template-columns:1fr!important;width:100%!important}
 .wr-single-section{padding:1rem!important;margin-inline:0!important}
 .wr-sources-body{padding:0 1rem 1rem!important}
}


/* v0.3.2 polished Watch Radar, aligned actions and 4/8/12/16/20 pool sizes */
.wr-title-row{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:.75rem!important;
  flex-wrap:wrap!important;
}
.wr-title-row .wr-title{margin:0!important;line-height:1.05!important}
.wr-title-row .wr-clear-all{
  margin:0!important;
  align-self:center!important;
  padding:.5rem .8rem!important;
  border:1px solid var(--wr-line)!important;
  border-radius:999px!important;
  background:#fff!important;
  color:var(--wr-muted)!important;
  font-size:.82rem!important;
  font-weight:750!important;
  line-height:1!important;
  white-space:nowrap!important;
}
.wr-title-row .wr-clear-all:hover{border-color:var(--wr-accent)!important;color:var(--wr-accent)!important}
.wr-radar-selection{display:none!important}
.wr-radar{
  border:1px solid var(--wr-line)!important;
  border-radius:18px!important;
  background:#fff!important;
  overflow:hidden!important;
  box-shadow:0 10px 28px rgba(29,36,48,.05)!important;
}
.wr-radar>summary{
  padding:1rem 1.15rem!important;
  background:linear-gradient(180deg,#fff,#fbfbfc)!important;
  border-bottom:1px solid transparent!important;
}
.wr-radar[open]>summary{border-bottom-color:var(--wr-line)!important}
.wr-radar-body{padding:1rem 1.15rem 1.2rem!important}
.wr-radar-toolbar{gap:.8rem!important;margin-bottom:.4rem!important}
.wr-radar-toolbar label{font-size:.86rem!important}
.wr-radar-toolbar select{min-height:40px!important;border-radius:10px!important}
.wr-radar-reset{padding:.55rem .75rem!important;border-radius:10px!important;font-size:.82rem!important}
.wr-radar-help{margin:.15rem 0 .9rem!important;font-size:.82rem!important;color:var(--wr-muted)!important}
.wr-radar-chart{
  border:1px solid var(--wr-line)!important;
  border-radius:16px!important;
  background:#fff!important;
  padding:.65rem!important;
  overflow:hidden!important;
}
.wr-radar-chart.is-featured{
  border-color:color-mix(in srgb,var(--wr-accent) 35%,var(--wr-line))!important;
  box-shadow:0 8px 22px rgba(38,45,60,.06)!important;
}
.wr-radar-stage{
  position:relative!important;
  width:100%!important;
  max-width:100%!important;
  padding:0!important;
  overflow:visible!important;
}
.wr-radar-stage svg{display:block!important;width:100%!important;height:auto!important;min-width:0!important}
.wr-range-track{
  position:absolute!important;
  z-index:4!important;
  border-radius:999px!important;
  background:#e8eaee!important;
  box-shadow:inset 0 0 0 1px rgba(70,78,92,.08)!important;
  touch-action:none!important;
}
.wr-range-fill{position:absolute!important;border-radius:999px!important;background:color-mix(in srgb,var(--wr-accent) 78%,#fff)!important}
.wr-radar-yrail{
  left:27px!important;
  right:auto!important;
  top:46px!important;
  bottom:auto!important;
  width:5px!important;
  height:218px!important;
}
.wr-radar-yrail .wr-range-fill{left:0!important;width:100%!important}
.wr-radar-xrail{
  left:53px!important;
  right:27px!important;
  bottom:34px!important;
  top:auto!important;
  width:auto!important;
  height:5px!important;
  margin:0!important;
}
.wr-radar-xrail .wr-range-fill{top:0!important;height:100%!important}
.wr-range-handle{
  position:absolute!important;
  width:16px!important;
  height:16px!important;
  border:2px solid #fff!important;
  border-radius:50%!important;
  background:var(--wr-accent)!important;
  box-shadow:0 1px 4px rgba(0,0,0,.25)!important;
  transform:translate(-50%,-50%)!important;
  cursor:grab!important;
}
.wr-radar-yrail .wr-range-handle{left:50%!important;transform:translate(-50%,50%)!important}
.wr-radar-xrail .wr-range-handle{top:50%!important}
.wr-range-handle:active{cursor:grabbing!important;box-shadow:0 0 0 5px color-mix(in srgb,var(--wr-accent) 18%,transparent)!important}
.wr-radar-title{font-size:15px!important}
.wr-radar-axis{font-size:11px!important}
.wr-radar-label{font-size:11px!important;font-weight:700!important;paint-order:stroke!important;stroke:#fff!important;stroke-width:3px!important}
.wr-radar-more{margin-top:.9rem!important}
.wr-radar-more>summary{padding:.75rem .85rem!important;border:1px solid var(--wr-line)!important;border-radius:11px!important;background:#fafbfc!important;font-weight:750!important}
.wr-radar-more-grid{margin-top:.8rem!important}
.wr-pool-meta .wr-page-size{min-width:4.6rem!important}

@media(max-width:720px){
  .wr-title-row{gap:.5rem!important;align-items:center!important}
  .wr-title-row .wr-title{font-size:clamp(2rem,10vw,3.1rem)!important;max-width:100%!important}
  .wr-title-row .wr-clear-all{font-size:.74rem!important;padding:.42rem .62rem!important}
  .wr-radar-body{padding:.7rem!important}
  .wr-radar-toolbar{display:grid!important;grid-template-columns:1fr auto!important;align-items:end!important}
  .wr-radar-toolbar label{min-width:0!important}
  .wr-radar-toolbar select{width:100%!important;min-width:0!important}
  .wr-radar-chart{padding:.35rem!important;border-radius:12px!important;overflow:hidden!important}
  .wr-radar-stage{overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch!important;padding:0!important}
  .wr-radar-stage svg{width:500px!important;min-width:500px!important;max-width:none!important}
  .wr-radar-yrail{left:27px!important;top:45px!important;height:219px!important;width:4px!important}
  .wr-radar-xrail{left:53px!important;right:27px!important;bottom:34px!important;height:4px!important}
  .wr-range-handle{width:15px!important;height:15px!important}
  .wr-radar-label{font-size:11px!important;stroke-width:3px!important}
  .wr-radar-help{font-size:.76rem!important;line-height:1.35!important}
}

/* v0.3.3 layout polish */
.wr-title-row{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:1rem!important;width:100%!important;padding-right:.25rem!important}
.wr-title-row .wr-title{margin:0!important;min-width:0}
.wr-clear-all{margin-left:auto!important;flex:0 0 auto!important}
.wr-neighbours{display:none!important}

/* Cleaner radar frame: controls sit beside axes, not outside the card. */
.wr-radar-chart.is-featured{max-width:980px!important;padding:.55rem .7rem .25rem!important}
.wr-radar-stage{position:relative!important;padding:0 0 34px 34px!important;overflow:visible!important}
.wr-radar-stage svg{display:block!important;width:100%!important;min-height:360px!important}
.wr-radar-yrail{left:4px!important;right:auto!important;top:48px!important;width:5px!important;height:220px!important;border-radius:999px!important}
.wr-radar-xrail{position:absolute!important;left:72px!important;right:30px!important;bottom:29px!important;height:5px!important;margin:0!important;border-radius:999px!important}
.wr-range-track{background:#e8e1e3!important;box-shadow:none!important}
.wr-range-fill{background:var(--wr-accent)!important;opacity:.78!important}
.wr-range-handle{width:14px!important;height:14px!important;border:2px solid #fff!important;box-shadow:0 1px 4px rgba(23,32,51,.22)!important}
.wr-radar-yrail .wr-range-handle{left:50%!important}
.wr-radar-xrail .wr-range-handle{top:50%!important}
.wr-radar-range{font-size:9px!important}
.wr-radar-label{font-size:10px!important}

@media(max-width:780px){
 .wr-title-row{align-items:flex-start!important}
 .wr-title-row .wr-title{font-size:2rem!important;line-height:1.05!important}
 .wr-clear-all{font-size:.72rem!important;padding:.45rem .65rem!important;max-width:42%!important;white-space:normal!important;text-align:center!important}
 .wr-radar-chart.is-featured{padding:.25rem!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}
 .wr-radar-stage{min-width:650px!important;padding-left:30px!important;padding-bottom:31px!important}
 .wr-radar-stage svg{min-height:390px!important}
 .wr-radar-yrail{left:2px!important;top:55px!important;height:245px!important}
 .wr-radar-xrail{left:70px!important;right:28px!important;bottom:28px!important}
 .wr-range-handle{width:16px!important;height:16px!important}
}

/* v0.3.4 responsive pool rows and calmer Watch Radar */
.wr-radar-chart{background:linear-gradient(180deg,#fff 0%,#fbfcfd 100%)!important;border:1px solid #e5e8ed!important;box-shadow:none!important}
.wr-radar-chart.is-featured{max-width:1050px!important}
.wr-radar-stage{padding:0 20px 32px 42px!important}
.wr-radar-stage svg{min-height:390px!important}
.wr-range-track{background:#e4e7eb!important;box-shadow:inset 0 0 0 1px #d4d8de!important;cursor:pointer!important}
.wr-range-fill{background:color-mix(in srgb,var(--wr-accent) 55%,#fff)!important;cursor:grab!important}
.wr-range-fill:active{cursor:grabbing!important}
.wr-range-handle{width:14px!important;height:14px!important;border:2px solid #fff!important;box-shadow:0 1px 4px rgba(0,0,0,.24)!important;background:var(--wr-accent)!important}
.wr-radar-yrail{left:11px!important;width:4px!important}
.wr-radar-xrail{left:88px!important;right:34px!important;height:4px!important}
.wr-radar-focus{font-size:10px;fill:var(--wr-muted);font-weight:700}
.wr-radar-label{font-size:11px!important;font-weight:800!important}
.wr-radar-dot.is-compared{stroke:var(--wr-accent)!important;stroke-width:3px!important;fill:#fff!important}
.wr-radar-dot.is-active{fill:var(--wr-accent)!important;stroke:#1e2530!important;stroke-width:3px!important}
@media(max-width:700px){
 .wr-radar-body{padding:.6rem!important}
 .wr-radar-toolbar{grid-template-columns:1fr!important}
 .wr-radar-actions{justify-self:start!important}
 .wr-radar-chart.is-featured{overflow:hidden!important;margin:0!important}
 .wr-radar-stage{min-width:620px!important;padding:0 18px 32px 42px!important;overflow:visible!important}
 .wr-radar-stage svg{min-height:405px!important}
 .wr-radar-yrail{left:10px!important;top:55px!important;height:260px!important}
 .wr-radar-xrail{left:90px!important;right:30px!important;bottom:28px!important}
 .wr-radar-label{font-size:12px!important}
 .wr-radar-focus{font-size:11px!important}
}

/* v0.3.5 radar clarity and stable pool rows */
.wr-radar-stage{position:relative!important;padding:0!important;overflow:visible!important}
.wr-radar-chart{padding:.65rem .8rem .8rem!important;border:1px solid var(--wr-line)!important;border-radius:16px!important;background:#fff!important;box-shadow:none!important}
.wr-radar-stage svg{width:100%!important;min-width:0!important}
.wr-radar-yrail{position:absolute!important;left:37px!important;right:auto!important;top:37px!important;height:214px!important;width:3px!important;z-index:5!important;background:rgba(105,47,53,.16)!important}
.wr-radar-xrail{position:absolute!important;left:47px!important;right:18px!important;bottom:35px!important;height:3px!important;margin:0!important;z-index:5!important;background:rgba(105,47,53,.16)!important}
.wr-range-fill{background:var(--wr-accent)!important;opacity:.55!important}
.wr-range-handle{width:13px!important;height:13px!important;border:2px solid #fff!important;box-shadow:0 1px 3px rgba(0,0,0,.2)!important}
.wr-radar-label{font-size:11px!important;font-weight:800!important;paint-order:stroke!important;stroke:#fff!important;stroke-width:4px!important;stroke-linejoin:round!important}
.wr-radar-focus{font-size:11px!important;font-weight:800!important;fill:var(--wr-muted)!important}
.wr-pool .wr-grid{grid-template-columns:repeat(auto-fit,minmax(235px,1fr))!important}
@media(max-width:700px){
 .wr-radar-chart{padding:.35rem!important;border-radius:12px!important}
 .wr-radar-stage{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}
 .wr-radar-stage svg{width:520px!important;min-width:520px!important}
 .wr-radar-yrail{left:34px!important;top:36px!important;height:214px!important}
 .wr-radar-xrail{left:44px!important;right:auto!important;width:445px!important;bottom:35px!important}
 .wr-range-handle{width:15px!important;height:15px!important}
 .wr-radar-label{font-size:12px!important}
}

/* v0.3.7 Watch Radar distribution view and reliable source links */
.wr-radar-body{padding:1rem!important}
.wr-radar-toolbar{display:flex!important;align-items:end!important;justify-content:space-between!important;gap:1rem!important}
.wr-radar-reset{border:1px solid var(--wr-line)!important;background:#fff!important;color:var(--wr-accent)!important;border-radius:999px!important;padding:.55rem .85rem!important;font-weight:750!important}
.wr-radar-help{max-width:760px!important;margin:.35rem 0 .9rem!important;color:var(--wr-muted)!important}
.wr-radar-chart{padding:.75rem!important;border:1px solid var(--wr-line)!important;border-radius:16px!important;background:#fff!important;overflow:hidden!important}
.wr-radar-stage{position:relative!important;padding:0 0 32px!important;overflow:hidden!important}
.wr-radar-stage svg{display:block!important;width:100%!important;min-width:0!important;min-height:0!important;height:auto!important}
.wr-radar-focusbar{position:absolute!important;left:9.7%!important;right:4.6%!important;bottom:8px!important;height:20px!important}
.wr-radar-focusbar:before{content:"";position:absolute;left:0;right:0;top:9px;height:3px;border-radius:99px;background:#e4e7eb}
.wr-radar-focusfill{position:absolute;top:9px;height:3px;border-radius:99px;background:var(--wr-accent);opacity:.62;pointer-events:none}
.wr-radar-focusbar input[type=range]{position:absolute!important;inset:0!important;width:100%!important;height:20px!important;margin:0!important;background:transparent!important;pointer-events:none!important;appearance:none!important;-webkit-appearance:none!important}
.wr-radar-focusbar input[type=range]::-webkit-slider-runnable-track{height:3px;background:transparent}
.wr-radar-focusbar input[type=range]::-moz-range-track{height:3px;background:transparent}
.wr-radar-focusbar input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:16px;height:16px;margin-top:-6.5px;border-radius:50%;border:2px solid #fff;background:var(--wr-accent);box-shadow:0 1px 4px rgba(0,0,0,.24);pointer-events:auto;cursor:grab}
.wr-radar-focusbar input[type=range]::-moz-range-thumb{width:14px;height:14px;border-radius:50%;border:2px solid #fff;background:var(--wr-accent);box-shadow:0 1px 4px rgba(0,0,0,.24);pointer-events:auto;cursor:grab}
.wr-radar-gridline{stroke:#e5e8ed!important;stroke-width:1!important}
.wr-radar-dot{fill:#9ba5b2!important;opacity:.58!important}
.wr-radar-dot.is-neighbour{opacity:.84!important}
.wr-radar-dot.is-compared{fill:#fff!important;stroke:var(--wr-accent)!important;stroke-width:3!important;opacity:1!important}
.wr-radar-dot.is-active{fill:var(--wr-accent)!important;stroke:#202733!important;stroke-width:3!important;opacity:1!important}
.wr-radar-title{font-size:17px!important;font-weight:800!important}
.wr-radar-focus{font-size:12px!important;font-weight:750!important;fill:var(--wr-muted)!important}
.wr-radar-label{font-size:12px!important;font-weight:800!important;paint-order:stroke!important;stroke:#fff!important;stroke-width:4px!important}
.wr-radar-axis{font-size:11px!important}.wr-radar-tick{font-size:10px!important}
.wr-sources a{overflow-wrap:anywhere!important;word-break:break-word!important}
@media(max-width:700px){
 .wr-radar-body{padding:.65rem!important}
 .wr-radar-toolbar{display:grid!important;grid-template-columns:1fr auto!important;gap:.55rem!important}
 .wr-radar-toolbar select{width:100%!important;min-width:0!important}
 .wr-radar-chart{padding:.35rem!important;border-radius:12px!important}
 .wr-radar-stage{overflow:hidden!important;padding-bottom:28px!important}
 .wr-radar-stage svg{width:100%!important;min-width:0!important}
 .wr-radar-focusbar{left:10%!important;right:5%!important;bottom:5px!important}
 .wr-radar-title{font-size:15px!important}.wr-radar-focus{font-size:10px!important}.wr-radar-label{font-size:11px!important}
}

/* v0.3.8 Concept A — clean, responsive single Watch Radar */
.wr-radar-a .wr-radar-body{padding:1rem!important}
.wr-radar-a .wr-radar-toolbar{display:grid!important;grid-template-columns:minmax(180px,260px) minmax(180px,260px) auto!important;align-items:end!important;justify-content:start!important;gap:.75rem!important;margin-bottom:1rem!important}
.wr-radar-a .wr-radar-toolbar label{display:grid!important;gap:.3rem!important;font-size:.74rem!important;font-weight:800!important;text-transform:uppercase!important;letter-spacing:.04em!important;color:var(--wr-muted)!important}
.wr-radar-a .wr-radar-toolbar select{width:100%!important;min-width:0!important;min-height:42px!important;border:1px solid var(--wr-line)!important;border-radius:10px!important;background:#fff!important;color:var(--wr-text)!important;text-transform:none!important;letter-spacing:normal!important;font-weight:700!important}
.wr-radar-a .wr-radar-reset{height:42px!important;border-radius:10px!important;white-space:nowrap!important}
.wr-radar-layout{display:grid!important;grid-template-columns:190px minmax(0,1fr)!important;gap:1rem!important;align-items:stretch!important}
.wr-radar-controls{border:1px solid var(--wr-line)!important;border-radius:14px!important;background:#fff!important;padding:1rem!important;display:grid!important;align-content:start!important;gap:1.25rem!important}
.wr-axis-control{display:grid!important;gap:.65rem!important}
.wr-axis-head{display:grid!important;gap:.15rem!important}
.wr-axis-head strong{font-size:.76rem!important;text-transform:uppercase!important;letter-spacing:.045em!important;color:var(--wr-accent)!important}
.wr-axis-head span{font-size:.82rem!important;font-weight:700!important;color:var(--wr-text)!important}
.wr-dual-range{position:relative!important;height:24px!important}
.wr-dual-track,.wr-dual-fill{position:absolute!important;left:0;right:0;top:10px;height:4px;border-radius:999px!important}
.wr-dual-track{background:#e5e8ec!important}.wr-dual-fill{right:auto!important;background:var(--wr-accent)!important;opacity:.72!important}
.wr-dual-range input[type=range]{position:absolute!important;inset:0!important;width:100%!important;height:24px!important;margin:0!important;background:transparent!important;appearance:none!important;-webkit-appearance:none!important;pointer-events:none!important}
.wr-dual-range input[type=range]::-webkit-slider-runnable-track{height:4px;background:transparent}.wr-dual-range input[type=range]::-moz-range-track{height:4px;background:transparent}
.wr-dual-range input[type=range]::-webkit-slider-thumb{appearance:none!important;-webkit-appearance:none!important;width:16px!important;height:16px!important;margin-top:-6px!important;border-radius:50%!important;border:2px solid #fff!important;background:var(--wr-accent)!important;box-shadow:0 1px 4px rgba(0,0,0,.25)!important;pointer-events:auto!important;cursor:grab!important}
.wr-dual-range input[type=range]::-moz-range-thumb{width:14px!important;height:14px!important;border-radius:50%!important;border:2px solid #fff!important;background:var(--wr-accent)!important;box-shadow:0 1px 4px rgba(0,0,0,.25)!important;pointer-events:auto!important;cursor:grab!important}
.wr-axis-values{display:flex!important;justify-content:space-between!important;gap:.5rem!important}.wr-axis-values output{min-width:54px!important;padding:.3rem .45rem!important;border:1px solid var(--wr-line)!important;border-radius:8px!important;text-align:center!important;font-size:.76rem!important;font-weight:750!important;background:#fafbfc!important}
.wr-radar-note{margin:0!important;padding:.75rem!important;border-radius:10px!important;background:#fbf4f1!important;color:var(--wr-muted)!important;font-size:.74rem!important;line-height:1.4!important}
.wr-radar-a .wr-radar-chart{min-width:0!important;padding:.8rem!important;border-radius:14px!important}
.wr-radar-chart-head{display:flex!important;justify-content:space-between!important;align-items:flex-start!important;gap:1rem!important;padding:.15rem .2rem .45rem!important}
.wr-radar-chart-head>div:first-child{display:grid!important;gap:.15rem!important}.wr-radar-chart-head strong{font-size:1rem!important}.wr-radar-chart-head small{font-size:.74rem!important;color:var(--wr-muted)!important}
.wr-radar-legend{display:flex!important;flex-wrap:wrap!important;justify-content:flex-end!important;gap:.7rem!important;font-size:.7rem!important;color:var(--wr-muted)!important}
.wr-radar-legend span{display:flex!important;align-items:center!important;gap:.35rem!important}.wr-radar-legend span:before{content:"";width:9px;height:9px;border-radius:50%;background:#aab2bd;opacity:.6}.wr-radar-legend .is-selected:before{background:var(--wr-accent);opacity:1;border:2px solid #202733;box-sizing:border-box}.wr-radar-legend .is-compared:before{background:#fff;opacity:1;border:2px solid var(--wr-accent);box-sizing:border-box}
.wr-radar-a .wr-radar-stage{position:relative!important;overflow:hidden!important;padding:0!important;min-width:0!important}
.wr-radar-a .wr-radar-stage svg{display:block!important;width:100%!important;height:auto!important;min-width:0!important;max-width:100%!important}
.wr-radar-readout{position:absolute!important;right:1rem!important;top:1rem!important;max-width:240px!important;display:grid!important;gap:.22rem!important;padding:.7rem .8rem!important;border:1px solid var(--wr-line)!important;border-radius:10px!important;background:rgba(255,255,255,.96)!important;box-shadow:0 5px 18px rgba(20,28,40,.12)!important;font-size:.72rem!important;pointer-events:none!important}
.wr-radar-readout[hidden]{display:none!important}.wr-radar-readout strong{font-size:.8rem!important;line-height:1.25!important}.wr-radar-readout span{color:var(--wr-muted)!important}
.wr-radar-a .wr-radar-dot{fill:#a7afb9!important;opacity:.5!important;transition:r .12s ease,opacity .12s ease!important}.wr-radar-a .wr-radar-dot:hover{opacity:.9!important}.wr-radar-a .wr-radar-dot.is-compared{fill:#fff!important;stroke:var(--wr-accent)!important;stroke-width:2.5!important;opacity:1!important}.wr-radar-a .wr-radar-dot.is-active{fill:var(--wr-accent)!important;stroke:#202733!important;stroke-width:3!important;opacity:1!important}
.wr-radar-a .wr-radar-gridline{stroke:#e7e9ed!important}.wr-radar-a .wr-radar-axis{font-size:12px!important;font-weight:750!important}.wr-radar-a .wr-radar-tick{font-size:10px!important;fill:var(--wr-muted)!important}
@media(max-width:820px){
 .wr-radar-a .wr-radar-body{padding:.65rem!important}
 .wr-radar-a .wr-radar-toolbar{grid-template-columns:1fr 1fr!important;gap:.55rem!important}.wr-radar-a .wr-radar-reset{grid-column:1/-1!important;width:100%!important}
 .wr-radar-layout{grid-template-columns:minmax(0,1fr)!important;grid-template-areas:"chart" "controls"!important;gap:.7rem!important}
 .wr-radar-controls{grid-area:controls!important;grid-template-columns:1fr 1fr!important;gap:.8rem!important;padding:.75rem!important}.wr-radar-note{grid-column:1/-1!important}
 .wr-radar-a .wr-radar-chart{grid-area:chart!important;padding:.35rem!important;border-radius:12px!important;overflow:hidden!important}
 .wr-radar-chart-head{display:grid!important;gap:.45rem!important}.wr-radar-legend{justify-content:flex-start!important}
 .wr-radar-a .wr-radar-stage{width:100%!important;overflow:hidden!important}.wr-radar-a .wr-radar-stage svg{width:100%!important;min-width:0!important}
 .wr-radar-readout{position:static!important;max-width:none!important;margin:.35rem!important;box-shadow:none!important;background:#fafbfc!important}
}
@media(max-width:520px){
 .wr-radar-a .wr-radar-toolbar{grid-template-columns:1fr!important}.wr-radar-a .wr-radar-reset{grid-column:auto!important}
 .wr-radar-controls{grid-template-columns:1fr!important}.wr-radar-note{grid-column:auto!important}
 .wr-radar-chart-head strong{font-size:.88rem!important}.wr-radar-chart-head small{font-size:.68rem!important}.wr-radar-legend{gap:.45rem!important;font-size:.64rem!important}
 .wr-radar-a .wr-radar-axis{font-size:10px!important}.wr-radar-a .wr-radar-tick{font-size:9px!important}
}


/* v0.3.9 reliability fixes: clear all, radar visibility, clearer selector names */
.wr-clear-all:disabled{opacity:.55!important;cursor:wait!important}
.wr-modal-list button .wr-modal-watch-name{display:grid!important;gap:.18rem!important;text-align:left!important;width:100%!important}
.wr-modal-list .wr-modal-brand{font-size:.7rem!important;line-height:1.15!important;text-transform:uppercase!important;letter-spacing:.075em!important;font-weight:850!important;color:var(--wr-accent)!important}
.wr-modal-list .wr-modal-model{font-size:1rem!important;line-height:1.25!important;font-weight:800!important;color:var(--wr-text)!important}
.wr-modal-list .wr-modal-meta{font-size:.76rem!important;line-height:1.3!important;color:var(--wr-muted)!important}
.wr-radar-a .wr-radar-stage{min-height:320px!important}
.wr-radar-a svg[data-radar-main]{min-height:320px!important}
.wr-radar-a .wr-radar-dot{pointer-events:all!important}
@media(max-width:520px){
 .wr-modal-list .wr-modal-model{font-size:.94rem!important}
 .wr-radar-a .wr-radar-stage,.wr-radar-a svg[data-radar-main]{min-height:260px!important}
}


/* v0.4.0 technical glossary links */
.wr-tech-info{display:inline-flex;align-items:center;justify-content:center;margin-left:.35rem;padding:.08rem .38rem;border:1px solid rgba(105,45,50,.22);border-radius:999px;color:#6b2d32;font-size:.68rem;font-weight:700;line-height:1.35;text-decoration:none;vertical-align:middle;white-space:nowrap}
.wr-tech-info:hover,.wr-tech-info:focus-visible{background:rgba(105,45,50,.07);text-decoration:none;outline:none;box-shadow:0 0 0 2px rgba(105,45,50,.12)}
@media(max-width:600px){.wr-tech-info{font-size:.64rem;padding:.06rem .3rem}}

/* v0.4.1 — functional radar controls, larger desktop canvas, readable mobile chart */
.wr-radar-a .wr-radar-body{padding:1rem 1.1rem 1.15rem!important}
.wr-radar-layout{grid-template-columns:165px minmax(0,1fr)!important;gap:.8rem!important}
.wr-radar-a .wr-radar-chart{width:100%!important;max-width:none!important;padding:.75rem .9rem .85rem!important}
.wr-radar-a .wr-radar-stage svg{width:100%!important;min-height:460px!important}
.wr-radar-controls{padding:.8rem!important;gap:1rem!important}
.wr-dual-range{height:32px!important;touch-action:pan-y!important}
.wr-dual-track,.wr-dual-fill{top:14px!important;height:5px!important}
.wr-dual-range input[type=range]{height:32px!important;touch-action:pan-y!important}
.wr-dual-range input[type=range]::-webkit-slider-thumb{width:22px!important;height:22px!important;margin-top:-8.5px!important}
.wr-dual-range input[type=range]::-moz-range-thumb{width:20px!important;height:20px!important}
.wr-axis-values input[type=number]{width:64px!important;min-width:0!important;padding:.38rem .35rem!important;border:1px solid var(--wr-line)!important;border-radius:8px!important;background:#fff!important;text-align:center!important;font-size:.82rem!important;font-weight:750!important;color:var(--wr-text)!important;pointer-events:auto!important}
.wr-axis-values input[type=number]:focus{outline:2px solid color-mix(in srgb,var(--wr-accent) 38%,transparent)!important;outline-offset:1px!important}
.wr-radar-a .wr-radar-axis{font-size:14px!important;font-weight:800!important}
.wr-radar-a .wr-radar-tick{font-size:12px!important}
.wr-radar-chart-head strong{font-size:1.12rem!important}
.wr-radar-chart-head small{font-size:.8rem!important}

@media(max-width:820px){
 .wr-radar-layout{grid-template-columns:1fr!important;grid-template-areas:"chart" "controls"!important}
 .wr-radar-a .wr-radar-chart{grid-area:chart!important;padding:.45rem!important}
 .wr-radar-a .wr-radar-stage{overflow:hidden!important}
 .wr-radar-a .wr-radar-stage svg{width:100%!important;min-width:0!important;min-height:430px!important}
 .wr-radar-controls{grid-area:controls!important;grid-template-columns:1fr 1fr!important;padding:.75rem!important}
 .wr-radar-note{grid-column:1/-1!important}
 .wr-radar-a .wr-radar-axis{font-size:15px!important}
 .wr-radar-a .wr-radar-tick{font-size:13px!important}
 .wr-radar-chart-head{display:grid!important;gap:.55rem!important}
 .wr-radar-legend{justify-content:flex-start!important;font-size:.78rem!important}
 .wr-radar-readout{position:relative!important;right:auto!important;top:auto!important;max-width:none!important;margin:.35rem .25rem 0!important;font-size:.82rem!important;pointer-events:none!important}
 .wr-radar-readout strong{font-size:.92rem!important}
}
@media(max-width:520px){
 .wr-radar-a .wr-radar-toolbar{grid-template-columns:1fr!important}
 .wr-radar-controls{grid-template-columns:1fr!important}
 .wr-radar-note{grid-column:auto!important}
 .wr-radar-a .wr-radar-stage svg{min-height:445px!important}
 .wr-radar-a .wr-radar-axis{font-size:16px!important}
 .wr-radar-a .wr-radar-tick{font-size:14px!important}
 .wr-axis-values input[type=number]{width:76px!important;font-size:.9rem!important}
 .wr-dual-range input[type=range]::-webkit-slider-thumb{width:26px!important;height:26px!important;margin-top:-10.5px!important}
 .wr-dual-range input[type=range]::-moz-range-thumb{width:24px!important;height:24px!important}
}


/* v0.4.2 — direct-value radar controls, automatic useful ranges, clearer alternatives */
.wr-radar-a .wr-radar-body{padding:1rem!important}
.wr-radar-layout{grid-template-columns:230px minmax(0,1fr)!important;gap:1rem!important}
.wr-radar-controls{padding:.85rem!important;gap:.8rem!important;align-content:start!important}
.wr-control-section{display:grid!important;gap:.55rem!important;padding-bottom:.8rem!important;border-bottom:1px solid var(--wr-line)!important}
.wr-axis-select{display:grid!important;gap:.28rem!important}.wr-axis-select>span{font-size:.72rem!important;font-weight:850!important;text-transform:uppercase!important;letter-spacing:.05em!important;color:var(--wr-muted)!important}
.wr-axis-select select{width:100%!important;min-height:42px!important;border:1px solid var(--wr-line)!important;border-radius:10px!important;background:#fff!important;font-weight:750!important}
.wr-axis-values{display:grid!important;grid-template-columns:1fr 1fr!important;gap:.5rem!important}
.wr-range-field{display:grid!important;gap:.22rem!important}.wr-range-field span{font-size:.68rem!important;color:var(--wr-muted)!important;font-weight:700!important}
.wr-range-field input{width:100%!important;min-width:0!important;min-height:42px!important;border:1px solid var(--wr-line)!important;border-radius:9px!important;padding:.45rem .55rem!important;font-weight:800!important;font-size:.92rem!important}
.wr-axis-reset,.wr-radar-reset{min-height:38px!important;border:1px solid var(--wr-line)!important;border-radius:9px!important;background:#fff!important;color:var(--wr-accent)!important;font-weight:800!important;padding:.45rem .65rem!important;cursor:pointer!important}
.wr-radar-reset{background:var(--wr-accent)!important;color:#fff!important}
.wr-radar-note{font-size:.74rem!important;line-height:1.45!important}
.wr-radar-a .wr-radar-chart{padding:.75rem .85rem .85rem!important;max-width:none!important;width:100%!important}
.wr-radar-a .wr-radar-stage svg{width:100%!important;min-height:540px!important}
.wr-radar-a .wr-radar-axis{font-size:15px!important}.wr-radar-a .wr-radar-tick{font-size:12px!important}
.wr-radar-readout strong{display:grid!important;gap:.1rem!important}.wr-radar-readout strong>span{font-size:.68rem!important;text-transform:uppercase!important;letter-spacing:.06em!important;color:var(--wr-accent)!important}
.wr-alt-name{display:grid!important;gap:.08rem!important;text-decoration:none!important}.wr-alt-brand{display:block!important;font-size:.72rem!important;line-height:1.15!important;text-transform:uppercase!important;letter-spacing:.08em!important;color:var(--wr-accent)!important;font-weight:850!important}.wr-alt-model{display:block!important;font-size:1.08em!important;line-height:1.18!important;color:var(--wr-text)!important;font-weight:820!important}
@media(max-width:900px){.wr-radar-layout{grid-template-columns:1fr!important;grid-template-areas:"chart" "controls"!important}.wr-radar-a .wr-radar-chart{grid-area:chart!important}.wr-radar-controls{grid-area:controls!important;grid-template-columns:1fr 1fr!important}.wr-radar-reset,.wr-radar-note{grid-column:1/-1!important}.wr-radar-a .wr-radar-stage svg{min-height:500px!important}}
@media(max-width:620px){.wr-radar-a .wr-radar-body{padding:.55rem!important}.wr-radar-controls{grid-template-columns:1fr!important;padding:.7rem!important}.wr-radar-reset,.wr-radar-note{grid-column:auto!important}.wr-radar-chart-head{display:grid!important}.wr-radar-legend{font-size:.74rem!important}.wr-radar-a .wr-radar-stage svg{min-height:520px!important}.wr-radar-a .wr-radar-axis{font-size:17px!important}.wr-radar-a .wr-radar-tick{font-size:14px!important}.wr-radar-readout{font-size:.86rem!important}.wr-radar-readout strong{font-size:.96rem!important}}

/* v0.4.3 — stable interactive controls and guaranteed visible radar points */
.wr-number-control{display:grid!important;grid-template-columns:34px minmax(0,1fr) 34px!important;align-items:stretch!important;gap:4px!important}
.wr-number-control input{min-height:42px!important;text-align:center!important;pointer-events:auto!important;position:relative!important;z-index:3!important}
.wr-number-step{min-width:34px!important;min-height:42px!important;border:1px solid var(--wr-line)!important;border-radius:8px!important;background:#fff!important;color:var(--wr-accent)!important;font-size:1.15rem!important;font-weight:850!important;cursor:pointer!important;pointer-events:auto!important;position:relative!important;z-index:3!important}
.wr-number-step:hover,.wr-number-step:focus-visible{border-color:var(--wr-accent)!important;background:rgba(105,45,50,.06)!important}
.wr-radar-controls select,.wr-radar-controls button,.wr-radar-controls input{pointer-events:auto!important;touch-action:manipulation!important;position:relative!important;z-index:3!important}
.wr-radar-empty{fill:var(--wr-muted);font-size:18px;font-weight:700}
@media(max-width:620px){.wr-number-control{grid-template-columns:42px minmax(0,1fr) 42px!important}.wr-number-step{min-width:42px!important;min-height:46px!important}.wr-number-control input{min-height:46px!important;font-size:1rem!important}}

/* v0.4.4 Radar numeric controls */
.wr-axis-values{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:.65rem!important}
.wr-range-field{min-width:0!important}
.wr-range-field .wr-range-number{display:block!important;width:100%!important;box-sizing:border-box!important;min-width:0!important;min-height:44px!important;padding:.5rem .65rem!important;border:1px solid var(--wr-line)!important;border-radius:9px!important;background:#fff!important;color:var(--wr-text)!important;font-size:1rem!important;font-weight:800!important;text-align:left!important;pointer-events:auto!important;opacity:1!important}
.wr-range-field .wr-range-number:focus{outline:2px solid color-mix(in srgb,var(--wr-accent) 38%,transparent)!important;outline-offset:1px!important}
.wr-number-control,.wr-number-step{display:none!important}
@media(max-width:620px){.wr-range-field .wr-range-number{min-height:48px!important;font-size:1.05rem!important}.wr-radar-tick{font-size:16px!important}.wr-radar-axis{font-size:18px!important;font-weight:800!important}}


/* v0.4.5 — linear price position, calm validation, tighter mobile plot */
.wr-range-field .wr-range-number::-webkit-inner-spin-button,
.wr-range-field .wr-range-number::-webkit-outer-spin-button{
  opacity:.72!important;
  transform:scale(1.16)!important;
  transform-origin:center right!important;
  margin-right:2px!important;
  cursor:pointer!important;
}
.wr-range-field .wr-range-number:hover::-webkit-inner-spin-button,
.wr-range-field .wr-range-number:focus::-webkit-inner-spin-button{opacity:1!important}
@media(max-width:620px){
  .wr-radar-a .wr-radar-stage svg{min-height:0!important;height:auto!important;aspect-ratio:520/470!important}
  .wr-radar-a .wr-radar-stage{min-height:0!important;padding-top:0!important;padding-bottom:0!important}
  .wr-radar-a .wr-radar-chart{padding-top:.35rem!important;padding-bottom:.35rem!important}
  .wr-radar-chart-head{margin-bottom:.2rem!important}
}

.wr-radar-scale-mode{font-size:12px;fill:#7a6870;font-weight:600}
@media(max-width:680px){.wr-radar-scale-mode{font-size:14px}.wr-radar-stage{min-height:0}.wr-radar-stage svg{display:block}}

/* v0.4.8 — aligned fit cards, clearer tone, mobile remove control */
.wr-fit-addon-results{align-items:stretch!important}
.wr-fit-addon-card{
  display:grid!important;
  grid-template-rows:minmax(4.8rem,auto) minmax(7.2rem,auto) auto!important;
  align-content:start!important;
  padding:1rem!important;
  background:linear-gradient(180deg,#fff 0%,#fff 78%,#fcf8f6 100%)!important;
  border-color:#e6dadd!important;
  box-shadow:0 8px 22px rgba(101,49,57,.045)!important;
}
.wr-fit-addon-name{min-width:0;padding-right:2rem}
.wr-fit-addon-name .wr-card-brand{margin-bottom:.26rem!important;color:#74646a!important}
.wr-fit-addon-name>strong{display:block;font-size:1rem;line-height:1.22;color:var(--wr-ink);overflow-wrap:anywhere}
.wr-fit-addon-rating{display:grid;grid-template-rows:auto minmax(1.55rem,auto) 12px;align-content:start;gap:.34rem;padding-top:.34rem}
.wr-fit-addon-score{margin:0!important;font-size:1.72rem!important;line-height:1.05;color:var(--wr-accent)!important;font-weight:850!important}
.wr-fit-addon-label{margin:0!important;min-height:1.55rem;display:flex;align-items:center;color:#25212a;font-weight:750!important}
.wr-fit-addon-meter{height:12px!important;background:#eee7e8!important;border:1px solid #e4d6d9!important;box-shadow:inset 0 1px 2px rgba(48,26,31,.05)}
.wr-fit-addon-meter span{background:linear-gradient(90deg,#8f5962 0%,#653139 100%)!important;opacity:1!important}
.wr-fit-addon-card dl{align-self:start;margin:.88rem 0 0!important;padding-top:.72rem;border-top:1px solid #eee5e7;grid-template-columns:minmax(0,1fr) auto!important;gap:.42rem .75rem!important}
.wr-fit-addon-card dt{color:#34313a}
.wr-fit-addon-card dd{color:#1f2228;font-variant-numeric:tabular-nums}
.wr-fit-remove{top:.48rem!important;right:.48rem!important;z-index:4!important;background:#f6edef!important;color:var(--wr-accent)!important;border:1px solid #eadcdf!important}
.wr-fit-remove:hover{background:#eadcdf!important}
.wr-alt-brand{font-size:.69rem!important;letter-spacing:.095em!important;color:#7a4a53!important;font-weight:900!important}
.wr-alt-model{font-size:1.12rem!important;line-height:1.16!important;color:#121820!important;font-weight:820!important}

@media(max-width:760px){
  .wr-fit-addon-card{grid-template-rows:minmax(4.25rem,auto) minmax(6.65rem,auto) auto!important;padding:.78rem!important;padding-top:1rem!important}
  .wr-fit-addon-name{padding-right:2.15rem}
  .wr-fit-remove{top:.22rem!important;right:.28rem!important;width:32px!important;height:32px!important;font-size:1.22rem!important;box-shadow:0 2px 8px rgba(101,49,57,.10)!important}
  .wr-slot .wr-remove{top:2px!important;right:5px!important;z-index:5!important;width:32px;height:32px;padding:0;border-radius:50%;background:#f6edef!important;color:var(--wr-accent)!important;line-height:1!important}
  .wr-fit-addon-score{font-size:1.35rem!important}
  .wr-fit-addon-label{font-size:.88rem;min-height:1.35rem}
  .wr-fit-addon-meter{height:10px!important}
}
@media(max-width:430px){
  .wr-fit-addon-card{grid-template-rows:minmax(4.7rem,auto) minmax(6.5rem,auto) auto!important}
  .wr-fit-addon-name>strong{font-size:.88rem!important;line-height:1.18!important}
  .wr-fit-addon-name .wr-card-brand{font-size:.64rem!important}
  .wr-fit-addon-card dl{font-size:.78rem!important}
  .wr-alt-brand{font-size:.64rem!important}
  .wr-alt-model{font-size:1.02rem!important}
}


/* v0.4.9 — mobile remove button clearance */
.wr-fit-remove,
.wr-slot .wr-remove{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
.wr-fit-remove:hover,
.wr-slot .wr-remove:hover{
  background:rgba(101,49,57,.06)!important;
}
@media (max-width:700px){
  .wr-fit-addon-card{padding-top:1.22rem!important}
  .wr-fit-addon-name{padding-right:2.35rem!important}
  .wr-fit-remove{
    top:-.14rem!important;
    right:.16rem!important;
    width:31px!important;
    height:31px!important;
    border-radius:50%!important;
    background:transparent!important;
    color:var(--wr-accent)!important;
    font-size:1.28rem!important;
    line-height:1!important;
  }
  .wr-slot{position:relative!important;padding-top:1.12rem!important}
  .wr-slot h3,.wr-slot .wr-card-name{padding-right:2.1rem!important}
  .wr-slot .wr-remove{
    top:-.34rem!important;
    right:.10rem!important;
    width:31px!important;
    height:31px!important;
    border-radius:50%!important;
    background:transparent!important;
    color:var(--wr-accent)!important;
    font-size:1.28rem!important;
    line-height:1!important;
  }
}


/* v0.5.0 — watch-page return action, aligned pool detail rows, compact mobile dialogs */
.wr-back-compare{
  background:#fff!important;
  color:var(--wr-accent,#653139)!important;
  border-color:#d9c7cc!important;
}
.wr-back-compare:hover,
.wr-back-compare:focus-visible{
  background:#fbf6f4!important;
  text-decoration:none!important;
}

/* Keep model/category/detail rows on the same visual baseline in desktop watch cards. */
.wr-card .wr-pool-name{
  display:block!important;
  min-height:4.35rem!important;
  margin:.55rem 0 .25rem!important;
}
.wr-card .wr-watch-category{
  min-height:2rem!important;
  margin:.15rem 0 .45rem!important;
  align-content:center!important;
}
.wr-card .wr-watch-category a{
  white-space:nowrap!important;
}

@media (min-width:761px){
  .wr-grid .wr-card .wr-pool-name{min-height:4.55rem!important}
  .wr-grid .wr-card .wr-watch-category{min-height:2.05rem!important}
}

/* Mobile: the slot number and remove X live on the same top rail, clear of watch text. */
@media (max-width:700px){
  .wr-slot{padding-top:1.35rem!important}
  .wr-slot .wr-num{
    top:-.34rem!important;
    left:.10rem!important;
    width:31px!important;
    height:31px!important;
    z-index:5!important;
    background:transparent!important;
    color:var(--wr-accent,#653139)!important;
    border:0!important;
    font-size:.82rem!important;
    font-weight:900!important;
    line-height:1!important;
  }
  .wr-slot h3,.wr-slot .wr-card-name{padding-left:.15rem!important;padding-right:2.1rem!important}

  /* Preserve a visible page margin so selectors and alternatives still feel like dialogs. */
  .wr-modal{
    padding:22px 16px!important;
    align-items:center!important;
  }
  .wr-dialog,
  .wr-alt-dialog{
    width:calc(100vw - 32px)!important;
    max-width:calc(100vw - 32px)!important;
    max-height:calc(100dvh - 44px)!important;
    border-radius:22px!important;
    box-shadow:0 18px 55px rgba(20,24,32,.28)!important;
  }
}
@media (max-width:430px){
  .wr-modal{padding:18px 14px!important}
  .wr-dialog,.wr-alt-dialog{
    width:calc(100vw - 28px)!important;
    max-width:calc(100vw - 28px)!important;
    max-height:calc(100dvh - 36px)!important;
    border-radius:20px!important;
  }
  .wr-card .wr-pool-name{min-height:4.85rem!important}
  .wr-card .wr-watch-category{min-height:2.25rem!important}
}

/* v0.5.4 — interactive analytics on individual watch pages */
.wr-single-analytics{overflow:hidden}
.wr-single-analytics-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1.25rem;margin-bottom:1rem}
.wr-single-analytics-head h2{margin:.15rem 0 .35rem}
.wr-single-analytics-head p:not(.wr-eyebrow){max-width:780px;margin:0;color:var(--wr-muted);line-height:1.6}
.wr-single-analytics-compare{white-space:nowrap}
.wr-single-analytics-status{padding:1rem;border:1px solid var(--wr-line);border-radius:12px;background:#fafbfc;color:var(--wr-muted)}
.wr-single-analytics-status.is-error{border-color:#d9a9a9;color:#7c2f2f}
.wr-single-analytics .wr-radar{margin:0!important;border:0!important;box-shadow:none!important;background:transparent!important}
.wr-single-analytics .wr-radar>summary{display:none!important}
.wr-single-analytics .wr-radar-body{padding:0!important}
.wr-single-analytics .wr-radar-layout{margin-top:0!important}
.wr-single-analytics .wr-radar-chart.is-featured{max-width:none!important}
.wr-single-analytics .wr-radar-readout a{display:inline-flex;align-items:center;justify-content:center;margin-top:.2rem;padding:.42rem .65rem;border:1px solid var(--wr-line);border-radius:999px;background:#fff;color:var(--wr-accent);font-size:.78rem;font-weight:750;text-decoration:none}
.wr-single-analytics .wr-radar-readout a:hover{border-color:var(--wr-accent)}
.wr-radar-dot.is-current{fill:#c58a2a!important;stroke:#5a3710!important;stroke-width:3!important;filter:drop-shadow(0 1px 3px rgba(0,0,0,.22));opacity:1!important}
.wr-radar-current-label{font-size:12px;font-weight:850;fill:#5a3710;paint-order:stroke;stroke:#fff;stroke-width:4px;stroke-linejoin:round}
.wr-radar-legend .is-current:before{background:#c58a2a!important;border-color:#5a3710!important}
.wr-single-score-profile{margin-top:1.1rem}
.wr-single-score-layout{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(300px,.88fr);gap:1rem;align-items:stretch}
.wr-single-score-chart,.wr-single-score-list{border:1px solid var(--wr-line);border-radius:16px;background:#fff;padding:1rem 1.05rem;min-width:0}
.wr-score-chart-head{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.35rem}
.wr-score-chart-head h3,.wr-score-list-head h3{margin:.1rem 0 .2rem;font-size:1.2rem}
.wr-score-overall{display:grid;grid-template-columns:auto auto;align-items:baseline;column-gap:.28rem;text-align:right;padding:.55rem .7rem;border:1px solid var(--wr-line);border-radius:12px;background:#fafbfc}
.wr-score-overall span{grid-column:1/-1;font-size:.72rem;color:var(--wr-muted)}
.wr-score-overall strong{font-size:1.6rem;line-height:1;color:var(--wr-ink)}
.wr-score-overall small{font-size:.72rem;color:var(--wr-muted)}
.wr-single-score-chart svg{display:block;width:100%;height:auto;max-height:500px;overflow:visible}
.wr-score-ring{fill:none;stroke:#dfe4ea;stroke-width:1}
.wr-score-axis-line{stroke:#edf0f3;stroke-width:1}
.wr-score-axis-label{font-size:11px;font-weight:700;fill:#555960}
.wr-score-profile-polygon{fill:rgba(20,87,217,.16);stroke:#1457d9;stroke-width:3;stroke-linejoin:round}
.wr-score-point circle{fill:#1457d9;stroke:#fff;stroke-width:2;transition:r .15s ease}
.wr-score-point:focus circle,.wr-score-point:hover circle{r:7;outline:none}
.wr-score-bars{display:grid;gap:.72rem;margin-top:.75rem}
.wr-score-bar-row{display:grid;gap:.25rem}
.wr-score-bar-label{display:flex;justify-content:space-between;gap:.6rem;align-items:baseline;font-size:.82rem}
.wr-score-bar-label span{color:var(--wr-ink)}
.wr-score-bar-label strong{font-variant-numeric:tabular-nums;font-size:.84rem}
.wr-score-bar-track{height:7px;border-radius:999px;background:#edf0f3;overflow:hidden}
.wr-score-bar-track>span{display:block;width:0;height:100%;border-radius:inherit;background:var(--wr-accent);transition:width .7s cubic-bezier(.2,.75,.25,1)}
.wr-single-score-profile.is-ready .wr-score-bar-track>span{width:var(--wr-score)}
.wr-score-method{margin:.9rem 0 0;color:var(--wr-muted);font-size:.74rem;line-height:1.45}
@media(max-width:900px){.wr-single-score-layout{grid-template-columns:1fr}.wr-single-analytics-head{display:grid}.wr-single-analytics-compare{justify-self:start}.wr-single-score-chart svg{max-height:none}}
@media(max-width:680px){.wr-single-analytics-head{gap:.75rem}.wr-single-analytics-head p:not(.wr-eyebrow){font-size:.9rem}.wr-single-analytics .wr-radar-layout{display:grid!important;grid-template-columns:1fr!important}.wr-single-analytics .wr-radar-controls{order:2!important}.wr-single-analytics .wr-radar-chart{order:1!important}.wr-single-score-chart,.wr-single-score-list{padding:.8rem}.wr-score-chart-head{align-items:center}.wr-score-overall strong{font-size:1.35rem}.wr-score-axis-label{font-size:10px}}

/* v0.5.5 — clearer axis controls + multi-watch score radar on individual watch pages */
.wr-single-analytics .wr-axis-select .wr-radar-x{
  background:#eef5ff!important;
  border:1.5px solid #8eb4ea!important;
  color:#173f73!important;
  box-shadow:0 2px 8px rgba(20,87,217,.07)!important;
}
.wr-single-analytics .wr-axis-select .wr-radar-y{
  background:#fbf0f3!important;
  border:1.5px solid #d5a0ad!important;
  color:#653139!important;
  box-shadow:0 2px 8px rgba(101,49,57,.07)!important;
}
.wr-single-analytics .wr-axis-select select:focus{
  outline:3px solid rgba(20,87,217,.14)!important;
  outline-offset:2px!important;
}
.wr-score-compare-controls{display:grid;gap:.85rem;margin-bottom:.65rem}
.wr-score-compare-head{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}
.wr-score-compare-head h3{margin:.1rem 0 .2rem;font-size:1.2rem}
.wr-score-compare-head p:not(.wr-eyebrow){margin:0;color:var(--wr-muted);font-size:.82rem}
.wr-score-compare-picks{display:flex;gap:.45rem;flex-wrap:wrap}
.wr-score-chip{display:inline-flex;align-items:center;gap:.38rem;min-width:0;padding:.42rem .55rem;border:1px solid var(--wr-line);border-radius:999px;background:#fff;font-size:.76rem;line-height:1.2}
.wr-score-chip.is-current{background:#f6f9ff;border-color:#bed1f2}
.wr-score-chip span:not(.wr-score-swatch){min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:220px}
.wr-score-chip button{display:grid;place-items:center;width:22px;height:22px;margin-left:.1rem;padding:0;border:0;border-radius:50%;background:transparent;color:var(--wr-accent);font-size:1rem;cursor:pointer}
.wr-score-chip button:hover,.wr-score-chip button:focus-visible{background:#f3e8eb;outline:none}
.wr-score-swatch{display:inline-block;flex:0 0 10px;width:10px;height:10px;border-radius:50%;background:var(--wr-series)}
.wr-score-add-label{display:grid;grid-template-columns:auto minmax(220px,1fr);align-items:center;gap:.6rem;font-size:.78rem;font-weight:750;color:var(--wr-ink)}
.wr-score-add-label select{width:100%;min-width:0;padding:.6rem .72rem;border:1.5px solid #c7ced8;border-radius:10px;background:#f8fafc;color:var(--wr-ink);font:inherit}
.wr-score-add-label select:focus{outline:3px solid rgba(20,87,217,.13);outline-offset:2px;border-color:#8eb4ea}
.wr-score-max-note{margin:0;padding:.5rem .65rem;border-radius:9px;background:#f8fafc;color:var(--wr-muted);font-size:.76rem}
.wr-score-profile-polygon{fill:color-mix(in srgb,var(--wr-series) 14%,transparent)!important;stroke:var(--wr-series)!important;stroke-width:2.8!important}
.wr-score-point circle{fill:var(--wr-series)!important;stroke:#fff!important;stroke-width:2!important}
.wr-score-table-wrap{overflow:auto;margin-top:.7rem;border:1px solid var(--wr-line);border-radius:12px}
.wr-score-compare-table{width:100%;min-width:540px;border-collapse:collapse;font-size:.76rem;font-variant-numeric:tabular-nums}
.wr-score-compare-table th,.wr-score-compare-table td{padding:.56rem .6rem;border-bottom:1px solid #edf0f3;text-align:right;vertical-align:middle}
.wr-score-compare-table th:first-child,.wr-score-compare-table td:first-child{text-align:left;position:sticky;left:0;background:#fff;z-index:1}
.wr-score-compare-table thead th{background:#fafbfc;font-size:.72rem;white-space:nowrap}
.wr-score-compare-table thead th:first-child{z-index:2;background:#fafbfc}
.wr-score-compare-table .wr-score-swatch{margin-right:.3rem;vertical-align:middle}
.wr-score-total td{font-weight:850;border-bottom:0;background:#fafbfc}
.wr-score-total td:first-child{background:#fafbfc}
@media(max-width:680px){
 .wr-score-compare-head{display:grid;grid-template-columns:1fr auto;align-items:start}
 .wr-score-add-label{grid-template-columns:1fr;gap:.3rem}
 .wr-score-chip span:not(.wr-score-swatch){max-width:180px}
}

/* v0.5.6 — searchable score-radar picker + suggested alternatives */
.wr-score-watch-picker{display:grid;grid-template-columns:minmax(180px,.8fr) minmax(240px,1.2fr);gap:.65rem;align-items:end;padding:.72rem;border:1px solid var(--wr-line);border-radius:12px;background:#fafbfc}
.wr-score-search-label,.wr-score-add-label{display:grid;gap:.3rem;font-size:.76rem;font-weight:800;color:var(--wr-ink)}
.wr-score-search-label input{width:100%;min-width:0;min-height:42px;padding:.6rem .72rem;border:1.5px solid #c7ced8;border-radius:10px;background:#fff;color:var(--wr-ink);font:inherit}
.wr-score-search-label input:focus{outline:3px solid rgba(20,87,217,.13);outline-offset:2px;border-color:#8eb4ea}
.wr-score-search-status{grid-column:1/-1;min-height:1.1em;margin:0;color:var(--wr-muted);font-size:.72rem}
.wr-score-alt-tools{display:grid;gap:.55rem}
.wr-score-alt-toggle{justify-self:start;min-height:38px;padding:.48rem .72rem;border:1px solid #c7ced8;border-radius:9px;background:#fff;color:var(--wr-accent);font-weight:800;cursor:pointer}
.wr-score-alt-toggle:hover,.wr-score-alt-toggle:focus-visible{background:#f7f9fc;border-color:#9fb8dd}
.wr-score-alt-list{display:grid;gap:.45rem;padding:.65rem;border:1px solid var(--wr-line);border-radius:12px;background:#fafbfc}
.wr-score-alt-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.7rem;align-items:center;padding:.58rem .62rem;border:1px solid #e5e8ed;border-radius:10px;background:#fff}
.wr-score-alt-item>div:first-child{display:grid;min-width:0;gap:.08rem}.wr-score-alt-item strong,.wr-score-alt-item span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wr-score-alt-item strong{font-size:.77rem}.wr-score-alt-item span{font-size:.78rem}.wr-score-alt-item small{color:var(--wr-muted);font-size:.69rem}
.wr-score-alt-actions{display:flex;align-items:center;gap:.38rem}.wr-score-alt-actions button,.wr-score-alt-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:.38rem .55rem;border-radius:8px;font-size:.71rem;font-weight:800;text-decoration:none;white-space:nowrap}.wr-score-alt-actions button{border:1px solid #9fb8dd;background:#eef5ff;color:#173f73;cursor:pointer}.wr-score-alt-actions a{border:1px solid #d5d9df;background:#fff;color:var(--wr-accent)}
@media(max-width:680px){.wr-score-watch-picker{grid-template-columns:1fr}.wr-score-search-status{grid-column:auto}.wr-score-alt-item{grid-template-columns:1fr}.wr-score-alt-actions{justify-content:flex-start;flex-wrap:wrap}}
/* v0.5.7 single-watch score picker: keep the page clean; selection lives in one modal dropdown-style chooser. */
.wr-score-open-picker{display:inline-flex;align-items:center;justify-content:center;justify-self:start;min-height:42px;padding:.55rem .8rem;border:1px solid #9fb8dd;border-radius:10px;background:#eef5ff;color:#173f73;font-weight:800;cursor:pointer}
.wr-score-open-picker:hover,.wr-score-open-picker:focus-visible{background:#e3efff;border-color:#6f9bd8}
.wr-score-picker-modal[hidden]{display:none!important}.wr-score-picker-modal{position:fixed;inset:0;z-index:2147482000;display:grid;place-items:center;padding:20px}.wr-score-picker-backdrop{position:absolute;inset:0;background:rgba(16,20,26,.56)}
.wr-score-picker-dialog{position:relative;z-index:1;width:min(900px,calc(100vw - 32px));max-height:min(760px,calc(100vh - 40px));display:flex;flex-direction:column;overflow:hidden;border:1px solid #d9dee6;border-radius:22px;background:#fff;box-shadow:0 24px 70px rgba(0,0,0,.24);padding:28px}
.wr-score-picker-dialog h3{margin:0 42px 20px 0;font-size:2rem;line-height:1.1}.wr-score-picker-close{position:absolute;top:16px;right:18px;width:40px;height:40px;border:0;background:transparent;border-radius:9px;font-size:1.8rem;line-height:1;cursor:pointer}.wr-score-picker-close:hover,.wr-score-picker-close:focus-visible{background:#f1f3f6}
.wr-score-picker-tools{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.65rem;align-items:center}.wr-score-picker-search{width:100%;min-height:48px;padding:.7rem .9rem;border:2px solid #8eb8ff;border-radius:12px;background:#fff;color:#18202b;font:inherit;box-sizing:border-box}.wr-score-picker-search:focus{outline:2px solid #cfe0ff;outline-offset:2px}.wr-score-picker-alternatives{min-height:48px;padding:.65rem .85rem;border:1px solid #c8ced8;border-radius:12px;background:#fff;color:#4b2630;font-weight:800;cursor:pointer;white-space:nowrap}.wr-score-picker-alternatives[aria-pressed="true"]{background:#4b2630;color:#fff;border-color:#4b2630}
.wr-score-picker-summary{display:flex;justify-content:space-between;gap:1rem;align-items:center;padding:.65rem 0;color:#667085}.wr-score-picker-clear{border:0;background:transparent;color:#4b2630;font-weight:800;cursor:pointer}.wr-score-picker-list{display:grid;gap:.48rem;overflow:auto;overscroll-behavior:contain;padding-right:4px}.wr-score-picker-item{width:100%;display:grid;gap:.18rem;text-align:left;padding:.72rem .85rem;border:1px solid #e1e5eb;border-radius:12px;background:#fff;color:#151a22;cursor:pointer}.wr-score-picker-item:hover,.wr-score-picker-item:focus-visible{border-color:#9fb8dd;background:#f8fbff}.wr-score-picker-item>span{display:flex;gap:.45rem;align-items:baseline;flex-wrap:wrap}.wr-score-picker-item strong{font-size:.74rem;letter-spacing:.06em;text-transform:uppercase}.wr-score-picker-item b{font-size:.95rem}.wr-score-picker-item small{font-size:.75rem;color:#667085}.wr-score-picker-empty{padding:1rem;border:1px dashed #ccd2db;border-radius:12px;color:#667085}.wr-score-picker-open{overflow:hidden}
@media(max-width:680px){.wr-score-picker-modal{padding:8px}.wr-score-picker-dialog{width:calc(100vw - 16px);max-height:calc(100vh - 16px);border-radius:16px;padding:18px}.wr-score-picker-dialog h3{font-size:1.5rem}.wr-score-picker-tools{grid-template-columns:1fr}.wr-score-picker-alternatives{white-space:normal}.wr-score-picker-item>span{display:grid;gap:.05rem}}


/* v0.5.8 — animated radar loader for single-watch score comparison */
.wr-single-score-profile[aria-busy="true"]{min-height:330px;display:grid;place-items:center}
.wr-score-loading{width:100%;min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.38rem;padding:2rem 1rem;text-align:center;border:1px solid var(--wr-line);border-radius:16px;background:linear-gradient(180deg,#fff,#fafbfd);box-sizing:border-box}
.wr-score-loading strong{font-size:.98rem;color:var(--wr-ink)}
.wr-score-loading span{font-size:.78rem;color:var(--wr-muted)}
.wr-score-loading-radar{width:96px;height:96px;margin-bottom:.45rem}
.wr-score-loading-radar svg{display:block;width:100%;height:100%;overflow:visible}
.wr-score-loading-ring{fill:none;stroke:#d9e1ec;stroke-width:1.7}
.wr-score-loading-sweep{stroke:#1457d9;stroke-width:3;stroke-linecap:round;transform-origin:60px 60px;animation:wrRadarSweep 1.25s linear infinite}
.wr-score-loading-hub{fill:#1457d9}
.wr-score-loading-dot{fill:#6f7d3f;animation:wrRadarPulse 1.25s ease-in-out infinite}
.wr-score-loading-dot:nth-of-type(2){animation-delay:.28s}
@keyframes wrRadarSweep{to{transform:rotate(360deg)}}
@keyframes wrRadarPulse{0%,100%{opacity:.35;transform:scale(.78);transform-origin:center}50%{opacity:1;transform:scale(1.18);transform-origin:center}}
@media(prefers-reduced-motion:reduce){.wr-score-loading-sweep,.wr-score-loading-dot{animation:none!important}.wr-score-loading-sweep{transform:rotate(35deg)}}
@media(max-width:680px){.wr-single-score-profile[aria-busy="true"]{min-height:260px}.wr-score-loading{min-height:235px}.wr-score-loading-radar{width:82px;height:82px}}

/* v0.6.3 production patch: stable multi-complication filtering, integrated illumination and top overview. */
.wr-feature-filter{position:relative}
.wr-feature-legacy-select{display:none!important}
.wr-check-dropdown{position:relative;width:100%}
.wr-check-dropdown>summary{display:flex;align-items:center;justify-content:space-between;gap:.75rem;width:100%;padding:11px;border:1px solid #dfe2e7;border-radius:10px;background:#fff;color:inherit;cursor:pointer;list-style:none;font:inherit;font-weight:400;line-height:normal;box-sizing:border-box}.wr-check-dropdown>summary [data-feature-summary]{font:inherit;font-weight:400;line-height:normal}
.wr-check-dropdown>summary::-webkit-details-marker{display:none}
.wr-check-dropdown[open]>summary{border-color:#8fb2ff;box-shadow:0 0 0 2px rgba(84,132,255,.14)}
.wr-check-dropdown-menu{max-height:320px;overflow-y:auto;overscroll-behavior:contain;margin-top:.35rem;padding:.35rem;border:1px solid #d9dee7;border-radius:12px;background:#fff;box-shadow:0 12px 26px rgba(17,24,39,.12);scrollbar-gutter:stable}
.wr-check-dropdown-menu label{display:flex!important;align-items:flex-start;gap:.55rem;padding:.52rem .55rem;border-radius:8px;cursor:pointer;font-size:.88rem;line-height:1.25}
.wr-check-dropdown-menu label:hover{background:#f5f7fa}
.wr-check-dropdown-menu input{flex:0 0 auto;width:16px!important;height:16px!important;margin:.08rem 0 0!important;accent-color:#1457d9}
.wr-filter-help{display:block;margin-top:.32rem;color:#68707b;font-size:.72rem;line-height:1.3}
.wr-hero-overview{min-width:0;align-self:stretch;padding:1.1rem 1.2rem;border:1px solid rgba(167,79,120,.18);border-radius:20px;background:rgba(255,255,255,.72)}
.wr-hero-overview h2{margin:.15rem 0 .65rem;font-size:clamp(1.25rem,2vw,1.65rem)}
.wr-hero-overview-content{font-size:.96rem;line-height:1.65;color:#3f3a40;overflow-wrap:anywhere}
.wr-hero-overview-content>:first-child{margin-top:0}.wr-hero-overview-content>:last-child{margin-bottom:0}
@media(max-width:900px){.wr-check-dropdown-menu{max-height:46vh}.wr-hero-overview{padding:1rem}}

/* v0.6.4 — keep custom Feature / complication control typography identical to native pool selects. */
.wr-pool .wr-filters .wr-filter select,
.wr-pool .wr-filters .wr-check-dropdown>summary,
.wr-pool .wr-filters .wr-check-dropdown>summary [data-feature-summary]{
  font-family:inherit!important;
  font-size:16px!important;
  font-weight:400!important;
  line-height:1.25!important;
}