/* PROGRESS REPORT [7.60] — the ONE report a check-in produces, on the V2 system.
   Every class is .prr-* — .pr-* is progress-board.jsx's. The report is fluid and
   reads its OWN width (container queries), so the same markup is the phone sheet,
   the web page and the PDF. V2 hex values are literal: the template does not load
   _ds/ib-v2/styles.css and must not (its globals would move every other screen). */
@import url('https://fonts.googleapis.com/css2?family=Anton&family=Permanent+Marker&display=swap');
.prr{container-type:inline-size;--e:#075DC6;--ed:#044399;--eb:#4FA8FF;--et:#E5EFFC;--g:#1E9E62;--gd:#0F6B45;--gt:#E4F2E8;--y:#D9A21B;--yd:#8A6206;--yt:#F8EED6;--i:#111;--mu:#5C5C5C;--hl:#E4E4E4;--ch:#F5F5F5;--st:#1A1A1A;--gm:#2A2A2A;--sv:#9A9A9A;--red:#E31B23;background:var(--ch);color:var(--i);font-family:Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased;margin:-16px -16px 0;min-height:100%}
.prr *{box-sizing:border-box}
.prr a{color:var(--e)}.prr a:hover{color:#1C77E0}
.prr-in{padding:0 20px 28px}
.prr-ant{font-family:Anton,Impact,sans-serif;font-weight:400}
.prr-eb{font:800 12px 'Barlow Condensed',sans-serif;letter-spacing:.14em;text-transform:uppercase}
.prr-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;background:var(--i);color:#fff;padding:12px 20px}
.prr-back{display:flex;align-items:center;gap:6px;background:none;border:0;color:#fff;font:800 13px 'Barlow Condensed',sans-serif;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;padding:6px 0;min-height:36px}
.prr-bar span{font:500 11px 'JetBrains Mono',monospace;color:var(--sv)}
.prr-demo{display:flex;gap:4px;padding:10px 20px 0;flex-wrap:wrap;align-items:center}
.prr-demo em{font:500 10px 'JetBrains Mono',monospace;font-style:normal;color:var(--mu);margin-right:4px}
.prr-demo button{border:1px solid var(--hl);background:#fff;border-radius:3px;padding:5px 9px;font:600 11px Inter,sans-serif;cursor:pointer;color:#333}
.prr-demo button.on{background:var(--i);border-color:var(--i);color:#fff}
.prr-head{padding:26px 0 18px}
.prr-head .prr-eb{color:var(--e)}
.prr-head h1{font-family:Anton,Impact,sans-serif;font-weight:400;text-transform:uppercase;font-size:clamp(40px,11cqw,96px);line-height:.9;margin:8px 0 12px;letter-spacing:.01em;color:var(--i)}
.prr-by{display:flex;gap:6px 16px;flex-wrap:wrap;font:500 12px 'JetBrains Mono',monospace;color:var(--mu)}
.prr-by b{color:var(--i);font-weight:700}
.prr-note{background:#fff;border:1px solid var(--hl);border-radius:4px;padding:18px 18px 14px;position:relative}
.prr-who{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.prr-av{width:36px;height:36px;border-radius:999px;background:var(--i);color:#fff;display:grid;place-items:center;font:900 14px 'Barlow Condensed',sans-serif}
.prr-who b{display:block;font:900 17px 'Barlow Condensed',sans-serif;text-transform:uppercase;color:var(--i)}
.prr-who span{font-size:12px;color:var(--mu)}
.prr-note>p{font-size:16px;line-height:1.6;margin:0;color:var(--i);text-wrap:pretty}
.prr-sl{font:800 12px 'Barlow Condensed',sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--mu);margin:28px 0 10px;display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}
.prr-sl i{font:500 11px 'JetBrains Mono',monospace;font-style:normal;letter-spacing:0;text-transform:none}
/* the month's goal */
.prr-goal{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;background:var(--e);color:#fff;border-radius:4px;padding:18px 18px}
.prr-goal.miss{background:var(--st)}
.prr-goal .prr-eb{color:#fff;opacity:.9;font-size:11px}
.prr-goal b{display:block;font:900 22px 'Barlow Condensed',sans-serif;text-transform:uppercase;margin-top:4px;line-height:1.05}
.prr-goal span.lt{display:block;font-size:13px;margin-top:5px;line-height:1.45}
.prr-goal .hit{font-family:Anton,Impact,sans-serif;font-size:34px;line-height:1;text-align:right}
.prr-goal .hit small{display:block;font:800 11px 'Barlow Condensed',sans-serif;letter-spacing:.12em;margin-top:4px}
/* the journey — started / last / now / goal, one colour each */
.prr-jr{margin-top:10px;background:#fff;border:1px solid var(--hl);border-radius:4px;padding:18px 18px 16px}
.prr-jk{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:18px}
.prr-jk>div{border-top:4px solid var(--sv);padding-top:8px;min-width:0}
.prr-jk span{display:block;font:800 11px 'Barlow Condensed',sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--mu)}
.prr-jk b{display:block;font-family:Anton,Impact,sans-serif;font-weight:400;font-size:30px;line-height:1.05;margin-top:3px;color:var(--mu)}
.prr-jk b small{font-size:.45em}
.prr-jk em{font:500 10.5px 'JetBrains Mono',monospace;font-style:normal;color:var(--mu)}
.prr-jk .p{border-top-style:dashed}
.prr-jk .n{border-color:var(--e)}.prr-jk .n b{color:var(--e);font-size:clamp(26px,8.5cqw,38px);line-height:.95}
.prr-jk b{font-size:clamp(22px,7cqw,30px)}
.prr-jk .g{border-color:var(--g)}.prr-jk .g b{color:var(--gd)}
.prr-jt{position:relative;height:16px;border-radius:999px;background:var(--ch)}
.prr-jt i{position:absolute;top:0;bottom:0}
.prr-jt .s{left:0;background:#C9C9C9;border-radius:999px 0 0 999px}
.prr-jt .n{background:var(--e)}
.prr-jt .g{background:repeating-linear-gradient(135deg,var(--gt) 0 6px,#fff 6px 11px);border:2px dashed var(--g);border-left:0;border-radius:0 999px 999px 0}
.prr-jt u{position:absolute;top:50%;width:12px;height:12px;border-radius:999px;background:#fff;border:3px solid var(--sv);transform:translate(-50%,-50%)}
.prr-jt u.n{width:22px;height:22px;border-color:var(--e);background:var(--e);box-shadow:0 0 0 3px #fff}
.prr-jt u.g{width:20px;height:20px;border:3px solid var(--g);box-shadow:inset 0 0 0 3px #fff,inset 0 0 0 8px var(--g)}
.prr-jl{display:flex;margin-top:9px;font:700 10.5px 'JetBrains Mono',monospace;color:var(--mu)}
.prr-jl span{padding:0 4px;text-align:center;min-width:0}.prr-jl .n{color:var(--ed)}.prr-jl .g{color:var(--gd)}
.prr-jr>p{margin:14px 0 0;font-size:14px;color:#333;line-height:1.5}.prr-jr>p b{color:var(--ed)}
/* the scoreboard */
.prr-led{background:#fff;border:1px solid var(--hl);border-radius:4px;overflow:hidden}
.prr-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 14px;align-items:center;padding:16px 18px;border-top:1px solid var(--hl)}
.prr-row:first-child{border-top:0}
.prr-rl{font:900 17px 'Barlow Condensed',sans-serif;text-transform:uppercase;line-height:1.05}
.prr-rl span{display:block;font:500 11.5px Inter,sans-serif;text-transform:none;color:var(--mu);margin-top:3px}
.prr-rv{font-family:Anton,Impact,sans-serif;font-size:36px;line-height:1;text-align:right;white-space:nowrap}
.prr-rv small{font-size:.45em;color:var(--mu)}
.prr-rm{grid-column:1/-1;grid-row:2}.prr-rv{grid-column:2;grid-row:1}
.prr-trk{position:relative;height:12px;background:var(--ch);border-radius:999px;margin-top:14px}
.prr-trk i{position:absolute;top:0;bottom:0;left:0;border-radius:999px;background:var(--e)}
.prr-trk i.g{background:var(--g)}.prr-trk i.y{background:var(--y)}
.prr-trk u{position:absolute;top:-5px;bottom:-5px;width:2px;background:var(--i)}
.prr-trk u::after{content:attr(data-l);position:absolute;top:-16px;left:50%;transform:translateX(-50%);font:500 10.5px 'JetBrains Mono',monospace;color:var(--mu);white-space:nowrap}
.prr-meta{display:flex;gap:8px;align-items:center;margin-top:9px;font-size:12.5px;color:#444;flex-wrap:wrap}
.prr-chip{display:inline-flex;padding:3px 7px;border-radius:3px;font:700 11.5px 'JetBrains Mono',monospace;background:var(--ch);color:#444}
.prr-chip.g{background:var(--gt);color:var(--gd)}.prr-chip.b{background:var(--et);color:var(--ed)}.prr-chip.y{background:var(--yt);color:var(--yd)}
/* the wins */
.prr-wins{background:var(--i);color:#fff;border-radius:4px;overflow:hidden}
.prr-w{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 14px;align-items:center;padding:15px 18px;border-top:1px solid var(--gm)}
.prr-w:first-child{border-top:0}
.prr-w.hero{background:var(--st);padding:24px 18px}
.prr-tg{grid-column:1/-1;justify-self:start;padding:4px 8px;border-radius:3px;background:var(--e);color:#fff;font:800 11px 'Barlow Condensed',sans-serif;letter-spacing:.12em;text-transform:uppercase}
.prr-tg.pr{background:#fff;color:var(--i)}.prr-tg.st{background:var(--g)}
.prr-wn b{display:block;font:900 21px 'Barlow Condensed',sans-serif;text-transform:uppercase;line-height:1}
.prr-w.hero .prr-wn b{font-size:28px}
.prr-wn span{display:block;font:500 11px 'JetBrains Mono',monospace;color:var(--sv);margin-top:5px}
.prr-wv{font-family:Anton,Impact,sans-serif;font-size:36px;line-height:1;white-space:nowrap;text-align:right}
.prr-w.hero .prr-wv{font-size:58px}
.prr-wv small{font-size:.4em;color:var(--sv);margin-left:3px}
.prr-circ{display:inline-block;position:relative;padding:0 .18em}
.prr-circ::before{content:'';position:absolute;inset:-.08em -.12em -.02em;border:3px solid #fff;border-radius:50% 46% 52% 48%/48% 52% 46% 50%;transform:rotate(-4deg)}
.prr-empty{padding:18px;color:var(--sv);font-size:14px}
/* scans chart */
.prr-box{background:#fff;border:1px solid var(--hl);border-radius:4px;padding:16px 16px 10px}
.prr-box svg{display:block;width:100%;height:auto;overflow:visible}
/* next */
.prr-nx{display:grid;grid-template-columns:1fr;background:#fff;border:1px solid var(--hl);border-radius:4px}
.prr-nx>div{padding:14px 18px;border-top:1px solid var(--hl)}
.prr-nx>div:first-child{border-top:0}
.prr-nx>div:last-child{background:var(--et)}
.prr-nx span.l{display:block;font:800 11px 'Barlow Condensed',sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--mu)}
.prr-nx b{display:block;font-family:Anton,Impact,sans-serif;font-weight:400;font-size:30px;line-height:1.05;margin:4px 0 2px}
.prr-nx>div:last-child b{color:var(--e)}
.prr-nx span.d{font-size:12.5px;color:#444}
.prr-cta{display:flex;gap:10px;flex-wrap:wrap;margin:24px 0 8px}
.prr-btn{flex:1 1 160px;display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 18px;border-radius:4px;border:2px solid var(--e);background:var(--e);color:#fff!important;font:800 14px 'Barlow Condensed',sans-serif;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;text-decoration:none}
.prr-btn:hover{background:#1C77E0;border-color:#1C77E0}
.prr-btn.gh{background:transparent;color:var(--e)!important}
.prr-btn.pdf{gap:8px}.prr-btn.pdf svg{flex:none}
@media print{.prr-cta{display:none!important}}
.prr-foot{padding:16px 0 0;font:500 11px 'JetBrains Mono',monospace;color:var(--mu);border-top:1px solid var(--hl);margin-top:18px}
@container (min-width:620px){
.prr-in{padding:0 32px 40px}
.prr-row{grid-template-columns:160px minmax(0,1fr) auto;gap:18px}
.prr-rm{grid-column:auto;grid-row:auto;order:0}.prr-rv{grid-column:auto;grid-row:auto}.prr-trk{margin-top:0}
.prr-w{grid-template-columns:110px minmax(0,1fr) auto;gap:18px;padding:16px 22px}
.prr-tg{grid-column:auto}
.prr-w.hero .prr-wv{font-size:80px}
.prr-nx{grid-template-columns:repeat(3,minmax(0,1fr))}
.prr-nx>div{border-top:0;border-left:1px solid var(--hl)}.prr-nx>div:first-child{border-left:0}
.prr-jk b{font-size:38px}.prr-jk .n b{font-size:50px}
.prr-note{padding:22px 24px 16px}.prr-note>p{font-size:18px}
}
/* the lists (Check-In ▸ Reviews) */
.prl{display:flex;flex-direction:column;gap:12px}
.prl .prr-demo em{color:#5C5C5C}.prl .prr-demo button{border-color:#E4E4E4;color:#333;background:#fff}.prl .prr-demo button.on{background:#111;border-color:#111;color:#fff}
.prl-hd{font:900 22px 'Barlow Condensed',sans-serif;text-transform:uppercase;letter-spacing:.02em;color:#111;line-height:1}
.prl-hd span{display:block;font:500 11px 'JetBrains Mono',monospace;text-transform:none;letter-spacing:0;color:#5C5C5C;margin-top:5px}
.prl-list{background:#fff;border:1px solid #E4E4E4;border-radius:4px;overflow:hidden}
.prl-it{display:grid;grid-template-columns:minmax(0,1fr) auto 16px;gap:12px;align-items:center;width:100%;min-height:68px;padding:12px 16px;border:0;border-top:1px solid #E4E4E4;background:#fff;text-align:left;cursor:pointer;font:inherit;color:#111}
.prl-it:first-child{border-top:0}.prl-it:hover{background:#F5F5F5}
.prl-it b{display:flex;align-items:center;gap:8px;font:900 17px 'Barlow Condensed',sans-serif;text-transform:uppercase}
.prl-new{font:800 10.5px 'Barlow Condensed',sans-serif;letter-spacing:.12em;background:#075DC6;color:#fff;border-radius:3px;padding:2px 6px}
.prl-it .d{display:block;font:500 11px 'JetBrains Mono',monospace;color:#5C5C5C;margin-top:3px}
.prl-it .n{text-align:right;font-family:Anton,Impact,sans-serif;font-size:22px;line-height:1}
.prl-it .n small{display:block;font:700 10.5px 'JetBrains Mono',monospace;color:#0F6B45;margin-top:3px}
.prl-it .n small.up{color:#8A6206}
.prl-it .ch{color:#aaa;font-size:20px}
.prn{background:#fff;border:1px solid #E4E4E4;border-radius:4px;overflow:hidden;font-family:Inter,system-ui,sans-serif;color:#111}
.prn-top{background:#111;color:#fff;padding:18px 18px 20px}
.prn-top .prr-eb{color:#4FA8FF}
.prn-top h2{margin:8px 0 0;font-family:Anton,Impact,sans-serif;font-weight:400;text-transform:uppercase;font-size:30px;line-height:.98;color:#fff}
.prn-q{padding:16px 18px 0;font-size:15px;line-height:1.55}
.prn-q b{display:block;font:800 11px 'Barlow Condensed',sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#5C5C5C;margin-bottom:6px}
.prn-go{display:flex;align-items:center;justify-content:center;width:calc(100% - 36px);min-height:50px;margin:16px 18px 0;background:#075DC6;color:#fff;border:0;border-radius:4px;font:800 15px 'Barlow Condensed',sans-serif;letter-spacing:.12em;text-transform:uppercase;cursor:pointer}
.prn-go:hover{background:#1C77E0}
.prn-later{display:block;width:100%;background:none;border:0;padding:14px 18px 16px;font:500 12px Inter,sans-serif;color:#5C5C5C;cursor:pointer;min-height:44px}