/* review-view.css - how a review drawn by review-view.js looks, on review.html and chair-review.html.
   One stylesheet for both pages, so the staff member, the supervisor, the Executive Director and the Board Chair
   all read the same document. review-view.js writes classes only (no style attributes), so this file is where every
   look lives. Phone first: one column, 16px text in every box (no zoom on iPhone), 44px targets. */
.rv-doc{--rv-ink:var(--rr-ink,#171514);--rv-muted:var(--rr-muted,#5d5551);--rv-line:var(--rr-line,#e5e0dd);--rv-line2:var(--rr-line-strong,#d3ccc7);
  --rv-red:var(--rr-red,#b4232b);--rv-blue:var(--rr-blue,#1f4a9c);--rv-bluel:var(--rr-blue-line,#c8d7f5);--rv-green:var(--rr-green,#186b45);
  --rv-greens:var(--rr-green-soft,#e9f4ee);--rv-greenl:var(--rr-green-line,#c2e0d0);color:var(--rv-ink);min-width:0}
.rv-doc *{box-sizing:border-box}
.rv-pre{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word}
.rv-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

.rv-head{background:#fff;border:1px solid var(--rv-line);border-radius:16px;padding:14px 18px;margin:0 0 16px}
.rv-people{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 16px;margin:0 0 10px}
.rv-pair{min-width:0}
.rv-people dt{font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--rv-muted);margin:0}
.rv-people dd{margin:2px 0 0;font-size:15px;font-weight:600;overflow-wrap:anywhere}
.rv-yearline{margin:0 0 6px;font-size:14px;color:var(--rv-muted)}
.rv-purpose{margin:0;font-size:14px;line-height:1.55}
.rv-purpose b{margin-right:4px}
.rv-meeting{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:12px 0 0;font-size:14.5px}
.rv-meeting-l{font-weight:600}
.rv-hint{margin:8px 0 0;font-size:14px;line-height:1.5;color:var(--rv-muted)}

.rv-sec{background:#fff;border:1px solid var(--rv-line);border-radius:16px;padding:14px 18px 6px;margin:0 0 16px;scroll-margin-top:84px;min-width:0}
.rv-h2{font-family:var(--rr-display,Poppins,system-ui,sans-serif);font-size:17px;line-height:1.3;margin:0 0 10px}
.rv-q{padding:10px 0 12px;border-top:1px solid var(--rv-line);scroll-margin-top:96px;min-width:0}
.rv-q:first-of-type{border-top:none;padding-top:0}
.rv-qlabel{display:block;font-size:15px;font-weight:600;line-height:1.45;margin:0 0 6px}
.rv-qn{color:var(--rv-red);font-weight:700}
.rv-sublabel{display:block;font-size:13px;font-weight:600;color:var(--rv-muted);margin:10px 0 5px}
.rv-box{display:block;width:100%;font:inherit;font-size:16px;line-height:1.5;border:1px solid var(--rv-line2);border-radius:10px;padding:10px 12px;
  background:#fff;color:var(--rv-ink);min-height:96px;resize:vertical;overflow-wrap:anywhere}
.rv-box.rv-box-short{min-height:76px}
.rv-box.rv-box-long{min-height:160px}
.rv-box:focus{outline:3px solid var(--rv-bluel);border-color:var(--rv-blue)}
.rv-box.rv-err{border-color:var(--rv-red)}
.rv-count{display:block;font-size:12.5px;color:var(--rv-muted);margin:4px 0 0;text-align:right}
.rv-count[hidden]{display:none}
.rv-answer{font-size:15px;line-height:1.55;background:#faf8f7;border:1px solid var(--rv-line);border-radius:10px;padding:9px 12px;min-width:0}
.rv-empty{color:#6e645e;font-style:italic}
.rv-placeholder{background:#faf8f7;border:1px dashed var(--rv-line2);border-radius:12px;padding:12px 14px;color:var(--rv-muted);font-size:14px;line-height:1.5;margin:0 0 12px}
.rv-instr{margin:0 0 10px;font-size:14px;line-height:1.55;color:var(--rv-muted)}
.rv-accts{list-style:none;margin:0;padding:0}
.rv-acct{border-top:1px solid var(--rv-line);padding:12px 0 14px;scroll-margin-top:96px;min-width:0}
.rv-acct:first-child{border-top:none;padding-top:2px}
.rv-acct-hd{display:flex;align-items:center;gap:10px;flex-wrap:wrap;min-height:44px}
.rv-acct-n{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;border-radius:999px;background:#fdf0f0;color:var(--rv-red);font-weight:700;font-size:13.5px}
.rv-area{flex:1 1 160px;min-width:0;font-weight:700;font-size:14.5px;overflow-wrap:anywhere}
.rv-acct-text{margin:6px 0 0;font-size:15px;line-height:1.55}
.rv-boxnote{margin:-4px 0 10px;padding:8px 12px;border-radius:10px;background:#fdf3e3;border:1px solid #efd9b4;color:#6a4510;font-size:13.5px;line-height:1.5}
.rv-signorder,.rv-signmean{font-size:13.5px;line-height:1.5;color:var(--rv-muted);margin:0 0 10px}
.rv-sig{border:1px solid var(--rv-line);border-radius:12px;padding:10px 14px;margin:0 0 10px;min-width:0}
.rv-sig.rv-signed{background:var(--rv-greens);border-color:var(--rv-greenl)}
.rv-sig-l{font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--rv-muted)}
.rv-sig-v{font-size:15px;font-weight:600;margin-top:2px;overflow-wrap:anywhere}

.rv-btn{font:inherit;font-size:14.5px;font-weight:700;min-height:44px;min-width:44px;padding:0 16px;border-radius:12px;border:1px solid var(--rv-line2);
  background:#fff;color:var(--rv-ink);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;margin:6px 0 10px}
html.rrcc-ui body .rv-btn{min-height:44px}
.rv-btn.rv-quiet{border-color:transparent;background:transparent;color:var(--rv-muted);text-decoration:underline;margin:0;padding:0 10px}
/* A section's own tools sit at its top, above the list they act on (2026-10-06). */
.rv-tools{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:0 0 4px}

.rv-jump{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 16px}
.rv-jump a{font-size:13.5px;text-decoration:none;color:var(--rr-ink,#171514);background:#fff;border:1px solid var(--rr-line,#e5e0dd);border-radius:12px;
  padding:0 14px;min-height:44px;display:inline-flex;align-items:center;gap:6px}
.rv-left{font-size:12px;color:var(--rr-red,#b4232b);font-weight:700}
.rv-jumpsel-l{display:none;margin:0 0 16px}
.rv-jumpsel{width:100%;font:inherit;font-size:16px;min-height:44px;border:1px solid var(--rr-line-strong,#d3ccc7);border-radius:10px;padding:0 12px;background:#fff;color:var(--rr-ink,#171514)}

@media (max-width:640px){
  .rv-jump{display:none}
  .rv-jumpsel-l{display:block}
  .rv-people{grid-template-columns:1fr}
  .rv-head,.rv-sec{padding-left:14px;padding-right:14px}
}

/* The reading copy and the draft print: the same document, values only. */
@media print{
  .rv-doc{font:10.5pt/1.5 Arial,Helvetica,sans-serif;color:#20242e;print-color-adjust:exact;-webkit-print-color-adjust:exact}
  .rv-head{border:0.6pt solid #d1d5de;border-radius:0;background:#f6f7fa;padding:10pt 12pt;margin:0 0 18pt;break-inside:avoid}
  .rv-people{gap:8pt 14pt;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:9pt}
  .rv-people dt{font:700 8pt/1.3 Arial,sans-serif;letter-spacing:.05em;color:#5e6370}
  .rv-people dd{font:700 10.5pt/1.4 Arial,sans-serif;margin-top:3pt}
  .rv-yearline,.rv-purpose,.rv-meeting{font-size:9.5pt;line-height:1.45}
  .rv-sec{border:0;border-radius:0;padding:0;margin:0 0 14pt;break-inside:auto}
  .rv-h2{font:700 12.5pt/1.3 Arial,Helvetica,sans-serif;color:#1f2640;background:#f2f4f8;border:0;border-left:3pt solid #b4232b;padding:6pt 9pt;margin:0 0 8pt;break-after:avoid}
  .rv-qlabel{font:700 10.5pt/1.4 Arial,Helvetica,sans-serif;color:#1f2640;break-after:avoid}
  /* Keep a short response with its question or accountability on the printed copy. */
  .rv-q,.rv-acct,#rv-sec-sign{break-inside:avoid}
  .rv-acct-hd,.rv-acct-text,.rv-sublabel{break-after:avoid}
  .rv-pre{orphans:3;widows:3}
  .rv-q{padding:9pt 0 10pt;border-color:#d1d5de}
  .rv-answer{font:10.5pt/1.5 Arial,Helvetica,sans-serif;border:0;background:none;padding:0 0 3pt}
  .rv-acct{padding:9pt 0 12pt;border-color:#d1d5de}
  .rv-acct-hd{min-height:0;gap:7pt}
  .rv-acct-n{min-width:20pt;height:20pt;border-radius:0;background:#f2f4f8;color:#b4232b;font-size:10pt}
  .rv-area{font-size:10.5pt;color:#1f2640}
  .rv-acct-text,.rv-instr{font-size:9.5pt;line-height:1.45;color:#535b69}
  .rv-sublabel{font-size:8.5pt;margin:7pt 0 4pt}
  .rv-sig{border:0.6pt solid #d1d5de;border-left:3pt solid #1f2640;border-radius:0;background:#f6f7fa;padding:9pt 12pt;margin-bottom:9pt;break-inside:avoid}
  .rv-sig-l{font-size:8pt;color:#535b69}
  .rv-sig-v{font-size:10pt;line-height:1.45}
  .rv-signorder,.rv-signmean{font-size:9pt}
  .rv-jumpbox,.rv-btn,.rv-count,.rv-placeholder{display:none!important}
}