/* Shared styling for the readiness decision tools. Built for a phone held in
   one hand on a deck: big targets, high contrast, no hover-only affordances. */

.rd-progress{background:#e3e8ed;border-radius:99px;height:8px;overflow:hidden;margin:14px 0 6px}
.rd-progress span{display:block;height:100%;background:var(--gold);border-radius:99px;transition:width .25s}
.rd-count{font-size:12.5px;color:#5b6b7c;font-weight:600}

.rd-group{margin-top:20px}
.rd-group h3,
.rd-group .h-was-h3{font-size:12px;letter-spacing:1.4px;text-transform:uppercase;color:#5b6b7c;
  margin:0 0 8px;padding-bottom:6px;border-bottom:1px solid var(--line)}

.rd-gate{display:flex;gap:14px;align-items:flex-start;justify-content:space-between;
  background:#fff;border:1px solid var(--line);border-radius:11px;padding:13px 15px;margin-bottom:8px}
.rd-q{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.rd-q b{font-size:15.5px;line-height:1.35;color:var(--ink);font-weight:700}
.rd-why{font-size:13px;line-height:1.5;color:#5b6b7c}
.rd-who{font-size:12px;color:#8b98a5}
.rd-who b{color:#5b6b7c;font-weight:700}
.rd-must{display:inline-block;font-size:9.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;
  color:#a8342a;background:#fae5e2;border:1px solid #e8b4ac;border-radius:4px;padding:1px 5px;vertical-align:2px}

.rd-btns{flex:0 0 auto;display:flex;gap:5px}
.rd-b{cursor:pointer;font:inherit;font-size:13.5px;font-weight:700;border:1.5px solid var(--line);
  background:#fff;color:#5b6b7c;border-radius:8px;padding:9px 13px;min-width:52px}
.rd-b:hover{border-color:#9aa6b2}
.rd-b.yes.on{background:#e4f2e7;border-color:#1f7a39;color:#155a2a}
.rd-b.no.on{background:#fae5e2;border-color:#a8342a;color:#7a251d}
.rd-b.na.on{background:#eef1f4;border-color:#8b98a5;color:#49535d}

.rd-result{display:none;margin-top:22px;border-radius:14px;overflow:hidden;border:2px solid}
.rd-result.green{border-color:#1f7a39}
.rd-result.amber{border-color:#b58900}
.rd-result.red{border-color:#a8342a}
.rd-head{padding:18px 20px;color:#fff}
.rd-result.green .rd-head{background:#1f7a39}
.rd-result.amber .rd-head{background:#b58900}
.rd-result.red   .rd-head{background:#a8342a}
.rd-head b{display:block;font-size:24px;line-height:1.15;letter-spacing:-.2px}
.rd-head span{display:block;margin-top:5px;font-size:14.5px;line-height:1.55;opacity:.95}
.rd-body{background:#fff;padding:16px 20px}

.rd-block,.rd-watch,.rd-unk{margin-bottom:14px}
.rd-block:last-child,.rd-watch:last-child,.rd-unk:last-child{margin-bottom:0}
.rd-block h4,.rd-watch h4,.rd-unk h4,
.rd-block .h-was-h4,.rd-watch .h-was-h4,.rd-unk .h-was-h4{font-size:12px;letter-spacing:1.2px;text-transform:uppercase;margin:0 0 7px}
.rd-block h4,
.rd-block .h-was-h4{color:#a8342a} .rd-watch h4, .rd-watch .h-was-h4{color:#b58900} .rd-unk h4, .rd-unk .h-was-h4{color:#5b6b7c}
.rd-block ul,.rd-watch ul,.rd-unk ul{list-style:none;margin:0;padding:0}
.rd-block li,.rd-watch li,.rd-unk li{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;
  padding:8px 11px;border-radius:8px;margin-bottom:5px;font-size:14.5px}
.rd-block li{background:#fdf2f0} .rd-watch li{background:#fdf7e8} .rd-unk li{background:#f4f6f8}
.rd-block li span,.rd-watch li span{font-size:12.5px;color:#5b6b7c;white-space:nowrap}
.rd-unk p{margin:7px 0 0;font-size:12.5px;color:#5b6b7c;line-height:1.55}

.rd-notappr{background:#fff8ec;border:1px solid #e8c98d;border-radius:10px;padding:13px 15px;
  font-size:13.5px;color:#6b4f16;line-height:1.6;margin-top:16px}
.rd-notappr b{color:#4a3608}

.rd-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:16px}

@media(max-width:620px){
  .rd-gate{flex-direction:column;gap:10px}
  .rd-btns{width:100%}
  .rd-b{flex:1}
}
@media print{
  .rd-noprint{display:none!important}
  .rd-gate{break-inside:avoid}
  .rd-b{display:none}
  .rd-b.on{display:block;border-width:2px}
  @page{size:A4 portrait;margin:12mm}
}