/* ready.css - the readiness check (WEB-066, register S273). One block, for every asset page: the questions are the
   page's own words; ready.js only adds them up and moves the meter. House variables only. */

.rc{max-width:760px;background:var(--mcf-card);border-radius:var(--mcf-r-card);padding:var(--mcf-s7)}
.rc > p{line-height:1.55}
.rc fieldset{border:0;margin:0;padding:0}
.rc fieldset + fieldset{border-top:1px solid var(--mcf-line-soft);margin-top:var(--mcf-s5);padding-top:var(--mcf-s5)}
.rc legend{font-weight:600;line-height:1.4;margin-bottom:var(--mcf-s3);padding:0}
.rc legend small{display:block;font-weight:400;font-size:var(--mcf-size-small);color:var(--mcf-grey);margin-top:2px}
.rc .check{align-items:flex-start;min-height:44px;padding-block:var(--mcf-s2);line-height:1.45}
.rc .check input{margin-top:2px;flex-shrink:0;border-radius:50%}
.rc [hidden]{display:none !important}
.rc-actions{display:flex;flex-wrap:wrap;gap:var(--mcf-s3);margin-top:var(--mcf-s6)}
.rc-actions .btn{min-height:44px}

/* The meter: a half dial in three bands, and a needle that swings to the score */
.rc-out{margin-top:var(--mcf-s6);background:var(--mcf-page);border-radius:var(--mcf-r-inner);padding:var(--mcf-s6)}
.rc-meter{display:block;width:100%;max-width:320px;height:auto;margin-inline:auto}
.rc-meter .z1{stroke:var(--mcf-bad)}
.rc-meter .z2{stroke:var(--mcf-wait)}
.rc-meter .z3{stroke:var(--mcf-ok)}
.rc-meter .needle{transform-origin:160px 160px;transform:rotate(-90deg);transition:transform 1.2s cubic-bezier(.3,1.5,.5,1)}
.rc-meter .needle line{stroke:var(--mcf-ink);stroke-width:5;stroke-linecap:round}
.rc-meter .needle circle{fill:var(--mcf-ink)}
.rc-meter text{fill:var(--mcf-grey);font-size:13px;font-family:var(--mcf-font)}
@media (prefers-reduced-motion:reduce){.rc-meter .needle{transition:none}}
.rc-level{text-align:center;font-size:var(--mcf-size-section);font-weight:600;margin-top:var(--mcf-s3)}
.rc-note{text-align:center;font-size:var(--mcf-size-small);color:var(--mcf-grey);line-height:1.5;margin-top:var(--mcf-s2)}
.rc-tips{margin-top:var(--mcf-s5)}
.rc-tips h3{font-size:var(--mcf-size-heading);font-weight:600;margin-bottom:var(--mcf-s3)}
.rc-tips ul{padding-left:1.25em;display:flex;flex-direction:column;gap:var(--mcf-s2);line-height:1.5}
.rc-msg{margin-top:var(--mcf-s4);color:var(--mcf-bad-text)}
.rc-msg:empty{display:none}
@media (max-width:640px){.rc{padding:var(--mcf-s5)}.rc-out{padding:var(--mcf-s5)}.rc-actions .btn{width:100%;justify-content:center}}
@media print{.rc{display:none !important}}
/* "Take my answers to Donnie": two lines, like the page's other Apply buttons */
.rc .btn-apply{flex-direction:column;align-items:flex-start;gap:2px;height:auto;min-height:48px;padding-block:var(--mcf-s3);text-align:left;line-height:1.25;white-space:normal}
.rc .btn-apply b{font-weight:600}
.rc .btn-apply span{font-size:var(--mcf-size-small);font-weight:500;opacity:.9}
/* every tip, as text (S273) */
.rc-all{margin-top:var(--mcf-s5);border-top:1px solid var(--mcf-line-soft);padding-top:var(--mcf-s4)}
.rc-all summary{cursor:pointer;font-weight:600;min-height:44px;display:flex;align-items:center}
.rc-all ul{padding-left:1.25em;display:flex;flex-direction:column;gap:var(--mcf-s2);line-height:1.5;margin-top:var(--mcf-s3)}