/* R21 supervision candidate - isolated styles */
#r21-workload{background:var(--surface,#fff);border:1px solid #dce6ef;border-radius:18px;padding:24px;margin:24px 0;min-width:0}
.r21-head{display:flex;align-items:start;justify-content:space-between;gap:12px;flex-wrap:wrap}
#r21-workload h2{margin:4px 0 14px}#r21-workload h3{font-size:1rem;margin:23px 0 12px}
.r21-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:12px}
.r21-kpi{background:#f3f7fb;border:1px solid #e0e8f2;border-radius:12px;padding:15px;display:flex;flex-direction:column;gap:7px;min-width:0}
.r21-kpi small,.r21-kpi span{color:#475569}.r21-kpi strong{font-size:1.8rem;color:#12315a}
.r21-portfolio{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.r21-client{display:flex;flex-direction:column;gap:8px;background:#fff;border:1px solid #dce6ef;border-radius:12px;padding:14px;min-width:0}
.r21-client span,.r21-client small{color:#475569}
.r21-watch{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px}
.r21-watch>div{display:flex;justify-content:space-between;gap:10px;background:#f3f7fb;border-radius:9px;padding:12px}
.r21-watch strong{font-size:1.25rem}.r21-footnote{color:#52657b;font-size:.83rem;margin-top:18px}.r21-warning{border-left:3px solid #b45309;padding:12px}
@media(max-width:600px){#r21-workload{padding:15px}.r21-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.r21-kpi strong{font-size:1.45rem}}

/* R21.1 readability and responsive QA */
#r21-workload{padding:clamp(20px,2.3vw,32px);border-radius:18px;box-shadow:0 5px 18px rgba(16,45,75,.045)}
#r21-workload .r21-head h2{font-size:clamp(1.3rem,2vw,1.65rem);line-height:1.25;margin:5px 0 10px}
#r21-workload h3{font-size:1.08rem;font-weight:750;color:#153659;margin:28px 0 13px}
#r21-workload .r21-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
#r21-workload .r21-kpi{min-height:118px;padding:17px 18px;gap:10px;border-radius:14px;background:#f4f8fd}
#r21-workload .r21-kpi small{font-size:.88rem;font-weight:650;line-height:1.42;color:#34516b}
#r21-workload .r21-kpi strong{font-size:2rem;line-height:1.07;font-weight:800;letter-spacing:-.03em;color:#163c68}
#r21-workload .r21-kpi span{font-size:.82rem;line-height:1.35}
#r21-workload .r21-portfolio{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
#r21-workload .r21-client{min-height:110px;padding:17px;gap:9px;background:#fbfdff}
#r21-workload .r21-client strong{font-size:1.02rem;line-height:1.4;overflow-wrap:anywhere}
#r21-workload .r21-client span,#r21-workload .r21-client small{font-size:.88rem;line-height:1.4}
#r21-workload .r21-watch{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
#r21-workload .r21-watch>div{min-height:64px;align-items:center;padding:15px 17px;border:1px solid #e1eaf3;background:#f5f9fe;border-radius:12px}
#r21-workload .r21-watch span{font-size:.88rem;line-height:1.4;color:#35506b}
#r21-workload .r21-watch strong{font-size:1.45rem;color:#143c68}
#r21-workload .r21-footnote{margin-top:24px;line-height:1.55}
@media(max-width:860px){#r21-workload .r21-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:570px){#r21-workload{padding:17px;margin:18px 0}#r21-workload .r21-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#r21-workload .r21-kpi{padding:13px;min-height:105px}#r21-workload .r21-kpi small{font-size:.81rem}#r21-workload .r21-kpi strong{font-size:1.6rem}#r21-workload .r21-portfolio,#r21-workload .r21-watch{grid-template-columns:1fr}}
@media(max-width:370px){#r21-workload .r21-grid{grid-template-columns:1fr}}