/* Hand-drawn round 3 (Shane approved 20 Oct 2026; mockups/handdrawn-site-20261020/round3). Hand-maintained.
   Icons: single graphite #2F2F33 line (~1.5px) ending in the yellow #FFC21A dot (js/r3-icons.js / handoff-build/r3/r3_icons.json).
   Editor's marks, for status only and always next to a word: green #1E7A46 tick (Completed), light orange #C2410C circle
   (weakest practice score), open grey ring (not started), grey padlock without the dot (locked). All aria-hidden. */
svg.r3i,svg.r3d-tick,svg.r3d-ring{display:inline-block;flex:none;vertical-align:middle;overflow:visible}
.r3-h{display:flex;align-items:center;gap:12px}
.r3-h>svg{margin-top:-2px}
.r3-circ{position:relative;display:inline-block}
.r3-circ svg.r3d-circle{position:absolute;left:50%;top:50%;transform:translate(-50%,-52%);pointer-events:none;overflow:visible}
/* learner dashboard */
.kvl li{align-items:center}.kvl li span{display:inline-flex;align-items:center;gap:10px}
.r3-sk{background:#FFF8E1!important}
.onotice svg.r3i{margin-top:0}
.st .r3d-tick{margin-left:2px;margin-top:-3px}
.st.ns{color:#4A4A4F}.st.ns svg{margin-right:2px}
.actl li{grid-template-columns:72px 20px minmax(0,1fr);align-items:center}
.prl .pv{position:relative}
.yc-tx b{display:inline-flex;align-items:center;justify-content:center;gap:3px}
.yc-tx b svg{margin-top:-2px}
.yc-tx .st svg{flex:none}
/* team report */
.r3-kl{display:flex;align-items:center;gap:9px}
.r3-ai{background:#F7F5F0!important;color:inherit;width:44px;height:44px;border-radius:12px}
.badge svg{margin:-2px 0}
.certs li{justify-content:flex-start}.certs li>div{flex:1;min-width:0}.certs li>svg{flex:none}
.certs .btn,.tot .btn{display:inline-flex;align-items:center;gap:6px}
.wr .r3-circ{padding:0 2px}
.search svg.r3i{flex:none}
/* Learn */
.stepsrow li{display:inline-flex;align-items:center;gap:6px}.stepsrow li a{display:inline-flex;align-items:center;gap:6px;color:inherit}
.stepsrow li.arr{gap:0}
.lcard .m{display:flex;align-items:center;gap:7px}
.lcard .s{display:flex;align-items:center;gap:6px}
.r3-s{font-size:14px;font-weight:700;color:#4A4A4F}.r3-s.done{color:#1E7A46}.r3-s.prog{color:#C2410C}
.darkpanel{gap:28px}.r3-dk{flex:none;display:inline-flex;align-items:center;justify-content:center;width:84px;height:84px;border-radius:20px;background:#1C1C1E}
.r3-ey{margin:0;display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600;color:var(--muted)}
.r3-big{margin:12px 0 0;font-size:21px;font-weight:700;line-height:1.3}
.r3-bar{margin-top:16px;height:8px;border-radius:999px;background:#EEEBE5;overflow:hidden}.r3-bar i{display:block;height:100%;border-radius:999px;background:linear-gradient(95deg,#FFB800,#F16A1D)}
.r3-next{margin:14px 0 18px;font-size:15px;color:var(--muted)}.r3-next b{color:var(--ink)}
.r3-who{display:inline-flex;align-items:center;gap:10px;padding:5px 16px 5px 5px;min-height:44px;border-radius:999px;background:#fff;box-shadow:0 0 0 1px var(--hairline,#E6E2DA);text-decoration:none;color:var(--ink,#1D1D1F);font-size:14px;font-weight:600}
.r3-who .av{width:34px;height:34px;border-radius:50%;background:#F2F0EB;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}
.r3-who:focus-visible{outline:3px solid var(--ink,#1D1D1F);outline-offset:2px}
@media (max-width:640px){.darkpanel .r3-dk{width:64px;height:64px;border-radius:16px}}
/* home (below the hero only) */
.r3-ben{display:inline-flex;margin:-6px 0 2px -4px}
.ticks li svg.r3i{flex:none}