/* =====================================================================
   BizTorq — Online readiness report + self-check
   Extends market-detail-v3.css and textile-quiz.css (prefix rr-)
   ===================================================================== */
.rr [hidden]{display:none!important}

/* ---------- Report hero ---------- */
.rr-hero{padding-bottom:72px}
.rr-kicker{margin:0 0 10px;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--gold-l)}
.rr-title{max-width:20ch;font-size:clamp(32px,4.6vw,58px)}
.rr-hero .mk-hero__lead strong{color:#fff}
.rr-meta{margin:0 0 24px}
.rr-old{margin:18px 0 0;padding:10px 14px;border-radius:10px;background:rgba(201,154,46,.15);color:#fff;font-size:14px;display:inline-block}
.rr-old a{color:var(--gold-l)!important;font-weight:700}

/* ---------- Headline figures (overlap the hero) ---------- */
.rr-stats{position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:-44px 0 0;background:#fff;
  border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:0 18px 50px rgba(25,18,51,.10);overflow:hidden}
.rr-stats>div{padding:22px 22px 20px;border-right:1px solid var(--line)}
.rr-stats>div:last-child{border-right:0}
.rr-stats dt{font-size:13.5px;line-height:1.35;color:var(--muted);margin-bottom:8px;min-height:2.7em}
.rr-stats dd{margin:0;font-size:clamp(30px,3.4vw,42px);font-weight:900;letter-spacing:-.03em;color:var(--ink);line-height:1;font-variant-numeric:tabular-nums}
.rr-stats span{display:block;margin-top:6px;font-size:13px;font-weight:600;color:var(--muted)}
.rr-stats .is-key{background:var(--ink)}
.rr-stats .is-key dt,.rr-stats .is-key span{color:rgba(255,255,255,.72)}
.rr-stats .is-key dd{color:var(--gold-l)}
.rr-stats--light{margin:8px 0 18px;box-shadow:none}

/* ---------- Findings ---------- */
.rr-findings{margin:0;padding:0;list-style:none;counter-reset:fd;display:grid;gap:4px}
.rr-findings li{counter-increment:fd;position:relative;padding:16px 0 16px 52px;border-bottom:1px solid var(--line);line-height:1.65;font-size:16px;max-width:72ch}
.rr-findings li:last-child{border-bottom:0}
.rr-findings li::before{content:counter(fd);position:absolute;left:0;top:16px;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;
  background:var(--mist);color:var(--violet);font-weight:900;font-size:15px}
.rr-findings strong{display:block;color:var(--ink);font-size:17.5px;margin-bottom:2px}

/* ---------- Bars ---------- */
.rr-bars{display:grid;gap:12px;margin:6px 0 4px}
.rr-bar{display:grid;grid-template-columns:minmax(150px,240px) minmax(0,1fr) 92px;gap:14px;align-items:center}
.rr-bar__label{font-size:15px;font-weight:600;color:var(--ink);line-height:1.35}
.rr-bar__track{height:14px;border-radius:99px;background:var(--mist);overflow:hidden}
.rr-bar__fill{display:block;height:100%;border-radius:99px;min-width:0}
.rr-bar__fill--muted{background:#b9b2d3}
.rr-bar__fill--violet{background:var(--violet)}
.rr-bar__fill--gold{background:var(--gold)}
.rr-bar__val{font-weight:800;color:var(--ink);font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}
.rr-bar__val small{font-weight:600;color:var(--muted);font-size:13px}
.rr-bars--parts{margin-bottom:22px}

/* ---------- Tables ---------- */
.rr-tables{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px}
.rr-tablewrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--r-lg);background:#fff}
.rr-table{width:100%;border-collapse:collapse;font-size:15px}
.rr-table caption{text-align:left;padding:14px 16px 6px;font-weight:800;color:var(--ink);font-size:16px}
.rr-table th,.rr-table td{padding:10px 16px;border-top:1px solid var(--line);text-align:left;vertical-align:top}
.rr-table thead th{font-size:12.5px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;border-top:0}
.rr-table td{text-align:right;font-variant-numeric:tabular-nums;font-weight:700;color:var(--ink);white-space:nowrap}
.rr-table thead th:not(:first-child){text-align:right}
.rr-table tbody th{font-weight:600;color:var(--ink)}
.rr-table small{display:block;font-weight:500;color:var(--muted);font-size:12.5px}
.rr-table td small{display:inline}
.rr-h3{font-size:18px;color:var(--ink);margin:22px 0 10px}

/* ---------- Survey callout ---------- */
.rr-callout{display:flex;flex-wrap:wrap;gap:18px;align-items:center;justify-content:space-between;padding:22px;border:1.5px dashed var(--line);border-radius:var(--r-lg);background:var(--mist)}
.rr-callout>div{flex:1 1 360px}
.rr-callout p{margin:0;line-height:1.65}
.rr-callout__title{font-weight:800;color:var(--ink);font-size:17px;margin-bottom:6px!important}

/* ---------- Method, citation, downloads ---------- */
.rr-method{margin-bottom:8px}
.rr-method dd{font-weight:600;line-height:1.5}
.rr-cite{display:flex;flex-wrap:wrap;gap:12px;align-items:center;padding:16px;border:1px solid var(--line);border-radius:var(--r);background:#fff}
.rr-cite code{flex:1 1 320px;font:14px/1.6 ui-monospace,Menlo,Consolas,monospace;color:var(--ink);word-break:break-word}
.rr-downloads{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:baseline;margin:12px 0 0;font-size:14px;color:var(--muted)}
.rr-downloads .mk-link{margin-top:0}
.rr-toc a{font-size:15px}

/* ---------- Self-check form ---------- */
.rr-topmsg{margin-bottom:14px}
.rr-hint{margin:-8px 0 12px}
.rr-opts{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}
.rr-opt{grid-template-columns:26px 1fr;padding:12px 14px}
.rr-tick{width:22px!important;height:22px!important;border-radius:50%;background:#fff!important;border:2px solid #c9c2e3;position:relative}
.rr-opt input[type=checkbox]+.rr-tick{border-radius:6px}
.rr-opt:has(input:checked) .rr-tick{background:var(--violet)!important;border-color:var(--violet)}
.rr-opt:has(input:checked) .rr-tick::after{content:"";position:absolute;left:6px;top:2px;width:6px;height:11px;border:solid #fff;border-width:0 2.5px 2.5px 0;transform:rotate(45deg)}
.rr-opt .tq-opt__t{font-size:15.5px}
.tq-q.is-missing legend{color:var(--shut)}
.tq-q.is-missing .rr-opt{border-color:#f0c3c5}
.rr-qerr{margin-top:10px}
.rr-form .tq-nav{margin-top:6px}
.rr-form>.tq-note{margin-top:14px}

/* ---------- Self-check result ---------- */
.rr-steps{margin:0 0 20px;padding:0;list-style:none;counter-reset:st;display:grid;gap:10px}
.rr-steps li{counter-increment:st;position:relative;display:grid;gap:4px;padding:14px 16px 14px 52px;border:1px solid var(--line);border-radius:var(--r);background:#fff;line-height:1.55}
.rr-steps li::before{content:counter(st);position:absolute;left:14px;top:14px;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;
  font-size:13px;font-weight:800;color:var(--ink);background:var(--gold-l)}
.rr-steps strong{color:var(--ink)}
.rr-steps span{color:var(--text);font-size:15px}
.rr-compare{margin:0 0 18px;padding:12px 16px;border-left:4px solid var(--gold);background:var(--mist);border-radius:0 var(--r) var(--r) 0;line-height:1.6}
.rr-lead__title{margin:0;font-weight:800;color:var(--ink);font-size:17px}
.rr-lead .mk-btn{justify-self:start}
.rr-sent{margin-bottom:18px}
.rr-sent .mk-btn{justify-self:start;margin-top:6px}

/* ---------- Responsive ---------- */
@media (max-width:980px){
  .rr-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .rr-stats>div:nth-child(2n){border-right:0}
  .rr-stats>div:nth-child(-n+2){border-bottom:1px solid var(--line)}
}
@media (max-width:640px){
  .rr-stats dt{min-height:0}
  .rr-stats>div{padding:16px}
  .rr-bar{grid-template-columns:1fr auto;gap:6px 12px}
  .rr-bar__track{grid-column:1/-1;grid-row:2}
  .rr-bar__val{grid-row:1;grid-column:2}
  .rr-findings li{padding-left:44px}
  .rr-opts{grid-template-columns:1fr}
  .rr-cite .mk-btn{width:100%}
}
@media print{
  header,footer,.mk-side,.mk-hero__actions,.rr-callout .mk-btn,.rr-cite button{display:none!important}
  .mk-hero{background:#fff;color:var(--ink);padding:0}
  .mk-hero__title,.mk-hero__lead,.mk-hero__lead strong{color:var(--ink)!important}
  .rr-stats{margin:16px 0;box-shadow:none}
  .mk-layout{grid-template-columns:1fr}
}
