create-pmos 0.512.0 → 0.513.0

package/workspace/public/pm/cozy-board.css

@@ -25,13 +25,13 @@ body.bd-page .dock, body.bd-page .sky, body.bd-page .hero, body.bd-page .rail {
 .bd-page svg { fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
 
 /* the panel (AgBoard .panel): no page header; it starts at the top */
-body.bd-page main.bd-main { position: relative; max-width: none; margin: 16px; padding: 22px 28px 20px; min-height: calc(100vh - 32px); box-sizing: border-box; font-family: var(--cz-sans); font-size: var(--fs-3); color: var(--cz-ink);
-  background: var(--cz-card); border-radius: 28px; box-shadow: 0 30px 70px -36px rgba(42,46,53,.28); display: flex; flex-direction: column; gap: 14px; }
+body.bd-page main.bd-main { position: relative; max-width: none; margin: 16px; padding: 22px 28px 20px; min-height: calc(100vh - 32px); box-sizing: border-box; font-family: var(--cz-sans); font-size: var(--fs-body); color: var(--cz-ink);
+  background: var(--cz-card); border-radius: 28px; box-shadow: 0 30px 70px -36px rgba(42,46,53,.28); display: flex; flex-direction: column; gap: 14px; line-height: var(--lh-body); }
 .bd-page main.bd-main * { box-sizing: border-box; }
 
 /* ── the toolbar (AgBoard .hd .tools) ── */
 .bd-hd { display: flex; align-items: center; gap: 16px; min-height: 40px; }
-.bd-title { display: none; font-weight: 800; font-size: var(--fs-4); }
+.bd-title { display: none; font-weight: var(--fw-strong); font-size: var(--fs-row); line-height: var(--lh-row); }
 .bd-tools { margin-left: auto; display: flex; align-items: center; gap: 6px; }
 .bd-ib { width: 40px; height: 40px; border-radius: 999px; display: inline-flex; align-items: center; justify-content: center; color: var(--cz-ink2); background: transparent; border: 0; padding: 0; cursor: pointer; font: inherit; text-decoration: none; flex: none; position: relative; }
 .bd-ib:hover { background: var(--cz-well); }
@@ -51,7 +51,7 @@ body.bd-page main.bd-main { position: relative; max-width: none; margin: 16px; p
 /* the product picker (AgBoard .pick): 30 px, 13 px bold, a small chevron */
 .bd-pickw .where { gap: 6px; display: flex; }
 .bd-pickw .crumb { display: inline-flex; align-items: center; gap: 0; height: 30px; padding: 0 8px 0 0; border: 0; border-radius: 999px; background: var(--cz-well); font-family: var(--cz-sans); box-shadow: none; backdrop-filter: none; -webkit-backdrop-filter: none; }
-.bd-pickw .crumb #crBoard { height: 30px; min-height: 30px; padding: 0 2px 0 12px; font: 700 var(--fs-2) var(--cz-sans); color: var(--cz-ink2); background: none; border: 0; border-radius: 999px; opacity: 1; }
+.bd-pickw .crumb #crBoard { height: 30px; min-height: 30px; padding: 0 2px 0 12px; font: var(--fw-strong) var(--fs-label)/var(--lh-label) var(--cz-sans); color: var(--cz-ink2); background: none; border: 0; border-radius: 999px; opacity: 1; }
 .bd-pickw .crumb .cri { height: 26px; width: 22px; min-width: 22px; color: var(--cz-ink2); background: none; border: 0; box-shadow: none; padding: 0; }
 .bd-pickw .crumb .cri svg { width: 13px; height: 13px; }
 .bd-pickw .crumb .cri[hidden] { display: none; }
@@ -71,7 +71,7 @@ body.bd-page main.bd-main { position: relative; max-width: none; margin: 16px; p
 .bd-page .crmenu { position: absolute; top: calc(100% + 8px); left: 0; z-index: 50; min-width: 220px; padding: 6px; display: grid; gap: 2px; font-family: var(--cz-sans); background: var(--cz-card); border: 1px solid var(--cz-hair); border-radius: 18px; box-shadow: 0 24px 50px -20px rgba(42,46,53,.4); }
 .bd-page .crmenu[hidden] { display: none; }
 .bd-page #moreMenu { right: 0; left: auto; }
-.bd-page .crmenu > button { all: unset; box-sizing: border-box; cursor: pointer; display: flex; align-items: center; gap: 8px; min-height: 44px; padding: 0 12px; border-radius: 12px; font: 600 var(--fs-3) var(--cz-sans); color: var(--cz-ink); white-space: nowrap; }
+.bd-page .crmenu > button { all: unset; box-sizing: border-box; cursor: pointer; display: flex; align-items: center; gap: 8px; min-height: 44px; padding: 0 12px; border-radius: 12px; font: var(--fw-strong) var(--fs-row)/var(--lh-row) var(--cz-sans); color: var(--cz-ink); white-space: nowrap; }
 .bd-page .crmenu > button:hover, .bd-page .crmenu > button:focus-visible { background: var(--cz-well); }
 .bd-page .crmenu > button .bd-wtag { margin-left: auto; }
 /* the product menu ticks several (batch 11 item 7): a blue tick when on, a grey dash on All products when only some are */
@@ -81,13 +81,13 @@ body.bd-page main.bd-main { position: relative; max-width: none; margin: 16px; p
 .bd-page .crmenu > button[aria-checked="false"] { color: var(--cz-ink2); }
 .bd-page .crmenu .crsep { height: 1px; margin: 4px 8px; background: var(--cz-hair); }
 .bd-pickw .crumb #crBoard { max-width: 220px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
-.bd-pickw .crumb #crBoard b { font-weight: 700; color: var(--cz-ink3); }
-.bd-page .crmenu em { margin-left: auto; font-style: normal; font-size: var(--fs-2); font-weight: 600; color: var(--cz-ink3); }
-.bd-page .tbrow { display: flex; align-items: center; gap: 10px; min-height: 40px; padding: 0 6px 0 12px; font: 600 var(--fs-2) var(--cz-sans); color: var(--cz-ink2); }
+.bd-pickw .crumb #crBoard b { font-weight: var(--fw-strong); color: var(--cz-ink3); }
+.bd-page .crmenu em { margin-left: auto; font-style: normal; font-size: var(--fs-label); font-weight: var(--fw-strong); color: var(--cz-ink3); line-height: var(--lh-label); }
+.bd-page .tbrow { display: flex; align-items: center; gap: 10px; min-height: 40px; padding: 0 6px 0 12px; font: var(--fw-strong) var(--fs-label)/var(--lh-label) var(--cz-sans); color: var(--cz-ink2); }
 .bd-page .tbrow[hidden] { display: none; }
 .bd-page .tbseg { margin-left: auto; display: inline-flex; gap: 2px; padding: 3px; border-radius: 999px; background: var(--cz-well); }
-.bd-page .tbseg button { all: unset; cursor: pointer; height: 26px; padding: 0 10px; border-radius: 999px; font: 600 var(--fs-2) var(--cz-sans); color: var(--cz-ink2); display: inline-flex; align-items: center; }
-.bd-page .tbseg button[aria-checked="true"] { background: var(--cz-card); color: var(--cz-ink); font-weight: 800; box-shadow: 0 1px 3px rgba(42,46,53,.12); }
+.bd-page .tbseg button { all: unset; cursor: pointer; height: 26px; padding: 0 10px; border-radius: 999px; font: var(--fw-strong) var(--fs-label)/var(--lh-label) var(--cz-sans); color: var(--cz-ink2); display: inline-flex; align-items: center; }
+.bd-page .tbseg button[aria-checked="true"] { background: var(--cz-card); color: var(--cz-ink); font-weight: var(--fw-strong); box-shadow: 0 1px 3px rgba(42,46,53,.12); }
 .bd-page .tbseg button:focus-visible { outline: 2px solid var(--cz-blue); outline-offset: 1px; }
 .bd-page .crumb { position: relative; }
 .bd-page .crumb button { cursor: pointer; }
@@ -96,54 +96,54 @@ body.bd-page main.bd-main { position: relative; max-width: none; margin: 16px; p
 /* ── the tabs and the chips (AgBoard .row .tab .chip) ── */
 .bd-chiprow { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
 .bd-tabs { display: flex; gap: 4px; margin-right: 8px; }
-.bd-tab { height: 32px; padding: 0 12px; border-radius: 999px; font: 700 var(--fs-2) var(--cz-sans); color: var(--cz-ink3); background: none; border: 0; display: inline-flex; align-items: center; gap: 6px; cursor: pointer; }
+.bd-tab { height: 32px; padding: 0 12px; border-radius: 999px; font: var(--fw-strong) var(--fs-label)/var(--lh-label) var(--cz-sans); color: var(--cz-ink3); background: none; border: 0; display: inline-flex; align-items: center; gap: 6px; cursor: pointer; }
 .bd-tab[aria-selected="true"] { background: var(--cz-well); color: var(--cz-ink); }
-.bd-tab .n { font-weight: 600; color: var(--cz-ink3); }
+.bd-tab .n { font-weight: var(--fw-strong); color: var(--cz-ink3); }
 .bd-chipset { display: contents; }
-.bd-chip { height: 30px; padding: 0 11px; border-radius: 999px; border: 1px solid var(--cz-hair); background: var(--cz-card); display: inline-flex; align-items: center; gap: 6px; font: 600 var(--fs-2) var(--cz-sans); color: var(--cz-ink2); white-space: nowrap; cursor: pointer; text-decoration: none; flex: none; }
+.bd-chip { height: 30px; padding: 0 11px; border-radius: 999px; border: 1px solid var(--cz-hair); background: var(--cz-card); display: inline-flex; align-items: center; gap: 6px; font: var(--fw-strong) var(--fs-label)/var(--lh-label) var(--cz-sans); color: var(--cz-ink2); white-space: nowrap; cursor: pointer; text-decoration: none; flex: none; }
 .bd-chip:hover { background: var(--cz-well); }
 .bd-adc { padding-left: 4px; }   /* the Jira chip's Adler face (batch 17 item 4-A) sits where the refresh icon stood */
 .bd-chip.bd-adc svg.ad-svg { width: 24px; height: 24px; }
 .bd-chip svg { width: 14px; height: 14px; flex: none; }
-.bd-chip b { font-weight: 800; color: var(--cz-ink); }
-.bd-chip.gh { border-color: transparent; background: transparent; padding: 0 8px; font-weight: 800; }
+.bd-chip b { font-weight: var(--fw-strong); color: var(--cz-ink); }
+.bd-chip.gh { border-color: transparent; background: transparent; padding: 0 8px; font-weight: var(--fw-strong); }
 .bd-chip.gh:hover { background: var(--cz-well); }
 .bd-chip.on, .bd-chip.gh.on { background: var(--cz-bluebg); border-color: transparent; color: var(--cz-blueink); }
 .bd-chip .cz-dot { width: 7px; height: 7px; }
 .bd-chip.off { cursor: default; color: var(--cz-ink3); border-style: dashed; background: transparent; }
 .bd-chip.off:hover { background: transparent; }
-.bd-chip em { font-style: normal; font-weight: 600; color: var(--cz-ink3); margin-left: 2px; }
+.bd-chip em { font-style: normal; font-weight: var(--fw-strong); color: var(--cz-ink3); margin-left: 2px; }
 .bd-chip:disabled { opacity: .6; }
 .bd-sp { margin-left: auto; }
 /* the calmer top bar (batch 24 item 7, canvas BbB): one pill for what needs a look, the legend behind (i), Jira as Adler's face */
-.bd-chip.bd-need { background: var(--cz-well); border-color: transparent; gap: 10px; padding: 0 10px 0 12px; font-weight: 800; color: var(--cz-ink); }
+.bd-chip.bd-need { background: var(--cz-well); border-color: transparent; gap: 10px; padding: 0 10px 0 12px; font-weight: var(--fw-strong); color: var(--cz-ink); }
 .bd-chip.bd-need > span { display: inline-flex; align-items: center; gap: 5px; }
 .bd-chip.bd-need.on { background: var(--cz-bluebg); color: var(--cz-blueink); }
 .bd-needm { min-width: 220px; }
-.bd-needm .bd-mlbl, .bd-lgdm .bd-mlbl { font: 800 var(--fs-1) var(--cz-sans); color: var(--cz-ink3); padding: 6px 10px 4px; letter-spacing: .5px; text-transform: uppercase; white-space: nowrap; }
+.bd-needm .bd-mlbl, .bd-lgdm .bd-mlbl { font: var(--fw-strong) var(--fs-badge)/var(--lh-badge) var(--cz-sans); color: var(--cz-ink3); padding: 6px 10px 4px; letter-spacing: .5px; text-transform: uppercase; white-space: nowrap; }
 .bd-needm .bd-nr { display: flex; align-items: center; gap: 10px; }
-.bd-needm .bd-nr .k { margin-left: auto; color: var(--cz-ink3); font-weight: 700; }
+.bd-needm .bd-nr .k { margin-left: auto; color: var(--cz-ink3); font-weight: var(--fw-strong); }
 .bd-needm .bd-nr.on { background: var(--cz-bluebg); color: var(--cz-blueink); }
 .bd-needm .cz-dot { width: 7px; height: 7px; }
 .bd-lgdm { min-width: 220px; padding: 6px 12px 10px; }
-.bd-lgdm .tg-lgd { position: static; flex-direction: column; gap: 9px; padding: 4px 0 0; background: none; font-weight: 600; color: var(--cz-ink2); white-space: nowrap; }
+.bd-lgdm .tg-lgd { position: static; flex-direction: column; gap: 9px; padding: 4px 0 0; background: none; font-weight: var(--fw-strong); color: var(--cz-ink2); white-space: nowrap; }
 .bd-chip.bd-jf { width: 36px; padding: 0; justify-content: center; border-color: transparent; background: transparent; position: relative; }
 .bd-chip.bd-jf:hover { background: var(--cz-well); }
 .bd-chip.bd-jf svg.ad-svg { width: 24px; height: 24px; }
 .bd-pip { position: absolute; right: 3px; top: 3px; width: 9px; height: 9px; border-radius: 50%; background: var(--cz-risk); border: 2px solid var(--cz-card); }
 
 /* ── the "Waiting for design" card, where the shell has none yet; messages ── */
-.bd-wait { border: 1px dashed var(--cz-hair); border-radius: 18px; padding: 22px; color: var(--cz-ink3); font-size: var(--fs-2); }
-.bd-wait b { display: block; color: var(--cz-ink); font-size: var(--fs-3); margin-bottom: 4px; }
+.bd-wait { border: 1px dashed var(--cz-hair); border-radius: 18px; padding: 22px; color: var(--cz-ink3); font-size: var(--fs-meta); line-height: var(--lh-meta); }
+.bd-wait b { display: block; color: var(--cz-ink); font-size: var(--fs-body); margin-bottom: 4px; line-height: var(--lh-body); }
 .bd-wait p { margin: 0; }
 .bd-waitw { min-height: 200px; }
-.bd-msg { margin: 0; padding: 18px; border: 1px solid var(--cz-hair); border-radius: 18px; font-size: var(--fs-2); color: var(--cz-ink3); }
+.bd-msg { margin: 0; padding: 18px; border: 1px solid var(--cz-hair); border-radius: 18px; font-size: var(--fs-meta); color: var(--cz-ink3); line-height: var(--lh-meta); }
 .bd-msg b { color: var(--cz-ink); }
 .bd-msg.err b { color: var(--cz-red); }
-.bd-toast { position: fixed; z-index: 80; left: 50%; bottom: 28px; transform: translateX(-50%); background: var(--cz-ink); color: var(--cz-card); border-radius: 999px; padding: 9px 18px; font: 600 var(--fs-3) var(--cz-sans); box-shadow: 0 10px 30px -10px rgba(0,0,0,.4); max-width: calc(100vw - 32px); }
+.bd-toast { position: fixed; z-index: 80; left: 50%; bottom: 28px; transform: translateX(-50%); background: var(--cz-ink); color: var(--cz-card); border-radius: 999px; padding: 9px 18px; font: var(--fw-strong) var(--fs-row)/var(--lh-row) var(--cz-sans); box-shadow: 0 10px 30px -10px rgba(0,0,0,.4); max-width: calc(100vw - 32px); }
 .bd-toast[hidden] { display: none; }
 .bd-toast { display: flex; align-items: center; gap: 12px; }
-.bd-undo { all: unset; cursor: pointer; font-weight: 800; color: var(--cz-blueink); padding: 2px 4px; border-radius: 6px; }
+.bd-undo { all: unset; cursor: pointer; font-weight: var(--fw-strong); color: var(--cz-blueink); padding: 2px 4px; border-radius: 6px; }
 .bd-undo:focus-visible { outline: 2px solid var(--cz-blue); }
 
 /* ── the stage track (AgBoard .tg .tr .tl) ── */
@@ -152,17 +152,17 @@ body.bd-page main.bd-main { position: relative; max-width: none; margin: 16px; p
 .bt { display: flex; flex-direction: column; border: 1px solid var(--cz-hair); border-radius: 18px; overflow: hidden; }
 .bt-r { display: grid; grid-template-columns: 236px 576px minmax(0, 1fr); align-items: stretch; }
 .bt-cells { display: grid; grid-template-columns: repeat(8, 72px); }
-.bt-h { background: var(--cz-well); font-size: var(--fs-2); font-weight: 800; color: var(--cz-ink2); }
+.bt-h { background: var(--cz-well); font-size: var(--fs-label); font-weight: var(--fw-strong); color: var(--cz-ink2); line-height: var(--lh-label); }
 .bt-h .bt-cells > div { padding: 7px 0; text-align: center; white-space: nowrap; line-height: 1.25; display: flex; flex-direction: column; align-items: center; cursor: help; }
 .bt-h .bt-cells > div:focus-visible { outline: 2px solid var(--cz-blue); outline-offset: -2px; border-radius: 8px; }
 .bt-hl { display: inline-flex; align-items: center; }
 .bt-hl .cz-ms { margin: 0 5px 0 0; width: 7px; height: 7px; }
-.bt-h .bt-cells span + span, .bt-nmh span { color: var(--cz-ink3); font-weight: 600; font-size: var(--fs-1); }
+.bt-h .bt-cells span + span, .bt-nmh span { color: var(--cz-ink3); font-weight: var(--fw-strong); font-size: var(--fs-badge); line-height: var(--lh-badge); }
 .bt-h .msh { color: var(--cz-ink2); }
 .bt-nmh { padding: 7px 14px; display: flex; align-items: flex-start; gap: 4px; line-height: 1.25; }   /* top-aligned with the step names (AgBoard) */
-.bt-nmh span { font-size: var(--fs-2); }
+.bt-nmh span { font-size: var(--fs-meta); line-height: var(--lh-meta); }
 .bt-oh { padding: 7px 14px; display: flex; align-items: flex-start; justify-content: space-between; gap: 8px; line-height: 1.25; }
-.lg { display: flex; gap: 8px; align-items: center; font-size: var(--fs-1); font-weight: 600; color: var(--cz-ink3); }
+.lg { display: flex; gap: 8px; align-items: center; font-size: var(--fs-badge); font-weight: var(--fw-strong); color: var(--cz-ink3); line-height: var(--lh-badge); }
 .lg i { display: inline-block; width: 10px; height: 6px; border-radius: 2px; margin-right: 4px; vertical-align: 1px; }
 .lg i.dn { background: var(--bd-done); } .lg i.rv { background: var(--bd-rv); } .lg i.ip { background: var(--bd-ip); } .lg i.bl { background: var(--cz-dot-red); } .lg i.yo { background: var(--cz-blue); }
 .lg i.sk { width: 9px; height: 9px; border-radius: 50%; border: 2px solid var(--bd-pass); background: var(--cz-card); vertical-align: -1px; }
@@ -172,10 +172,10 @@ body.bd-page main.bd-main { position: relative; max-width: none; margin: 16px; p
 .bt-l.held { opacity: .72; }
 .bt-nm { all: unset; box-sizing: border-box; cursor: pointer; padding: 5px 10px 5px 14px; line-height: 1.3; display: flex; flex-direction: column; justify-content: center; gap: 2px; min-width: 0; }
 .bt-nm:focus-visible { outline: 2px solid var(--cz-blue); outline-offset: -2px; border-radius: 10px; }
-.bt-nm b { font-size: var(--fs-3); font-weight: 800; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: var(--cz-ink); }
-.cs { display: flex; align-items: center; gap: 6px; font-size: var(--fs-2); font-weight: 700; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
+.bt-nm b { font-size: var(--fs-row); font-weight: var(--fw-strong); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: var(--cz-ink); line-height: var(--lh-row); }
+.cs { display: flex; align-items: center; gap: 6px; font-size: var(--fs-label); font-weight: var(--fw-strong); min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: var(--lh-label); }
 .cs .cz-dot { width: 7px; height: 7px; }
-.s-you { color: var(--cz-blueink); } .s-late { color: var(--cz-late); } .s-risk { color: var(--cz-risk); } .s-red { color: var(--cz-red); } .s-ok { color: var(--cz-ok); } .s-q { color: var(--cz-ink3); font-weight: 600; }
+.s-you { color: var(--cz-blueink); } .s-late { color: var(--cz-late); } .s-risk { color: var(--cz-risk); } .s-red { color: var(--cz-red); } .s-ok { color: var(--cz-ok); } .s-q { color: var(--cz-ink3); font-weight: var(--fw-strong); }
 .bt-pst { display: none; }
 .bt-l .bt-cells > div { position: relative; display: flex; align-items: center; justify-content: center; }
 .sc::before { content: ""; position: absolute; left: 0; right: 0; top: 50%; height: 2px; margin-top: -1px; background: var(--bd-rail); }
@@ -191,23 +191,23 @@ body.bd-page main.bd-main { position: relative; max-width: none; margin: 16px; p
 .bt-l.sel .sc .cur u { box-shadow: 0 0 0 4px var(--cz-bluebg); }
 .sc .cur u.ok { background: var(--bd-cur); }
 .sc .cur u.q { background: var(--cz-c-9da3ac); }
-.sc .cur small { position: absolute; top: 19px; font-size: var(--fs-1); font-weight: 700; color: var(--cz-ink3); white-space: nowrap; }
+.sc .cur small { position: absolute; top: 19px; font-size: var(--fs-badge); font-weight: var(--fw-strong); color: var(--cz-ink3); white-space: nowrap; line-height: var(--lh-badge); }
 .sc.ms .cur u, .sc.ms .cur u::after { border-radius: 4px; }
 .sc.ms .cur u { transform: rotate(45deg); width: 15px; height: 15px; }
 .sc.ms .cur small { top: 20px; }
 .bt-dl { padding: 5px 16px 5px 14px; line-height: 1.25; border-left: 1px solid var(--cz-hair); display: flex; flex-direction: column; justify-content: center; gap: 3px; min-width: 0; }
-.bt-dl .t1, .pk-box .t1 { display: flex; justify-content: space-between; gap: 8px; font-size: var(--fs-2); color: var(--cz-ink3); white-space: nowrap; }
-.bt-dl .t1 b, .pk-box .t1 b { color: var(--cz-ink); font-weight: 700; overflow: hidden; text-overflow: ellipsis; }
-.bt-dl .t3 { font-size: var(--fs-1); color: var(--cz-ink3); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-height: 14px; }
-.bt-dl .t3 em, .pk-box em { font-style: normal; font-weight: 700; }
+.bt-dl .t1, .pk-box .t1 { display: flex; justify-content: space-between; gap: 8px; font-size: var(--fs-meta); color: var(--cz-ink3); white-space: nowrap; line-height: var(--lh-meta); }
+.bt-dl .t1 b, .pk-box .t1 b { color: var(--cz-ink); font-weight: var(--fw-strong); overflow: hidden; text-overflow: ellipsis; }
+.bt-dl .t3 { font-size: var(--fs-meta); color: var(--cz-ink3); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-height: 14px; line-height: var(--lh-meta); }
+.bt-dl .t3 em, .pk-box em { font-style: normal; font-weight: var(--fw-strong); }
 .seg5 { display: flex; gap: 3px; height: 8px; }
 /* the Next cell (pm/bd-next.js; canvas XocA, XocAList, XocAPhone): verb in ink, the object in blue ink, the count muted on the right, the icon lit on the row's hover */
-.bd-nx { display: flex; align-items: center; gap: 8px; min-width: 0; font-size: var(--fs-2); font-weight: 600; color: var(--cz-ink); white-space: nowrap; }
+.bd-nx { display: flex; align-items: center; gap: 8px; min-width: 0; font-size: var(--fs-label); font-weight: var(--fw-strong); color: var(--cz-ink); white-space: nowrap; line-height: var(--lh-label); }
 .bd-nx .tx { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
-.bd-nx em { font-style: normal; font-weight: 800; color: var(--cz-blueink); }
+.bd-nx em { font-style: normal; font-weight: var(--fw-strong); color: var(--cz-blueink); }
 .bd-nx em.red { color: var(--cz-red); }
 .bd-nx .cz-dot { width: 7px; height: 7px; }
-.bd-nx .mu { margin-left: auto; flex: none; font-size: var(--fs-1); font-weight: 600; color: var(--cz-ink3); }
+.bd-nx .mu { margin-left: auto; flex: none; font-size: var(--fs-badge); font-weight: var(--fw-strong); color: var(--cz-ink3); line-height: var(--lh-badge); }
 .bd-nxa { all: unset; box-sizing: border-box; flex: none; width: 28px; height: 28px; border-radius: 999px; display: inline-flex; align-items: center; justify-content: center; color: var(--cz-ink3); border: 1px solid var(--cz-hair); cursor: pointer; }
 .bd-nx .tx + .bd-nxa { margin-left: auto; }
 .bd-nxa svg { width: 15px; height: 15px; fill: none; stroke: currentColor; stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round; }
@@ -221,27 +221,27 @@ body.bd-page main.bd-main { position: relative; max-width: none; margin: 16px; p
 .seg5 > .dn { background: var(--bd-done); } .seg5 > .rv { background: var(--bd-rv); } .seg5 > .ip { background: var(--bd-ip); } .seg5 > .bl { background: var(--cz-dot-red); } .seg5 > .td { background: var(--bd-rail); }
 .seg5 > .yo { background: var(--cz-blue); } .seg5 > .df { background: transparent; border: 1px dashed rgba(47,95,179,.5); }
 .seg5 > .na { background: transparent; border: 1px dashed var(--cz-hair); }
-.bt-tf { padding: 5px 14px 5px 84px; font-size: var(--fs-2); font-weight: 800; color: var(--cz-ink3); background: var(--bd-row); border-top: 1px solid var(--cz-hair); display: flex; align-items: center; gap: 8px; justify-content: space-between; }
-.bt-tf .dlink { min-height: 24px; display: inline-flex; align-items: center; gap: 6px; font: 800 var(--fs-2) var(--cz-sans); color: var(--cz-ink3); background: none; border: 0; cursor: pointer; padding: 0; }
+.bt-tf { padding: 5px 14px 5px 84px; font-size: var(--fs-label); font-weight: var(--fw-strong); color: var(--cz-ink3); background: var(--bd-row); border-top: 1px solid var(--cz-hair); display: flex; align-items: center; gap: 8px; justify-content: space-between; line-height: var(--lh-label); }
+.bt-tf .dlink { min-height: 24px; display: inline-flex; align-items: center; gap: 6px; font: var(--fw-strong) var(--fs-label)/var(--lh-label) var(--cz-sans); color: var(--cz-ink3); background: none; border: 0; cursor: pointer; padding: 0; }
 .bt-tf .dlink:hover { color: var(--cz-ink); }
 .bt-tf .dlink svg { width: 14px; height: 14px; }
-.bt-srt { font-weight: 600; }
-.bt-empty { padding: 18px 14px; margin: 0; border-top: 1px solid var(--cz-hair); color: var(--cz-ink3); font-size: var(--fs-2); }
-.bt-empty .dlink { font: 700 var(--fs-3) var(--cz-sans); color: var(--cz-blueink); background: none; border: 0; cursor: pointer; padding: 0; }
+.bt-srt { font-weight: var(--fw-strong); }
+.bt-empty { padding: 18px 14px; margin: 0; border-top: 1px solid var(--cz-hair); color: var(--cz-ink3); font-size: var(--fs-meta); line-height: var(--lh-meta); }
+.bt-empty .dlink { font: var(--fw-strong) var(--fs-row)/var(--lh-row) var(--cz-sans); color: var(--cz-blueink); background: none; border: 0; cursor: pointer; padding: 0; }
 
 /* ── the help frames (AgBoardStages, AgBoardTlRules) as popovers ── */
 .bd-pop { position: absolute; z-index: 40; inset: 0; overflow: auto; background: var(--cz-card); border-radius: 28px; padding: 26px 44px 28px; }   /* AgBoardStages, AgBoardTlRules: the frame fills the panel, so no chip row shows cut under it */
 .bd-pop[hidden] { display: none; }
 .bd-help-h { display: flex; align-items: center; gap: 8px; }
-.bd-help-h h2 { margin: 0; font-size: var(--fs-5); font-weight: 800; letter-spacing: -.01em; flex: 1; }
+.bd-help-h h2 { margin: 0; font-size: var(--fs-panel); font-weight: var(--fw-strong); letter-spacing: -.01em; flex: 1; line-height: var(--lh-panel); }
 .bd-x { width: 36px; height: 36px; border-radius: 999px; border: 0; background: none; color: var(--cz-ink2); cursor: pointer; display: inline-flex; align-items: center; justify-content: center; }
 .bd-x:hover { background: var(--cz-well); }
 .bd-x svg { width: 18px; height: 18px; }
-.bd-help-p { margin: 2px 0 18px; font-size: var(--fs-2); color: var(--cz-ink3); }
-.bd-tbl { display: grid; grid-template-columns: 140px 110px 1.3fr 1.3fr 1fr; border: 1px solid var(--cz-hair); border-radius: 18px; overflow: hidden; font-size: var(--fs-3); }
+.bd-help-p { margin: 2px 0 18px; font-size: var(--fs-meta); color: var(--cz-ink3); line-height: var(--lh-meta); }
+.bd-tbl { display: grid; grid-template-columns: 140px 110px 1.3fr 1.3fr 1fr; border: 1px solid var(--cz-hair); border-radius: 18px; overflow: hidden; font-size: var(--fs-body); line-height: var(--lh-body); }
 .bd-tr { display: contents; }
 .bd-tr > span { padding: 10px 14px; line-height: 1.25; border-top: 1px solid var(--cz-hair); }
-.bd-tr.th > span { background: var(--cz-well); font-weight: 800; font-size: var(--fs-2); color: var(--cz-ink2); border-top: 0; }
+.bd-tr.th > span { background: var(--cz-well); font-weight: var(--fw-strong); font-size: var(--fs-label); color: var(--cz-ink2); border-top: 0; line-height: var(--lh-label); }
 .bd-tr b { display: inline-flex; align-items: center; gap: 6px; }
 .bd-tr b .cz-ms { margin: 0 0 0 1px; width: 9px; height: 9px; }
 .bd-tr em { font-style: normal; color: var(--cz-ink3); }
@@ -253,14 +253,14 @@ body.bd-page main.bd-main { position: relative; max-width: none; margin: 16px; p
 .pk-h .pk-eye, .pk-h h2, .pk-h .pk-back { margin-right: 104px; }
 .pk-h .pk-back { margin-right: 0; max-width: calc(100% - 104px); }
 .pk-ht { flex: 1; min-width: 0; }
-.pk-eye { margin: 0; font-size: var(--fs-2); font-weight: 700; color: var(--cz-ink2); }
-.pk-h h2 { margin: 2px 0 0; font-size: var(--fs-5); font-weight: 800; line-height: 1.2; letter-spacing: -.01em; outline: 0; }
-.pk-st { margin: 6px 0 0; display: flex; flex-wrap: wrap; align-items: center; gap: 6px; font-size: var(--fs-2); color: var(--cz-ink3); }
-.pk-st .cs { font-size: var(--fs-2); }
-.pk-st b { color: var(--cz-ink2); font-weight: 700; }
+.pk-eye { margin: 0; font-size: var(--fs-label); font-weight: var(--fw-strong); color: var(--cz-ink2); line-height: var(--lh-label); }
+.pk-h h2 { margin: 2px 0 0; font-size: var(--fs-panel); font-weight: var(--fw-strong); line-height: 1.2; letter-spacing: -.01em; outline: 0; }
+.pk-st { margin: 6px 0 0; display: flex; flex-wrap: wrap; align-items: center; gap: 6px; font-size: var(--fs-meta); color: var(--cz-ink3); line-height: var(--lh-meta); }
+.pk-st .cs { font-size: var(--fs-meta); line-height: var(--lh-meta); }
+.pk-st b { color: var(--cz-ink2); font-weight: var(--fw-strong); }
 .pk-st .cz-ms { margin: 0 5px 1px 0; color: var(--cz-ink2); }
-.pk-av { width: 20px; height: 20px; border-radius: 50%; background: var(--cz-well2); color: var(--cz-ink2); font-size: var(--fs-1); font-weight: 800; display: inline-flex; align-items: center; justify-content: center; margin-right: 4px; }
-.pk-back { all: unset; cursor: pointer; display: inline-flex; align-items: center; gap: 4px; font-size: var(--fs-2); font-weight: 700; color: var(--cz-ink2); }
+.pk-av { width: 20px; height: 20px; border-radius: 50%; background: var(--cz-well2); color: var(--cz-ink2); font-size: var(--fs-badge); font-weight: var(--fw-strong); display: inline-flex; align-items: center; justify-content: center; margin-right: 4px; line-height: var(--lh-badge); }
+.pk-back { all: unset; cursor: pointer; display: inline-flex; align-items: center; gap: 4px; font-size: var(--fs-label); font-weight: var(--fw-strong); color: var(--cz-ink2); line-height: var(--lh-label); }
 .pk-back:hover { color: var(--cz-ink); }
 .pk-back svg { width: 12px; height: 12px; }
 .pk-tools { display: flex; gap: 2px; flex: none; }
@@ -268,14 +268,14 @@ body.bd-page main.bd-main { position: relative; max-width: none; margin: 16px; p
 .pk-tools svg { width: 17px; height: 17px; }
 /* XnAgBoardPanel's head on desktop: the eyebrow in grey, a 20 px title, and 32 px tools on the title's top line (the program panel keeps its own) */
 @media (min-width: 721px) {
-  .pk-eye { color: var(--cz-ink3); font-weight: 800; }
-  .pk-h h2 { font-size: var(--fs-5); margin-top: 3px; }
+  .pk-eye { color: var(--cz-ink3); font-weight: var(--fw-strong); }
+  .pk-h h2 { font-size: var(--fs-panel); margin-top: 3px; line-height: var(--lh-panel); }
 }
 .pk-b { flex: 1; min-height: 0; overflow: auto; padding: 4px 20px 16px; display: flex; flex-direction: column; gap: 14px; }
 .pk-lad { position: relative; display: grid; grid-template-columns: repeat(8, 1fr); height: 32px; margin-top: -4px; }   /* right under the status line (AgBoardPanel) */
 .pk-lad .ln { position: absolute; left: 6.25%; right: 6.25%; top: 9px; height: 2px; background: var(--bd-rail); }
 .pk-lad .lp { position: absolute; left: 6.25%; top: 9px; height: 2px; background: var(--bd-pass); }
-.pk-lad span { position: relative; display: flex; flex-direction: column; align-items: center; gap: 3px; font-size: var(--fs-1); font-weight: 700; color: var(--cz-ink3); }
+.pk-lad span { position: relative; display: flex; flex-direction: column; align-items: center; gap: 3px; font-size: var(--fs-badge); font-weight: var(--fw-strong); color: var(--cz-ink3); line-height: var(--lh-badge); }
 .pk-lad span i { width: 8px; height: 8px; border-radius: 50%; background: var(--bd-dot); margin-top: 5px; }
 .pk-lad span.p i { background: var(--bd-pass); }
 .pk-lad span.m i { border-radius: 2px; transform: rotate(45deg); }
@@ -284,11 +284,11 @@ body.bd-page main.bd-main { position: relative; max-width: none; margin: 16px; p
 .pk-lad span.c { color: var(--cz-ink); }
 .pk-lad span.c i { width: 16px; height: 16px; margin-top: 1px; background: var(--cz-blue); box-shadow: 0 0 0 3px var(--cz-card); }
 .pk-lad span.m.c i { border-radius: 4px; width: 14px; height: 14px; margin-top: 2px; }
-.pk-skip { margin: -8px 0 0; font-size: var(--fs-2); color: var(--cz-ink3); }
+.pk-skip { margin: -8px 0 0; font-size: var(--fs-meta); color: var(--cz-ink3); line-height: var(--lh-meta); }
 .pk-nb { background: var(--cz-bluebg); border-radius: 16px; padding: 12px 12px 12px 14px; display: flex; align-items: center; gap: 10px; }
-.pk-nb .t { flex: 1; font-size: var(--fs-3); color: var(--cz-ink); min-width: 0; }
-.pk-nb .t b { font-weight: 800; }
-.pk-nb .t div { font-size: var(--fs-2); color: var(--cz-ink3); margin-top: 2px; }
+.pk-nb .t { flex: 1; font-size: var(--fs-body); color: var(--cz-ink); min-width: 0; line-height: var(--lh-body); }
+.pk-nb .t b { font-weight: var(--fw-strong); }
+.pk-nb .t div { font-size: var(--fs-meta); color: var(--cz-ink3); margin-top: 2px; line-height: var(--lh-meta); }
 .pk-nb.off { background: var(--cz-well); }
 .pk-nb.red { background: var(--cz-redbg); }
 .pk-nb.red .t b { color: var(--cz-red); }
@@ -296,10 +296,10 @@ body.bd-page main.bd-main { position: relative; max-width: none; margin: 16px; p
 .pk-nb .bd-ib { width: 32px; height: 32px; }
 .pk-nb .bd-ib svg { width: 15px; height: 15px; }
 .pk-box { border: 1px solid var(--cz-hair); border-radius: 16px; padding: 12px 14px; display: flex; flex-direction: column; gap: 8px; }
-.pk-box .t1 { font-size: var(--fs-3); }
-.pk-box .t1 b { font-weight: 800; }
+.pk-box .t1 { font-size: var(--fs-body); line-height: var(--lh-body); }
+.pk-box .t1 b { font-weight: var(--fw-strong); }
 .pk-tks { display: flex; flex-direction: column; }
-.gi { all: unset; box-sizing: border-box; cursor: pointer; display: flex; align-items: center; gap: 8px; padding: 6px 0; font-size: var(--fs-2); line-height: 1.25; border-top: 1px solid var(--cz-hair); margin: 0; }
+.gi { all: unset; box-sizing: border-box; cursor: pointer; display: flex; align-items: center; gap: 8px; padding: 6px 0; font-size: var(--fs-meta); line-height: 1.25; border-top: 1px solid var(--cz-hair); margin: 0; }
 .gi:first-child { border-top: 0; }
 .gi.gm { cursor: default; }
 button.gi:hover .n { color: var(--cz-blueink); }
@@ -307,57 +307,57 @@ button.gi:hover .n { color: var(--cz-blueink); }
 .gi .k { width: 9px; height: 9px; border-radius: 3px; flex: none; background: var(--bd-rail); }
 .gi .k.dn { background: var(--bd-done); } .gi .k.rv { background: var(--bd-rv); } .gi .k.ip { background: var(--bd-ip); } .gi .k.bl { background: var(--cz-dot-red); } .gi .k.yo { background: var(--cz-blue); } .gi .k.na { background: transparent; border: 1px dashed var(--bd-pass); }
 .gi .n { flex: 1; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
-.gi .n em { font-style: normal; font-weight: 700; color: var(--cz-ink3); margin-right: 4px; }
-.gi .r { font-size: var(--fs-1); color: var(--cz-ink3); white-space: nowrap; }
-.pk-wt { display: flex; gap: 10px; align-items: flex-start; font-size: var(--fs-2); color: var(--cz-risk); background: var(--cz-riskbg); border-radius: 14px; padding: 10px 12px; }
+.gi .n em { font-style: normal; font-weight: var(--fw-strong); color: var(--cz-ink3); margin-right: 4px; }
+.gi .r { font-size: var(--fs-meta); color: var(--cz-ink3); white-space: nowrap; line-height: var(--lh-meta); }
+.pk-wt { display: flex; gap: 10px; align-items: flex-start; font-size: var(--fs-meta); color: var(--cz-risk); background: var(--cz-riskbg); border-radius: 14px; padding: 10px 12px; line-height: var(--lh-meta); }
 .pk-wt.off { color: var(--cz-ink3); background: var(--cz-well); }
-.pk-wt b { font-weight: 800; }
+.pk-wt b { font-weight: var(--fw-strong); }
 .pk-wt.off b { color: var(--cz-ink2); }
 .pk-wt svg { width: 15px; height: 15px; flex: none; margin-top: 1px; }
 .pk-wt > span { flex: 1; min-width: 0; }
 .pk-wt .bd-ib { color: var(--cz-risk); margin: -4px -4px -4px 0; }
 .pk-wt .bd-ib:hover { background: rgba(212,161,58,.18); }
-.pk-nb .t .pk-bt { font-weight: 600; }
+.pk-nb .t .pk-bt { font-weight: var(--fw-strong); }
 .pk-who { display: inline-flex; align-items: center; }
-.pk-mut { margin: 0; font-size: var(--fs-2); color: var(--cz-ink3); }
-.pk-p { margin: 0; font-size: var(--fs-3); }
+.pk-mut { margin: 0; font-size: var(--fs-meta); color: var(--cz-ink3); line-height: var(--lh-meta); }
+.pk-p { margin: 0; font-size: var(--fs-body); line-height: var(--lh-body); }
 .pk-sec { display: flex; flex-direction: column; }
-.pk-sec .lbl { font-size: var(--fs-2); font-weight: 800; color: var(--cz-ink3); margin: 0 0 6px; }
-.pk-kv { display: grid; grid-template-columns: 1fr 1fr; gap: 6px 12px; font-size: var(--fs-3); }
+.pk-sec .lbl { font-size: var(--fs-label); font-weight: var(--fw-strong); color: var(--cz-ink3); margin: 0 0 6px; line-height: var(--lh-label); }
+.pk-kv { display: grid; grid-template-columns: 1fr 1fr; gap: 6px 12px; font-size: var(--fs-body); line-height: var(--lh-body); }
 .pk-kv span { color: var(--cz-ink2); }
-.pk-kv b { font-weight: 700; }
+.pk-kv b { font-weight: var(--fw-strong); }
 .pk-lk { display: flex; flex-wrap: wrap; gap: 6px; }
-.pk-lk .bd-chip { height: 28px; font-size: var(--fs-2); }
+.pk-lk .bd-chip { height: 28px; font-size: var(--fs-meta); line-height: var(--lh-meta); }
 .pk-ask { margin: 0 16px 16px; border-radius: 18px; background: var(--cz-well); padding: 8px 8px 6px 14px; flex: none; }
 .pk-ask .in { display: flex; align-items: center; gap: 6px; }
-.pk-ask input { flex: 1; min-width: 0; height: 34px; border: 0; background: transparent; font: var(--fs-3) var(--cz-sans); color: var(--cz-ink); outline: 0; }
+.pk-ask input { flex: 1; min-width: 0; height: 34px; border: 0; background: transparent; font: var(--fs-body)/var(--lh-body) var(--cz-sans); color: var(--cz-ink); outline: 0; }
 .pk-ask input::placeholder { color: var(--cz-ink3); }
 .pk-ask .in .bd-ib.solid { width: 32px; height: 32px; }
 .pk-ask .in .bd-ib svg { width: 16px; height: 16px; }
-.pk-ask .ft { display: flex; align-items: center; gap: 6px; font-size: var(--fs-1); color: var(--cz-ink3); padding: 2px 0; min-height: 28px; }
+.pk-ask .ft { display: flex; align-items: center; gap: 6px; font-size: var(--fs-meta); color: var(--cz-ink3); padding: 2px 0; min-height: 28px; line-height: var(--lh-meta); }
 .pk-ask .ft .sp { flex: 1; border: 0; border-radius: 0; background: none; }   /* a spacer: not the sprint table's .sp box */
 .pk-ask .ft .jr { display: inline-flex; align-items: center; gap: 4px; }
 .pk-ask .ft .jr svg { width: 11px; height: 11px; }
 /* the timeline panel (AgBoardTimelinePanel) */
-.pk-stp { margin: 0 0 6px; font-size: var(--fs-2); color: var(--cz-ink3); }
+.pk-stp { margin: 0 0 6px; font-size: var(--fs-meta); color: var(--cz-ink3); line-height: var(--lh-meta); }
 .pk-stp b { color: var(--cz-ink2); }
 .pk-seg { display: flex; gap: 3px; }
 .pk-seg i { flex: 1; height: 6px; border-radius: 3px; background: var(--bd-rail); }
 .pk-seg i.p { background: var(--bd-done); } .pk-seg i.c { background: var(--cz-ink); }
-.pk-need { background: var(--cz-bluebg); border-radius: 14px; padding: 12px 14px; display: flex; align-items: center; gap: 10px; font-size: var(--fs-3); }
+.pk-need { background: var(--cz-bluebg); border-radius: 14px; padding: 12px 14px; display: flex; align-items: center; gap: 10px; font-size: var(--fs-body); line-height: var(--lh-body); }
 .pk-need.off { background: var(--cz-well); }
 .pk-need .t { flex: 1; min-width: 0; }
-.pk-need .t div { font-size: var(--fs-2); color: var(--cz-ink3); margin-top: 2px; }
+.pk-need .t div { font-size: var(--fs-meta); color: var(--cz-ink3); margin-top: 2px; line-height: var(--lh-meta); }
 .pk-need .bd-ib { width: 32px; height: 32px; }
-.pk-dep { display: flex; gap: 10px; align-items: flex-start; background: var(--cz-well); border-radius: 14px; padding: 12px 14px; font-size: var(--fs-3); }
+.pk-dep { display: flex; gap: 10px; align-items: flex-start; background: var(--cz-well); border-radius: 14px; padding: 12px 14px; font-size: var(--fs-body); line-height: var(--lh-body); }
 .pk-dep svg { width: 15px; height: 15px; flex: none; margin-top: 2px; color: var(--cz-ink2); }
-.pk-dep div div { font-size: var(--fs-2); color: var(--cz-ink3); margin-top: 2px; }
+.pk-dep div div { font-size: var(--fs-meta); color: var(--cz-ink3); margin-top: 2px; line-height: var(--lh-meta); }
 .pk-wis { display: flex; flex-direction: column; }
-.wi { all: unset; box-sizing: border-box; cursor: pointer; display: flex; align-items: center; gap: 8px; padding: 7px 0; border-bottom: 1px solid var(--cz-hair); font-size: var(--fs-3); }
+.wi { all: unset; box-sizing: border-box; cursor: pointer; display: flex; align-items: center; gap: 8px; padding: 7px 0; border-bottom: 1px solid var(--cz-hair); font-size: var(--fs-body); line-height: var(--lh-body); }
 .wi:last-child { border-bottom: 0; }
-.wi .wk { font-size: var(--fs-1); font-weight: 700; color: var(--cz-ink3); min-width: 62px; }
+.wi .wk { font-size: var(--fs-badge); font-weight: var(--fw-strong); color: var(--cz-ink3); min-width: 62px; line-height: var(--lh-badge); }
 .wi .wt2 { flex: 1; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
-.wi .st { margin-left: auto; font-size: var(--fs-1); font-weight: 700; padding: 3px 8px; border-radius: 999px; background: var(--cz-well); color: var(--cz-ink2); white-space: nowrap; }
+.wi .st { margin-left: auto; font-size: var(--fs-badge); font-weight: var(--fw-strong); padding: 3px 8px; border-radius: 999px; background: var(--cz-well); color: var(--cz-ink2); white-space: nowrap; line-height: var(--lh-badge); }
 .wi .st.y { background: var(--cz-bluebg); color: var(--cz-blueink); } .wi .st.r { background: var(--cz-redbg); color: var(--cz-red); }
 .pk-acts { display: flex; gap: 2px; }
 .pk-acts .bd-ib { width: 32px; height: 32px; }
@@ -379,16 +379,16 @@ body.bd-page[data-bd-view="time"] #cIni:not([hidden]) { flex: 1; display: flex;
 button.tg-n { cursor: pointer; }
 button.tg-n:hover b { color: var(--cz-blueink); }
 .tg-n:focus-visible { outline: 2px solid var(--cz-blue); outline-offset: -2px; border-radius: 8px; }
-.tg-n b { font-size: var(--fs-2); font-weight: 800; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-height: 1.3; overflow-wrap: anywhere; }   /* names wrap to two lines, never cut (batch 13 item 4) */
+.tg-n b { font-size: var(--fs-label); font-weight: var(--fw-strong); overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-height: 1.3; overflow-wrap: anywhere; }   /* names wrap to two lines, never cut (batch 13 item 4) */
 .tg-n b .bd-pgi { display: inline-flex; vertical-align: -2px; margin-right: 6px; }
-.tg-n small { font-size: var(--fs-2); color: var(--cz-ink3); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
-.tg-h .tg-n b { font-size: var(--fs-2); color: var(--cz-ink2); }
-.tg-h .tg-n small { font-size: var(--fs-1); font-weight: 700; }
+.tg-n small { font-size: var(--fs-meta); color: var(--cz-ink3); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: var(--lh-meta); }
+.tg-h .tg-n b { font-size: var(--fs-meta); color: var(--cz-ink2); line-height: var(--lh-meta); }
+.tg-h .tg-n small { font-size: var(--fs-badge); font-weight: var(--fw-strong); line-height: var(--lh-badge); }
 .tg-p { position: relative; min-height: 40px; }
-.tg-h .tg-p > span[data-y] { position: absolute; top: 0; bottom: 0; padding: 7px 10px 0; line-height: 1.25; display: flex; flex-direction: column; justify-content: flex-start; border-left: 1px solid var(--cz-hair); font-size: var(--fs-2); white-space: nowrap; }
+.tg-h .tg-p > span[data-y] { position: absolute; top: 0; bottom: 0; padding: 7px 10px 0; line-height: 1.25; display: flex; flex-direction: column; justify-content: flex-start; border-left: 1px solid var(--cz-hair); font-size: var(--fs-meta); white-space: nowrap; }
 .tg-q .tg-h .tg-p > span[data-y], .tg-q .tg-h .tg-n { justify-content: center; padding-top: 0; padding-bottom: 0; }
-.tg-h .tg-p > span[data-y] b { color: var(--cz-ink2); font-weight: 800; }
-.tg-h .tg-p > span[data-y] small { color: var(--cz-ink3); font-weight: 700; font-size: var(--fs-1); }
+.tg-h .tg-p > span[data-y] b { color: var(--cz-ink2); font-weight: var(--fw-strong); }
+.tg-h .tg-p > span[data-y] small { color: var(--cz-ink3); font-weight: var(--fw-strong); font-size: var(--fs-badge); line-height: var(--lh-badge); }
 .tg-gl { position: absolute; top: 0; bottom: 0; width: 1px; background: var(--cz-hair); }
 .tg-sb { position: absolute; top: 0; bottom: 0; background: rgba(72,148,234,.05); }
 .tg-rl { position: absolute; top: 0; bottom: 0; width: 0; border-left: 1px solid rgba(42,46,53,.22); }
@@ -402,8 +402,8 @@ button.tg-n:hover b { color: var(--cz-blueink); }
 .tg-end.late { border-color: var(--cz-dot-late); }
 span.tg-end { left: var(--tl-x); cursor: default; }   /* a shared board's milestone, set plain by readonly.js (batch 20 item 14) */
 /* the one label at a bar's end (batch 13 item 4, XcalmA1Desk): what lands, then when; the date alone carries the tone */
-.tg-endl { position: absolute; top: 50%; transform: translate(11px, -50%); font-size: var(--fs-2); font-weight: 700; color: var(--cz-ink); white-space: nowrap; z-index: 3; line-height: 18px; }
-.tg-endl > b { font-weight: 700; color: var(--cz-ink3); }
+.tg-endl { position: absolute; top: 50%; transform: translate(11px, -50%); font-size: var(--fs-label); font-weight: var(--fw-strong); color: var(--cz-ink); white-space: nowrap; z-index: 3; line-height: 18px; }
+.tg-endl > b { font-weight: var(--fw-strong); color: var(--cz-ink3); }
 .tg-endl > b.risk { color: var(--cz-risk); }
 .tg-endl > b.late { color: var(--cz-late); }
 .tg-endl > b.q { color: var(--cz-ink3); }
@@ -411,26 +411,26 @@ span.tg-end { left: var(--tl-x); cursor: default; }   /* a shared board's milest
 .tg-over { position: absolute; top: 50%; height: 12px; margin-top: -6px; border-radius: 6px; background: repeating-linear-gradient(135deg, var(--cz-c-f0a27a) 0 4px, var(--cz-c-fbdccb) 4px 8px); z-index: 1; }
 .tg-fc { position: absolute; top: 50%; height: 12px; margin-top: -6px; border-radius: 6px; border: 1.5px dashed var(--cz-dot-late); box-sizing: border-box; z-index: 1; }
 .tg-fc.solo { border-color: var(--cz-blue); }
-.tg-lab { position: absolute; top: 50%; transform: translate(8px, -50%); font-size: var(--fs-2); font-weight: 800; white-space: nowrap; z-index: 3; }
+.tg-lab { position: absolute; top: 50%; transform: translate(8px, -50%); font-size: var(--fs-label); font-weight: var(--fw-strong); white-space: nowrap; z-index: 3; line-height: var(--lh-label); }
 .tg-lab.late, .tg-lab.fc { color: var(--cz-late); }
 .tg-dm { position: absolute; top: 50%; width: 12px; height: 12px; margin: -6px 0 0 -6px; transform: rotate(45deg); border-radius: 2px; background: var(--cz-blue); z-index: 1; }
-.tg-lgd { position: absolute; top: 12px; right: 18px; z-index: 4; display: flex; gap: 14px; font-size: var(--fs-1); color: var(--cz-ink3); background: var(--cz-card); padding: 2px 4px; border-radius: 6px; }
+.tg-lgd { position: absolute; top: 12px; right: 18px; z-index: 4; display: flex; gap: 14px; font-size: var(--fs-meta); color: var(--cz-ink3); background: var(--cz-card); padding: 2px 4px; border-radius: 6px; line-height: var(--lh-meta); }
 .tg-lgd .k, .tg-note .k { display: inline-block; width: 14px; height: 7px; border-radius: 3px; margin-right: 6px; vertical-align: 0; }
 .tg-lgd .k.dn { background: var(--bd-done); } .tg-lgd .k.pl { background: var(--bd-plan); } .tg-lgd .k.fc { border: 1.5px dashed var(--cz-dot-late); }
 .tg-ax { display: grid; grid-template-columns: 250px minmax(0, 1fr); min-height: 44px; }
 .tg-ax .tg-p { min-height: 44px; }
-.tg-axl { position: absolute; font-size: var(--fs-1); font-weight: 800; white-space: nowrap; display: inline-flex; align-items: center; gap: 4px; }
+.tg-axl { position: absolute; font-size: var(--fs-badge); font-weight: var(--fw-strong); white-space: nowrap; display: inline-flex; align-items: center; gap: 4px; line-height: var(--lh-badge); }
 .tg-axl.td { top: 6px; transform: translateX(-50%); color: var(--cz-ink); }
 .tg-axl.sb { top: 24px; color: var(--cz-blueink); }
 .tg-axl.rl { top: 6px; color: var(--cz-blueink); transform: translateX(-16px); }
 .tg-axl svg, .tg-rel svg { width: 12px; height: 12px; }
-.tg-ft { margin-top: auto; padding: 12px 14px 12px 84px; font-size: var(--fs-2); font-weight: 700; color: var(--cz-ink3); display: flex; align-items: center; gap: 12px; justify-content: space-between; }
+.tg-ft { margin-top: auto; padding: 12px 14px 12px 84px; font-size: var(--fs-label); font-weight: var(--fw-strong); color: var(--cz-ink3); display: flex; align-items: center; gap: 12px; justify-content: space-between; line-height: var(--lh-label); }
 .tg-ft .cz-ms { margin: 0 2px 1px 4px; }
-.tg-none { display: inline-flex; align-items: center; flex-wrap: wrap; gap: 8px; font-size: var(--fs-2); color: var(--cz-ink3); font-weight: 600; }
-.tg-none b { color: var(--cz-ink2); font-weight: 800; }
-.tg-none .bd-chip { font-weight: 700; }
-.tg-nd { position: absolute; margin-left: 10px; top: 50%; transform: translateY(-50%); font-size: var(--fs-2); color: var(--cz-ink3); }
-.tg-empty { margin: 0; padding: 18px 14px; font-size: var(--fs-2); color: var(--cz-ink3); }
+.tg-none { display: inline-flex; align-items: center; flex-wrap: wrap; gap: 8px; font-size: var(--fs-label); color: var(--cz-ink3); font-weight: var(--fw-strong); line-height: var(--lh-label); }
+.tg-none b { color: var(--cz-ink2); font-weight: var(--fw-strong); }
+.tg-none .bd-chip { font-weight: var(--fw-strong); }
+.tg-nd { position: absolute; margin-left: 10px; top: 50%; transform: translateY(-50%); font-size: var(--fs-meta); color: var(--cz-ink3); line-height: var(--lh-meta); }
+.tg-empty { margin: 0; padding: 18px 14px; font-size: var(--fs-meta); color: var(--cz-ink3); line-height: var(--lh-meta); }
 /* every span from Quarter on scrolls sideways (pm/bd-scroll.js): the track is --tw wide, the name column stays pinned, the scrollbar shows on
    hover only and the fades show only on the side where there is more (TsCGrill 13, 14) */
 .tg-s { --nw: 250px; }
@@ -456,8 +456,8 @@ span.tg-end { left: var(--tl-x); cursor: default; }   /* a shared board's milest
 .tg-s .tg-h .tg-p span.pin { color: var(--cz-ink3); }
 .tg-s .tg-h .tg-p span.pin b { color: var(--cz-ink3); }
 /* Today: the pill on the line in view; off screen the back button beside "Initiative" with its arrow pointing the way (TsCDesk, TsCGrill 4) */
-.tg-tpill { position: absolute; bottom: -9px; transform: translateX(-50%); z-index: 7; font-size: var(--fs-1); font-weight: 800; line-height: 18px; padding: 0 7px; border-radius: 999px; background: var(--cz-ink); color: var(--cz-card); white-space: nowrap; pointer-events: none; }
-.tg-tback { all: unset; box-sizing: border-box; cursor: pointer; display: inline-flex; align-items: center; gap: 2px; height: 24px; padding: 0 9px 0 6px; border-radius: 999px; background: var(--cz-ink); color: var(--cz-card); font: 800 var(--fs-2) var(--cz-sans); white-space: nowrap; }
+.tg-tpill { position: absolute; bottom: -9px; transform: translateX(-50%); z-index: 7; font-size: var(--fs-badge); font-weight: var(--fw-strong); line-height: 18px; padding: 0 7px; border-radius: 999px; background: var(--cz-ink); color: var(--cz-card); white-space: nowrap; pointer-events: none; }
+.tg-tback { all: unset; box-sizing: border-box; cursor: pointer; display: inline-flex; align-items: center; gap: 2px; height: 24px; padding: 0 9px 0 6px; border-radius: 999px; background: var(--cz-ink); color: var(--cz-card); font: var(--fw-strong) var(--fs-label)/var(--lh-label) var(--cz-sans); white-space: nowrap; }
 .tg-tback[hidden] { display: none; }
 .tg-tback svg { width: 13px; height: 13px; fill: none; stroke: currentColor; stroke-width: 2.4; stroke-linecap: round; stroke-linejoin: round; }
 .tg-tback.l svg:last-child, .tg-tback.r svg:first-child { display: none; }
@@ -465,7 +465,7 @@ span.tg-end { left: var(--tl-x); cursor: default; }   /* a shared board's milest
 .tg-tback:focus-visible { outline: 2px solid var(--cz-blue); outline-offset: 2px; }
 .tg-h { position: relative; z-index: 8; }
 /* the edge tabs (TsCDesk, TsCEdges 1): one per side, at the view's edge; late work in the late colour, a program's milestone in its colour */
-.tg-edge { all: unset; box-sizing: border-box; cursor: pointer; position: absolute; top: 50%; transform: translateY(-50%); z-index: 5; display: inline-flex; align-items: center; gap: 2px; height: 22px; padding: 0 8px 0 4px; border-radius: 999px; background: var(--cz-well); color: var(--cz-ink2); font: 800 var(--fs-1) var(--cz-sans); white-space: nowrap; }
+.tg-edge { all: unset; box-sizing: border-box; cursor: pointer; position: absolute; top: 50%; transform: translateY(-50%); z-index: 5; display: inline-flex; align-items: center; gap: 2px; height: 22px; padding: 0 8px 0 4px; border-radius: 999px; background: var(--cz-well); color: var(--cz-ink2); font: var(--fw-strong) var(--fs-badge)/var(--lh-badge) var(--cz-sans); white-space: nowrap; }
 .tg-edge[hidden] { display: none; }
 .tg-edge.r { transform: translate(-100%, -50%); padding: 0 4px 0 8px; }
 .tg-edge svg { width: 12px; height: 12px; fill: none; stroke: currentColor; stroke-width: 2.4; stroke-linecap: round; stroke-linejoin: round; }
@@ -486,16 +486,16 @@ span.tg-end { left: var(--tl-x); cursor: default; }   /* a shared board's milest
 .tgq .tg-fade.l { left: 0; }
 .tgq-h { position: relative; height: 38px; background: var(--cz-well); width: var(--tw); }
 .tgq-h .tg-p { position: absolute; inset: 0; min-height: 0; }
-.tgq-h .tg-p > span[data-y] { position: absolute; top: 0; bottom: 0; padding: 6px 8px 0; border-left: 1px solid var(--cz-hair); display: flex; flex-direction: column; font-size: var(--fs-2); line-height: 1.2; white-space: nowrap; }
-.tgq-h .tg-p > span[data-y] b { font-weight: 800; color: var(--cz-ink2); }
-.tgq-h .tg-p > span[data-y] small { font-size: var(--fs-1); font-weight: 700; color: var(--cz-ink3); }
+.tgq-h .tg-p > span[data-y] { position: absolute; top: 0; bottom: 0; padding: 6px 8px 0; border-left: 1px solid var(--cz-hair); display: flex; flex-direction: column; font-size: var(--fs-meta); line-height: 1.2; white-space: nowrap; }
+.tgq-h .tg-p > span[data-y] b { font-weight: var(--fw-strong); color: var(--cz-ink2); }
+.tgq-h .tg-p > span[data-y] small { font-size: var(--fs-badge); font-weight: var(--fw-strong); color: var(--cz-ink3); line-height: var(--lh-badge); }
 .tgq-h .tg-p > span.pin, .tgq-h .tg-p > span.pin b { color: var(--cz-ink3); }
 .tgq-h .tg-tpill { bottom: 2px; }
 .tgq-r { position: relative; width: var(--tw); border-top: 1px solid var(--cz-hair); padding-top: 4px; }
 .tgq-r.sel { background: var(--cz-bluebg); }
 .tgq-r.tg-pg { background: var(--bd-progbg); }
-.tgq-n { all: unset; box-sizing: border-box; position: sticky; left: 0; z-index: 4; display: inline-flex; align-items: center; gap: 6px; max-width: var(--vw, 100%); padding: 2px 10px; font-size: var(--fs-2); cursor: pointer; }
-.tgq-n b { font-weight: 800; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-height: 1.3; }
+.tgq-n { all: unset; box-sizing: border-box; position: sticky; left: 0; z-index: 4; display: inline-flex; align-items: center; gap: 6px; max-width: var(--vw, 100%); padding: 2px 10px; font-size: var(--fs-meta); cursor: pointer; line-height: var(--lh-meta); }
+.tgq-n b { font-weight: var(--fw-strong); overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-height: 1.3; }
 .tgq-n:focus-visible { outline: 2px solid var(--cz-blue); outline-offset: -2px; border-radius: 8px; }
 .tgq-n.tg-pgn { display: flex; width: var(--vw, 100%); cursor: default; padding: 4px 6px 2px 10px; }
 .tgq-r .tg-p { position: relative; height: 22px; min-height: 0; overflow: hidden; }
@@ -503,10 +503,10 @@ span.tg-end { left: var(--tl-x); cursor: default; }   /* a shared board's milest
 .tgq .tg-tback { position: absolute; top: 7px; z-index: 9; }
 .tgq .tg-tback.l { left: 6px; }
 .tgq .tg-tback.r { right: 6px; }
-.tgq .tg-edge { height: 20px; font-size: var(--fs-1); }
+.tgq .tg-edge { height: 20px; font-size: var(--fs-meta); line-height: var(--lh-meta); }
 .tgq + .tg-none { margin-top: 12px; }
 .tg-rel { display: inline-flex; align-items: center; gap: 4px; color: var(--cz-blueink); }
-.tg-note { margin: 6px 0 0; font-size: var(--fs-1); color: var(--cz-ink3); }
+.tg-note { margin: 6px 0 0; font-size: var(--fs-meta); color: var(--cz-ink3); line-height: var(--lh-meta); }
 
 /* ── the Deliveries lane (batch 13 item 4, calmer timeline A6: XcalmA6Lane, XcalmA6Fold, XcalmA6Phone; pm/bd-deliveries.js) ──
    one row under the axis: a list per column, the date then the name; missed orange, at risk amber, on hold grey; the current column a faint wash.
@@ -519,8 +519,8 @@ span.tg-end { left: var(--tl-x); cursor: default; }   /* a shared board's milest
 .dl-ad { background: none; }   /* a missed delivery: Adler's honest face stands where the flag stood (batch 17 item 4-A) */
 .dl-ic.dl-ad svg.ad-svg { width: 24px; height: 24px; fill: initial; stroke: none; }
 .dl-t { display: flex; flex-direction: column; min-width: 0; flex: 1; line-height: 1.3; }
-.dl-t b { font-size: var(--fs-3); font-weight: 800; }
-.dl-t small { font-size: var(--fs-2); color: var(--cz-ink3); }
+.dl-t b { font-size: var(--fs-row); font-weight: var(--fw-strong); line-height: var(--lh-row); }
+.dl-t small { font-size: var(--fs-meta); color: var(--cz-ink3); line-height: var(--lh-meta); }
 .dl-fb { all: unset; box-sizing: border-box; cursor: pointer; flex: none; width: 28px; height: 28px; border-radius: 8px; display: grid; place-items: center; color: var(--cz-ink3); }
 .dl-fb:hover { background: var(--cz-well); color: var(--cz-ink); }
 .dl-fb:focus-visible, .dl-e:focus-visible, .dl-more:focus-visible, .dl-dn:focus-visible, .dl-fn:focus-visible, .dl-pl:focus-visible, .dl-all:focus-visible { outline: 2px solid var(--cz-blue); outline-offset: 1px; border-radius: 8px; }
@@ -530,34 +530,34 @@ span.tg-end { left: var(--tl-x); cursor: default; }   /* a shared board's milest
 .dl-c.now { background: color-mix(in srgb, var(--cz-blue) 6%, transparent); }
 .dl-e, .dl-pl, .dl-fn { all: unset; box-sizing: border-box; cursor: pointer; display: flex; flex-direction: column; gap: 1px; min-width: 0; padding: 3px 6px; margin: 0 -6px; border-radius: 8px; }
 .dl-e:hover, .dl-pl:hover { background: var(--cz-well); }
-.dl-e small, .dl-pl small, .dl-fn small { font-size: var(--fs-1); font-weight: 800; color: var(--cz-ink3); white-space: nowrap; }
-.dl-e b { font-size: var(--fs-2); font-weight: 700; color: var(--cz-ink); line-height: 1.3; display: flex; gap: 4px; align-items: flex-start; min-width: 0; }
+.dl-e small, .dl-pl small, .dl-fn small { font-size: var(--fs-badge); font-weight: var(--fw-strong); color: var(--cz-ink3); white-space: nowrap; line-height: var(--lh-badge); }
+.dl-e b { font-size: var(--fs-label); font-weight: var(--fw-strong); color: var(--cz-ink); line-height: 1.3; display: flex; gap: 4px; align-items: flex-start; min-width: 0; }
 .dl-e b span { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; overflow-wrap: anywhere; }
 .dl-pg { flex: none; display: inline-grid; place-items: center; color: var(--bd-prog); margin-top: 1px; }
 .dl-pg svg { width: 12px; height: 12px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linejoin: round; }
 .dl-e.late small, .dl-ph .late, .dl-fold .late, .dl-fn small.late, .dl-pl small.late { color: var(--cz-late); }
 .dl-e.risk small, .dl-fn small.risk, .dl-pl small.risk { color: var(--cz-risk); }
-.dl-e.hold small, .dl-fn small.hold, .dl-pl small.hold { color: var(--cz-ink3); font-weight: 600; }
+.dl-e.hold small, .dl-fn small.hold, .dl-pl small.hold { color: var(--cz-ink3); font-weight: var(--fw-strong); }
 .dl-e.fc small, .dl-fn small.fc, .dl-pl small.fc { color: var(--cz-blueink); }
 .dl-e.dn small { color: var(--cz-ok); } .dl-e.dn b { color: var(--cz-ink3); }
-.dl-more, .dl-dn, .dl-all { all: unset; box-sizing: border-box; cursor: pointer; font-size: var(--fs-2); font-weight: 700; color: var(--cz-ink3); padding: 2px 0; }
+.dl-more, .dl-dn, .dl-all { all: unset; box-sizing: border-box; cursor: pointer; font-size: var(--fs-label); font-weight: var(--fw-strong); color: var(--cz-ink3); padding: 2px 0; line-height: var(--lh-label); }
 .dl-more:hover, .dl-dn:hover, .dl-all:hover { color: var(--cz-ink); }
-.dl-more.n { font-size: var(--fs-2); color: var(--cz-ink2); }
-.dl-fold { position: sticky; left: calc(var(--nw) + 12px); display: inline-flex; align-items: center; flex-wrap: nowrap; gap: 6px; padding: 10px 12px; font-size: var(--fs-2); color: var(--cz-ink3); white-space: nowrap; }
-.dl-fx { color: var(--cz-ink3); font-weight: 600; }
-.dl-fn { flex-direction: row; align-items: center; gap: 6px; margin: 0; padding: 2px 4px; font-weight: 800; color: var(--cz-ink); }
+.dl-more.n { font-size: var(--fs-meta); color: var(--cz-ink2); line-height: var(--lh-meta); }
+.dl-fold { position: sticky; left: calc(var(--nw) + 12px); display: inline-flex; align-items: center; flex-wrap: nowrap; gap: 6px; padding: 10px 12px; font-size: var(--fs-meta); color: var(--cz-ink3); white-space: nowrap; line-height: var(--lh-meta); }
+.dl-fx { color: var(--cz-ink3); font-weight: var(--fw-strong); }
+.dl-fn { flex-direction: row; align-items: center; gap: 6px; margin: 0; padding: 2px 4px; font-weight: var(--fw-strong); color: var(--cz-ink); }
 .dl-fn:hover { background: var(--cz-well); }
 .tg-r.dl-hl, .tgq-r.dl-hl { background: color-mix(in srgb, var(--cz-blue) 7%, transparent); }
 .tg-s .tg-r.dl-hl > .tg-n { background: linear-gradient(color-mix(in srgb, var(--cz-blue) 7%, transparent), color-mix(in srgb, var(--cz-blue) 7%, transparent)), var(--cz-card); }
 .dl-ring { box-shadow: 0 0 0 3px color-mix(in srgb, var(--cz-blue) 35%, transparent); }
 .dl-ph { border: 1px solid var(--cz-hair); border-radius: 16px; background: var(--cz-card); padding: 10px 14px 8px; margin-bottom: 12px; }
-.dl-phh { display: flex; align-items: center; gap: 6px; min-height: 32px; font-size: var(--fs-3); }
-.dl-phh b { font-weight: 800; }
-.dl-phh .late { font-size: var(--fs-2); color: var(--cz-ink3); }
-.dl-all { margin-left: auto; min-height: 44px; padding: 0 4px; font-size: var(--fs-2); color: var(--cz-ink2); }
+.dl-phh { display: flex; align-items: center; gap: 6px; min-height: 32px; font-size: var(--fs-body); line-height: var(--lh-body); }
+.dl-phh b { font-weight: var(--fw-strong); }
+.dl-phh .late { font-size: var(--fs-meta); color: var(--cz-ink3); line-height: var(--lh-meta); }
+.dl-all { margin-left: auto; min-height: 44px; padding: 0 4px; font-size: var(--fs-meta); color: var(--cz-ink2); line-height: var(--lh-meta); }
 .dl-pl { flex-direction: row; align-items: baseline; gap: 12px; margin: 0 -6px; min-height: 36px; }
-.dl-pl small { flex: none; width: 52px; font-size: var(--fs-2); }
-.dl-pl b { font-size: var(--fs-3); font-weight: 700; display: flex; gap: 5px; min-width: 0; }
+.dl-pl small { flex: none; width: 52px; font-size: var(--fs-meta); line-height: var(--lh-meta); }
+.dl-pl b { font-size: var(--fs-row); font-weight: var(--fw-strong); display: flex; gap: 5px; min-width: 0; line-height: var(--lh-row); }
 .dl-pl b span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
 
 /* ── between desktop and phone: the Output column narrows first ── */
@@ -569,7 +569,7 @@ span.tg-end { left: var(--tl-x); cursor: default; }   /* a shared board's milest
 @media (max-width: 980px) and (min-width: 721px) {
   .bt-r { grid-template-columns: 180px 400px minmax(0, 1fr); }
   .bt-cells { grid-template-columns: repeat(8, 50px); }
-  .bt-h .bt-cells > div { font-size: var(--fs-1); }
+  .bt-h .bt-cells > div { font-size: var(--fs-meta); line-height: var(--lh-meta); }
   .tg-r, .tg-ax { grid-template-columns: 180px minmax(0, 1fr); }
   .tg-s { --nw: 180px; }
 }
@@ -602,9 +602,9 @@ span.tg-end { left: var(--tl-x); cursor: default; }   /* a shared board's milest
   .bt-l:hover { background: var(--cz-card); }
   .bt-l.sel { box-shadow: 0 0 0 3px rgba(72,148,234,.25); background: var(--cz-card); }
   .bt-nm { grid-area: nm; padding: 0; min-height: 44px; display: grid; grid-template-columns: minmax(0, 1fr) auto; column-gap: 8px; align-content: start; }
-  .bt-nm b { font-size: var(--fs-3); }
-  .bt-nm .cs { grid-column: 1; font-size: var(--fs-2); margin-top: 2px; }
-  .bt-pst { display: block; grid-column: 2; grid-row: 1; font-size: var(--fs-1); color: var(--cz-ink3); white-space: nowrap; align-self: center; }
+  .bt-nm b { font-size: var(--fs-body); line-height: var(--lh-body); }
+  .bt-nm .cs { grid-column: 1; font-size: var(--fs-meta); margin-top: 2px; line-height: var(--lh-meta); }
+  .bt-pst { display: block; grid-column: 2; grid-row: 1; font-size: var(--fs-meta); color: var(--cz-ink3); white-space: nowrap; align-self: center; line-height: var(--lh-meta); }
   .bt-pst .cz-ms { margin: 0 4px 1px 0; color: var(--cz-ink2); }
   .bt-cells { grid-area: cells; display: flex; justify-content: space-between; align-items: center; height: 12px; margin: 1px 0 0; position: relative; }   /* the track 20 px under the status line (AgBoardPhone) */
   .bt-cells::before { content: ""; position: absolute; left: 3px; right: 3px; top: 5px; height: 2px; background: var(--bd-rail); }
@@ -621,13 +621,13 @@ span.tg-end { left: var(--tl-x); cursor: default; }   /* a shared board's milest
   .bt-dl { grid-area: dl; border: 0; padding: 9px 0 0; gap: 4px; }
   .bt-dl:empty { display: none; }
   .bt-l:has(.sc .eta) .bt-dl { padding-top: 20px; }   /* the committed date under ◆ sits over the line's top */
-  .bt-dl .bd-nx { padding-top: 7px; border-top: 1px solid var(--cz-hair); font-size: var(--fs-3); }
+  .bt-dl .bd-nx { padding-top: 7px; border-top: 1px solid var(--cz-hair); font-size: var(--fs-body); line-height: var(--lh-body); }
   .bd-nxa { display: none; }
   .bt-tf { border: 0; background: none; padding: 4px; }
   .bt-tf .dlink { min-height: 44px; }
   .bt-srt { display: none; }
   .bd-pop { position: fixed; left: 8px; right: 8px; top: auto; bottom: 8px; max-height: 80vh; border-radius: 24px; padding: 18px; }
-  .bd-help-h h2 { font-size: var(--fs-5); }
+  .bd-help-h h2 { font-size: var(--fs-panel); line-height: var(--lh-panel); }
   .bd-tbl { grid-template-columns: 1fr 1fr; }
   .bd-tr.th { display: none; }
   .bd-tr > span:nth-child(n+3) { grid-column: 1 / -1; border-top: 0; padding-top: 0; }
@@ -641,17 +641,17 @@ span.tg-end { left: var(--tl-x); cursor: default; }   /* a shared board's milest
 }
 
 /* ── the plain versions of what the Agreed design has no frame for (pm/bd-acts.js): a small "Waiting for design" tag on each ── */
-.bd-wtag { display: inline-flex; align-items: center; height: 20px; padding: 0 8px; border-radius: 999px; border: 1px dashed var(--bd-pass); color: var(--cz-ink3); font: 700 var(--fs-1) var(--cz-sans); white-space: nowrap; vertical-align: middle; }
+.bd-wtag { display: inline-flex; align-items: center; height: 20px; padding: 0 8px; border-radius: 999px; border: 1px dashed var(--bd-pass); color: var(--cz-ink3); font: var(--fw-strong) var(--fs-badge)/var(--lh-badge) var(--cz-sans); white-space: nowrap; vertical-align: middle; }
 .pk-eye .bd-wtag { margin-left: 6px; }
-.bd-whead { display: flex; align-items: center; gap: 10px; margin: 0 0 10px; font-size: var(--fs-2); color: var(--cz-ink3); }
-.bd-amut { margin: 0; font-size: var(--fs-2); color: var(--cz-ink3); }
-.bd-amsg { margin: 0; min-height: 1em; font-size: var(--fs-2); color: var(--cz-red); }
+.bd-whead { display: flex; align-items: center; gap: 10px; margin: 0 0 10px; font-size: var(--fs-meta); color: var(--cz-ink3); line-height: var(--lh-meta); }
+.bd-amut { margin: 0; font-size: var(--fs-meta); color: var(--cz-ink3); line-height: var(--lh-meta); }
+.bd-amsg { margin: 0; min-height: 1em; font-size: var(--fs-meta); color: var(--cz-red); line-height: var(--lh-meta); }
 .bd-amsg:empty { display: none; }
-.bd-albl { margin: 6px 0 4px; font-size: var(--fs-2); font-weight: 800; color: var(--cz-ink3); }
-.bd-asub { margin: 0; font-size: var(--fs-2); font-weight: 700; color: var(--cz-ink2); }
-.bd-quote { margin: 0; font-size: var(--fs-3); color: var(--cz-ink); background: var(--cz-well); border-radius: 12px; padding: 10px 12px; }
+.bd-albl { margin: 6px 0 4px; font-size: var(--fs-label); font-weight: var(--fw-strong); color: var(--cz-ink3); line-height: var(--lh-label); }
+.bd-asub { margin: 0; font-size: var(--fs-label); font-weight: var(--fw-strong); color: var(--cz-ink2); line-height: var(--lh-label); }
+.bd-quote { margin: 0; font-size: var(--fs-body); color: var(--cz-ink); background: var(--cz-well); border-radius: 12px; padding: 10px 12px; line-height: var(--lh-body); }
 .bd-pl { display: flex; flex-direction: column; gap: 10px; }
-.bd-btn { height: 34px; padding: 0 14px; border-radius: 999px; border: 1px solid var(--cz-hair); background: var(--cz-card); color: var(--cz-ink); font: 700 var(--fs-3) var(--cz-sans); cursor: pointer; white-space: nowrap; }
+.bd-btn { height: 34px; padding: 0 14px; border-radius: 999px; border: 1px solid var(--cz-hair); background: var(--cz-card); color: var(--cz-ink); font: var(--fw-strong) var(--fs-row)/var(--lh-row) var(--cz-sans); cursor: pointer; white-space: nowrap; }
 .bd-btn:hover { background: var(--cz-well); }
 .bd-btn.solid { background: var(--cz-ink); color: var(--cz-card); border-color: transparent; }
 .bd-btn.solid:hover { filter: brightness(1.2); }
@@ -659,70 +659,70 @@ span.tg-end { left: var(--tl-x); cursor: default; }   /* a shared board's milest
 .bd-btn:focus-visible, .bd-ai:focus-visible, .bd-lr:focus-visible, .bd-card:focus-visible { outline: 2px solid var(--cz-blue); outline-offset: 2px; }
 .bd-arow { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; }
 .bd-form { display: flex; flex-direction: column; gap: 10px; }
-.bd-form label { display: flex; flex-direction: column; gap: 4px; font-size: var(--fs-2); font-weight: 800; color: var(--cz-ink3); }
-.bd-form label em { font-style: normal; font-weight: 600; }
-.bd-form input:not([type="radio"]):not([type="checkbox"]), .bd-form select, .bd-form textarea { font: 500 var(--fs-2) var(--cz-sans); color: var(--cz-ink); background: var(--cz-card); border: 1px solid var(--cz-hair); border-radius: 12px; padding: 8px 10px; min-height: 36px; width: 100%; }
+.bd-form label { display: flex; flex-direction: column; gap: 4px; font-size: var(--fs-label); font-weight: var(--fw-strong); color: var(--cz-ink3); line-height: var(--lh-label); }
+.bd-form label em { font-style: normal; font-weight: var(--fw-strong); }
+.bd-form input:not([type="radio"]):not([type="checkbox"]), .bd-form select, .bd-form textarea { font: var(--fw-regular) var(--fs-meta)/var(--lh-meta) var(--cz-sans); color: var(--cz-ink); background: var(--cz-card); border: 1px solid var(--cz-hair); border-radius: 12px; padding: 8px 10px; min-height: 36px; width: 100%; }
 .bd-form input:focus-visible, .bd-form select:focus-visible, .bd-form textarea:focus-visible { outline: 2px solid var(--cz-blue); outline-offset: 1px; }
 .bd-rad, .bd-chks { display: flex; flex-direction: column; gap: 4px; }
-.bd-form .bd-rad label, .bd-chk { flex-direction: row; align-items: center; gap: 8px; font-size: var(--fs-2); font-weight: 600; color: var(--cz-ink2); cursor: pointer; display: flex; min-height: 28px; }
+.bd-form .bd-rad label, .bd-chk { flex-direction: row; align-items: center; gap: 8px; font-size: var(--fs-label); font-weight: var(--fw-strong); color: var(--cz-ink2); cursor: pointer; display: flex; min-height: 28px; line-height: var(--lh-label); }
 .bd-alist { display: flex; flex-direction: column; border-top: 1px solid var(--cz-hair); }
 .bd-ai { all: unset; box-sizing: border-box; cursor: pointer; display: flex; flex-direction: column; gap: 2px; padding: 10px 4px; border-bottom: 1px solid var(--cz-hair); }
 .bd-ai:hover b { color: var(--cz-blueink); }
-.bd-ai b { font-size: var(--fs-3); } .bd-ai small { font-size: var(--fs-2); color: var(--cz-ink3); }
+.bd-ai b { font-size: var(--fs-body); line-height: var(--lh-body); } .bd-ai small { font-size: var(--fs-meta); color: var(--cz-ink3); line-height: var(--lh-meta); }
 .bd-ai:disabled { opacity: .5; }
 .bd-ar { display: flex; align-items: center; gap: 10px; padding: 8px 0; border-top: 1px solid var(--cz-hair); }
-.bd-ar .t { flex: 1; min-width: 0; display: flex; flex-direction: column; } .bd-ar small { color: var(--cz-ink3); font-size: var(--fs-2); }
+.bd-ar .t { flex: 1; min-width: 0; display: flex; flex-direction: column; } .bd-ar small { color: var(--cz-ink3); font-size: var(--fs-meta); line-height: var(--lh-meta); }
 .bd-ask { display: flex; flex-direction: column; gap: 6px; padding: 10px 0; border-top: 1px solid var(--cz-hair); }
-.bd-ask small { font-size: var(--fs-2); color: var(--cz-ink3); }
-.bd-kv { display: grid; grid-template-columns: auto 1fr; gap: 4px 14px; font-size: var(--fs-3); }
+.bd-ask small { font-size: var(--fs-meta); color: var(--cz-ink3); line-height: var(--lh-meta); }
+.bd-kv { display: grid; grid-template-columns: auto 1fr; gap: 4px 14px; font-size: var(--fs-body); line-height: var(--lh-body); }
 .bd-kv span { color: var(--cz-ink3); }
 .bd-rows { display: flex; flex-direction: column; border: 1px solid var(--cz-hair); border-radius: 18px; overflow: hidden; }
-.bd-lr { all: unset; box-sizing: border-box; display: grid; grid-template-columns: minmax(0, 1fr) 110px 170px 110px; align-items: center; gap: 12px; padding: 10px 16px; border-top: 1px solid var(--cz-hair); font-size: var(--fs-3); cursor: pointer; }
+.bd-lr { all: unset; box-sizing: border-box; display: grid; grid-template-columns: minmax(0, 1fr) 110px 170px 110px; align-items: center; gap: 12px; padding: 10px 16px; border-top: 1px solid var(--cz-hair); font-size: var(--fs-body); cursor: pointer; line-height: var(--lh-body); }
 .bd-lr:first-child { border-top: 0; }
 button.bd-lr:hover { background: var(--bd-row); }
 .bd-lr.doc { grid-template-columns: minmax(0, 1fr) 100px minmax(0, 200px) auto; cursor: default; }
-.bd-lr .t { display: flex; flex-direction: column; min-width: 0; } .bd-lr .t small { color: var(--cz-ink3); font-size: var(--fs-2); }
-.bd-lr .st, .bd-lr .pth, .bd-lr .fin { color: var(--cz-ink3); font-size: var(--fs-2); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
-.bd-lr .fin.over { color: var(--cz-late); font-weight: 700; }
+.bd-lr .t { display: flex; flex-direction: column; min-width: 0; } .bd-lr .t small { color: var(--cz-ink3); font-size: var(--fs-meta); line-height: var(--lh-meta); }
+.bd-lr .st, .bd-lr .pth, .bd-lr .fin { color: var(--cz-ink3); font-size: var(--fs-meta); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: var(--lh-meta); }
+.bd-lr .fin.over { color: var(--cz-late); font-weight: var(--fw-strong); }
 .bd-gone { margin: 8px 0 0; }
-.bd-dlink { all: unset; cursor: pointer; font-weight: 800; color: var(--cz-ink); }
+.bd-dlink { all: unset; cursor: pointer; font-weight: var(--fw-strong); color: var(--cz-ink); }
 .bd-dlink:hover { color: var(--cz-blueink); }
 .bd-dlink:focus-visible { outline: 2px solid var(--cz-blue); outline-offset: 2px; border-radius: 4px; }
-.bd-issue { display: flex; align-items: center; gap: 12px; justify-content: space-between; padding: 10px 12px; border-radius: 14px; background: var(--cz-bluebg); color: var(--cz-blueink); font-size: var(--fs-2); font-weight: 700; }
+.bd-issue { display: flex; align-items: center; gap: 12px; justify-content: space-between; padding: 10px 12px; border-radius: 14px; background: var(--cz-bluebg); color: var(--cz-blueink); font-size: var(--fs-label); font-weight: var(--fw-strong); line-height: var(--lh-label); }
 .bd-issue.done { background: var(--cz-okbg); color: var(--cz-ok); }
 @media (max-width: 720px) { .bd-issue .bd-btn { min-height: 44px; } }
 .bd-dochd { display: flex; align-items: center; gap: 12px; justify-content: space-between; margin-bottom: 10px; }
 .bd-dochd .bd-whead { margin: 0; }
 @media (max-width: 720px) { .bd-dochd .bd-btn { min-height: 44px; } }
-.bd-gone .dlink, .bt-qt .dlink { font: 700 var(--fs-2) var(--cz-sans); color: var(--cz-ink3); background: none; border: 0; cursor: pointer; padding: 0; }
+.bd-gone .dlink, .bt-qt .dlink { font: var(--fw-strong) var(--fs-label)/var(--lh-label) var(--cz-sans); color: var(--cz-ink3); background: none; border: 0; cursor: pointer; padding: 0; }
 .bd-gone .dlink:hover, .bt-qt .dlink:hover { color: var(--cz-ink); }
 .bt-qt { margin-left: auto; display: inline-flex; gap: 14px; align-items: center; }
 .bd-cols { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(170px, 1fr); gap: 10px; overflow-x: auto; padding-bottom: 6px; }
 .bd-col { display: flex; flex-direction: column; gap: 6px; background: var(--bd-row); border-radius: 16px; padding: 10px; min-height: 160px; }
-.bd-col h3 { margin: 0 0 4px; font-size: var(--fs-2); font-weight: 800; display: flex; align-items: center; gap: 6px; }
+.bd-col h3 { margin: 0 0 4px; font-size: var(--fs-label); font-weight: var(--fw-strong); display: flex; align-items: center; gap: 6px; line-height: var(--lh-label); }
 .bd-col h3 span { color: var(--cz-ink3); }
-.bd-card { all: unset; box-sizing: border-box; cursor: pointer; display: flex; flex-direction: column; gap: 4px; background: var(--cz-card); border: 1px solid var(--cz-hair); border-radius: 12px; padding: 8px 10px; font-size: var(--fs-2); }
+.bd-card { all: unset; box-sizing: border-box; cursor: pointer; display: flex; flex-direction: column; gap: 4px; background: var(--cz-card); border: 1px solid var(--cz-hair); border-radius: 12px; padding: 8px 10px; font-size: var(--fs-meta); line-height: var(--lh-meta); }
 .bd-card:hover b { color: var(--cz-blueink); }
-.bd-doc { margin: 8px 0 0; white-space: pre-wrap; word-break: break-word; font: var(--fs-3)/1.55 var(--cz-sans); color: var(--cz-ink); }
+.bd-doc { margin: 8px 0 0; white-space: pre-wrap; word-break: break-word; font: var(--fs-body)/1.55 var(--cz-sans); color: var(--cz-ink); }
 
 /* the Group control on the long spans */
 .bd-grpw { position: relative; display: inline-flex; }
 .bd-grpm { position: absolute; z-index: 30; top: calc(100% + 6px); left: 0; display: flex; flex-direction: column; min-width: 150px; padding: 6px; background: var(--cz-card); border: 1px solid var(--cz-hair); border-radius: 14px; box-shadow: 0 18px 40px -18px rgba(42,46,53,.35); }
 .bd-grpm[hidden] { display: none; }
-.bd-grpm button { all: unset; cursor: pointer; padding: 8px 10px; border-radius: 10px; font: 600 var(--fs-2) var(--cz-sans); color: var(--cz-ink2); }
+.bd-grpm button { all: unset; cursor: pointer; padding: 8px 10px; border-radius: 10px; font: var(--fw-strong) var(--fs-label)/var(--lh-label) var(--cz-sans); color: var(--cz-ink2); }
 .bd-grpm button:hover, .bd-grpm button:focus-visible { background: var(--cz-well); color: var(--cz-ink); }
-.bd-grpm button[aria-checked="true"] { color: var(--cz-blueink); font-weight: 800; }
+.bd-grpm button[aria-checked="true"] { color: var(--cz-blueink); font-weight: var(--fw-strong); }
 
 /* the trail in the panels: the next part, PRD drift that is clear */
-.pk-nx { margin: 8px 0 0; font-size: var(--fs-2); color: var(--cz-ink3); }
+.pk-nx { margin: 8px 0 0; font-size: var(--fs-meta); color: var(--cz-ink3); line-height: var(--lh-meta); }
 .pk-nx b { color: var(--cz-ink); }
 .pk-wt.ok { color: var(--cz-ok); background: var(--cz-okbg); }
 
 /* timeline milestones: a release's sign-off, "Push tickets", "after <initiative>" */
 .tg-msd { position: absolute; top: 50%; width: 11px; height: 11px; margin: -5.5px 0 0 -5.5px; transform: rotate(45deg); border-radius: 2px; background: var(--cz-blue); z-index: 4; }
-.tg-msl { position: absolute; top: calc(50% - 30px); transform: translateX(10px); font-size: var(--fs-2); font-weight: 800; color: var(--cz-blueink); white-space: nowrap; z-index: 4; }   /* AgBoardTimeline: a blue ◆ and its bold label above the bar */
+.tg-msl { position: absolute; top: calc(50% - 30px); transform: translateX(10px); font-size: var(--fs-label); font-weight: var(--fw-strong); color: var(--cz-blueink); white-space: nowrap; z-index: 4; line-height: var(--lh-label); }   /* AgBoardTimeline: a blue ◆ and its bold label above the bar */
 .tg-msl.you { top: 50%; transform: translate(10px, -50%); }
-.tg-dep { position: absolute; bottom: 1px; font-size: var(--fs-1); font-weight: 700; color: var(--cz-ink3); white-space: nowrap; display: inline-flex; align-items: center; gap: 3px; z-index: 3; }
+.tg-dep { position: absolute; bottom: 1px; font-size: var(--fs-badge); font-weight: var(--fw-strong); color: var(--cz-ink3); white-space: nowrap; display: inline-flex; align-items: center; gap: 3px; z-index: 3; line-height: var(--lh-badge); }
 .tg-dep svg { width: 11px; height: 11px; }
 
 @media (max-width: 720px) {
@@ -738,7 +738,7 @@ button.bd-lr:hover { background: var(--bd-row); }
 .bd-phb { display: inline-flex; flex-wrap: wrap; gap: 6px; }
 .bd-phscroll { overflow-x: auto; margin: 0 -16px; padding: 0 16px; }
 .bd-phscroll .tg { min-width: 960px; }
-.bd-alink { color: var(--cz-blueink); font-weight: 700; text-decoration: none; border-radius: 4px; }
+.bd-alink { color: var(--cz-blueink); font-weight: var(--fw-strong); text-decoration: none; border-radius: 4px; }
 .bd-alink:hover { text-decoration: underline; }
 .bd-alink:focus-visible { outline: 2px solid var(--cz-blue); outline-offset: 2px; }
 @media (max-width: 720px) {
@@ -753,23 +753,23 @@ button.bd-lr:hover { background: var(--bd-row); }
 .bd-pp[hidden], .bd-scrim[hidden] { display: none; }
 .bd-scrim { position: fixed; inset: 0; z-index: 74; background: rgba(42,46,53,.32); }
 .bd-grab { width: 40px; height: 4px; border-radius: 2px; background: var(--cz-hair); margin: 2px auto 8px; flex: none; }
-.bd-mi { all: unset; box-sizing: border-box; display: flex; align-items: center; gap: 10px; min-height: 40px; padding: 0 12px; border-radius: 12px; font: 600 var(--fs-3) var(--cz-sans); color: var(--cz-ink); width: 100%; cursor: pointer; }
+.bd-mi { all: unset; box-sizing: border-box; display: flex; align-items: center; gap: 10px; min-height: 40px; padding: 0 12px; border-radius: 12px; font: var(--fw-strong) var(--fs-row)/var(--lh-row) var(--cz-sans); color: var(--cz-ink); width: 100%; cursor: pointer; }
 .bd-mi:hover, .bd-mi.hl { background: var(--cz-well); }
 .bd-mi:focus-visible { outline: 2px solid var(--cz-blue); outline-offset: -2px; }
 .bd-mi svg { width: 16px; height: 16px; color: var(--cz-ink2); flex: none; }
-.bd-mi .k { margin-left: auto; font-size: var(--fs-2); color: var(--cz-ink3); font-weight: 600; white-space: nowrap; }
+.bd-mi .k { margin-left: auto; font-size: var(--fs-label); color: var(--cz-ink3); font-weight: var(--fw-strong); white-space: nowrap; line-height: var(--lh-label); }
 .bd-mi .tx { display: flex; flex-direction: column; min-width: 0; flex: 1; padding: 6px 0; }
 .bd-mi .tx > span:first-child { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
-.bd-mi .tx small { font-size: var(--fs-2); font-weight: 600; color: var(--cz-ink3); }
+.bd-mi .tx small { font-size: var(--fs-label); font-weight: var(--fw-strong); color: var(--cz-ink3); line-height: var(--lh-label); }
 .bd-mi mark { background: var(--cz-bluebg); color: var(--cz-blueink); border-radius: 3px; }
-.bd-mlbl { margin: 0; font-size: var(--fs-2); font-weight: 800; color: var(--cz-ink3); padding: 8px 12px 4px; }
+.bd-mlbl { margin: 0; font-size: var(--fs-label); font-weight: var(--fw-strong); color: var(--cz-ink3); padding: 8px 12px 4px; line-height: var(--lh-label); }
 .bd-mnote { padding: 4px 12px 8px; }
 .bd-hr { height: 1px; background: var(--cz-hair); margin: 4px 6px; flex: none; }
 .bd-ppb { display: flex; flex-direction: column; gap: 8px; padding: 4px 12px 10px; }
-.bd-pp .sm, .bd-actsvw .sm { font-size: var(--fs-2); }
-.bd-pp b.sm { font-weight: 800; }
+.bd-pp .sm, .bd-actsvw .sm { font-size: var(--fs-meta); line-height: var(--lh-meta); }
+.bd-pp b.sm { font-weight: var(--fw-strong); }
 /* the canvas's small parts */
-.bd-pill { display: inline-flex; align-items: center; gap: 5px; height: 22px; padding: 0 9px; border-radius: 999px; font: 700 var(--fs-1) var(--cz-sans); background: var(--cz-well); color: var(--cz-ink2); white-space: nowrap; flex: none; }
+.bd-pill { display: inline-flex; align-items: center; gap: 5px; height: 22px; padding: 0 9px; border-radius: 999px; font: var(--fw-strong) var(--fs-badge)/var(--lh-badge) var(--cz-sans); background: var(--cz-well); color: var(--cz-ink2); white-space: nowrap; flex: none; }
 .bd-pill.y { background: var(--cz-bluebg); color: var(--cz-blueink); }
 .bd-pill.w { background: var(--cz-riskbg); color: var(--cz-risk); }
 .bd-pill.l { background: var(--cz-latebg); color: var(--cz-late); }
@@ -777,29 +777,29 @@ button.bd-lr:hover { background: var(--bd-row); }
 .bd-pill.ok { background: var(--cz-okbg); color: var(--cz-ok); }
 .bd-pills, .bd-chips, .bd-mchips, .bd-fg { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }
 .bd-fg { padding: 0 12px 6px; }
-.bd-box { background: var(--cz-well); border-radius: 16px; padding: 12px 14px; display: flex; flex-direction: column; gap: 4px; font-size: var(--fs-3); }
-.bd-box.sm { padding: 10px 12px; font-size: var(--fs-2); }
-.bd-box b { font-weight: 800; }
-.bd-boxh { display: flex; justify-content: space-between; align-items: baseline; gap: 8px; font-size: var(--fs-2); }
-.bd-need { background: var(--cz-bluebg); border-radius: 14px; padding: 12px 14px; display: flex; align-items: center; gap: 10px; font-size: var(--fs-3); }
+.bd-box { background: var(--cz-well); border-radius: 16px; padding: 12px 14px; display: flex; flex-direction: column; gap: 4px; font-size: var(--fs-body); line-height: var(--lh-body); }
+.bd-box.sm { padding: 10px 12px; font-size: var(--fs-meta); line-height: var(--lh-meta); }
+.bd-box b { font-weight: var(--fw-strong); }
+.bd-boxh { display: flex; justify-content: space-between; align-items: baseline; gap: 8px; font-size: var(--fs-meta); line-height: var(--lh-meta); }
+.bd-need { background: var(--cz-bluebg); border-radius: 14px; padding: 12px 14px; display: flex; align-items: center; gap: 10px; font-size: var(--fs-body); line-height: var(--lh-body); }
 .bd-need svg { width: 16px; height: 16px; color: var(--cz-blueink); flex: none; }
-.bd-need.sm { padding: 10px 12px; font-size: var(--fs-2); }
-.bd-warn { background: var(--cz-riskbg); border-radius: 14px; padding: 12px 14px; color: var(--cz-risk); display: flex; flex-direction: column; gap: 6px; font-size: var(--fs-3); margin: 0; }
-.bd-warn.sm { padding: 8px 12px; font-size: var(--fs-2); }
+.bd-need.sm { padding: 10px 12px; font-size: var(--fs-meta); line-height: var(--lh-meta); }
+.bd-warn { background: var(--cz-riskbg); border-radius: 14px; padding: 12px 14px; color: var(--cz-risk); display: flex; flex-direction: column; gap: 6px; font-size: var(--fs-body); margin: 0; line-height: var(--lh-body); }
+.bd-warn.sm { padding: 8px 12px; font-size: var(--fs-meta); line-height: var(--lh-meta); }
 .bd-warn span { color: var(--cz-ink2); }
-.bd-field { display: flex; flex-direction: column; gap: 6px; font-size: var(--fs-2); font-weight: 800; color: var(--cz-ink2); }
-.bd-flbl { font-size: var(--fs-2); font-weight: 800; color: var(--cz-ink2); }
-.bd-form .bd-field { font-size: var(--fs-2); color: var(--cz-ink2); gap: 6px; }
-.bd-inp, .bd-form .bd-inp { height: 42px; border-radius: 14px; background: var(--cz-well); border: 1px solid transparent; padding: 0 14px; font: 500 var(--fs-3) var(--cz-sans); color: var(--cz-ink); width: 100%; box-sizing: border-box; }
-.bd-inp.sm { height: 34px; font-size: var(--fs-2); border-radius: 12px; }
+.bd-field { display: flex; flex-direction: column; gap: 6px; font-size: var(--fs-label); font-weight: var(--fw-strong); color: var(--cz-ink2); line-height: var(--lh-label); }
+.bd-flbl { font-size: var(--fs-label); font-weight: var(--fw-strong); color: var(--cz-ink2); line-height: var(--lh-label); }
+.bd-form .bd-field { font-size: var(--fs-meta); color: var(--cz-ink2); gap: 6px; line-height: var(--lh-meta); }
+.bd-inp, .bd-form .bd-inp { height: 42px; border-radius: 14px; background: var(--cz-well); border: 1px solid transparent; padding: 0 14px; font: var(--fw-regular) var(--fs-body)/var(--lh-body) var(--cz-sans); color: var(--cz-ink); width: 100%; box-sizing: border-box; }
+.bd-inp.sm { height: 34px; font-size: var(--fs-meta); border-radius: 12px; line-height: var(--lh-meta); }
 .bd-inp.ta, .bd-form textarea.bd-inp { height: auto; min-height: 72px; padding: 10px 14px; resize: vertical; }
-.bd-inp.ro { display: flex; align-items: center; color: var(--cz-ink2); font-weight: 600; }
+.bd-inp.ro { display: flex; align-items: center; color: var(--cz-ink2); font-weight: var(--fw-strong); }
 .bd-inp:focus-visible { outline: 2px solid var(--cz-blue); outline-offset: 1px; }
-.bd-av { width: 26px; height: 26px; border-radius: 50%; background: var(--cz-well2); color: var(--cz-ink2); font: 800 var(--fs-1) var(--cz-sans); display: inline-flex; align-items: center; justify-content: center; flex: none; }
-.bd-av.sm { width: 22px; height: 22px; font-size: var(--fs-1); }
-.bd-av.xs { width: 18px; height: 18px; font-size: var(--fs-1); margin-left: -4px; }
+.bd-av { width: 26px; height: 26px; border-radius: 50%; background: var(--cz-well2); color: var(--cz-ink2); font: var(--fw-strong) var(--fs-badge)/var(--lh-badge) var(--cz-sans); display: inline-flex; align-items: center; justify-content: center; flex: none; }
+.bd-av.sm { width: 22px; height: 22px; font-size: var(--fs-meta); line-height: var(--lh-meta); }
+.bd-av.xs { width: 18px; height: 18px; font-size: var(--fs-meta); margin-left: -4px; line-height: var(--lh-meta); }
 .bd-av.b { background: var(--cz-bluebg); color: var(--cz-blueink); }
-.bd-kbd { display: inline-flex; align-items: center; height: 22px; padding: 0 7px; border-radius: 7px; background: var(--cz-well); font: 700 var(--fs-1) var(--cz-sans); color: var(--cz-ink3); flex: none; }
+.bd-kbd { display: inline-flex; align-items: center; height: 22px; padding: 0 7px; border-radius: 7px; background: var(--cz-well); font: var(--fw-strong) var(--fs-badge)/var(--lh-badge) var(--cz-sans); color: var(--cz-ink3); flex: none; }
 .bd-bar { display: block; height: 6px; border-radius: 3px; background: var(--bd-rail); overflow: hidden; min-width: 60px; }
 .bd-bar i { display: block; height: 100%; border-radius: 3px; background: var(--bd-done); }
 .bd-bar i.cnt { background: repeating-linear-gradient(45deg, var(--cz-c-8c929b) 0 4px, var(--cz-c-b9bdc4) 4px 8px); }
@@ -807,20 +807,20 @@ button.bd-lr:hover { background: var(--bd-row); }
 .bd-bar.y i.cnt { background: repeating-linear-gradient(45deg, var(--cz-blue) 0 4px, var(--cz-bluebg) 4px 8px); }
 .bd-ell { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
 .bd-push { margin-left: auto; } .bd-push0 { flex: 1; min-width: 0; }
-.bd-lbl { margin: 4px 0 0; font-size: var(--fs-2); font-weight: 800; color: var(--cz-ink3); }
-.bd-h3 { margin: 0; font-size: var(--fs-4); font-weight: 800; color: var(--cz-ink); }
-.bd-late { color: var(--cz-late); font-weight: 700; }
+.bd-lbl { margin: 4px 0 0; font-size: var(--fs-label); font-weight: var(--fw-strong); color: var(--cz-ink3); line-height: var(--lh-label); }
+.bd-h3 { margin: 0; font-size: var(--fs-section); font-weight: var(--fw-strong); color: var(--cz-ink); line-height: var(--lh-section); }
+.bd-late { color: var(--cz-late); font-weight: var(--fw-strong); }
 .bd-x0 { all: unset; cursor: pointer; display: inline-flex; margin-right: -4px; color: var(--cz-ink3); }
 .bd-x0 svg { width: 12px; height: 12px; }
-.bd-chip.sm { height: 26px; padding: 0 9px; font-size: var(--fs-2); }
-.bd-btn.sm { height: 30px; padding: 0 11px; font-size: var(--fs-2); display: inline-flex; align-items: center; gap: 6px; text-decoration: none; }
+.bd-chip.sm { height: 26px; padding: 0 9px; font-size: var(--fs-meta); line-height: var(--lh-meta); }
+.bd-btn.sm { height: 30px; padding: 0 11px; font-size: var(--fs-meta); display: inline-flex; align-items: center; gap: 6px; text-decoration: none; line-height: var(--lh-meta); }
 .bd-btn.ghost { border-color: transparent; background: transparent; color: var(--cz-ink2); }
 .bd-btn.ghost:hover { background: var(--cz-well); }
 .bd-btn.wide { width: 100%; height: 44px; }
 .bd-btn svg { width: 14px; height: 14px; }
 .bd-btn.on { background: var(--cz-bluebg); color: var(--cz-blueink); border-color: transparent; }
 a.bd-btn { display: inline-flex; align-items: center; gap: 6px; text-decoration: none; }
-.bd-seg > button:not(.bd-ib) { all: unset; cursor: pointer; height: 30px; padding: 0 12px; border-radius: 999px; font: 700 var(--fs-2) var(--cz-sans); color: var(--cz-ink3); display: inline-flex; align-items: center; }
+.bd-seg > button:not(.bd-ib) { all: unset; cursor: pointer; height: 30px; padding: 0 12px; border-radius: 999px; font: var(--fw-strong) var(--fs-label)/var(--lh-label) var(--cz-sans); color: var(--cz-ink3); display: inline-flex; align-items: center; }
 .bd-seg > button[aria-pressed="true"]:not(.bd-ib) { background: var(--cz-card); color: var(--cz-ink); box-shadow: 0 1px 3px rgba(42,46,53,.12); }
 .bd-pfoot { margin-top: auto; padding-top: 6px; }
 /* the "Showing" bar (BdFilter) */
@@ -828,26 +828,26 @@ a.bd-btn { display: inline-flex; align-items: center; gap: 6px; text-decoration:
 .bd-showing { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin: 0 0 10px; }
 .bd-showing .bd-mlbl { padding: 0 4px 0 0; }
 .bd-showing .bd-chip svg { width: 12px; height: 12px; }
-.bd-showing .dlink { font: 700 var(--fs-2) var(--cz-sans); color: var(--cz-blueink); background: none; border: 0; cursor: pointer; padding: 0 4px; }
+.bd-showing .dlink { font: var(--fw-strong) var(--fs-label)/var(--lh-label) var(--cz-sans); color: var(--cz-blueink); background: none; border: 0; cursor: pointer; padding: 0 4px; }
 /* Find, Filter */
 .bd-finp { display: flex; align-items: center; gap: 10px; height: 44px; padding: 0 10px 0 12px; border-radius: 14px; background: var(--cz-well); margin: 2px 2px 6px; }
 .bd-finp svg { width: 16px; height: 16px; color: var(--cz-ink3); flex: none; }
-.bd-finp input { flex: 1; min-width: 0; border: 0; background: none; font: 600 var(--fs-3) var(--cz-sans); color: var(--cz-ink); outline: none; }
+.bd-finp input { flex: 1; min-width: 0; border: 0; background: none; font: var(--fw-strong) var(--fs-row)/var(--lh-row) var(--cz-sans); color: var(--cz-ink); outline: none; }
 .bd-finp input::-webkit-search-cancel-button { display: none; }
 .bd-fres { display: flex; flex-direction: column; gap: 2px; }
 .bd-ffoot { padding: 8px 6px 2px; border-top: 1px solid var(--cz-hair); margin-top: 4px; }
 /* the row menu, the asks, the trend */
-.bd-menu .bd-mlbl:first-child { color: var(--cz-ink); font-size: var(--fs-2); }
+.bd-menu .bd-mlbl:first-child { color: var(--cz-ink); font-size: var(--fs-meta); line-height: var(--lh-meta); }
 .bd-phead { display: flex; align-items: baseline; gap: 10px; padding: 8px 12px 6px; flex-wrap: wrap; }
 .bd-aface { display: inline-flex; align-self: center; flex: none; }   /* Adler heads New asks (batch 17 item 4-A) */
 .bd-acards { display: flex; flex-direction: column; gap: 8px; padding: 0 4px 4px; }
-.bd-acard { all: unset; box-sizing: border-box; display: flex; flex-direction: column; gap: 8px; padding: 12px 14px; border-radius: 16px; border: 1px solid var(--cz-hair); background: var(--cz-card); font-size: var(--fs-3); }
+.bd-acard { all: unset; box-sizing: border-box; display: flex; flex-direction: column; gap: 8px; padding: 12px 14px; border-radius: 16px; border: 1px solid var(--cz-hair); background: var(--cz-card); font-size: var(--fs-body); line-height: var(--lh-body); }
 .bd-acard.row { flex-direction: row; align-items: center; gap: 10px; cursor: pointer; padding: 10px 12px; }
 .bd-acard.row .tx { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
 .bd-acard.row svg { width: 14px; height: 14px; color: var(--cz-ink3); }
 .bd-awho { display: flex; align-items: center; gap: 8px; }
-.bd-awho b { font-weight: 800; }
-.bd-aq { margin: 0; font-size: var(--fs-3); color: var(--cz-ink); line-height: 1.4; }
+.bd-awho b { font-weight: var(--fw-strong); }
+.bd-aq { margin: 0; font-size: var(--fs-body); color: var(--cz-ink); line-height: 1.4; }
 .bd-aprod { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
 .bd-unsure { display: flex; flex-direction: column; gap: 8px; padding: 10px 14px; margin: 4px; border-radius: 16px; background: var(--cz-well); }
 .bd-un1 { display: flex; flex-direction: column; gap: 6px; }
@@ -862,62 +862,62 @@ a.bd-btn { display: inline-flex; align-items: center; gap: 6px; text-decoration:
 .bd-spark .ln { stroke: var(--cz-late); }
 .bd-spark circle { fill: var(--cz-late); stroke: none; }
 /* sprints and releases */
-.bd-sp1 { all: unset; box-sizing: border-box; display: flex; align-items: center; gap: 10px; min-height: 40px; padding: 0 12px; border-radius: 12px; font: 600 var(--fs-3) var(--cz-sans); color: var(--cz-ink); cursor: pointer; width: 100%; }
+.bd-sp1 { all: unset; box-sizing: border-box; display: flex; align-items: center; gap: 10px; min-height: 40px; padding: 0 12px; border-radius: 12px; font: var(--fw-strong) var(--fs-row)/var(--lh-row) var(--cz-sans); color: var(--cz-ink); cursor: pointer; width: 100%; }
 .bd-sp1:hover, .bd-sp1[aria-pressed="true"] { background: var(--cz-well); }
 .bd-sp1.now, .bd-sp1.next { background: var(--cz-bluebg); }
-.bd-sp1 b { font-weight: 800; }
-.bd-sp1 .k { margin-left: auto; font-size: var(--fs-2); color: var(--cz-ink3); font-weight: 600; white-space: nowrap; }
+.bd-sp1 b { font-weight: var(--fw-strong); }
+.bd-sp1 .k { margin-left: auto; font-size: var(--fs-label); color: var(--cz-ink3); font-weight: var(--fw-strong); white-space: nowrap; line-height: var(--lh-label); }
 .bd-sp1:focus-visible { outline: 2px solid var(--cz-blue); outline-offset: -2px; }
 .bd-dia { width: 10px; height: 10px; transform: rotate(45deg); border-radius: 2px; border: 2px solid var(--cz-ink3); flex: none; box-sizing: border-box; }
 .bd-dia.on { background: var(--cz-ink); border-color: var(--cz-ink); }
 .bd-ptabs { margin: 0 0 4px; }
 .bd-bkw { display: flex; flex-direction: column; }
-.bd-bk { display: grid; grid-template-columns: 74px minmax(0, 1fr) minmax(0, 130px) 34px auto; gap: 0 10px; align-items: center; min-height: 40px; border-top: 1px solid var(--cz-hair); font-size: var(--fs-2); }
-.bd-bk.h { border-top: 0; min-height: 28px; font-size: var(--fs-1); font-weight: 800; color: var(--cz-ink3); }
-.bd-th { display: flex; justify-content: space-between; font-size: var(--fs-1); font-weight: 800; color: var(--cz-ink3); margin-top: 4px; }
-.bd-trow { display: flex; align-items: center; gap: 10px; min-height: 40px; border-top: 1px solid var(--cz-hair); font-size: var(--fs-2); }
-.bd-trow .bd-dlink { flex: 1; min-width: 0; display: flex; flex-direction: column; font-size: var(--fs-3); }
-.bd-trow small { font-weight: 600; }
+.bd-bk { display: grid; grid-template-columns: 74px minmax(0, 1fr) minmax(0, 130px) 34px auto; gap: 0 10px; align-items: center; min-height: 40px; border-top: 1px solid var(--cz-hair); font-size: var(--fs-meta); line-height: var(--lh-meta); }
+.bd-bk.h { border-top: 0; min-height: 28px; font-size: var(--fs-badge); font-weight: var(--fw-strong); color: var(--cz-ink3); line-height: var(--lh-badge); }
+.bd-th { display: flex; justify-content: space-between; font-size: var(--fs-badge); font-weight: var(--fw-strong); color: var(--cz-ink3); margin-top: 4px; line-height: var(--lh-badge); }
+.bd-trow { display: flex; align-items: center; gap: 10px; min-height: 40px; border-top: 1px solid var(--cz-hair); font-size: var(--fs-meta); line-height: var(--lh-meta); }
+.bd-trow .bd-dlink { flex: 1; min-width: 0; display: flex; flex-direction: column; font-size: var(--fs-body); line-height: var(--lh-body); }
+.bd-trow small { font-weight: var(--fw-strong); }
 .bd-trow.sm { min-height: 34px; }
 /* Cancelled and archived */
 .bd-gseg { align-self: flex-start; flex-wrap: wrap; }
 .bd-grs { display: flex; flex-direction: column; }
 .bd-gr { display: flex; align-items: center; gap: 10px; padding: 10px 0; border-top: 1px solid var(--cz-hair); }
-.bd-gr .t { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 1px; font-size: var(--fs-3); }
-.bd-gr small { font-size: var(--fs-2); color: var(--cz-ink3); }
+.bd-gr .t { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 1px; font-size: var(--fs-body); line-height: var(--lh-body); }
+.bd-gr small { font-size: var(--fs-meta); color: var(--cz-ink3); line-height: var(--lh-meta); }
 /* the side panel's widths and its new parts: New initiative, a document and the wide panels take the one width above (B1) */
-.pk-sub { margin: 4px 0 0; font-size: var(--fs-2); color: var(--cz-ink3); }
+.pk-sub { margin: 4px 0 0; font-size: var(--fs-meta); color: var(--cz-ink3); line-height: var(--lh-meta); }
 .pk-dg { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; margin-bottom: 6px; }
 .pk-dg .bd-box { padding: 10px 12px; gap: 2px; }
-.pk-dg .bd-box b { font-size: var(--fs-3); }
+.pk-dg .bd-box b { font-size: var(--fs-body); line-height: var(--lh-body); }
 .pk-dg .bd-box.late { background: var(--cz-latebg); }
 .pk-jtw { display: flex; flex-direction: column; }
-.pk-jt { all: unset; box-sizing: border-box; display: grid; grid-template-columns: 70px minmax(0, 1fr) 96px 30px; gap: 0 10px; align-items: center; min-height: 38px; border-top: 1px solid var(--cz-hair); font-size: var(--fs-2); cursor: pointer; }
+.pk-jt { all: unset; box-sizing: border-box; display: grid; grid-template-columns: 70px minmax(0, 1fr) 96px 30px; gap: 0 10px; align-items: center; min-height: 38px; border-top: 1px solid var(--cz-hair); font-size: var(--fs-meta); cursor: pointer; line-height: var(--lh-meta); }
 button.pk-jt:hover { background: var(--bd-row); }
 button.pk-jt:focus-visible { outline: 2px solid var(--cz-blue); outline-offset: -2px; border-radius: 8px; }
-.pk-jt.h { border-top: 0; min-height: 30px; font-size: var(--fs-1); font-weight: 800; color: var(--cz-ink3); cursor: default; }
-.pk-jt .s-red { color: var(--cz-red); font-weight: 700; }
+.pk-jt.h { border-top: 0; min-height: 30px; font-size: var(--fs-badge); font-weight: var(--fw-strong); color: var(--cz-ink3); cursor: default; line-height: var(--lh-badge); }
+.pk-jt .s-red { color: var(--cz-red); font-weight: var(--fw-strong); }
 /* New initiative and the first questions (BdNew, BdGrill) */
 .bd-new { gap: 14px; }
 .bd-drop { display: flex; align-items: center; gap: 6px; min-height: 48px; padding: 6px 6px 6px 10px; border-radius: 14px; border: 1px dashed var(--cz-hair); background: var(--cz-card); flex-wrap: wrap; }
 .bd-drop.on { border-color: var(--cz-blue); background: var(--cz-bluebg); }
-.bd-mchips:empty::before { content: "No material yet"; font: 600 var(--fs-2) var(--cz-sans); color: var(--cz-ink3); }
+.bd-mchips:empty::before { content: "No material yet"; font: var(--fw-strong) var(--fs-label)/var(--lh-label) var(--cz-sans); color: var(--cz-ink3); }
 .bd-linkin { display: flex; gap: 6px; }
 .bd-linkin[hidden] { display: none; }
-#nwKind span { font-weight: 500; color: var(--cz-ink2); }
+#nwKind span { font-weight: var(--fw-regular); color: var(--cz-ink2); }
 #nwKind .bd-amut { color: var(--cz-ink3); }
-.bd-qhd { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; font-size: var(--fs-3); }
-.bd-qc { all: unset; box-sizing: border-box; display: flex; flex-direction: column; gap: 6px; padding: 12px 14px; border-radius: 16px; border: 1px solid var(--cz-hair); font-size: var(--fs-3); }
+.bd-qhd { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; font-size: var(--fs-body); line-height: var(--lh-body); }
+.bd-qc { all: unset; box-sizing: border-box; display: flex; flex-direction: column; gap: 6px; padding: 12px 14px; border-radius: 16px; border: 1px solid var(--cz-hair); font-size: var(--fs-body); line-height: var(--lh-body); }
 .bd-qc.on { border-color: var(--cz-blue); box-shadow: 0 0 0 3px var(--cz-bluebg); }
 .bd-qc.off { cursor: pointer; color: var(--cz-ink2); }
 .bd-qc.off:hover { background: var(--cz-well); }
 .bd-qc.off:focus-visible { outline: 2px solid var(--cz-blue); outline-offset: 2px; }
-.bd-qc .src { font-size: var(--fs-1); font-weight: 800; color: var(--cz-ink3); }
-.bd-qc b { font-size: var(--fs-3); font-weight: 800; }
+.bd-qc .src { font-size: var(--fs-badge); font-weight: var(--fw-strong); color: var(--cz-ink3); line-height: var(--lh-badge); }
+.bd-qc b { font-size: var(--fs-row); font-weight: var(--fw-strong); line-height: var(--lh-row); }
 /* List (BdList) */
 .bd-ltw { border: 1px solid var(--cz-hair); border-radius: 18px; overflow: hidden; background: var(--cz-card); }
-.bd-lt { display: grid; grid-template-columns: minmax(170px, 1.5fr) 140px minmax(100px, .8fr) 100px minmax(130px, 1fr) 54px minmax(250px, 2.4fr) 70px 36px; gap: 0 12px; align-items: center; min-height: 52px; padding: 0 10px 0 16px; border-top: 1px solid var(--cz-hair); font-size: var(--fs-3); }
-.bd-lt.h { border-top: 0; min-height: 40px; background: var(--cz-well); font-size: var(--fs-2); font-weight: 800; color: var(--cz-ink3); }
+.bd-lt { display: grid; grid-template-columns: minmax(170px, 1.5fr) 140px minmax(100px, .8fr) 100px minmax(130px, 1fr) 54px minmax(250px, 2.4fr) 70px 36px; gap: 0 12px; align-items: center; min-height: 52px; padding: 0 10px 0 16px; border-top: 1px solid var(--cz-hair); font-size: var(--fs-body); line-height: var(--lh-body); }
+.bd-lt.h { border-top: 0; min-height: 40px; background: var(--cz-well); font-size: var(--fs-label); font-weight: var(--fw-strong); color: var(--cz-ink3); line-height: var(--lh-label); }
 .bd-lt:hover:not(.h):not(.foot) { background: var(--bd-row); }
 .bd-lt.sel { background: var(--cz-bluebg); }
 .bd-lt.held { opacity: .7; }
@@ -927,61 +927,61 @@ button.pk-jt:focus-visible { outline: 2px solid var(--cz-blue); outline-offset:
 .bd-lth svg { width: 12px; height: 12px; margin-left: 3px; vertical-align: -1px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
 .bd-lth:focus-visible { outline: 2px solid var(--cz-blue); outline-offset: 2px; border-radius: 4px; }
 .bd-ltn { all: unset; cursor: pointer; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
-.bd-ltn b { font-weight: 800; }
+.bd-ltn b { font-weight: var(--fw-strong); }
 .bd-ltn:hover b { color: var(--cz-blueink); }
 .bd-ltn:focus-visible { outline: 2px solid var(--cz-blue); outline-offset: 2px; border-radius: 4px; }
 .bd-lt > span { min-width: 0; }
-.bd-lt .cs { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: var(--fs-2); }
-.bd-foot { margin: 10px 2px 0; font-size: var(--fs-2); color: var(--cz-ink3); display: flex; gap: 16px; justify-content: space-between; flex-wrap: wrap; }
+.bd-lt .cs { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: var(--fs-meta); line-height: var(--lh-meta); }
+.bd-foot { margin: 10px 2px 0; font-size: var(--fs-meta); color: var(--cz-ink3); display: flex; gap: 16px; justify-content: space-between; flex-wrap: wrap; line-height: var(--lh-meta); }
 /* By stage (BdByStage) */
 .bd-scols { display: flex; gap: 10px; align-items: flex-start; overflow-x: auto; padding-bottom: 4px; }
 .bd-scol { flex: 1 1 0; min-width: 168px; background: var(--cz-well); border-radius: 18px; padding: 10px; display: flex; flex-direction: column; gap: 8px; min-height: 220px; }
 .bd-scol.drop { box-shadow: inset 0 0 0 2px var(--cz-blue); }
-.bd-scol h3 { margin: 0; padding: 2px 4px 2px; display: flex; align-items: center; gap: 6px; font-size: var(--fs-2); font-weight: 800; color: var(--cz-ink2); }
-.bd-scol h3 span { font-weight: 700; color: var(--cz-ink3); font-size: var(--fs-2); }
+.bd-scol h3 { margin: 0; padding: 2px 4px 2px; display: flex; align-items: center; gap: 6px; font-size: var(--fs-label); font-weight: var(--fw-strong); color: var(--cz-ink2); line-height: var(--lh-label); }
+.bd-scol h3 span { font-weight: var(--fw-strong); color: var(--cz-ink3); font-size: var(--fs-label); line-height: var(--lh-label); }
 .bd-scol h3 .bd-ib { margin-left: auto; }
 .bd-cempty { padding: 6px 4px; }
-.bd-bc { all: unset; box-sizing: border-box; display: flex; flex-direction: column; gap: 4px; padding: 10px 12px; border-radius: 14px; background: var(--cz-card); box-shadow: 0 1px 2px rgba(42,46,53,.06); cursor: pointer; font-size: var(--fs-2); }
+.bd-bc { all: unset; box-sizing: border-box; display: flex; flex-direction: column; gap: 4px; padding: 10px 12px; border-radius: 14px; background: var(--cz-card); box-shadow: 0 1px 2px rgba(42,46,53,.06); cursor: pointer; font-size: var(--fs-meta); line-height: var(--lh-meta); }
 .bd-bc[draggable="true"] { cursor: grab; }
 .bd-bc.drag { opacity: .5; }
 .bd-bc:hover { box-shadow: 0 6px 18px -10px rgba(42,46,53,.3); }
 .bd-bc.sel, .bd-bc.you { box-shadow: 0 0 0 2px var(--cz-bluebg); }
 .bd-bc:focus-visible { outline: 2px solid var(--cz-blue); outline-offset: 2px; }
-.bd-bc .t { font-size: var(--fs-3); font-weight: 800; color: var(--cz-ink); }
-.bd-bc .s { font-size: var(--fs-2); }
-.bd-bc .f { display: flex; align-items: center; justify-content: space-between; gap: 6px; color: var(--cz-ink3); font-size: var(--fs-1); font-weight: 700; margin-top: 2px; min-height: 22px; }
-.bd-bc .f .nx { color: var(--cz-blueink); font-weight: 800; }
+.bd-bc .t { font-size: var(--fs-row); font-weight: var(--fw-strong); color: var(--cz-ink); line-height: var(--lh-row); }
+.bd-bc .s { font-size: var(--fs-meta); line-height: var(--lh-meta); }
+.bd-bc .f { display: flex; align-items: center; justify-content: space-between; gap: 6px; color: var(--cz-ink3); font-size: var(--fs-badge); font-weight: var(--fw-strong); margin-top: 2px; min-height: 22px; line-height: var(--lh-badge); }
+.bd-bc .f .nx { color: var(--cz-blueink); font-weight: var(--fw-strong); }
 /* a phone's By stage keeps the swimlane order inside each step (PgKanban): a small program or product label over its cards */
-.bd-scol .bd-sl { display: flex; align-items: center; gap: 7px; margin: 4px 2px 0; font-size: var(--fs-2); font-weight: 800; color: var(--cz-ink3); }
+.bd-scol .bd-sl { display: flex; align-items: center; gap: 7px; margin: 4px 2px 0; font-size: var(--fs-label); font-weight: var(--fw-strong); color: var(--cz-ink3); line-height: var(--lh-label); }
 .bd-scol .bd-sl.pg { color: var(--bd-prog); }
-.bd-scol .bd-sl .bd-ti, .bd-scol .bd-sl .bd-pti { width: 20px; height: 20px; border-radius: 7px; font-size: var(--fs-1); }
+.bd-scol .bd-sl .bd-ti, .bd-scol .bd-sl .bd-pti { width: 20px; height: 20px; border-radius: 7px; font-size: var(--fs-meta); line-height: var(--lh-meta); }
 .bd-scol .bd-sl .bd-pti svg { width: 12px; height: 12px; }
-.bd-sempty { margin: 0; padding: 10px 14px; border-radius: 16px; background: var(--bd-row); font-size: var(--fs-2); color: var(--cz-ink3); }
+.bd-sempty { margin: 0; padding: 10px 14px; border-radius: 16px; background: var(--bd-row); font-size: var(--fs-meta); color: var(--cz-ink3); line-height: var(--lh-meta); }
 .bd-strip { all: unset; box-sizing: border-box; flex: none; width: 44px; min-height: 220px; border-radius: 18px; background: var(--cz-well); cursor: pointer; display: flex; align-items: flex-start; justify-content: center; padding-top: 14px; }
-.bd-strip span { writing-mode: vertical-rl; font-size: var(--fs-2); font-weight: 800; color: var(--cz-ink2); white-space: nowrap; }
+.bd-strip span { writing-mode: vertical-rl; font-size: var(--fs-label); font-weight: var(--fw-strong); color: var(--cz-ink2); white-space: nowrap; line-height: var(--lh-label); }
 .bd-strip:hover { background: var(--cz-well2); }
 .bd-strip:focus-visible { outline: 2px solid var(--cz-blue); outline-offset: 2px; }
 /* Documents (BdDocs) */
 .bd-dchips { display: flex; gap: 6px; align-items: center; flex-wrap: wrap; margin: 0 0 10px; }
 .bd-dtw { border: 1px solid var(--cz-hair); border-radius: 18px; overflow: hidden; background: var(--cz-card); }
-.bd-dt { display: grid; grid-template-columns: 30px minmax(0, 1.5fr) minmax(0, 1.2fr) 170px 120px minmax(0, 160px); gap: 0 12px; align-items: center; min-height: 52px; padding: 0 14px; border-top: 1px solid var(--cz-hair); font-size: var(--fs-3); }
-.bd-dt.h { border-top: 0; min-height: 40px; background: var(--cz-well); font-size: var(--fs-2); font-weight: 800; color: var(--cz-ink3); }
+.bd-dt { display: grid; grid-template-columns: 30px minmax(0, 1.5fr) minmax(0, 1.2fr) 170px 120px minmax(0, 160px); gap: 0 12px; align-items: center; min-height: 52px; padding: 0 14px; border-top: 1px solid var(--cz-hair); font-size: var(--fs-body); line-height: var(--lh-body); }
+.bd-dt.h { border-top: 0; min-height: 40px; background: var(--cz-well); font-size: var(--fs-label); font-weight: var(--fw-strong); color: var(--cz-ink3); line-height: var(--lh-label); }
 .bd-dt.sel { background: var(--cz-bluebg); }
 .bd-dt > span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
 .bd-dic { width: 30px; height: 30px; border-radius: 10px; background: var(--cz-well); display: inline-flex; align-items: center; justify-content: center; color: var(--cz-ink2); }
 .bd-dic svg { width: 15px; height: 15px; }
 .bd-dby { display: flex; align-items: center; gap: 8px; }
-.bd-read summary { cursor: pointer; font: 800 var(--fs-2) var(--cz-sans); color: var(--cz-ink2); padding: 4px 0; }
+.bd-read summary { cursor: pointer; font: var(--fw-strong) var(--fs-label)/var(--lh-label) var(--cz-sans); color: var(--cz-ink2); padding: 4px 0; }
 /* the Sprint span (BdSpans) */
-.sp-cap { display: flex; align-items: center; gap: 8px; margin: 0 0 10px; font-size: var(--fs-2); color: var(--cz-ink3); }
+.sp-cap { display: flex; align-items: center; gap: 8px; margin: 0 0 10px; font-size: var(--fs-meta); color: var(--cz-ink3); line-height: var(--lh-meta); }
 .sp { border: 1px solid var(--cz-hair); border-radius: 18px; overflow: hidden; background: var(--cz-card); }
 .sp-r { display: flex; min-height: 44px; border-top: 1px solid var(--cz-hair); }
-.sp-h { min-height: 40px; border-top: 0; background: var(--cz-well); font-size: var(--fs-2); font-weight: 800; color: var(--cz-ink2); }
-.sp-n { all: unset; box-sizing: border-box; width: 260px; flex: none; padding: 8px 14px; display: flex; flex-direction: column; justify-content: center; font-size: var(--fs-2); min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+.sp-h { min-height: 40px; border-top: 0; background: var(--cz-well); font-size: var(--fs-label); font-weight: var(--fw-strong); color: var(--cz-ink2); line-height: var(--lh-label); }
+.sp-n { all: unset; box-sizing: border-box; width: 260px; flex: none; padding: 8px 14px; display: flex; flex-direction: column; justify-content: center; font-size: var(--fs-meta); min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: var(--lh-meta); }
 button.sp-n { cursor: pointer; }
 button.sp-n:hover { color: var(--cz-blueink); }
 button.sp-n:focus-visible { outline: 2px solid var(--cz-blue); outline-offset: -2px; }
-.sp-n b { font-size: var(--fs-2); font-weight: 800; }
+.sp-n b { font-size: var(--fs-label); font-weight: var(--fw-strong); line-height: var(--lh-label); }
 .sp-k { display: block; line-height: 28px; }
 .sp-g { flex: 1; position: relative; min-width: 0; }
 .sp-h .sp-g { display: grid; grid-template-columns: repeat(var(--n), minmax(0, 1fr)); }
@@ -990,35 +990,35 @@ button.sp-n:focus-visible { outline: 2px solid var(--cz-blue); outline-offset: -
 .sp-t { background: repeating-linear-gradient(to right, transparent 0, transparent calc(100% / var(--n) - 1px), var(--cz-hair) calc(100% / var(--n) - 1px), var(--cz-hair) calc(100% / var(--n))); }
 .sp-i { min-height: 36px; background: var(--bd-row); }
 .sp-i.sel { background: var(--cz-bluebg); }
-.sp-b { position: absolute; top: 9px; height: 26px; border-radius: 9px; background: var(--bd-plan); color: var(--cz-ink); display: flex; align-items: center; gap: 6px; padding: 0 4px 0 8px; font-size: var(--fs-2); font-weight: 700; white-space: nowrap; overflow: hidden; box-sizing: border-box; }
+.sp-b { position: absolute; top: 9px; height: 26px; border-radius: 9px; background: var(--bd-plan); color: var(--cz-ink); display: flex; align-items: center; gap: 6px; padding: 0 4px 0 8px; font-size: var(--fs-label); font-weight: var(--fw-strong); white-space: nowrap; overflow: hidden; box-sizing: border-box; line-height: var(--lh-label); }
 .sp-b > span:first-child { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; }
 .sp-b.y { background: var(--cz-bluebg); color: var(--cz-blueink); }
 .sp-b.r { background: var(--cz-redbg); color: var(--cz-red); }
 .sp-b.k { background: var(--bd-rail); color: var(--cz-ink2); }
 .sp-b.d { background: transparent; border: 1px dashed var(--cz-blue); color: var(--cz-blueink); }
-.sp-b .bd-av { margin-left: auto; width: 18px; height: 18px; font-size: var(--fs-1); }
+.sp-b .bd-av { margin-left: auto; width: 18px; height: 18px; font-size: var(--fs-meta); line-height: var(--lh-meta); }
 .sp-dia { position: absolute; top: 12px; width: 12px; height: 12px; margin-left: -6px; transform: rotate(45deg); border-radius: 2px; background: var(--cz-ink); }
 .sp-dia.bl { background: var(--cz-blue); }
-.sp-dl { position: absolute; top: 9px; font-size: var(--fs-2); color: var(--cz-ink3); white-space: nowrap; }
-.sp-dl.bl { color: var(--cz-blueink); font-weight: 700; }
+.sp-dl { position: absolute; top: 9px; font-size: var(--fs-meta); color: var(--cz-ink3); white-space: nowrap; line-height: var(--lh-meta); }
+.sp-dl.bl { color: var(--cz-blueink); font-weight: var(--fw-strong); }
 .sp-bk { min-height: 40px; background: var(--cz-well); }
 .sp-bk .sp-n { color: var(--cz-ink3); }
 .sp-bkg { display: flex; align-items: center; padding: 0 10px; }
-.sp-body .tg-empty { padding: 16px 14px; margin: 0; color: var(--cz-ink3); font-size: var(--fs-2); }
+.sp-body .tg-empty { padding: 16px 14px; margin: 0; color: var(--cz-ink3); font-size: var(--fs-meta); line-height: var(--lh-meta); }
 /* the phone (BdPhone) */
 .bd-phseg { display: flex; align-items: center; gap: 10px; margin: 0 0 10px; flex-wrap: wrap; }
 .bd-plist { display: flex; flex-direction: column; gap: 2px; }
-.bd-ghd { display: flex; align-items: center; gap: 6px; padding: 10px 10px 4px 8px; font-size: var(--fs-2); font-weight: 800; color: var(--cz-ink2); }
-.bd-ghd .n { margin-left: auto; font-weight: 700; color: var(--cz-ink3); font-size: var(--fs-2); }
+.bd-ghd { display: flex; align-items: center; gap: 6px; padding: 10px 10px 4px 8px; font-size: var(--fs-label); font-weight: var(--fw-strong); color: var(--cz-ink2); line-height: var(--lh-label); }
+.bd-ghd .n { margin-left: auto; font-weight: var(--fw-strong); color: var(--cz-ink3); font-size: var(--fs-label); line-height: var(--lh-label); }
 .bd-lrow { all: unset; box-sizing: border-box; display: flex; align-items: center; gap: 10px; padding: 8px 10px; border-radius: 16px; width: 100%; min-height: 52px; cursor: pointer; }
 .bd-lrow:hover { background: var(--cz-well); }
 .bd-lrow.sel { background: var(--cz-card); box-shadow: 0 6px 18px -10px rgba(42,46,53,.25); }
 .bd-lrow:focus-visible { outline: 2px solid var(--cz-blue); outline-offset: 2px; }
 .bd-lrow .tx { min-width: 0; flex: 1; display: flex; flex-direction: column; gap: 1px; }
-.bd-lrow .t { font-size: var(--fs-3); font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
-.bd-lrow .s { font-size: var(--fs-2); color: var(--cz-blueink); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
+.bd-lrow .t { font-size: var(--fs-row); font-weight: var(--fw-strong); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: var(--lh-row); }
+.bd-lrow .s { font-size: var(--fs-meta); color: var(--cz-blueink); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: var(--lh-meta); }
 .bd-lrow .s.q { color: var(--cz-ink3); }
-.bd-lrow .r { font-size: var(--fs-2); font-weight: 700; color: var(--cz-blueink); white-space: nowrap; }
+.bd-lrow .r { font-size: var(--fs-label); font-weight: var(--fw-strong); color: var(--cz-blueink); white-space: nowrap; line-height: var(--lh-label); }
 @media (max-width: 1200px) and (min-width: 721px) {
   .bd-lt { grid-template-columns: minmax(160px, 1.6fr) 120px minmax(100px, .9fr) minmax(120px, 1fr) 44px minmax(140px, 1.4fr) 70px 36px; }
   .bd-lt > :nth-child(4) { display: none; }
@@ -1042,10 +1042,10 @@ button.sp-n:focus-visible { outline: 2px solid var(--cz-blue); outline-offset: -
   .bd-phseg .bd-seg > button { height: 44px; }
   .bd-showing { flex-wrap: nowrap; overflow-x: auto; }
 }
-.bd-form input.bd-inp, .bd-form textarea.bd-inp, .bd-form select.bd-inp { background: var(--cz-well); border-color: transparent; border-radius: 14px; min-height: 42px; padding: 0 14px; font-size: var(--fs-3); }
+.bd-form input.bd-inp, .bd-form textarea.bd-inp, .bd-form select.bd-inp { background: var(--cz-well); border-color: transparent; border-radius: 14px; min-height: 42px; padding: 0 14px; font-size: var(--fs-body); line-height: var(--lh-body); }
 .bd-form textarea.bd-inp { padding: 10px 14px; }
-.bd-form input.bd-inp.sm { min-height: 34px; font-size: var(--fs-2); }
-.bd-field .bd-amut, .bd-form label .bd-amut { font-weight: 500; }
+.bd-form input.bd-inp.sm { min-height: 34px; font-size: var(--fs-meta); line-height: var(--lh-meta); }
+.bd-field .bd-amut, .bd-form label .bd-amut { font-weight: var(--fw-regular); }
 .bd-scols.ph .bd-scol { flex: none; }
 .bd-mi .bd-pill { gap: 0; }
 .bd-mi .bd-pill mark { border-radius: 0; }
@@ -1069,8 +1069,8 @@ body:has(#bdPop.sheet:not([hidden])) .cz-fabw { display: none; }
 body.bd-page { --bd-prog: rgb(91,79,176); --bd-progbg: rgb(241,239,250); --bd-progln: rgba(91,79,176,.22); --bd-progsp: rgba(91,79,176,.18); }
 html[data-theme="dark"] body.bd-page { --bd-prog: rgb(180,170,240); --bd-progbg: rgba(140,125,230,.16); --bd-progln: rgba(180,170,240,.3); --bd-progsp: rgba(180,170,240,.26); }
 @media (prefers-color-scheme: dark) { html:not([data-theme="light"]) body.bd-page { --bd-prog: rgb(180,170,240); --bd-progbg: rgba(140,125,230,.16); --bd-progln: rgba(180,170,240,.3); --bd-progsp: rgba(180,170,240,.26); } }
-.bd-ti { width: 26px; height: 26px; border-radius: 9px; display: inline-flex; align-items: center; justify-content: center; font-size: var(--fs-1); font-weight: 800; letter-spacing: .02em; flex: none; }
-.bd-ti.s { width: 20px; height: 20px; border-radius: 7px; font-size: var(--fs-1); }
+.bd-ti { width: 26px; height: 26px; border-radius: 9px; display: inline-flex; align-items: center; justify-content: center; font-size: var(--fs-badge); font-weight: var(--fw-strong); letter-spacing: .02em; flex: none; line-height: var(--lh-badge); }
+.bd-ti.s { width: 20px; height: 20px; border-radius: 7px; font-size: var(--fs-meta); line-height: var(--lh-meta); }
 .bd-ti.tn0 { background: var(--cz-bluebg); color: var(--cz-blueink); } .bd-ti.tn1 { background: var(--cz-c-f4eee6); color: var(--cz-c-7a5a2e); }
 .bd-ti.tn2 { background: var(--cz-okbg); color: var(--cz-c-2e6e48); } .bd-ti.tn3 { background: var(--cz-c-f1ecf8); color: var(--cz-c-6b4fa3); }
 .bd-pti { width: 26px; height: 26px; border-radius: 9px; background: var(--cz-card); color: var(--bd-prog); display: inline-flex; align-items: center; justify-content: center; flex: none; }
@@ -1078,7 +1078,7 @@ html[data-theme="dark"] body.bd-page { --bd-prog: rgb(180,170,240); --bd-progbg:
 .bd-pti.s { width: 20px; height: 20px; border-radius: 7px; background: var(--bd-progbg); } .bd-pti.s svg { width: 12px; height: 12px; }
 .bd-pgi { display: inline-flex; align-items: center; justify-content: center; width: 18px; height: 18px; border-radius: 6px; background: var(--bd-progbg); color: var(--bd-prog); margin-right: 6px; flex: none; vertical-align: -3px; }
 .bd-pgi svg { width: 12px; height: 12px; stroke-width: 2; }
-.bd-yc { min-width: 22px; height: 22px; padding: 0 7px; border-radius: 999px; background: var(--cz-bluebg); color: var(--cz-blueink); font-size: var(--fs-2); font-weight: 800; display: inline-flex; align-items: center; justify-content: center; flex: none; }
+.bd-yc { min-width: 22px; height: 22px; padding: 0 7px; border-radius: 999px; background: var(--cz-bluebg); color: var(--cz-blueink); font-size: var(--fs-label); font-weight: var(--fw-strong); display: inline-flex; align-items: center; justify-content: center; flex: none; line-height: var(--lh-label); }
 .bd-dm { width: 9px; height: 9px; transform: rotate(45deg); border-radius: 2px; background: var(--bd-prog); display: inline-block; flex: none; }
 .bd-dm.o { background: transparent; border: 2px solid var(--bd-prog); width: 7px; height: 7px; margin-right: 4px; }
 .bd-rdy { display: inline-flex; gap: 3px; margin-left: 6px; }
@@ -1089,7 +1089,7 @@ html[data-theme="dark"] body.bd-page { --bd-prog: rgb(180,170,240); --bd-progbg:
 /* the grouping control in the toolbar (PgBoardProduct: "By product" on in violet) */
 .bd-grpw2 { position: relative; display: inline-flex; align-items: center; }
 .bd-grpw2[hidden] { display: none; }
-.bd-grp.on { background: var(--bd-progbg); border-color: transparent; color: var(--bd-prog); font-weight: 700; }
+.bd-grp.on { background: var(--bd-progbg); border-color: transparent; color: var(--bd-prog); font-weight: var(--fw-strong); }
 .bd-grp.on svg { width: 13px; height: 13px; stroke-width: 2; }
 .bd-grpw2 .bd-grpm { left: auto; right: 0; }
 .bd-grpw2 .bd-grpm button[aria-checked="true"] { color: var(--bd-prog); }
@@ -1099,15 +1099,15 @@ html[data-theme="dark"] body.bd-page { --bd-prog: rgb(180,170,240); --bd-progbg:
 .bt-pgn { display: flex; align-items: center; gap: 8px; padding: 5px 6px 5px 14px; min-width: 0; }
 .bt-pgo { all: unset; box-sizing: border-box; cursor: pointer; display: flex; align-items: center; gap: 10px; min-width: 0; flex: 1; }
 .bt-pgo .tt { min-width: 0; display: flex; flex-direction: column; gap: 1px; line-height: 1.3; }
-.bt-pgo .tt b { font-size: var(--fs-3); font-weight: 800; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: var(--cz-ink); }
-.bt-pgo .tt .m { font-size: var(--fs-1); color: var(--cz-ink2); font-weight: 600; }
+.bt-pgo .tt b { font-size: var(--fs-row); font-weight: var(--fw-strong); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: var(--cz-ink); line-height: var(--lh-row); }
+.bt-pgo .tt .m { font-size: var(--fs-badge); color: var(--cz-ink2); font-weight: var(--fw-strong); line-height: var(--lh-badge); }
 .bt-pgo:hover .tt b { color: var(--bd-prog); }
 .bt-spread { position: relative; }
 .bd-spb { position: absolute; top: 50%; height: 10px; margin-top: -5px; border-radius: 5px; background: var(--bd-progsp); }
-.bd-spl { position: absolute; top: 50%; transform: translateY(-50%); font-size: var(--fs-1); font-weight: 700; color: var(--bd-prog); white-space: nowrap; }
+.bd-spl { position: absolute; top: 50%; transform: translateY(-50%); font-size: var(--fs-badge); font-weight: var(--fw-strong); color: var(--bd-prog); white-space: nowrap; line-height: var(--lh-badge); }
 .bt-pg .bt-dl { border-left-color: var(--bd-progln); }
-.bd-pm { display: flex; align-items: center; gap: 6px; font-size: var(--fs-2); color: var(--cz-ink2); white-space: nowrap; overflow: hidden; }
-.bd-pm b { color: var(--cz-ink); font-weight: 800; }
+.bd-pm { display: flex; align-items: center; gap: 6px; font-size: var(--fs-meta); color: var(--cz-ink2); white-space: nowrap; overflow: hidden; line-height: var(--lh-meta); }
+.bd-pm b { color: var(--cz-ink); font-weight: var(--fw-strong); }
 .bd-pm.late b, .bd-pm.late { color: var(--cz-late); }
 .bd-pm.q { color: var(--cz-ink3); }
 .bt-pg .bt-dl .t3 { display: flex; align-items: center; gap: 2px; }
@@ -1115,11 +1115,11 @@ html[data-theme="dark"] body.bd-page { --bd-prog: rgb(180,170,240); --bd-progbg:
 .bt-kid .bt-nm::before { content: ""; position: absolute; left: 26px; top: 0; bottom: 0; width: 2px; background: var(--bd-progln); }
 .bt-kid.last .bt-nm::before { bottom: 50%; }
 .bt-nm b .bd-pgi { vertical-align: -4px; }
-.bt-psb, .tg-psb { display: flex; align-items: center; gap: 8px; padding: 7px 14px 5px 50px; font-size: var(--fs-2); font-weight: 800; color: var(--cz-ink3); background: var(--cz-card); border-top: 1px solid var(--cz-hair); position: relative; }
+.bt-psb, .tg-psb { display: flex; align-items: center; gap: 8px; padding: 7px 14px 5px 50px; font-size: var(--fs-label); font-weight: var(--fw-strong); color: var(--cz-ink3); background: var(--cz-card); border-top: 1px solid var(--cz-hair); position: relative; line-height: var(--lh-label); }
 .bt-psb > span, .tg-psb > span { display: inline-flex; align-items: center; gap: 8px; }
 .bt-psb::before, .tg-psb::before { content: ""; position: absolute; left: 26px; top: 0; bottom: 0; width: 2px; background: var(--bd-progln); }
 .bt-prd, .tg-prd { display: flex; align-items: center; padding: 8px 14px; background: var(--bd-row); border-top: 1px solid var(--cz-hair); }
-.bd-prdb { all: unset; box-sizing: border-box; flex: 1; display: flex; align-items: center; gap: 10px; font-size: var(--fs-3); font-weight: 800; color: var(--cz-ink); min-height: 28px; }
+.bd-prdb { all: unset; box-sizing: border-box; flex: 1; display: flex; align-items: center; gap: 10px; font-size: var(--fs-row); font-weight: var(--fw-strong); color: var(--cz-ink); min-height: 28px; line-height: var(--lh-row); }
 /* the tile and name open the product's page (batch 26 item 3, as Home's header); the rest of the head, its dots, count and chevron, folds it */
 .bd-prdo, .bd-prdf { all: unset; box-sizing: border-box; cursor: pointer; display: flex; align-items: center; gap: 10px; min-height: 28px; }
 .bd-prdo { flex: 0 1 auto; min-width: 0; }
@@ -1128,7 +1128,7 @@ html[data-theme="dark"] body.bd-page { --bd-prog: rgb(180,170,240); --bd-progbg:
 @media (hover: hover) { .bd-prdo:hover > span:last-child, .bd-lh.pd .bd-lho:hover > span:last-child { color: var(--cz-blueink); } }
 .bd-prdb svg { width: 15px; height: 15px; stroke-width: 2; color: var(--cz-ink3); margin-left: auto; }
 /* a product head's goal dots (PgBoard .gd): Home's source and look (cozy-today.css .hv-gd) */
-.bd-prdb .n { font-size: var(--fs-2); font-weight: 700; color: var(--cz-ink3); margin-left: auto; }
+.bd-prdb .n { font-size: var(--fs-label); font-weight: var(--fw-strong); color: var(--cz-ink3); margin-left: auto; line-height: var(--lh-label); }
 .bd-prdb .n + svg { margin-left: 6px; }
 .bd-gd { display: inline-flex; gap: 3px; margin-left: auto; flex: none; }
 .bd-gd i { display: block; width: 7px; height: 7px; border-radius: 50%; background: var(--cz-dot-ok); }
@@ -1139,13 +1139,13 @@ html[data-theme="dark"] body.bd-page { --bd-prog: rgb(180,170,240); --bd-progbg:
 
 /* By stage (PgKanban): programs as swimlanes, then the product; any column folds to a strip with its count */
 .bd-kb { display: grid; column-gap: 8px; align-content: start; }
-.bd-kh { all: unset; box-sizing: border-box; cursor: pointer; grid-row: 1; height: 38px; padding: 8px 10px; display: flex; align-items: center; gap: 6px; font-size: var(--fs-3); font-weight: 800; color: var(--cz-ink); background: var(--cz-well); border-radius: 14px 14px 0 0; min-width: 0; }
+.bd-kh { all: unset; box-sizing: border-box; cursor: pointer; grid-row: 1; height: 38px; padding: 8px 10px; display: flex; align-items: center; gap: 6px; font-size: var(--fs-row); font-weight: var(--fw-strong); color: var(--cz-ink); background: var(--cz-well); border-radius: 14px 14px 0 0; min-width: 0; line-height: var(--lh-row); }
 .bd-kh .l { display: inline-flex; align-items: center; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
-.bd-kh .n { margin-left: auto; font-weight: 600; color: var(--cz-ink3); }
+.bd-kh .n { margin-left: auto; font-weight: var(--fw-strong); color: var(--cz-ink3); }
 .bd-kh svg { width: 14px; height: 14px; color: var(--cz-ink3); flex: none; }
 .bd-kh:focus-visible, .bd-kstrip:focus-visible { outline: 2px solid var(--cz-blue); outline-offset: 2px; }
-.bd-kstrip { all: unset; box-sizing: border-box; cursor: pointer; background: var(--cz-well); border-radius: 14px; display: flex; flex-direction: column; align-items: center; justify-content: flex-start; padding-top: 10px; gap: 8px; min-height: 120px; color: var(--cz-ink3); font-size: var(--fs-2); font-weight: 700; overflow: hidden; }
-.bd-kstrip b { font-size: var(--fs-2); font-weight: 800; color: var(--cz-ink2); }
+.bd-kstrip { all: unset; box-sizing: border-box; cursor: pointer; background: var(--cz-well); border-radius: 14px; display: flex; flex-direction: column; align-items: center; justify-content: flex-start; padding-top: 10px; gap: 8px; min-height: 120px; color: var(--cz-ink3); font-size: var(--fs-label); font-weight: var(--fw-strong); overflow: hidden; line-height: var(--lh-label); }
+.bd-kstrip b { font-size: var(--fs-label); font-weight: var(--fw-strong); color: var(--cz-ink2); line-height: var(--lh-label); }
 .bd-kstrip span { writing-mode: vertical-rl; transform: rotate(180deg); white-space: nowrap; display: inline-flex; align-items: center; }
 .bd-kstrip:hover { background: var(--cz-well2); }
 .bd-kc { background: var(--cz-well); padding: 6px; display: flex; flex-direction: column; gap: 6px; min-height: 24px; min-width: 0; }
@@ -1153,22 +1153,22 @@ html[data-theme="dark"] body.bd-page { --bd-prog: rgb(180,170,240); --bd-progbg:
 .bd-kc.drop { box-shadow: inset 0 0 0 2px var(--cz-blue); }
 .bd-kc .bd-bc { border: 1px solid var(--cz-hair); border-radius: 12px; padding: 9px 10px; box-shadow: 0 1px 2px rgba(42,46,53,.05); }
 .bd-kc .bd-bc.you { border-color: rgba(72,148,234,.5); }
-.bd-kc .bd-bc .t { font-size: var(--fs-3); line-height: 1.25; }
-.bd-lh { grid-column: 1 / -1; display: flex; align-items: center; gap: 10px; padding: 8px 12px; margin: 6px 0 0; border-radius: 12px; font-size: var(--fs-3); font-weight: 800; position: relative; z-index: 2; min-height: 42px; }
+.bd-kc .bd-bc .t { font-size: var(--fs-body); line-height: 1.25; }
+.bd-lh { grid-column: 1 / -1; display: flex; align-items: center; gap: 10px; padding: 8px 12px; margin: 6px 0 0; border-radius: 12px; font-size: var(--fs-section); font-weight: var(--fw-strong); position: relative; z-index: 2; min-height: 42px; line-height: var(--lh-section); }
 .bd-lh.pg { background: var(--bd-progbg); } .bd-lh.pd { background: var(--cz-card); border: 1px solid var(--cz-hair); }
 .bd-lho { all: unset; box-sizing: border-box; cursor: pointer; display: inline-flex; align-items: center; gap: 10px; min-width: 0; }
 .bd-lh .bd-sp { flex: 1; }
-.bd-pm2 { display: inline-flex; align-items: center; gap: 6px; font-size: var(--fs-2); font-weight: 600; color: var(--cz-ink2); white-space: nowrap; }
-.bd-pm2 b { color: var(--bd-prog); font-weight: 800; }
+.bd-pm2 { display: inline-flex; align-items: center; gap: 6px; font-size: var(--fs-label); font-weight: var(--fw-strong); color: var(--cz-ink2); white-space: nowrap; line-height: var(--lh-label); }
+.bd-pm2 b { color: var(--bd-prog); font-weight: var(--fw-strong); }
 .bd-pm2 .bd-dm { width: 10px; height: 10px; }
 .bd-pm2.late b { color: var(--cz-late); }
-.bd-ls { grid-column: 1 / -1; display: flex; align-items: center; gap: 8px; padding: 6px 12px 2px 50px; font-size: var(--fs-2); font-weight: 800; color: var(--cz-ink3); position: relative; z-index: 1; pointer-events: none; }
+.bd-ls { grid-column: 1 / -1; display: flex; align-items: center; gap: 8px; padding: 6px 12px 2px 50px; font-size: var(--fs-label); font-weight: var(--fw-strong); color: var(--cz-ink3); position: relative; z-index: 1; pointer-events: none; line-height: var(--lh-label); }
 .bd-sfoot { padding-left: 50px; }
 
 /* List (PgList): Product and Program after the initiative */
 .bd-ltw.pg .bd-lt { grid-template-columns: minmax(150px, 1.6fr) 120px 140px 128px minmax(90px, .8fr) 100px minmax(120px, 1.1fr) 54px minmax(250px, 2.6fr) 70px 36px; }
 .bd-ltw.pg .bd-lt.foot { grid-template-columns: 1fr auto; }
-.bd-pt { display: inline-flex; align-items: center; gap: 7px; min-width: 0; font-weight: 700; font-size: var(--fs-2); color: var(--cz-ink2); white-space: nowrap; overflow: hidden; }
+.bd-pt { display: inline-flex; align-items: center; gap: 7px; min-width: 0; font-weight: var(--fw-strong); font-size: var(--fs-label); color: var(--cz-ink2); white-space: nowrap; overflow: hidden; line-height: var(--lh-label); }
 @media (max-width: 1200px) and (min-width: 721px) {
   .bd-ltw.pg .bd-lt { grid-template-columns: minmax(150px, 1.6fr) 110px 130px minmax(100px, .9fr) minmax(120px, 1fr) 44px minmax(140px, 1.3fr) 70px 36px; }
   .bd-ltw.pg .bd-lt > :nth-child(4), .bd-ltw.pg .bd-lt > :nth-child(6) { display: none; }
@@ -1185,8 +1185,8 @@ html[data-theme="dark"] body.bd-page { --bd-prog: rgb(180,170,240); --bd-progbg:
 .tg-pgn { flex-direction: row; align-items: center; gap: 6px; padding-right: 6px; }
 .tg-pgo { all: unset; box-sizing: border-box; cursor: pointer; display: flex; align-items: center; gap: 10px; min-width: 0; flex: 1; }
 .tg-pgo .tt { display: flex; flex-direction: column; min-width: 0; line-height: 1.3; }
-.tg-pgo .tt b { font-size: var(--fs-3); font-weight: 800; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-height: 1.3; }
-.tg-pgo .tt small { font-size: var(--fs-2); color: var(--cz-ink3); font-weight: 600; }
+.tg-pgo .tt b { font-size: var(--fs-row); font-weight: var(--fw-strong); overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-height: 1.3; }
+.tg-pgo .tt small { font-size: var(--fs-label); color: var(--cz-ink3); font-weight: var(--fw-strong); line-height: var(--lh-label); }
 .tg-pgo:hover .tt b { color: var(--bd-prog); }
 .tg-kid .tg-n, .tg-gr .tg-n { padding-left: 50px; position: relative; }
 .tg-kid .tg-n::before { content: ""; position: absolute; left: 26px; top: 0; bottom: 0; width: 2px; background: var(--bd-progln); }
@@ -1197,20 +1197,20 @@ html[data-theme="dark"] body.bd-page { --bd-prog: rgb(180,170,240); --bd-progbg:
 .tg-pdm.late { border-color: var(--cz-dot-late); background: var(--cz-card); }
 .tg-clu { all: unset; box-sizing: border-box; position: absolute; top: 50%; width: 18px; height: 18px; margin: -9px 0 0 -9px; z-index: 2; cursor: pointer; transform: rotate(45deg); border-radius: 4px; background: var(--bd-prog); box-shadow: 0 0 0 3px var(--bd-progbg); display: flex; align-items: center; justify-content: center; }
 .tg-clu.late { background: var(--cz-dot-late); }
-.tg-clu b { transform: rotate(-45deg); color: var(--cz-card); font-size: 10px; font-weight: 800; }
+.tg-clu b { transform: rotate(-45deg); color: var(--cz-card); font-size: 10px; font-weight: var(--fw-strong); }
 .tg-clu:focus-visible { outline: 2px solid var(--cz-blue); outline-offset: 3px; }
-.tg-pdl { position: absolute; bottom: calc(50% + 10px); transform: translateX(-50%); font-size: var(--fs-2); font-weight: 800; color: var(--bd-prog); white-space: nowrap; z-index: 3; }
+.tg-pdl { position: absolute; bottom: calc(50% + 10px); transform: translateX(-50%); font-size: var(--fs-label); font-weight: var(--fw-strong); color: var(--bd-prog); white-space: nowrap; z-index: 3; line-height: var(--lh-label); }
 .tg-pdl.late { color: var(--cz-late); }
 .tg-prd .bd-prdb, .tg-psb { grid-column: 1 / -1; }
 .tg-lgd .k.pdm { width: 9px; height: 9px; transform: rotate(45deg); border-radius: 2px; background: var(--bd-prog); margin-right: 7px; }
 .tg-lgd .k.dlv { width: 8px; height: 8px; transform: rotate(45deg); border-radius: 2px; border: 2px solid var(--bd-done); background: var(--cz-card); margin-right: 7px; }
 .tg-lgd .k.td { width: 2px; height: 12px; border-radius: 0; background: var(--cz-ink); opacity: .75; vertical-align: -2px; }
 /* the next step leads (PgBoard, the frame's nextfirst layer): the output's name is quiet, the next-step line is ink with its part in blue ink */
-.bt-l .bt-dl .t1 b { color: var(--cz-ink3); font-weight: 600; }
-.bt-l .bt-dl .t3 { font-size: var(--fs-2); color: var(--cz-ink); font-weight: 600; }
-.bt-l .bt-dl .t3 em.nx { color: var(--cz-blueink); font-weight: 800; }
+.bt-l .bt-dl .t1 b { color: var(--cz-ink3); font-weight: var(--fw-strong); }
+.bt-l .bt-dl .t3 { font-size: var(--fs-label); color: var(--cz-ink); font-weight: var(--fw-strong); line-height: var(--lh-label); }
+.bt-l .bt-dl .t3 em.nx { color: var(--cz-blueink); font-weight: var(--fw-strong); }
 /* the committed date under a milestone (PgBoard .eta) */
-.sc .eta { position: absolute; top: calc(50% + 8px); font-size: var(--fs-1); font-weight: 700; color: var(--cz-ink2); white-space: nowrap; }
+.sc .eta { position: absolute; top: calc(50% + 8px); font-size: var(--fs-badge); font-weight: var(--fw-strong); color: var(--cz-ink2); white-space: nowrap; line-height: var(--lh-badge); }
 .sc .cur .eta { top: 19px; }
 .sc .eta.late { color: var(--cz-late); }
 .bd-kb.lanes .bd-kstrip span { margin-top: 58px; }
@@ -1243,7 +1243,7 @@ body.bd-spick .bd-hd .bd-tools { margin-left: auto; }
 .sp-pg .sp-t { position: relative; }
 .sp-r.tg-prd, .sp .tg-psb { display: flex; }
 .sp .tg-prd .bd-prdb { flex: 1; }
-.bt-gmore { all: unset; cursor: pointer; display: flex; align-items: center; gap: 8px; width: 100%; box-sizing: border-box; padding: 9px 14px 9px 50px; background: var(--bd-row); border-top: 1px solid var(--cz-hair); font: 800 var(--fs-2) var(--cz-sans); color: var(--cz-ink3); }
+.bt-gmore { all: unset; cursor: pointer; display: flex; align-items: center; gap: 8px; width: 100%; box-sizing: border-box; padding: 9px 14px 9px 50px; background: var(--bd-row); border-top: 1px solid var(--cz-hair); font: var(--fw-strong) var(--fs-label)/var(--lh-label) var(--cz-sans); color: var(--cz-ink3); }
 .bt-gmore:focus-visible { outline: 2px solid var(--cz-blue); outline-offset: -2px; }
 .bt-gmore svg { width: 14px; height: 14px; }
 
@@ -1256,15 +1256,15 @@ body.bd-spick .bd-hd .bd-tools { margin-left: auto; }
 .bd-wfedit svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
 .bd-fg .bd-chip .wfi { margin-right: 4px; }
 /* By stage: a card names its own stage with its workflow's icon (All), In progress holds its cards three across, the category bar (one workflow) */
-.bd-bc .cm { display: flex; align-items: center; gap: 6px; font-size: var(--fs-2); font-weight: 700; color: var(--cz-ink2); min-width: 0; }
+.bd-bc .cm { display: flex; align-items: center; gap: 6px; font-size: var(--fs-label); font-weight: var(--fw-strong); color: var(--cz-ink2); min-width: 0; line-height: var(--lh-label); }
 .bd-bc .cm > span:last-child { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
 .bd-kc.wide { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); align-content: start; }
-.bd-kcat { margin-top: 6px; padding-top: 4px; border-top: 2px solid var(--cz-hair); text-align: center; font-size: var(--fs-1); font-weight: 800; color: var(--cz-ink3); min-width: 0; }
+.bd-kcat { margin-top: 6px; padding-top: 4px; border-top: 2px solid var(--cz-hair); text-align: center; font-size: var(--fs-badge); font-weight: var(--fw-strong); color: var(--cz-ink3); min-width: 0; line-height: var(--lh-badge); }
 .bd-kcat span { white-space: nowrap; }
 .bd-kstrip.end { color: var(--cz-ink3); background: transparent; border: 1px dashed var(--cz-hair); }
 .bd-kstrip.end b { color: var(--cz-ink3); }
 /* the List: Workflow (icon and name), Stage and Category (WfAElse); the columns are set with the List's own rules above */
-.bd-wfn { display: inline-flex; align-items: center; gap: 6px; min-width: 0; font-weight: 700; font-size: var(--fs-2); color: var(--cz-ink2); white-space: nowrap; overflow: hidden; }
+.bd-wfn { display: inline-flex; align-items: center; gap: 6px; min-width: 0; font-weight: var(--fw-strong); font-size: var(--fs-label); color: var(--cz-ink2); white-space: nowrap; overflow: hidden; line-height: var(--lh-label); }
 /* the track: another workflow's stages share the cells' width; with All, three category bands of bars (WfATrack) */
 .bt-cells.wfn { grid-template-columns: repeat(var(--n), calc(576px / var(--n))); }
 .bt-cells.bands { grid-template-columns: 64px minmax(0, 1fr) 72px; width: 576px; column-gap: 12px; padding: 0 8px; box-sizing: border-box; }
@@ -1275,7 +1275,7 @@ body.bd-spick .bd-hd .bd-tools { margin-left: auto; }
 .bnd span.nw { background: var(--cz-ink); }
 .bnd span.k { background: transparent; box-shadow: inset 0 0 0 1.5px var(--bd-pass); }
 .bnd span.m { flex: 0 0 10px; min-width: 10px; height: 10px; transform: rotate(45deg); border-radius: 2px; }
-.bnd span em { position: absolute; top: 12px; left: 0; font-style: normal; font-size: var(--fs-1); font-weight: 700; color: var(--cz-ink2); white-space: nowrap; }
+.bnd span em { position: absolute; top: 12px; left: 0; font-style: normal; font-size: var(--fs-badge); font-weight: var(--fw-strong); color: var(--cz-ink2); white-space: nowrap; line-height: var(--lh-badge); }
 .bnd span.m em { transform: rotate(-45deg); transform-origin: 0 0; top: 10px; left: 10px; }
 .bt-nm b .wfi { margin-right: 6px; vertical-align: -3px; }
 @media (max-width: 1200px) {
@@ -1299,13 +1299,13 @@ body.bd-spick .bd-hd .bd-tools { margin-left: auto; }
 }
 /* the phone's category sections (WfAPhone) */
 .bd-pcats { gap: 4px; }
-.bd-pcat { all: unset; box-sizing: border-box; cursor: pointer; display: flex; align-items: center; gap: 6px; width: 100%; min-height: 44px; padding: 8px 10px 4px 8px; font-size: var(--fs-2); font-weight: 800; color: var(--cz-ink2); }
+.bd-pcat { all: unset; box-sizing: border-box; cursor: pointer; display: flex; align-items: center; gap: 6px; width: 100%; min-height: 44px; padding: 8px 10px 4px 8px; font-size: var(--fs-label); font-weight: var(--fw-strong); color: var(--cz-ink2); line-height: var(--lh-label); }
 .bd-pcat.end { color: var(--cz-ink3); }
 .bd-pcat svg { width: 14px; height: 14px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
 .bd-pcat:focus-visible { outline: 2px solid var(--cz-blue); outline-offset: 2px; border-radius: 8px; }
 .bd-pcats .bd-lrow { background: var(--cz-card); }
 .bd-lrow .wfi { margin-left: 2px; }
-.bd-pmore { all: unset; box-sizing: border-box; cursor: pointer; align-self: flex-start; min-height: 44px; display: inline-flex; align-items: center; padding: 0 10px; font-size: var(--fs-2); font-weight: 700; color: var(--cz-ink3); }
+.bd-pmore { all: unset; box-sizing: border-box; cursor: pointer; align-self: flex-start; min-height: 44px; display: inline-flex; align-items: center; padding: 0 10px; font-size: var(--fs-label); font-weight: var(--fw-strong); color: var(--cz-ink3); line-height: var(--lh-label); }
 .bd-pmore:focus-visible { outline: 2px solid var(--cz-blue); outline-offset: 2px; border-radius: 8px; }
 /* idle time (feedback batch 9 item 8; XtiA1Desk, XtiA2Hold, XtiAHard, XtiA3Phone): a hold breaks the bar into a dotted gap with ⏸ where it stopped
  * and the return date where it starts again; a plain gap in the dates just breaks it. The pieces square off where they meet a gap. */
@@ -1323,18 +1323,18 @@ body.bd-spick .bd-hd .bd-tools { margin-left: auto; }
 .tg-pz.late { border-color: var(--cz-dot-late); color: var(--cz-late); }
 .tg-pz:hover { background: var(--cz-well); }
 .tg-pz:focus-visible { outline: 2px solid var(--cz-blue); outline-offset: 2px; }
-.tg-hl { position: absolute; bottom: calc(50% + 7px); transform: translateX(-50%); font-size: var(--fs-1); font-weight: 800; color: var(--cz-ink3); white-space: nowrap; z-index: 3; background: var(--cz-card); padding: 0 4px; border-radius: 6px; line-height: 15px; }
+.tg-hl { position: absolute; bottom: calc(50% + 7px); transform: translateX(-50%); font-size: var(--fs-badge); font-weight: var(--fw-strong); color: var(--cz-ink3); white-space: nowrap; z-index: 3; background: var(--cz-card); padding: 0 4px; border-radius: 6px; line-height: 15px; }
 .tg-hl.late { color: var(--cz-late); }
 .tg-lab.tg-clash { background: var(--cz-card); padding: 0 4px; border-radius: 6px; transform: translate(10px, -50%); }
 .tg-span.ho { height: 0; margin-top: 0; border-radius: 0; background: none; border-top: 3px dotted var(--bd-progsp); }
 .tg-lgd .k.ho { width: 18px; height: 0; border-radius: 0; border-top: 2px dotted var(--cz-ink3); vertical-align: 3px; }
 /* the ⏸ press (XtiA2Hold): how long, why, the dates; icons to resume now and to change the return date */
-.bd-hold h4 { margin: 0; font-size: var(--fs-3); font-weight: 800; display: flex; align-items: center; gap: 8px; }
+.bd-hold h4 { margin: 0; font-size: var(--fs-section); font-weight: var(--fw-strong); display: flex; align-items: center; gap: 8px; line-height: var(--lh-section); }
 .bd-hold h4 svg { width: 14px; height: 14px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; }
-.bd-hold p { margin: 0; font-size: var(--fs-2); color: var(--cz-ink2); line-height: 1.45; }
+.bd-hold p { margin: 0; font-size: var(--fs-meta); color: var(--cz-ink2); line-height: 1.45; }
 .bd-hold p.late { color: var(--cz-late); }
 .bd-hold .acts { display: flex; gap: 4px; justify-content: flex-end; align-items: center; }
-.bd-hold .acts input[type="date"] { font: 600 var(--fs-2) var(--cz-sans); color: var(--cz-ink); background: var(--cz-well); border: 1px solid var(--cz-hair); border-radius: 10px; height: 36px; padding: 0 8px; margin-right: auto; }
+.bd-hold .acts input[type="date"] { font: var(--fw-strong) var(--fs-label)/var(--lh-label) var(--cz-sans); color: var(--cz-ink); background: var(--cz-well); border: 1px solid var(--cz-hair); border-radius: 10px; height: 36px; padding: 0 8px; margin-right: auto; }
 .bd-hold .bd-ib { width: 36px; height: 36px; background: var(--cz-well); }
 .bd-pp.bd-hold { padding: 14px 16px; gap: 8px; width: 300px; }
 .bd-pp.bd-hold.sheet { width: auto; }
@@ -1348,24 +1348,24 @@ body.bd-spick .bd-hd .bd-tools { margin-left: auto; }
 .tg-tm.late, .tg-tmc.late { border-color: var(--cz-dot-late); }
 .tg-tmc { all: unset; box-sizing: border-box; position: absolute; top: 50%; width: 18px; height: 18px; margin: -9px 0 0 -9px; transform: rotate(45deg); border-radius: 4px; background: var(--cz-card); border: 2px solid var(--bd-done); z-index: 3; cursor: pointer; display: flex; align-items: center; justify-content: center; }
 .tg-tmc.dn { background: var(--bd-done); }
-.tg-tmc b { transform: rotate(-45deg); font-size: 10px; font-weight: 800; color: var(--cz-ink2); }
+.tg-tmc b { transform: rotate(-45deg); font-size: 10px; font-weight: var(--fw-strong); color: var(--cz-ink2); }
 .tg-tmc.dn b { color: var(--cz-card); }
 .tg-tmc.late b { color: var(--cz-late); }
 .tg-tmc:focus-visible, .tg-tmc[aria-expanded="true"] { outline: 2px solid var(--cz-blue); outline-offset: 3px; }
-.tg-tml { position: absolute; top: calc(50% + 9px); transform: translateX(-50%); font-size: var(--fs-1); font-weight: 700; color: var(--cz-ink3); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; z-index: 3; pointer-events: none; }
-.tg-tml.late { color: var(--cz-late); font-weight: 800; }
+.tg-tml { position: absolute; top: calc(50% + 9px); transform: translateX(-50%); font-size: var(--fs-badge); font-weight: var(--fw-strong); color: var(--cz-ink3); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; z-index: 3; pointer-events: none; line-height: var(--lh-badge); }
+.tg-tml.late { color: var(--cz-late); font-weight: var(--fw-strong); }
 .tg-msp { position: fixed; z-index: 60; min-width: 240px; max-width: min(360px, calc(100vw - 16px)); padding: 6px; background: var(--cz-card); border-radius: 16px; box-shadow: 0 12px 32px rgba(0,0,0,.16), 0 0 0 1px var(--cz-hair); }
-.tg-msp .o { all: unset; box-sizing: border-box; display: flex; align-items: center; gap: 10px; width: 100%; min-height: 44px; padding: 8px 12px; border-radius: 10px; font-size: var(--fs-3); font-weight: 700; color: var(--cz-ink); cursor: pointer; }
+.tg-msp .o { all: unset; box-sizing: border-box; display: flex; align-items: center; gap: 10px; width: 100%; min-height: 44px; padding: 8px 12px; border-radius: 10px; font-size: var(--fs-row); font-weight: var(--fw-strong); color: var(--cz-ink); cursor: pointer; line-height: var(--lh-row); }
 .tg-msp .o:hover, .tg-msp .o:focus-visible { background: var(--cz-well2); }
 .tg-msp .o > span:first-of-type { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
-.tg-msp .k { font-size: var(--fs-2); font-weight: 700; color: var(--cz-ink2); }
+.tg-msp .k { font-size: var(--fs-label); font-weight: var(--fw-strong); color: var(--cz-ink2); line-height: var(--lh-label); }
 .tg-msp .k.late { color: var(--cz-late); }
 .tg-tm-i { flex: none; width: 10px; height: 10px; transform: rotate(45deg); border-radius: 2px; border: 2px solid var(--bd-done); box-sizing: border-box; }
 .tg-tm-i.dn { background: var(--bd-done); }
 .tg-tm-i.late { border-color: var(--cz-dot-late); }
 .tg-msp.sh { left: 0; right: 0; bottom: 0; top: auto; max-width: none; border-radius: 24px 24px 0 0; padding: 10px 12px calc(16px + env(safe-area-inset-bottom)); }
 .tg-msp.sh .gr { display: block; width: 36px; height: 4px; margin: 0 auto 10px; border-radius: 2px; background: var(--cz-hair); }
-.tg-msp.sh .h { display: block; padding: 4px 12px 8px; font-size: var(--fs-4); font-weight: 800; color: var(--cz-ink); }
+.tg-msp.sh .h { display: block; padding: 4px 12px 8px; font-size: var(--fs-row); font-weight: var(--fw-strong); color: var(--cz-ink); line-height: var(--lh-row); }
 .tgq-r .tg-tm, .tgq-r .tg-tmc { top: 50%; }
 /* the product lane (batch 11 item 17; PlmA1Board, PlmA2Folded, PlmA3Phone): a product's head row carries every milestone of its initiatives,
  * the rows' ◇ rolled up, over a thin grey line from the first start to the last end. The name cell keeps the fold button; the lane is the track. */
@@ -1375,7 +1375,7 @@ body.bd-spick .bd-hd .bd-tools { margin-left: auto; }
 .tg-lnn .bd-prdb { min-width: 0; overflow: hidden; }
 .tg-lane .tg-span { background: var(--bd-plan); }
 .tgq-n.tg-lnn { display: flex; width: var(--vw, 100%); padding: 4px 10px 2px; cursor: default; }
-.tg-lnp .o small { display: block; font-size: var(--fs-2); font-weight: 500; color: var(--cz-ink3); overflow: hidden; text-overflow: ellipsis; }
+.tg-lnp .o small { display: block; font-size: var(--fs-meta); font-weight: var(--fw-regular); color: var(--cz-ink3); overflow: hidden; text-overflow: ellipsis; line-height: var(--lh-meta); }
 .tg-msp.sh { max-height: 70vh; overflow-y: auto; }
 /* planned versus actual (batch 11 item 8; canvas PvaAC4Board): the saved plan's thin line with end caps under the bar, the slip after the end
  * date (+14d orange, −15d grey), an initiative with drafts only drawn dashed, the legend's Plan and Draft keys. Milestone date labels drop
@@ -1384,7 +1384,7 @@ body.bd-spick .bd-hd .bd-tools { margin-left: auto; }
 .tg-pl::before, .tg-pl::after { content: ""; position: absolute; top: -3px; width: 1.6px; height: 7.6px; background: var(--cz-ink2); }
 .tg-pl::before { left: 0; } .tg-pl::after { right: 0; }
 .tg-p:has(.tg-pl) .tg-tml { top: calc(50% + 22px); }
-.tg-slip { font-weight: 800; color: var(--cz-ink3); }
+.tg-slip { font-weight: var(--fw-strong); color: var(--cz-ink3); }
 .tg-slip.late { color: var(--cz-late); }
 .tg-bar.tg-dr { background: transparent; border: 1.5px dashed color-mix(in srgb, var(--cz-ink3) 75%, var(--cz-card)); box-sizing: border-box; }
 .tg-lgd .k.pln { width: 16px; height: 1.6px; border-radius: 0; background: var(--cz-ink2); position: relative; vertical-align: 3px; }
@@ -1414,15 +1414,15 @@ span.tg-ng { cursor: default; }
 /* the gap's card: its words, and + New task with its dates while part of it is ahead (XgapAHard 2) */
 .tg-gpc { display: flex; align-items: center; gap: 12px; min-width: 0; padding: 10px 10px 10px 14px; }
 .tg-gpc .w { flex: 1; min-width: 0; }
-.tg-gpc p { margin: 0; font-size: var(--fs-3); font-weight: 800; color: var(--cz-ink); }
-.tg-gpc p.s { margin-top: 2px; font-size: var(--fs-2); font-weight: 600; color: var(--cz-ink2); }
+.tg-gpc p { margin: 0; font-size: var(--fs-row); font-weight: var(--fw-strong); color: var(--cz-ink); line-height: var(--lh-row); }
+.tg-gpc p.s { margin-top: 2px; font-size: var(--fs-label); font-weight: var(--fw-strong); color: var(--cz-ink2); line-height: var(--lh-label); }
 .tg-gpc .gp-add { all: unset; box-sizing: border-box; flex: none; width: 36px; height: 36px; border-radius: 50%; background: var(--cz-ink); color: var(--cz-card); display: inline-flex; align-items: center; justify-content: center; cursor: pointer; }
 .tg-gpc .gp-add svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 2.2; stroke-linecap: round; }
 .tg-gpc .gp-add:focus-visible { outline: 2px solid var(--cz-blue); outline-offset: 2px; }
 /* the phone's row sheet: a gap and a skipped stage are lines in date order with the milestones; words only */
-.tg-msp .o.i { cursor: default; font-weight: 600; color: var(--cz-ink2); }
+.tg-msp .o.i { cursor: default; font-weight: var(--fw-strong); color: var(--cz-ink2); }
 .tg-msp .o.i:hover { background: none; }
-.tg-msp .o.i small { display: block; font-size: var(--fs-2); font-weight: 500; color: var(--cz-ink3); white-space: normal; }
+.tg-msp .o.i small { display: block; font-size: var(--fs-meta); font-weight: var(--fw-regular); color: var(--cz-ink3); white-space: normal; line-height: var(--lh-meta); }
 .tg-ng-i { flex: none; width: 12px; height: 2px; background: var(--bd-done); }
 .tg-sk-i { flex: none; width: 12px; display: inline-flex; color: var(--cz-ink3); }
 
@@ -1439,10 +1439,10 @@ span.tg-ng { cursor: default; }
 .tg-late { position: absolute; top: 50%; height: 4px; margin-top: -2px; border-radius: 2px; background: var(--cz-late); z-index: 1; pointer-events: none; }
 .tg-late::after { content: ''; position: absolute; right: -4px; top: 50%; width: 8px; height: 8px; margin-top: -4px; border-radius: 50%; background: var(--cz-late); }
 .bd-colm { min-width: 300px; padding: 12px 14px 10px; gap: 6px; }
-.bd-cmh { font-size: var(--fs-1); font-weight: 800; color: var(--cz-ink3); }
+.bd-cmh { font-size: var(--fs-badge); font-weight: var(--fw-strong); color: var(--cz-ink3); line-height: var(--lh-badge); }
 .bd-cmg { display: grid; grid-template-columns: 1fr 1fr; gap: 2px 16px; }
-.bd-cmi { display: flex; align-items: center; gap: 8px; min-height: 32px; font: 600 var(--fs-2) var(--cz-sans); color: var(--cz-ink); cursor: pointer; white-space: nowrap; }
-.bd-cmi small { font-size: var(--fs-1); color: var(--cz-ink3); }
+.bd-cmi { display: flex; align-items: center; gap: 8px; min-height: 32px; font: var(--fw-strong) var(--fs-label)/var(--lh-label) var(--cz-sans); color: var(--cz-ink); cursor: pointer; white-space: nowrap; }
+.bd-cmi small { font-size: var(--fs-meta); color: var(--cz-ink3); line-height: var(--lh-meta); }
 .bd-cmi input { margin: 0; width: 16px; height: 16px; accent-color: var(--cz-blue); cursor: pointer; }
 .bd-cmi input:disabled { cursor: default; }
 @media (min-width: 721px) {
@@ -1450,22 +1450,22 @@ span.tg-ng { cursor: default; }
   .tg-cols .tg-h > .tg-n { padding-top: 0; padding-bottom: 0; }
   .tg-c0 { display: flex; align-items: center; gap: 8px; min-width: 0; padding-right: 12px; }
   .tg-cols .tg-h .tg-c0 { justify-content: space-between; }
-  .tg-c { min-width: 0; padding-right: 12px; font-size: var(--fs-2); font-weight: 600; color: var(--cz-ink2); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
+  .tg-c { min-width: 0; padding-right: 12px; font-size: var(--fs-label); font-weight: var(--fw-strong); color: var(--cz-ink2); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: var(--lh-label); }
   .tg-cst { display: flex; align-items: center; gap: 6px; }
   .tg-cst.late { color: var(--cz-late); }
   .tg-cst.risk { color: var(--cz-risk); }
   .tg-cst.q { color: var(--cz-ink3); }
   .tg-cms { display: flex; align-items: center; gap: 8px; }
   .tg-cms > span { display: flex; flex-direction: column; min-width: 0; line-height: 1.25; }
-  .tg-cms em { font-style: normal; font-weight: 700; color: var(--cz-ink); overflow: hidden; text-overflow: ellipsis; }
-  .tg-cms small { font-size: var(--fs-2); color: var(--cz-ink3); font-weight: 600; }
+  .tg-cms em { font-style: normal; font-weight: var(--fw-strong); color: var(--cz-ink); overflow: hidden; text-overflow: ellipsis; }
+  .tg-cms small { font-size: var(--fs-label); color: var(--cz-ink3); font-weight: var(--fw-strong); line-height: var(--lh-label); }
   .tg-cms.late small { color: var(--cz-late); }
   .tg-cms .msd { flex: none; width: 10px; height: 10px; box-sizing: border-box; transform: rotate(45deg); border-radius: 2px; border: 2px solid var(--cz-ink2); }
   .tg-cms.late .msd { border-color: var(--cz-late); background: var(--cz-late); }
   .tg-cwf, .tg-cow { display: flex; align-items: center; gap: 6px; }
   .tg-cwf > span, .tg-cow > span { overflow: hidden; text-overflow: ellipsis; }
   .tg-cwf svg { flex: none; }
-  .tg-chd { all: unset; box-sizing: border-box; cursor: pointer; display: inline-flex; align-items: center; gap: 4px; min-height: 28px; padding-right: 10px; font-size: var(--fs-2); font-weight: 800; color: var(--cz-ink2); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
+  .tg-chd { all: unset; box-sizing: border-box; cursor: pointer; display: inline-flex; align-items: center; gap: 4px; min-height: 28px; padding-right: 10px; font-size: var(--fs-label); font-weight: var(--fw-strong); color: var(--cz-ink2); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: var(--lh-label); }
   .tg-chd:hover, .tg-chd.on { color: var(--cz-ink); }
   .tg-chd svg { flex: none; width: 12px; height: 12px; fill: none; stroke: currentColor; stroke-width: 2.4; stroke-linecap: round; stroke-linejoin: round; }
   .tg-chd:focus-visible { outline: 2px solid var(--cz-blue); outline-offset: 2px; border-radius: 6px; }
@@ -1473,9 +1473,9 @@ span.tg-ng { cursor: default; }
 
 /* the read-only copy of a published board (pm/readonly.js, initiative board-publish): hidden means gone, the line above the Board, and the Timeline with a viewer open */
 .ro [hidden] { display: none !important; }
-.ro-by { margin: 14px 18px 0; font-size: var(--fs-1); color: var(--cz-ink3); }
-.ro-by b { color: var(--cz-ink); font-weight: 700; }
-.ro-back { color: inherit; font-weight: 700; text-decoration: none; }
+.ro-by { margin: 14px 18px 0; font-size: var(--fs-meta); color: var(--cz-ink3); line-height: var(--lh-meta); }
+.ro-by b { color: var(--cz-ink); font-weight: var(--fw-strong); }
+.ro-back { color: inherit; font-weight: var(--fw-strong); text-decoration: none; }
 .ro-back:hover { text-decoration: underline; }
 /* with a viewer open the Timeline keeps the initiative's name: no Stage, Status, Start or Next milestone */
 .ro-vw .tg { --nw: 300px !important; --cg: minmax(0, 1fr) !important; }
@@ -1491,7 +1491,7 @@ span.tg-ng { cursor: default; }
 .tg-fh:focus-visible { outline: 2px solid var(--cz-blue); outline-offset: 2px; }
 .tg-fh::before { content: ''; position: absolute; inset: -12px 0; }   /* a 44 px press target around the 20 px bar */
 .tg-lgd .k.fh { background: repeating-linear-gradient(45deg, var(--cz-dot-late) 0 3px, transparent 3px 6px); }
-.tg-pgo .tt small.tg-pgr { color: var(--cz-late); font-weight: 700; }
+.tg-pgo .tt small.tg-pgr { color: var(--cz-late); font-weight: var(--fw-strong); }
 .bd-fc-go { display: flex; justify-content: flex-end; padding-bottom: 6px; }
 .bd-fc-sp { all: unset; box-sizing: border-box; width: 44px; height: 44px; border-radius: 22px; background: var(--cz-blue); color: var(--cz-onsolid); display: inline-flex; align-items: center; justify-content: center; cursor: pointer; }
 .bd-fc-sp:focus-visible { outline: 2px solid var(--cz-blue); outline-offset: 2px; }