/* Market Risk Intelligence — shared styling for the coverage-check widget.
   Kept in one served file rather than inlined three times, because the widget
   markup is generated by wb-mri-coverage.js and the two must stay in step. */

.mric{background:#fff;border:1.5px solid var(--border,#DDD8CE);margin:22px 0;}
.mric .mh{background:var(--navy,#1B2A4A);color:#fff;padding:16px 22px;}
.mric .mh h3{font-family:"DM Serif Display",serif;font-weight:400;font-size:19px;margin:0;color:#fff;}
.mric .mh p{margin:5px 0 0;font-size:13px;color:rgba(255,255,255,.72);}
.mric .mb{padding:20px 22px;}
.mric .row{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:14px;}
.mric .fld{flex:1 1 220px;min-width:200px;}
.mric label{display:block;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted,#6B6860);margin-bottom:5px;}
.mric select,.mric input,.mric textarea{width:100%;padding:10px 11px;border:1.5px solid var(--border,#DDD8CE);background:#fff;font-family:inherit;font-size:14px;color:var(--text,#2D2D2D);}
.mric select:focus,.mric input:focus,.mric textarea:focus{outline:2px solid var(--orange,#D4842A);outline-offset:-1px;}
.mric select:disabled{background:#F4F2ED;color:#9A968D;}
.mric .go{background:var(--navy,#1B2A4A);color:#fff;border:0;font-family:inherit;font-weight:700;font-size:14px;padding:12px 24px;cursor:pointer;}
.mric .go:hover{background:var(--orange,#D4842A);}
.mric .go[disabled]{background:#9A968D;cursor:not-allowed;}
.mric .hint{font-size:12.5px;color:var(--muted,#6B6860);margin-top:10px;}

/* Verdict panels */
.mric .verdict{margin-top:18px;padding:16px 18px;border-left:5px solid;}
.mric .verdict.ok{background:#F1F6F1;border-color:#2F6B3A;}
.mric .verdict.no{background:#FFF6EC;border-color:var(--orange,#D4842A);}
.mric .verdict.err{background:#FBEDED;border-color:#9B2C2C;}
.mric .verdict h4{font-family:"DM Serif Display",serif;font-weight:400;font-size:18px;margin:0 0 6px;color:var(--navy,#1B2A4A);}
.mric .verdict p{margin:6px 0;font-size:14px;}
.mric .verdict .price{font-family:"DM Serif Display",serif;font-size:26px;color:var(--navy,#1B2A4A);margin:10px 0 2px;}
.mric .verdict .price span{font-family:"DM Sans",sans-serif;font-size:12.5px;color:var(--muted,#6B6860);}

/* Coverage bands */
.mric table.cov{width:100%;border-collapse:collapse;margin:12px 0 4px;font-size:13px;}
.mric table.cov th{text-align:left;font-size:10.5px;letter-spacing:.09em;text-transform:uppercase;color:var(--muted,#6B6860);border-bottom:1.5px solid var(--border,#DDD8CE);padding:5px 8px 5px 0;font-weight:700;}
.mric table.cov td{padding:6px 8px 6px 0;border-bottom:1px dashed #EFEAE0;}
.mric .band{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:2px 9px;border-radius:20px;}
.mric .band.high{background:#DCEBDD;color:#245C2E;}
.mric .band.moderate{background:#FBEFD8;color:#7A5310;}
.mric .band.limited{background:#F7E3D5;color:#8A4014;}
.mric .band.unavailable{background:#EDEAE4;color:#5F5B53;}

/* The sample-data notice is not decoration — it must be impossible to miss. */
.mric .sample{background:#3A2E12;color:#FFD9A0;font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:9px 14px;margin:12px 0 0;}

.mric .alt{display:inline-block;margin-top:10px;background:var(--orange,#D4842A);color:#fff !important;text-decoration:none;font-weight:700;font-size:13.5px;padding:11px 20px;}
.mric .ok-note{font-size:12.5px;color:var(--muted,#6B6860);margin-top:10px;}

/* Request form revealed after an eligible verdict */
.mric .reqf{margin-top:16px;border-top:1.5px solid var(--border,#DDD8CE);padding-top:16px;}
.mric .reqf textarea{min-height:74px;resize:vertical;}
.mric .hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden;}
.mric .msg{margin-top:10px;font-size:13.5px;padding:11px 14px;}
.mric .msg.bad{background:#FBEDED;color:#7B2222;}
.mric .msg.good{background:#F1F6F1;color:#245C2E;}
/* Card details are taken by telephone, so the order form says so where the
   details are entered — quiet, not a warning box. */
.mric .paynote{background:#FBF7F0;border:1px solid #E6DBC7;padding:12px 14px;margin:0 0 14px;font-size:13px;line-height:1.65;color:#4A4438;}
.mric .paynote strong{color:#7A5A1E;}

/* --- postal-code scope ---------------------------------------------------
   These labels sit inside .mric, where `label` is the small uppercase field
   caption. Everything here is a control the visitor reads, so the caption
   styling is turned back off rather than inherited. */
.mric .zopts{display:flex;flex-wrap:wrap;gap:8px 22px;margin:2px 0 12px;}
.mric label.zopt{display:flex;align-items:center;gap:7px;margin:0;font-size:14px;font-weight:500;
  letter-spacing:0;text-transform:none;color:var(--ink,#1F1D1A);cursor:pointer;}
.mric .zpick{border:1px solid var(--border,#DDD8CE);background:#FBFAF8;padding:12px;margin-bottom:14px;}
.mric .ztools{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px;}
.mric .zfilter{flex:1 1 220px;min-width:180px;padding:8px 10px;border:1px solid var(--border,#DDD8CE);
  background:#fff;font-size:14px;font-family:inherit;}
.mric .zbtn{background:#fff;border:1px solid var(--border,#DDD8CE);color:var(--navy,#1B2A4A);
  font-size:12px;font-weight:700;letter-spacing:.04em;padding:8px 12px;cursor:pointer;}
.mric .zbtn:hover{background:var(--navy,#1B2A4A);color:#fff;}
.mric .zlist{max-height:260px;overflow-y:auto;background:#fff;border:1px solid var(--border,#DDD8CE);
  display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));}
.mric label.zrow{display:flex;align-items:center;gap:8px;margin:0;padding:7px 10px;font-size:13.5px;
  font-weight:400;letter-spacing:0;text-transform:none;color:var(--ink,#1F1D1A);
  border-bottom:1px solid #F1EEE8;cursor:pointer;}
.mric label.zrow:hover{background:#F6F4F0;}
.mric .zcode{font-variant-numeric:tabular-nums;font-weight:600;}
.mric .zcity{color:var(--muted,#6B6860);font-size:12.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.mric .zcount{margin:10px 0 0;font-size:12.5px;color:var(--muted,#6B6860);}

/* --- cohort chips printed on the page ------------------------------------
   The per-property pages print their cohorts as chips in their OWN inline
   stylesheet, which loads after this file — so the interactive state needs
   more specificity than .chip to win, not !important. */
.chips .chip.chip-pick{cursor:pointer;transition:background .12s ease,border-color .12s ease,color .12s ease;}
.chips .chip.chip-pick:hover{border-color:#1B2A4A;}
.chips .chip.chip-pick:focus-visible{outline:2px solid #1B2A4A;outline-offset:2px;}
.chips .chip.chip-pick.on{background:#1B2A4A;border-color:#1B2A4A;color:#fff;}
p.chipnote{font-size:13.5px;line-height:1.7;color:#3D4756;margin:10px 0 4px;}
p.chipnote .zbtn{margin-left:6px;}
.chips .chip.chip-pick.locked{cursor:default;opacity:.75;}
.chips .chip.chip-pick.locked:hover{border-color:inherit;}

/* WB:MRI-SUBS v1 — the plan picker and the professional rate on the order
   form. The figures are rendered from what /plans serves; the widget never
   holds a price of its own. */
.mric .plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,215px),1fr));gap:10px;margin:0 0 13px;}
.mric .plan{border:1.5px solid var(--border,#DDD8CE);background:#fff;padding:12px 13px;cursor:pointer;display:block;}
.mric .plan.on{border-color:var(--orange,#D4842A);box-shadow:inset 0 0 0 1px var(--orange,#D4842A);}
.mric .plan .pn{font-weight:700;color:var(--navy,#1B2A4A);font-size:14px;}
.mric .plan .pp{font-size:15px;color:var(--navy,#1B2A4A);margin-top:5px;font-weight:700;}
.mric .plan .pp span{font-size:12.5px;font-weight:400;color:var(--muted,#6B6860);}
.mric .plan .pd{font-size:12.5px;color:var(--muted,#6B6860);line-height:1.5;margin-top:5px;}
.mric .quote{background:#F1F4FA;border:1px solid #C9D5EC;padding:11px 14px;font-size:13.5px;line-height:1.65;color:#22314F;margin:0 0 14px;}
.mric .quote b{color:#1B2A4A;}