/* MyReport family chrome — shared by every page under site/.
 * The markup it styles is stamped into each page by tools/site/stamp.mjs.
 * Colors are the MyReport brand kit (DMC Blue Clinical). */
:root{
  --mr-navy:#0f172a;
  --mr-blue:#1e40af;
  --mr-bright:#0063c9;
  --mr-scan:#5c9cf9;
  --mr-soft:#eff4ff;
}

/* ---- type: Inter, self-hosted so no page asks a third party for anything.
 * Same variable files and unicode ranges Google Fonts served (latin + latin-ext cover English and
 * Spanish). SIL Open Font License 1.1 — see assets/fonts/OFL-*.txt. ---- */
@font-face{font-family:"Inter";font-style:normal;font-weight:400 800;font-display:swap;src:url(/assets/fonts/inter-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:"Inter";font-style:normal;font-weight:400 800;font-display:swap;src:url(/assets/fonts/inter-latin.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}

/* ---- header lockup: mark + wordmark, specialty descriptor underneath ---- */
.mr-lockup{display:flex;align-items:center;gap:10px;text-decoration:none;color:inherit;flex:0 0 auto;min-width:0;border-radius:6px}
.mr-lockup:focus-visible{outline:2px solid var(--mr-bright);outline-offset:4px}
.mr-mark{display:block;width:36px;height:36px;flex:0 0 auto}
.mr-words{display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-width:0}
.mr-wordmark{display:block;height:20px;width:auto}
.mr-lockup-solo .mr-wordmark{height:23px}
.mr-desc{display:block;font-size:10px;line-height:1.1;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--mr-bright);white-space:nowrap}

/* the other live translators sit after the page's own anchors, behind a hairline */
nav.site .navlink:not(.mr-family) + .mr-family{border-left:1px solid var(--hairline,#e2e8f0);padding-left:28px}
/* below full desktop width the in-page anchors go first (the sections are a scroll away);
   the family links, the call to action and the toggles keep one row */
@media(max-width:1140px){
  nav.site a.navlink:not(.mr-family){display:none}
  nav.site .navlink:not(.mr-family) + .mr-family{border-left:0;padding-left:0}
}
/* phones: the specialty descriptor needs the room (Spanish ones run long), and every
   page repeats the call to action in its hero, just below */
@media(max-width:480px){nav.site .btn{display:none}}

/* ---- hero tagline: the scan line, then the words ---- */
.mr-tagline{display:flex;align-items:center;gap:10px;margin:0;font-size:15px;line-height:1.3;font-weight:500;letter-spacing:-.005em;color:var(--mr-navy)}
.mr-tagline::before{content:"";flex:0 0 auto;width:3px;height:18px;border-radius:2px;background:var(--mr-scan)}

/* ---- footer ---- */
footer .wrap.mr-foot{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr) auto;gap:28px 48px;align-items:start}
.mr-foot-note{max-width:64ch}
.mr-foot-family{display:flex;flex-direction:column;align-items:flex-start;gap:7px}
.mr-foot-h{font-size:10.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--muted,#64748b);margin-bottom:2px}
.mr-foot-family a{color:var(--ink-2,#334155);text-decoration:none;font-weight:500}
.mr-foot-family a:hover{color:var(--mr-blue);text-decoration:underline;text-underline-offset:3px}
.mr-foot-by{text-align:right}
.mr-foot-domain{font-size:11.5px}
@media(max-width:760px){footer .wrap.mr-foot{grid-template-columns:1fr}.mr-foot-by{text-align:left}}

/* ---- specialty index (hub) ---- */
.mr-index{list-style:none;margin:0;padding:0;border-top:1px solid var(--hairline,#e2e8f0)}
.mr-row{border-bottom:1px solid var(--hairline,#e2e8f0)}
.mr-row-in{display:grid;grid-template-columns:56px minmax(0,1fr) auto 28px;grid-template-areas:"n main status go";gap:6px 28px;align-items:center;padding:28px 12px;color:inherit;text-decoration:none;transition:background-color .15s}
a.mr-row-in:hover{background:var(--mr-soft)}
a.mr-row-in:focus-visible{outline:2px solid var(--mr-bright);outline-offset:-2px}
.mr-n{grid-area:n;font-family:"Inter",sans-serif;font-variant-numeric:tabular-nums;font-size:13px;color:var(--muted,#64748b)}
.mr-row-main{grid-area:main;display:flex;flex-direction:column;gap:5px;min-width:0}
.mr-name{font-size:clamp(20px,2.3vw,27px);font-weight:700;letter-spacing:-.025em;line-height:1.15;color:var(--ink,#0f172a)}
.mr-blurb{font-size:15px;line-height:1.5;color:var(--ink-2,#334155);max-width:62ch}
.mr-row-review .mr-name,.mr-row-soon .mr-name{color:var(--ink-2,#334155)}
.mr-row-review .mr-blurb,.mr-row-soon .mr-blurb{color:var(--muted,#64748b)}
.mr-go{grid-area:go;display:flex;justify-content:flex-end;color:var(--mr-blue);transition:transform .2s}
a.mr-row-in:hover .mr-go{transform:translateX(4px)}

/* status: full dot = live, half-lit dot = in review (the mark's two halves), ring = coming */
.mr-status{grid-area:status;justify-self:end;display:inline-flex;align-items:center;gap:8px;padding:5px 11px;border:1px solid var(--hairline,#e2e8f0);border-radius:999px;background:#fff;font-size:12px;font-weight:600;line-height:1.2;white-space:nowrap}
.mr-status i{flex:0 0 auto;width:8px;height:8px;border-radius:50%}
.mr-status-live{color:var(--mr-blue);background:var(--mr-soft);border-color:#e2e8f0}
.mr-status-live i{background:var(--mr-blue)}
.mr-status-review{color:#334155;border-color:#e2e8f0;background:#f8fafc}
.mr-status-review i{background:linear-gradient(90deg,currentColor 50%,transparent 50%);box-shadow:inset 0 0 0 1.5px currentColor}
.mr-status-soon{color:var(--muted,#64748b)}
.mr-status-soon i{box-shadow:inset 0 0 0 1.5px currentColor}

@media(max-width:640px){
  .mr-row-in{grid-template-columns:30px minmax(0,1fr) 18px;grid-template-areas:"n main go" ". status go";gap:10px 14px;padding:22px 4px}
  .mr-n{align-self:start;padding-top:5px}
  .mr-status{justify-self:start}
}
@media(prefers-reduced-motion:reduce){.mr-row-in,.mr-go{transition:none}}