/* ===========================================================================
   Name Reality Check — card styling. ONE source of truth: served by the staging
   server AND enqueued by the WP plugin. Scoped under .m4k-rc so it never leaks
   into the rest of the name page. Palette tracks the existing site tokens.
   =========================================================================== */
.m4k-rc{--rc-cream:#F4F1EA;--rc-ink:#2c2a26;--rc-terra:#c8643c;--rc-sage:#5b7b6f;
  --rc-amber:#e0a458;--rc-line:#e2ddd2;font-family:Georgia,'Times New Roman',serif;color:var(--rc-ink);}
.m4k-rc *{box-sizing:border-box}

/* ---- shared card chrome ---- */
.m4k-rc .rc-card{background:#fff;border:1px solid var(--rc-line);border-radius:16px;
  padding:20px 20px 18px;box-shadow:0 4px 16px rgba(0,0,0,.05);margin:0 0 16px;}
.m4k-rc .rc-h{font-size:20px;font-weight:bold;margin:0 0 2px;display:flex;align-items:center;gap:8px}
.m4k-rc .rc-sub{font-size:14px;color:#7a756c;font-style:italic;margin:0 0 14px;line-height:1.4}

/* ---- Card 1: input / picker ---- */
.m4k-rc .rc-field{position:relative}
.m4k-rc .rc-row{display:flex;gap:10px}
.m4k-rc .rc-input{flex:1;font-family:inherit;font-size:17px;padding:13px 15px;border:2px solid #d8d2c6;
  border-radius:12px;background:#fff;min-width:0}
.m4k-rc .rc-input:focus{outline:none;border-color:var(--rc-terra)}
.m4k-rc .rc-go{font-family:inherit;font-size:16px;font-weight:bold;padding:13px 20px;border:none;
  border-radius:12px;background:var(--rc-terra);color:#fff;cursor:pointer;white-space:nowrap}
.m4k-rc .rc-go:disabled{opacity:.5;cursor:wait}
.m4k-rc .rc-hint{font-size:12.5px;color:#9a948a;margin:8px 2px 0}
/* picker dropdown */
.m4k-rc .rc-suggest{position:absolute;left:0;right:0;top:calc(100% + 4px);z-index:30;background:#fff;
  border:1px solid var(--rc-line);border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,.12);
  max-height:260px;overflow:auto;display:none}
.m4k-rc .rc-suggest.show{display:block}
.m4k-rc .rc-opt{padding:10px 14px;cursor:pointer;font-size:15px;display:flex;justify-content:space-between;gap:10px}
.m4k-rc .rc-opt:hover,.m4k-rc .rc-opt.active{background:#f6f2ea}
.m4k-rc .rc-opt .rc-g{font-size:12px;color:#a59f93;font-style:italic}
.m4k-rc .rc-turnstile{margin-top:10px}

/* ---- Card 2: result (separate card, hidden until a check returns) ---- */
.m4k-rc .rc-result{display:none}
.m4k-rc .rc-result.show{display:block;animation:rcfade .25s ease}
@keyframes rcfade{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
.m4k-rc .rc-result{border-left:6px solid var(--rc-sage)}
.m4k-rc .rc-result.band-green{border-left-color:#5b9e6f}
.m4k-rc .rc-result.band-warn{border-left-color:var(--rc-amber)}
.m4k-rc .rc-result.band-caut{border-left-color:var(--rc-terra)}
.m4k-rc .rc-result.band-hold{border-left-color:var(--rc-terra)}
.m4k-rc .rc-vtop{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.m4k-rc .rc-vname{font-size:23px;font-weight:bold}
.m4k-rc .rc-vscore{font-size:12.5px;color:#a59f93;white-space:nowrap}
.m4k-rc .rc-vband{font-size:15px;font-weight:bold;margin:6px 0 2px;color:var(--rc-sage)}
.m4k-rc .rc-vblurb{font-size:15px;color:#56514a;margin:0 0 4px;line-height:1.45}

/* audio controls */
.m4k-rc .rc-audio{margin:14px 0 4px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.m4k-rc .rc-play{font-family:inherit;font-size:14.5px;font-weight:bold;padding:10px 16px;border:none;
  border-radius:10px;background:var(--rc-sage);color:#fff;cursor:pointer}
.m4k-rc .rc-replay{font-family:inherit;font-size:14px;padding:9px 14px;border:1px solid var(--rc-sage);
  border-radius:10px;background:#fff;color:var(--rc-sage);cursor:pointer}
.m4k-rc .rc-play:disabled,.m4k-rc .rc-replay:disabled{opacity:.45;cursor:default}
.m4k-rc .rc-amsg{font-size:12px;color:#a59f93}

/* detail rows */
.m4k-rc .rc-rows{margin-top:14px;display:grid;gap:9px}
.m4k-rc .rc-rrow{display:flex;gap:11px;align-items:flex-start;padding:11px 13px;border:1px solid var(--rc-line);
  border-radius:11px;background:#fcfbf8}
.m4k-rc .rc-dot{flex:none;width:9px;height:9px;border-radius:50%;margin-top:6px;background:#b9b3a7}
.m4k-rc .rc-rrow.pass .rc-dot{background:#5b9e6f}
.m4k-rc .rc-rrow.warn .rc-dot{background:var(--rc-amber)}
.m4k-rc .rc-rrow.fail .rc-dot{background:var(--rc-terra)}
.m4k-rc .rc-rk{font-weight:bold;font-size:13.5px;margin:0 0 2px}
.m4k-rc .rc-rt{font-size:13.5px;color:#56514a;margin:0;line-height:1.4}
.m4k-rc .rc-foot{font-size:11.5px;color:#b3aca0;margin:12px 0 0;text-align:right}