/* Consulting in the redesign (Hallmark, Rami approved the mockup on 2 November 2026, review/hallmark/consulting-rethink.html), built
   3 November 2026 (public/consulting.js). Cadence tokens only, so light and dark follow by themselves; a phone of 400px has no sideways
   scroll (wide tables scroll inside their own box, and a phone gets cards); only logical sides, so Arabic mirrors. Every rule is under
   .csh (the page), so nothing else moves. The session and objectives panels keep their own styles (cadence.css, .cs-form …). */
html body .csh:not(#_){display:flex;flex-direction:column;gap:22px;min-width:0;max-width:100%;padding-bottom:40px}

/* ---------- the top ---------- */
html body .csh .hl-head:not(#_):not(#_){margin:0;padding-top:4px;align-items:flex-start}
html body .csh .csh-hl:not(#_):not(#_),html body .csh .csh-cl:not(#_):not(#_){flex-direction:column;align-items:flex-start;gap:6px}
html body .csh .csh-t1:not(#_){display:flex;align-items:center;gap:8px 14px;flex-wrap:wrap;min-width:0;max-width:100%}
html body .csh .hl-title:not(#_):not(#_):not(#_){font-size:30px;letter-spacing:-.02em;font-weight:600}
html body .csh .csh-n:not(#_){display:inline-grid;place-items:center;min-width:30px;height:30px;padding:0 10px;box-sizing:border-box;border-radius:999px;background:var(--surface-sunken);color:var(--ink-muted);font-size:15px;font-weight:600;font-variant-numeric:tabular-nums}
html body .csh .csh-meta:not(#_){display:flex;align-items:center;gap:6px 10px;flex-wrap:wrap;font-size:14px;color:var(--ink-muted)}
html body .csh .csh-who:not(#_){display:inline-flex;align-items:center;gap:7px;color:var(--ink-muted)}
html body .csh .csh-who i:not(#_){display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--accent-sky-soft);color:var(--accent-sky);font:700 10px/1 var(--font-sans);font-style:normal}
html body .csh .csh-who b:not(#_){color:var(--c-ink);font-weight:600}
html body .csh .csh-sep:not(#_){color:var(--ink-subtle)}
html body .csh :is(a,button).csh-link:not(#_):not(#_){display:inline;padding:0;border:0;background:transparent;font:inherit;font-weight:600;color:var(--c-ink);text-decoration:underline;text-decoration-color:var(--ink-muted);text-underline-offset:.2em;cursor:pointer}
html body .csh :is(a,button).csh-link:hover:not(#_):not(#_){text-decoration-color:var(--c-ink)}
html body .csh .csh-crumb:not(#_){display:flex;align-items:center;gap:6px;font-size:13.5px;font-weight:600}
html body .csh .csh-crumb a:not(#_){color:var(--ink-muted);text-decoration:none}
html body .csh .csh-crumb a:hover:not(#_){color:var(--c-ink);text-decoration:underline;text-underline-offset:3px}
html body .csh .csh-crumb span:not(#_){color:var(--ink-subtle)}
html body .csh .csh-cname:not(#_):not(#_):not(#_){margin:0;max-width:100%;overflow:visible}
html body .csh .csh-cname .hl-cname:not(#_):not(#_):not(#_){font-size:30px;letter-spacing:-.02em;margin-inline-start:0}
html body .csh .csh-t1>.csh-cname:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_){margin-inline-start:-6px} /* the name's own pull to the left sits on the title: inside, it was measured 6px short and cut the name off on a phone */
html body .csh .hl-head-r:not(#_):not(#_){flex-wrap:nowrap}
html body .csh .hl-head-r>.btn-s:not(#_):not(#_):not(#_),html body .csh .hl-head-r>details>summary.btn-s:not(#_):not(#_):not(#_){height:40px;min-height:40px;padding:0 16px;display:inline-flex;align-items:center;gap:8px;font-weight:600;white-space:nowrap}
html body .csh .hl-head-r>details>summary.csh-more:not(#_):not(#_):not(#_){width:40px;padding:0;justify-content:center;font-size:18px}
html body .csh .csh-said:not(#_){margin:-12px 0 0;font-size:13px;font-weight:600;color:var(--accent-green)}
html body .csh .csh-said:empty:not(#_){display:none}
html body .csh .csh-mut:not(#_){color:var(--ink-subtle);font-weight:500}
html body .csh .csh-bad:not(#_){display:block;margin-top:2px;font-size:12.5px;font-weight:600;color:var(--status-stuck-fg)}
html body .csh .csh-over:not(#_){color:var(--status-stuck-fg)}
html body .csh .csh-none:not(#_){padding:14px 4px;margin:0}

/* ---------- the tiles ---------- */
html body .csh .csh-tiles:not(#_){display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
html body .csh .csh-tile:not(#_){display:flex;flex-direction:column;gap:6px;min-width:0;padding:16px 18px;border-radius:14px;background:var(--surface);color:var(--c-ink)}
html body .csh .csh-tile .k:not(#_){font-size:13px;font-weight:600;color:var(--ink-muted)}
html body .csh .csh-tile .big:not(#_){font-size:30px;line-height:1.1;font-weight:600;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
html body .csh .csh-tile .s:not(#_){font-size:12.5px;line-height:1.4;color:var(--ink-muted);min-height:1em}
html body .csh .csh-tile.t-part:not(#_):not(#_){background:var(--status-working-bg);box-shadow:inset 0 0 0 1.5px color-mix(in srgb,#e3b51c 50%,transparent)}
html body .csh .csh-tile.t-bad:not(#_):not(#_){background:var(--status-stuck-bg);box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--accent-rose) 45%,transparent)}

/* ---------- the tables: no box, small titles, a thin line between rows ---------- */
html body .csh .csh-tw:not(#_){position:relative;overflow-x:auto;max-width:100%;min-width:0}
html body .csh table.csh-t:not(#_):not(#_){width:100%;border-collapse:collapse;background:transparent;font-size:14px}
html body .csh table.csh-t th:not(#_):not(#_){padding:10px 12px;border-bottom:1px solid var(--border);background:transparent;font-size:12.5px;font-weight:600;color:var(--ink-muted);text-align:start;white-space:nowrap}
html body .csh table.csh-t td:not(#_):not(#_){padding:10px 12px;border-bottom:1px solid var(--border);vertical-align:middle;background:transparent;color:var(--c-ink);font-variant-numeric:tabular-nums}
html body .csh table.csh-t tbody tr:not(#_){cursor:pointer}
html body .csh table.csh-t tbody tr:hover:not(#_)>td{background:var(--surface-hover)}
html body .csh table.csh-t tbody tr:focus-visible:not(#_){outline:2px solid var(--focus);outline-offset:-2px}
html body .csh table.csh-list tbody tr:not(#_):not(#_)>td{height:52px}
html body .csh table.csh-t tr.off:not(#_)>td>*{opacity:.62}
html body .csh .csh-cc:not(#_){display:flex;align-items:center;gap:12px;min-width:180px}
html body .csh a.csh-nm:not(#_):not(#_){font-size:15px;font-weight:600;color:var(--c-ink);text-decoration:none}
html body .csh tr:hover a.csh-nm:not(#_):not(#_),html body .csh a.csh-nm:focus-visible:not(#_){text-decoration:underline;text-underline-offset:3px}
html body .csh .csh-cav:not(#_){width:34px;height:34px;border-radius:50%;display:grid;place-items:center;flex:none;overflow:hidden;font-weight:700;font-size:13.5px;background:var(--status-idle-bg);color:var(--c-ink)}
html body .csh .csh-cav img:not(#_){width:100%;height:100%;object-fit:cover}
html body .csh .csh-cav.t-sky:not(#_){background:var(--accent-sky-soft);color:var(--accent-sky)}
html body .csh .csh-cav.t-rose:not(#_){background:var(--accent-rose-soft);color:var(--accent-rose)}
html body .csh .csh-cav.t-amber:not(#_){background:var(--accent-orange-soft);color:var(--accent-orange)}
html body .csh .csh-cav.t-green:not(#_){background:var(--accent-green-soft);color:var(--accent-green)}
html body .csh .csh-cav.t-violet:not(#_){background:var(--accent-violet-soft);color:var(--accent-violet)}
html body .csh .csh-meter:not(#_){display:inline-flex;align-items:center;gap:10px;white-space:nowrap}
html body .csh .csh-meter b:not(#_){font-weight:600}
html body .csh i.csh-bar:not(#_):not(#_){display:block;position:relative;flex:1 1 auto;width:110px;min-width:70px;height:6px;border-radius:999px;background:var(--surface-sunken);overflow:hidden;font-style:normal}
html body .csh i.csh-bar>u:not(#_){position:absolute;inset-block:0;inset-inline-start:0;border-radius:999px;background:var(--c-ink);text-decoration:none}
html body .csh i.csh-bar>u.y:not(#_){background:#c99a06}
html body .csh i.csh-bar>u.r:not(#_){background:var(--accent-rose)}
html body .csh td.csh-act:not(#_):not(#_){width:1%;text-align:end;white-space:nowrap}
html body .csh .csh-rmore:not(#_):not(#_):not(#_){width:34px;height:34px;min-height:34px;padding:0;display:inline-grid;place-items:center;border-color:transparent;background:transparent;font-size:17px}
html body .csh .csh-rmore:hover:not(#_):not(#_):not(#_),html body .csh details[open]>.csh-rmore:not(#_):not(#_):not(#_){border-color:var(--border-strong)}
html body .csh .csh-fin:not(#_):not(#_){align-self:center;padding:4px 8px;border:0;background:transparent;font:inherit;font-size:13.5px;font-weight:600;color:var(--c-ink);text-decoration:underline;text-decoration-color:var(--ink-muted);text-underline-offset:.2em;cursor:pointer}
html body .csh .vh:not(#_){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ---------- a client: the three cards ---------- */
html body .csh .csh-sum:not(#_){display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr) minmax(0,1.4fr);gap:14px}
html body .csh .csh-box:not(#_){display:flex;flex-direction:column;gap:8px;min-width:0;padding:16px 18px;border-radius:14px;background:var(--surface)}
html body .csh .csh-box .k:not(#_){font-size:13px;font-weight:600;color:var(--ink-muted)}
html body .csh .csh-box .big:not(#_){font-size:26px;line-height:1.1;font-weight:600;letter-spacing:-.02em}
html body .csh .csh-meter.wide:not(#_){display:flex;width:100%}
html body .csh .csh-meter.wide i.csh-bar:not(#_):not(#_){width:auto;height:8px}
html body .csh .csh-line:not(#_){font-size:12.5px;line-height:1.5;color:var(--ink-muted)}
html body .csh .csh-line a.csh-link:not(#_):not(#_){font-size:12.5px}
html body .csh .csh-obj:not(#_){margin:0;font-size:16px;font-weight:600;line-height:1.35;color:var(--c-ink)}
html body .csh .csh-objf:not(#_){display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:auto}
html body .csh .csh-objf .btn-s:not(#_):not(#_){height:34px;min-height:34px;padding:0 14px;font-weight:600}
html body .csh .csh-box .cs-ask:not(#_){font-size:12.5px}
html body .csh .csh-box>button.csh-link:not(#_):not(#_):not(#_){align-self:flex-start;font-size:13.5px}

/* ---------- the sessions ---------- */
html body .csh .csh-sec:not(#_){display:flex;flex-direction:column;gap:6px;min-width:0}
html body .csh .csh-sh:not(#_){display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 0 8px;border-bottom:1px solid var(--border)}
html body .csh .csh-sh h2:not(#_):not(#_){margin:0;font-size:18px;font-weight:600;letter-spacing:-.01em}
html body .csh .csh-sh>span:not(#_){font-size:13.5px;font-weight:600;color:var(--ink-muted)}
html body .csh table.csh-stable td:not(#_):not(#_){padding-block:12px;vertical-align:top}
html body .csh table.csh-stable thead th:first-child:not(#_):not(#_){width:120px}
html body .csh .csh-sn:not(#_){font-weight:600;white-space:nowrap}
html body .csh td.csh-notec:not(#_):not(#_){max-width:520px;white-space:normal}
html body .csh .csh-clamp:not(#_){display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:var(--ink-muted);overflow-wrap:anywhere}
html body .csh a.csh-file:not(#_):not(#_){font-size:13.5px;font-weight:600;color:var(--c-ink);text-decoration:underline;text-decoration-color:var(--ink-muted);text-underline-offset:.2em;overflow-wrap:anywhere}
html body .csh .csh-addsum:not(#_):not(#_):not(#_){height:32px;min-height:32px;padding:0 12px;display:inline-flex;align-items:center;border:0;border-radius:8px;font-size:13px;font-weight:600;white-space:nowrap}

/* ---------- a phone: a card a client, a card a session ---------- */
html body .csh .csh-cards:not(#_){display:flex;flex-direction:column}
html body .csh .csh-card:not(#_){display:flex;flex-direction:column;gap:6px;min-width:0;padding:14px 2px;border-bottom:1px solid var(--border);cursor:pointer}
html body .csh .csh-card.off:not(#_){opacity:.62}
html body .csh .csh-card:focus-visible:not(#_){outline:2px solid var(--focus);outline-offset:2px}
html body .csh .csh-ch:not(#_){display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0}
html body .csh .csh-ch>b:not(#_){min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15.5px;font-weight:600}
html body .csh .csh-ch .hl-dw:not(#_){flex:none;font-size:12.5px}
html body .csh .csh-cf:not(#_){display:flex;flex-wrap:wrap;align-items:center;gap:4px 14px;font-size:13.5px;color:var(--ink-muted)}
html body .csh .csh-cf b:not(#_){color:var(--c-ink);font-weight:600}
html body .csh .csh-card .csh-clamp:not(#_){font-size:13.5px;color:var(--c-ink)}
html body .csh .csh-card .csh-bad:not(#_){display:inline;margin:0}

/* the session's side panel: Date and Next side by side; the notes read as typed */
html body .sp .cs-form .csh-two:not(#_){display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:end}
html body .sp .csh-ntext:not(#_){white-space:pre-wrap}

@media (max-width:860px){
  html body .csh:not(#_){gap:18px}
  html body .csh .hl-head:not(#_):not(#_){flex-direction:row;flex-wrap:wrap;align-items:flex-start}
  html body .csh .csh-head>.hl-head-l:not(#_):not(#_){flex:1 1 auto;width:auto}
  html body .csh .csh-chead>.hl-head-l:not(#_):not(#_){width:100%}
  html body .csh .csh-chead>.hl-head-r:not(#_):not(#_){width:100%}
  html body .csh .csh-chead .csh-new:not(#_):not(#_):not(#_){flex:1 1 auto;justify-content:center}
  html body .csh .hl-title:not(#_):not(#_):not(#_),html body .csh .csh-cname .hl-cname:not(#_):not(#_):not(#_){font-size:26px}
  html body .csh .csh-t1>.hl-title:not(#_):not(#_):not(#_):not(#_){width:auto;flex:0 1 auto;min-width:0}
  html body .csh .csh-head .csh-t1:not(#_):not(#_){flex-wrap:nowrap}
  html body .csh .csh-chead .csh-t1>.hl-title:not(#_):not(#_):not(#_):not(#_):not(#_){flex:0 0 auto;max-width:100%} /* the whole name, the status beside it or under it */
  html body .csh .csh-tiles:not(#_){grid-template-columns:1fr 1fr;gap:10px}
  html body .csh .csh-tile:not(#_){padding:14px}
  html body .csh .csh-tile .big:not(#_){font-size:24px}
  html body .csh .csh-sum:not(#_){grid-template-columns:1fr 1fr;gap:10px}
  html body .csh .csh-sum .cs3:not(#_){grid-column:1/-1}
  html body .csh .csh-box:not(#_){padding:14px}
  html body .csh .csh-box .big:not(#_){font-size:22px}
  html body .sp .cs-form .csh-two:not(#_){grid-template-columns:1fr}
}