/* Reports, the Hallmark page (Rami approved the mockup on 2 November 2026; built 3 November 2026; public/reports.js page, week.js,
   stale.js). Cadence tokens only, so light and dark both work; a phone of 400px has no sideways scroll (wide tables scroll inside
   their own box). Everything is under .rph, so the Performance page that shares the Reports box (#rpPage) is not touched. */
html body .rph:not(#_){display:flex;flex-direction:column;gap:0;min-width:0;max-width:100%}
html body .rph-head:not(#_){margin:0 0 6px;padding-top:4px}
html body .rph-head .hl-title:not(#_):not(#_){font-size:30px}
html body .rph-head .hl-head-r .hl-more>summary:not(#_):not(#_):not(#_){width:38px;height:38px;min-height:38px;padding:0;display:inline-grid;place-items:center;font-size:18px}
html body .rph-allb:not(#_):not(#_){text-decoration:none;color:var(--c-ink)}
html body .rph-allb svg:not(#_):not(#_){fill:none;stroke:currentColor;stroke-width:1.4}
html body .rph-allb.on:not(#_):not(#_){box-shadow:inset 0 0 0 2px var(--c-ink)}

/* the reports as big tabs, with the count in a pill (dark on the one open); a starred made report has its star */
html body .rph-tabs:not(#_){display:flex;gap:4px 34px;margin:14px 0 16px;padding:0;border-bottom:1px solid var(--border);overflow-x:auto;scrollbar-width:none}
html body .rph-tabs::-webkit-scrollbar{display:none}
html body .rph-tabs a:not(#_):not(#_){display:inline-flex;align-items:center;gap:8px;padding:6px 2px 12px;margin:0 0 -1px;border-bottom:3px solid transparent;font-size:20px;font-weight:600;letter-spacing:-.01em;color:var(--ink-muted);white-space:nowrap;text-decoration:none;background:transparent}
html body .rph-tabs a:hover:not(#_):not(#_){color:var(--c-ink)}
html body .rph-tabs a.on:not(#_):not(#_){color:var(--c-ink);border-bottom-color:var(--c-ink)}
html body .rph-n:not(#_){display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 7px;box-sizing:border-box;border-radius:999px;background:var(--status-idle-bg);color:var(--ink-muted);font-size:12.5px;font-weight:600}
html body .rph-tabs a.on .rph-n:not(#_){background:var(--c-ink);color:var(--surface)}
html body .rph-star:not(#_){width:16px;height:16px;flex:none;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linejoin:round}
html body .rph-star.on:not(#_){fill:#e3b51c;stroke:#c99a0c}

/* the row under the tabs: the report's own controls, and a quiet note */
html body .rph-t4:not(#_){display:flex;align-items:center;justify-content:space-between;gap:10px 16px;flex-wrap:wrap;margin:0 0 16px;font-size:13.5px;color:var(--ink-muted);min-width:0}
html body .rph-t4l:not(#_){display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:0;color:var(--c-ink)}
html body .rph-t4r:not(#_){font-size:13px;color:var(--ink-muted)}
html body .rph-t4 b:not(#_){font-weight:700;color:var(--c-ink)}
html body .rph-seg:not(#_){display:inline-flex;gap:2px;padding:3px;border-radius:10px;background:var(--surface-sunken);max-width:100%;overflow-x:auto;scrollbar-width:none}
html body .rph-seg button:not(#_):not(#_){display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:0 14px;border:0;border-radius:7px;background:transparent;color:var(--ink-muted);font:inherit;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap}
html body .rph-seg button:hover:not(#_):not(#_){color:var(--c-ink)}
html body .rph-seg button.on:not(#_):not(#_){background:var(--surface);color:var(--c-ink);box-shadow:var(--shadow-raised,0 1px 2px rgba(0,0,0,.08))}
html body .rph-seg button span:not(#_){color:var(--ink-subtle);font-weight:600}
html body .rph-find:not(#_):not(#_){width:260px;max-width:100%;height:38px;box-sizing:border-box}

/* tiles: what it is, the big number, one line; a red or yellow one is pale with a line round it */
html body .rph-tiles:not(#_),html body .cw .cw-tiles:not(#_):not(#_){display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0 0 22px}
html body :is(.rph-tile,.cw .cw-t):not(#_):not(#_){position:relative;display:flex;flex-direction:column;gap:6px;min-width:0;padding:16px 18px;border-radius:14px;background:var(--surface-sunken);border:0;box-shadow:none;color:var(--c-ink);text-decoration:none}
html body a:is(.rph-tile,.cw-t):hover:not(#_):not(#_){background:var(--surface-hover)}
html body :is(.rph-tk,.cw .cw-tk):not(#_){display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:13px;font-weight:600;color:var(--ink-2,var(--c-ink))}
html body :is(.rph-tk,.cw-tk) i:not(#_){font-style:normal;color:var(--ink-muted);font-size:15px}
html body :is(.rph-tv,.cw .cw-t>b):not(#_):not(#_){font-size:26px;line-height:1.1;font-weight:700;letter-spacing:-.01em;color:var(--c-ink);font-variant-numeric:tabular-nums;order:0}
html body :is(.rph-ts,.cw .cw-t>small):not(#_):not(#_){font-size:12.5px;line-height:1.4;color:var(--ink-muted)}
html body .cw .cw-t>small.up:not(#_):not(#_){color:var(--accent-green);font-weight:700}
html body .cw .cw-t>small.dn:not(#_):not(#_){color:var(--status-stuck-fg);font-weight:700}
html body :is(.rph-tile.t-bad,.cw .cw-t.red):not(#_):not(#_){background:var(--status-stuck-bg);box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--accent-rose) 45%,transparent)}
html body :is(.rph-tile.t-part,.cw .cw-t.yellow):not(#_):not(#_){background:var(--status-working-bg);box-shadow:inset 0 0 0 1.5px color-mix(in srgb,#e3b51c 50%,transparent)}
html body .cw .cw-t.green:not(#_):not(#_){background:var(--status-done-bg)}
html body .cw .cw-t.cw-off:not(#_):not(#_){background:transparent;box-shadow:inset 0 0 0 1px var(--border)}
html body .cw .cw-t.cw-off>b:not(#_):not(#_){color:var(--ink-muted)}

/* a section: its name and what it says, a line under */
html body :is(.rph-sh,.cw .cw-sh):not(#_){display:flex;align-items:center;justify-content:space-between;gap:10px 14px;flex-wrap:wrap;padding:0 0 8px;margin:0 0 14px;border-bottom:1px solid var(--border)}
html body :is(.rph-sh h2,.cw .cw-sh .cw-h):not(#_):not(#_){margin:0;font-size:18px;font-weight:600;letter-spacing:-.01em;color:var(--c-ink)}
html body :is(.rph-sh>span,.cw-say):not(#_){font-size:13.5px;font-weight:500;color:var(--ink-muted)}
html body .rph-sec:not(#_){margin:6px 0 26px;min-width:0}
html body .rph-foot:not(#_):not(#_){margin:16px 0 0;font-size:12.5px;line-height:1.5;color:var(--ink-muted);max-width:90ch}

/* tables: no box, small titles, a thin line between rows; a wide one scrolls inside itself */
html body .rph-tw:not(#_){position:relative;overflow-x:auto;max-width:100%;min-width:0} /* relative: the hidden "Open" title (.vh) stays inside, or a phone scrolls sideways */
html body .rph-t:not(#_):not(#_){width:100%;border-collapse:collapse;font-size:14px;background:transparent}
html body .rph-t th:not(#_):not(#_){padding:10px 12px;font-size:12.5px;font-weight:600;color:var(--ink-muted);text-align:start;border-bottom:1px solid var(--border);background:transparent;white-space:nowrap}
html body .rph-t td:not(#_):not(#_){padding:12px;border-bottom:1px solid var(--border);vertical-align:middle;color:var(--c-ink);font-variant-numeric:tabular-nums}
html body .rph-t tbody tr:hover td:not(#_):not(#_){background:var(--surface-hover)}
html body .rph-t :is(th,td).n:not(#_):not(#_){text-align:end}
html body .rph-t td.bad:not(#_):not(#_){color:var(--status-stuck-fg);font-weight:700}
html body .rph-t td a:not(#_){color:var(--c-ink);font-weight:600;text-decoration:none}
html body .rph-t td a:hover:not(#_){text-decoration:underline;text-underline-offset:3px}
html body .rph-mute:not(#_){color:var(--ink-subtle)}
html body .vh:not(#_){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* Clients at risk */
html body .rph-cc:not(#_){display:flex;align-items:center;gap:12px;min-width:200px}
html body .rph-cc>span:last-child:not(#_){display:flex;flex-direction:column;gap:2px;min-width:0}
html body .rph-cc b:not(#_){font-size:15px;font-weight:600}
html body .rph-cc .rk-val:not(#_):not(#_){font-size:12.5px;color:var(--ink-muted);white-space:nowrap}
html body .rph-cav:not(#_){width:34px;height:34px;border-radius:50%;display:grid;place-items:center;flex:none;font-weight:700;font-size:13.5px;background:var(--status-idle-bg);color:var(--c-ink)}
html body .rph-rk.red .rph-cav:not(#_){background:var(--status-stuck-bg);color:var(--status-stuck-fg)}
html body .rph-rk.amber .rph-cav:not(#_){background:var(--status-working-bg);color:var(--status-working-fg)}
html body .rph-why:not(#_):not(#_){display:flex;flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;max-width:440px;white-space:normal}
html body .rph-why li:not(#_):not(#_){display:flex;gap:8px;align-items:baseline;font-size:13.5px;line-height:1.4;padding:0;border:0;background:transparent;color:var(--c-ink)}
html body .rph-why li:not(#_)::before{content:"";width:8px;height:8px;border-radius:50%;flex:none;background:#e3b51c;transform:translateY(-1px)}
html body .rph-why li.red:not(#_)::before{background:var(--accent-rose)}
html body .rph .rk-who:not(#_):not(#_){display:flex;align-items:center;gap:8px;min-width:0}
html body .rph :is(.rk-who,.rph-pp) .av:not(#_):not(#_){width:26px;height:26px;border-radius:50%;display:grid;place-items:center;flex:none;font-size:10.5px;font-weight:700;background:var(--status-done-bg);color:var(--status-done-fg)}
html body .rph .rk-who>span:last-child:not(#_){display:flex;flex-direction:column;min-width:0}
html body .rph .rk-who small:not(#_){font-size:12.5px;color:var(--ink-muted);white-space:nowrap}
html body .rph-act:not(#_):not(#_){text-align:end;white-space:nowrap;width:1%}
html body .rph-act .st-go:not(#_):not(#_),html body .cw-go:not(#_):not(#_){display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 12px;border-radius:8px;font-size:13px;font-weight:600;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--sg-ink) 35%,transparent)}
html body .rph-more:not(#_){margin:14px 0 0}
html body .rph-more>summary:not(#_){display:inline-block;cursor:pointer;list-style:none;font-size:14px;font-weight:600;color:var(--c-ink);text-decoration:underline;text-underline-offset:3px}
html body .rph-more>summary::-webkit-details-marker{display:none}
html body .rph-mh:not(#_){margin:12px 0 6px;font-size:13px;font-weight:600;color:var(--ink-muted)}
html body .rph .rk-fine:not(#_){display:flex;flex-wrap:wrap;gap:6px 14px}
html body .rph .rk-fine a:not(#_){color:var(--c-ink);font-size:14px}
html body .rph-facts .hh-g:not(#_){margin-top:0}

/* Routines */
html body .rph-pp:not(#_){display:inline-flex;align-items:center;gap:10px;white-space:nowrap}
html body .rph-pp b:not(#_){font-weight:600}
html body .rph-meter:not(#_){display:inline-flex;align-items:center;gap:10px;min-width:150px}
html body .rph-meter i:not(#_){display:block;flex:1 1 auto;height:6px;min-width:90px;border-radius:3px;background:var(--surface-sunken);overflow:hidden}
html body .rph-meter u:not(#_){display:block;height:100%;border-radius:3px;background:var(--ink-muted)}
html body .rph-meter.t-ok u:not(#_){background:var(--accent-green)}
html body .rph-meter.t-part u:not(#_){background:#e3b51c}
html body .rph-meter.t-bad u:not(#_){background:var(--accent-rose)}
html body .rph-meter b:not(#_){min-width:4ch;text-align:end;font-weight:600}
html body .rph .tb-miss:not(#_):not(#_){font-size:13px;line-height:1.45;white-space:normal;min-width:220px;color:var(--c-ink)}
html body .rph-worries:not(#_){display:flex;flex-direction:column;margin:0;padding:0;list-style:none}
html body .rph-worries li:not(#_){display:flex;gap:12px;align-items:flex-start;padding:14px 4px;border-bottom:1px solid var(--border)}
html body .rph-worries li>span:last-child:not(#_){display:flex;flex-direction:column;gap:3px;min-width:0}
html body .rph-worries q:not(#_){font-size:14.5px;color:var(--c-ink)}
html body .rph-worries small:not(#_){font-size:12.5px;color:var(--ink-muted)}
html body .rph-tag:not(#_){flex:none;font-size:11.5px;font-weight:700;padding:2px 8px;border-radius:5px;background:var(--status-working-bg);color:var(--status-working-fg);white-space:nowrap}
html body .rph .rp-fold:not(#_):not(#_){margin:6px 0 0}

/* All reports and a report made by Kasper */
html body .rph-lib:not(#_){display:flex;flex-direction:column}
html body .rph-li:not(#_):not(#_){display:grid;grid-template-columns:auto minmax(0,1fr) minmax(0,auto) auto;align-items:center;gap:6px 16px;padding:14px 6px;border-bottom:1px solid var(--border);color:var(--c-ink);text-decoration:none}
html body a.rph-li:not(#_):not(#_){grid-template-columns:minmax(0,1fr) minmax(0,auto) auto}
html body .rph-li:hover:not(#_):not(#_){background:var(--surface-hover)}
html body .rph-lt:not(#_):not(#_){display:flex;flex-direction:column;gap:3px;min-width:0;color:var(--c-ink);text-decoration:none}
html body .rph-lt b:not(#_){font-size:15.5px;font-weight:600}
html body .rph-lt small:not(#_),html body .rph-lm small:not(#_){font-size:13px;color:var(--ink-muted);line-height:1.4}
html body .rph-lm:not(#_){display:flex;flex-direction:column;align-items:flex-end;gap:2px;font-size:13px;color:var(--ink-muted);text-align:end}
html body .rph-lgo:not(#_):not(#_){color:var(--ink-muted);text-decoration:none;font-size:17px;padding:0 4px}
html body .rph-staro:not(#_):not(#_){display:inline-grid;place-items:center;width:34px;height:34px;padding:0;border:0;border-radius:8px;background:transparent;color:var(--ink-muted);cursor:pointer}
html body .rph-staro:hover:not(#_):not(#_){background:var(--surface-sunken);color:var(--c-ink)}
html body .rph-staro .rph-star:not(#_),html body .rph-starb .rph-star:not(#_){width:18px;height:18px}
html body .rph-empty:not(#_){display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:10px 4px}
html body .rph-made:not(#_){display:flex;flex-direction:column;gap:14px;min-width:0}
html body .rph-mt:not(#_){display:flex;align-items:flex-start;justify-content:space-between;gap:12px 20px;flex-wrap:wrap}
html body .rph-mt h2:not(#_):not(#_){margin:0;font-size:22px;font-weight:600;letter-spacing:-.01em}
html body .rph-q:not(#_){margin:6px 0 0;font-size:15px;color:var(--c-ink);max-width:80ch}
html body .rph-meta:not(#_){margin:6px 0 0;font-size:13px;color:var(--ink-muted);max-width:90ch}
html body .rph-mb:not(#_){display:flex;align-items:center;gap:8px;flex-wrap:wrap}
html body .rph-mb .btn-s:not(#_):not(#_),html body .rph-mb .hl-more>summary:not(#_):not(#_){height:38px;min-height:38px;display:inline-flex;align-items:center;gap:8px;font-weight:600}
html body .rph-mb .hl-more>summary:not(#_):not(#_):not(#_){width:38px;padding:0;justify-content:center;font-size:18px}
html body .rph-none:not(#_){padding:12px 4px}
html body .rph-sheet .rph-form:not(#_){display:flex;flex-direction:column;gap:12px}
html body .rph-form textarea:not(#_):not(#_){width:100%;box-sizing:border-box;min-height:96px;font:inherit;font-size:15px}
html body .rph-ex:not(#_){display:flex;flex-wrap:wrap;gap:6px}
html body .rph-chip:not(#_):not(#_){min-height:30px;padding:0 12px;border:0;border-radius:999px;background:var(--surface-sunken);color:var(--c-ink);font:inherit;font-size:13px;cursor:pointer}
html body .rph-chip:hover:not(#_):not(#_){background:var(--surface-hover)}
html body .rph-see:not(#_){border:0;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;min-width:0}
html body .rph-see legend:not(#_){padding:0;margin:0 0 6px;font-size:14px;font-weight:600;color:var(--c-ink)}
html body .rph-radio:not(#_):not(#_){display:flex!important;flex-direction:row!important;align-items:flex-start;gap:10px;padding:10px 12px;border-radius:10px;background:var(--surface-sunken);cursor:pointer}
html body .rph-radio span:not(#_){display:flex;flex-direction:column;gap:2px}
html body .rph-radio small:not(#_){font-size:12.5px;color:var(--ink-muted)}
html body .rph-ppl:not(#_){display:flex;flex-direction:column;gap:4px;max-height:220px;overflow:auto;padding:4px 12px}
html body .rph-ppl label:not(#_){display:flex;align-items:center;gap:8px;font-size:14px}

/* Circle this week, in the page's look: plain sections, the summary big, Needs you as numbered lines */
html body .rph .cw:not(#_):not(#_){display:flex;flex-direction:column;gap:28px;min-width:0}
html body .rph .cw-sec:not(#_):not(#_){background:transparent;border:0;box-shadow:none;padding:0;margin:0;border-radius:0;min-width:0}
html body .rph .cw-top:not(#_):not(#_){display:flex;flex-direction:column;gap:6px}
html body .rph .cw-top .rph-t4:not(#_){margin:0}
html body .rph .cw-lead:not(#_):not(#_){margin:0;font-size:17px;line-height:1.5;font-weight:500;color:var(--c-ink);max-width:80ch}
html body .rph .cw-goals:not(#_):not(#_){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
html body .rph .cw-goal:not(#_):not(#_){display:flex;flex-direction:column;gap:8px;padding:16px 18px;border-radius:14px;background:var(--surface-sunken);border:0;box-shadow:none;min-width:0}
html body .rph .cw-gv b:not(#_):not(#_){font-size:26px;font-weight:700}
html body .rph .cw-dec:not(#_):not(#_){display:flex;flex-direction:column;margin:0;padding:0;list-style:none}
html body .rph .cw-dec li:not(#_):not(#_){border:0;border-bottom:1px solid var(--border);margin:0;padding:0;background:transparent}
html body .rph .cw-dec a:not(#_):not(#_){display:grid;grid-template-columns:28px minmax(0,1fr) auto auto;align-items:center;gap:8px 16px;padding:12px 4px;color:var(--c-ink);text-decoration:none;background:transparent;border:0;box-shadow:none}
html body .rph .cw-dec a:hover:not(#_):not(#_){background:var(--surface-hover)}
html body .rph .cw-num:not(#_):not(#_){width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:var(--c-ink);color:var(--surface);font-size:12.5px;font-weight:700}
html body .rph .cw-dt:not(#_):not(#_){display:flex;flex-direction:column;gap:2px;min-width:0}
html body .rph .cw-dt b:not(#_):not(#_){font-size:15px;font-weight:600}
html body .rph .cw-dt small:not(#_):not(#_){font-size:13px;color:var(--ink-muted)}
html body .rph .cw-pill:not(#_):not(#_){background:transparent;border:0;padding:0;font-size:13px;font-weight:600;color:var(--c-ink);display:inline-flex;align-items:center;gap:7px;white-space:nowrap}
html body .rph .cw-go:not(#_):not(#_){min-width:150px;justify-content:space-between}
html body .rph .cw-go i:not(#_){font-style:normal}
html body .rph .cw-box:not(#_):not(#_){background:var(--surface-sunken);border:0;border-radius:14px;padding:16px 18px;box-shadow:none;min-width:0}
html body .rph .cw-box.cw-wide:not(#_):not(#_){background:transparent;padding:0}
html body .rph .cw-bh:not(#_):not(#_){margin:0 0 10px;font-size:14.5px;font-weight:600;color:var(--c-ink)}
html body .rph .cw-two:not(#_):not(#_){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px}
html body .rph .cw-foot:not(#_):not(#_){background:transparent;border:0;padding:0;margin:0;font-size:13px;color:var(--ink-muted)}
html body .rph .cw-foot>summary:not(#_){cursor:pointer;font-weight:600;color:var(--c-ink)}
html body .rph .cw-fg:not(#_):not(#_){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:10px}
html body .rph .cw-fg b:not(#_){display:block;color:var(--c-ink);margin-bottom:4px}
html body .rph .cw-wk:not(#_):not(#_){font-size:inherit;margin:0;font-weight:700}

/* Stale and lost work: the lists one at a time, a ⋯ on each stale line, How we estimate folded at the end */
html body .rph .slw:not(#_):not(#_){display:flex;flex-direction:column;gap:0;min-width:0}
html body .rph .slw-head:not(#_):not(#_){padding:0;border:0;background:transparent}
html body .rph .slw-pick select:not(#_):not(#_){height:38px;min-width:160px;font-weight:600}
html body .rph .slw-tile.t-bad:not(#_):not(#_){color:var(--c-ink)}
html body .rph .slw-two:not(#_):not(#_){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:0 0 26px}
html body .rph .slw-box:not(#_):not(#_){background:var(--surface-sunken);border:0;border-radius:14px;box-shadow:none;padding:16px 18px;min-width:0}
html body .rph .slw-box h3:not(#_):not(#_){font-size:14.5px;margin:0 0 10px}
html body .rph .slw-list:not(#_):not(#_){background:transparent;padding:0;margin:0 0 22px}
html body .rph .slw-lh:not(#_){margin-bottom:6px}
html body .rph .slw-t:not(#_):not(#_){width:100%;border-collapse:collapse;font-size:14px}
html body .rph .slw-t th:not(#_):not(#_){padding:10px 12px;font-size:12.5px;font-weight:600;color:var(--ink-muted);text-align:start;border-bottom:1px solid var(--border);background:transparent}
html body .rph .slw-t th.n:not(#_):not(#_){text-align:end}
html body .rph .slw-t td:not(#_):not(#_){padding:12px;border-bottom:1px solid var(--border);vertical-align:middle;background:transparent}
html body .rph .slw-t tbody tr:hover td:not(#_):not(#_){background:var(--surface-hover)}
html body .rph .slw-p a b:not(#_){font-weight:600;color:var(--c-ink)}
html body .rph .slw-p .slw-sub:not(#_):not(#_){display:block;font-size:12.5px;color:var(--ink-muted)}
html body .rph .slw-late:not(#_):not(#_){color:var(--status-stuck-fg);font-weight:600}
html body .rph .slw-rmb:not(#_):not(#_){display:inline-grid;place-items:center;width:34px;height:34px;padding:0;border-radius:8px;font-size:17px;cursor:pointer;list-style:none;color:var(--ink-muted)}
html body .rph .slw-rmb::-webkit-details-marker{display:none}
html body .rph .slw-rmb:hover:not(#_):not(#_){background:var(--surface-sunken);color:var(--c-ink)}
html body .rph .slw-how:not(#_):not(#_){margin:0 0 10px}
html body .rph .slw-how>summary:not(#_){cursor:pointer;font-size:14.5px;font-weight:600;color:var(--c-ink)}
html body .rph .slw-how .slw-howh h3:not(#_):not(#_){display:none}

/* a narrower screen, then a phone of 400px: the tiles two by two, the boxes one under the other, tables scroll inside their box */
@media (max-width:1100px){
  html body .rph-tiles:not(#_),html body .cw .cw-tiles:not(#_):not(#_){grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:760px){
  html body .rph-tabs:not(#_){gap:4px 22px}
  html body .rph-tabs a:not(#_):not(#_){font-size:17px}
  html body :is(.rph .cw-two,.rph .cw-goals,.rph .slw-two,.rph .cw-fg):not(#_):not(#_){grid-template-columns:minmax(0,1fr)}
  html body .rph .cw-dec a:not(#_):not(#_){grid-template-columns:28px minmax(0,1fr)}
  html body .rph .cw-dec :is(.cw-pill,.cw-go):not(#_):not(#_){grid-column:2;justify-self:start}
  html body .rph-li:not(#_):not(#_),html body a.rph-li:not(#_):not(#_){grid-template-columns:auto minmax(0,1fr) auto}
  html body .rph-li .rph-lm:not(#_){grid-column:2;align-items:flex-start;text-align:start}
  html body a.rph-li .rph-lm:not(#_){grid-column:1}
}
@media (max-width:560px){
  html body .rph-head .hl-head-l:not(#_){flex-direction:row}
  html body .rph-head .hl-head-r:not(#_){gap:6px}
  html body .rph-tiles:not(#_),html body .cw .cw-tiles:not(#_):not(#_){gap:10px}
  html body :is(.rph-tile,.cw .cw-t):not(#_):not(#_){padding:12px 14px}
  html body :is(.rph-tv,.cw .cw-t>b):not(#_):not(#_){font-size:22px}
  html body .rph-find:not(#_):not(#_){width:100%}
}

/* fixes after the first screenshots (3 November 2026) */
html body .rph>*:not(#_),html body .rph-body>*:not(#_){min-width:0;max-width:100%}
html body .rph .cw:not(#_):not(#_):not(#_){max-width:none}
html body .rph .cw-meta:not(#_):not(#_):not(#_){flex-direction:row;text-align:start}
html body .rph :is(.cw-red,.cw-yel,.cw-pur,.cw-grn) .cw-dot:not(#_):not(#_){width:8px;height:8px}
html body .rph .cw-red .cw-dot:not(#_):not(#_){background:var(--accent-rose)}
html body .rph .cw-yel .cw-dot:not(#_):not(#_){background:#e3b51c}
html body .rph .cw-pur .cw-dot:not(#_):not(#_){background:var(--accent-violet)}
html body .rph .cw-grn .cw-dot:not(#_):not(#_){background:var(--accent-green)}
html body .rph .slw-how:not(#_):not(#_){align-self:stretch;width:auto}
html body .rph .slw-t th.n:not(#_):not(#_):not(#_){text-align:end}
/* a report made by Kasper says when it was last run, at the top: it runs again on today's data every time it is opened (Rami, 3 Nov 2026) */
html body .rph-ran:not(#_){display:flex;align-items:center;flex-wrap:wrap;gap:4px 8px;margin:0 0 12px;font-size:13px;font-weight:600;color:var(--c-ink)}
html body .rph-ran time:not(#_){font-variant-numeric:tabular-nums}
html body .rph-ran small:not(#_){font-weight:500;color:var(--ink-muted);font-size:12.5px}
html body .rph-rdot:not(#_){width:7px;height:7px;border-radius:50%;background:var(--accent-green);flex:none}