create-pmos 0.511.0 → 0.513.0

package/workspace/public/pm/premium-vw-jira.css

@@ -2,88 +2,88 @@
 @font-face{font-family:"IBM Plex Mono";src:url(/vendor/ibm-plex-mono-400.woff2) format("woff2");font-weight:400;font-display:swap}
 @font-face{font-family:"IBM Plex Mono";src:url(/vendor/ibm-plex-mono-500.woff2) format("woff2");font-weight:500;font-display:swap}
 @font-face{font-family:"IBM Plex Mono";src:url(/vendor/ibm-plex-mono-700.woff2) format("woff2");font-weight:600 700;font-display:swap}
-:root{--fs-1:11px;--fs-2:12px;--fs-3:14px;--fs-4:16px;--fs-5:20px;--fs-6:28px}
+:root{--fw-regular:400;--fw-strong:600;--fs-field:16px;--fs-display:26px;--fs-page:26px;--fs-panel:18px;--fs-section:15px;--fs-row:15px;--fs-body:15px;--fs-meta:13px;--fs-label:13px;--fs-badge:13px;--lh-display:1.2;--lh-page:1.2;--lh-panel:1.3;--lh-section:1.35;--lh-row:1.4;--lh-body:1.6;--lh-meta:1.5;--lh-label:1.35;--lh-badge:1.2}
 /* pm/premium-vw-jira.css — the Jira ticket and sprint tabs of the premium viewer (initiative premium-viewer, S5). Loaded once by
  * pm/premium-vw-jira.js. Console type only: sizes var(--fs-1..6), weights 400, 500 and 600. */
 .jv{max-width:900px;margin:0 auto;display:grid;gap:12px;min-width:0}
 .jv .i{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
 .jv .gap{flex:1}
-.jk{font:500 var(--fs-2) var(--mono);color:var(--ink-3);white-space:nowrap}
-.jnote{margin:0;font-size:var(--fs-2);color:var(--ink-3);line-height:1.5}
-.jbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:6px 6px 6px 10px;border:1px solid var(--hair);border-radius:8px;background:var(--card-solid);font-size:var(--fs-2);color:var(--ink-2)}
+.jk{font:var(--fw-regular) var(--fs-meta)/var(--lh-meta) var(--mono);color:var(--ink-3);white-space:nowrap}
+.jnote{margin:0;font-size:var(--fs-meta);color:var(--ink-3);line-height:1.5}
+.jbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:6px 6px 6px 10px;border:1px solid var(--hair);border-radius:8px;background:var(--card-solid);font-size:var(--fs-meta);color:var(--ink-2);line-height:var(--lh-meta);}
 .jbt{flex:1;min-width:0}
-.jbt b{font-weight:600;color:var(--ink)}
-.jlg{width:22px;height:22px;border-radius:6px;display:grid;place-items:center;background:var(--solid);color:var(--on-solid);font:600 var(--fs-1) var(--sans);flex:none}
-.jbtn{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:0 12px;border-radius:6px;border:1px solid var(--hair);background:transparent;color:var(--ink);font:500 var(--fs-2) var(--sans);text-decoration:none;cursor:pointer}
+.jbt b{font-weight:var(--fw-strong);color:var(--ink)}
+.jlg{width:22px;height:22px;border-radius:6px;display:grid;place-items:center;background:var(--solid);color:var(--on-solid);font:var(--fw-strong) var(--fs-badge)/var(--lh-badge) var(--sans);flex:none}
+.jbtn{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:0 12px;border-radius:6px;border:1px solid var(--hair);background:transparent;color:var(--ink);font:var(--fw-regular) var(--fs-meta)/var(--lh-meta) var(--sans);text-decoration:none;cursor:pointer}
 .jbtn:focus-visible,.jcrd:focus-visible,.jln button:focus-visible,.jseg button:focus-visible,.jfoot a:focus-visible{outline:2px solid var(--ember);outline-offset:2px}
 .jempty{padding:22px;border:1px dashed var(--hair);border-radius:8px;text-align:center;color:var(--ink-2)}
-.jempty b{display:block;font-size:var(--fs-3);font-weight:600;color:var(--ink);margin-bottom:4px}
-.jempty p{margin:0;font-size:var(--fs-2)}
+.jempty b{display:block;font-size:var(--fs-row);font-weight:var(--fw-strong);color:var(--ink);margin-bottom:4px;line-height:var(--lh-row);}
+.jempty p{margin:0;font-size:var(--fs-meta);line-height:var(--lh-meta);}
 /* ticket */
 .jtk{background:var(--card-solid);border:1px solid var(--hair);border-radius:8px;padding:22px 24px;box-shadow:var(--card-shadow);min-width:0;overflow-wrap:anywhere}
-.jbc{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:var(--fs-2);color:var(--ink-3);margin-bottom:6px}
-.jtk h1{font-size:var(--fs-5);line-height:1.3;font-weight:600;margin:0 0 10px;color:var(--ink)}
-.jtk h3{font-size:var(--fs-3);font-weight:600;margin:18px 0 6px;color:var(--ink)}
+.jbc{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:var(--fs-meta);color:var(--ink-3);margin-bottom:6px;line-height:var(--lh-meta);}
+.jtk h1{font-size:var(--fs-page);line-height:1.3;font-weight:var(--fw-strong);margin:0 0 10px;color:var(--ink)}
+.jtk h3{font-size:var(--fs-section);font-weight:var(--fw-strong);margin:18px 0 6px;color:var(--ink);line-height:var(--lh-section);}
 .jmeta{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:0 0 6px}
-.jst{display:inline-flex;align-items:center;height:28px;padding:0 10px;border-radius:6px;font:600 var(--fs-1) var(--sans);text-transform:uppercase;letter-spacing:.03em;background:var(--well);color:var(--ink-2)}
+.jst{display:inline-flex;align-items:center;height:28px;padding:0 10px;border-radius:6px;font:var(--fw-strong) var(--fs-badge)/var(--lh-badge) var(--sans);text-transform:uppercase;letter-spacing:.03em;background:var(--well);color:var(--ink-2)}
 .jst.doing{background:color-mix(in oklab,var(--sky,rgb(29,122,252)) 16%,transparent);color:var(--ink)}
 .jst.done{background:color-mix(in oklab,var(--ok) 16%,transparent);color:var(--ok)}
 .jst.draft{background:transparent;border:1px dashed var(--hair);color:var(--ink-3)}
-.jchip{display:inline-flex;align-items:center;height:28px;padding:0 10px;border-radius:6px;border:1px solid var(--hair);font-size:var(--fs-2);color:var(--ink-2)}
+.jchip{display:inline-flex;align-items:center;height:28px;padding:0 10px;border-radius:6px;border:1px solid var(--hair);font-size:var(--fs-meta);color:var(--ink-2);line-height:var(--lh-meta);}
 .jchip.mut{color:var(--ink-3)}
-.jpts{min-width:22px;height:20px;padding:0 7px;border-radius:6px;background:var(--well);font:600 var(--fs-1)/20px var(--sans);text-align:center;color:var(--ink-2);flex:none}
+.jpts{min-width:22px;height:20px;padding:0 7px;border-radius:6px;background:var(--well);font:var(--fw-strong) var(--fs-badge)/20px var(--sans);text-align:center;color:var(--ink-2);flex:none}
 .jmeta .jpts{height:28px;line-height:28px}
-.jflag{display:flex;align-items:center;gap:6px;margin:8px 0 0;font-size:var(--fs-2);font-weight:500;color:var(--bad)}
-.jbody{font-size:var(--fs-3);line-height:1.5;color:var(--ink)}
+.jflag{display:flex;align-items:center;gap:6px;margin:8px 0 0;font-size:var(--fs-meta);font-weight:var(--fw-regular);color:var(--bad);line-height:var(--lh-meta);}
+.jbody{font-size:var(--fs-body);line-height:1.5;color:var(--ink)}
 .jmd>:first-child{margin-top:0}.jmd>:last-child{margin-bottom:0}
 .jmd p,.jmd ul,.jmd ol{margin:0 0 8px}
 .jmd ul,.jmd ol{padding-left:20px}
-.jmd code{font:400 var(--fs-2) var(--mono)}
+.jmd code{font:var(--fw-regular) var(--fs-meta)/var(--lh-meta) var(--mono)}
 .jprog{height:6px;border-radius:6px;background:var(--well);overflow:hidden;margin:0 0 6px}
 .jprog i{display:block;height:100%;width:var(--bd-w,0);background:var(--ok);border-radius:6px}
 .jlinks{display:grid}
-.jln{display:flex;align-items:center;gap:8px;min-height:44px;border-top:1px solid var(--hair);font-size:var(--fs-3)}
+.jln{display:flex;align-items:center;gap:8px;min-height:44px;border-top:1px solid var(--hair);font-size:var(--fs-body);line-height:var(--lh-body);}
 .jln:first-child{border-top:0}
-.jln em{font-style:normal;font-size:var(--fs-2);color:var(--ink-3);width:76px;flex:none}
+.jln em{font-style:normal;font-size:var(--fs-meta);color:var(--ink-3);width:76px;flex:none;line-height:var(--lh-meta);}
 .jln button,.jlx{display:flex;align-items:center;gap:7px;min-height:44px;min-width:0;padding:0;border:0;background:none;color:var(--ink);font:inherit;text-align:left}
 .jln button{cursor:pointer}
-.jln b{font-weight:500;min-width:0;overflow-wrap:anywhere}
-.jfoot{margin:18px 0 0;padding-top:12px;border-top:1px solid var(--hair);font-size:var(--fs-2);color:var(--ink-3)}
-.jfoot a{color:var(--ink);font-weight:500}
+.jln b{font-weight:var(--fw-regular);min-width:0;overflow-wrap:anywhere}
+.jfoot{margin:18px 0 0;padding-top:12px;border-top:1px solid var(--hair);font-size:var(--fs-meta);color:var(--ink-3);line-height:var(--lh-meta);}
+.jfoot a{color:var(--ink);font-weight:var(--fw-regular)}
 /* sprint */
 .jseg{display:flex;gap:6px;flex-wrap:wrap}
-.jseg button{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 12px;border-radius:6px;border:1px solid var(--hair);background:transparent;color:var(--ink-2);font:500 var(--fs-2) var(--sans);cursor:pointer}
-.jseg button small{font-size:var(--fs-1);color:var(--ink-3)}
+.jseg button{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 12px;border-radius:6px;border:1px solid var(--hair);background:transparent;color:var(--ink-2);font:var(--fw-regular) var(--fs-meta)/var(--lh-meta) var(--sans);cursor:pointer}
+.jseg button small{font-size:var(--fs-meta);color:var(--ink-3);line-height:var(--lh-meta);}
 .jseg button[aria-pressed="true"]{background:var(--solid);border-color:var(--solid);color:var(--on-solid)}
 .jseg button[aria-pressed="true"] small{color:inherit}
 .jsh{display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:var(--card-solid);border:1px solid var(--hair);border-radius:8px;padding:12px 16px;box-shadow:var(--card-shadow)}
-.jsh h3{margin:0;font-size:var(--fs-4);font-weight:600;color:var(--ink)}
-.jsh p{margin:2px 0 0;font-size:var(--fs-2);color:var(--ink-3)}
+.jsh h3{margin:0;font-size:var(--fs-section);font-weight:var(--fw-strong);color:var(--ink);line-height:var(--lh-section);}
+.jsh p{margin:2px 0 0;font-size:var(--fs-meta);color:var(--ink-3);line-height:var(--lh-meta);}
 .jsh>div{min-width:0}
 .jpastb{border-style:dashed!important}
 .jpastb[aria-expanded="true"]{border-style:solid!important;background:var(--well)!important}
 .jpast[hidden]{display:none}
 .jgoal{display:grid;gap:4px;background:var(--card-solid);border:1px solid var(--hair);border-radius:8px;padding:12px 16px;box-shadow:var(--card-shadow);min-width:0;overflow-wrap:anywhere}
-.jgoal .jlab{margin:0;font:600 var(--fs-1) var(--mono);letter-spacing:.07em;text-transform:uppercase;color:var(--ink-3)}
-.jgoal b{font-size:var(--fs-3);font-weight:600;line-height:1.45;color:var(--ink)}
-.jgoal p{margin:0;font-size:var(--fs-2);line-height:1.5;color:var(--ink-2)}
+.jgoal .jlab{margin:0;font:var(--fw-strong) var(--fs-badge)/var(--lh-badge) var(--mono);letter-spacing:.07em;text-transform:uppercase;color:var(--ink-3)}
+.jgoal b{font-size:var(--fs-row);font-weight:var(--fw-strong);line-height:1.45;color:var(--ink)}
+.jgoal p{margin:0;font-size:var(--fs-meta);line-height:1.5;color:var(--ink-2)}
 .jgoal .jgref{color:var(--ink-3)}
 .jsh .jgoal{flex-basis:100%;background:none;border:0;border-top:1px solid var(--hair);border-radius:0;box-shadow:none;padding:10px 0 0}
-.jcap{display:flex;align-items:center;gap:8px;font-size:var(--fs-2);color:var(--ink-3)}
+.jcap{display:flex;align-items:center;gap:8px;font-size:var(--fs-meta);color:var(--ink-3);line-height:var(--lh-meta);}
 .jcap i{display:block;width:90px;height:6px;border-radius:6px;background:var(--well);overflow:hidden;position:relative}
 .jcap i::after{content:"";position:absolute;inset:0;width:var(--bd-w,0);background:var(--ok);border-radius:6px}
 .jbrd{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}
 .jcol{background:color-mix(in oklab,var(--well) 80%,transparent);border-radius:8px;padding:8px;display:flex;flex-direction:column;gap:7px;min-width:0}
-.jcolh{display:flex;justify-content:space-between;font:600 var(--fs-1) var(--mono);letter-spacing:.07em;text-transform:uppercase;color:var(--ink-3);padding:4px 4px 2px}
-.jnone{margin:0;padding:6px 4px;font-size:var(--fs-2);color:var(--ink-3)}
+.jcolh{display:flex;justify-content:space-between;font:var(--fw-strong) var(--fs-badge)/var(--lh-badge) var(--mono);letter-spacing:.07em;text-transform:uppercase;color:var(--ink-3);padding:4px 4px 2px}
+.jnone{margin:0;padding:6px 4px;font-size:var(--fs-meta);color:var(--ink-3);line-height:var(--lh-meta);}
 .jcrd{display:grid;gap:8px;min-height:44px;padding:9px 10px;border-radius:6px;border:1px solid var(--hair);background:var(--card-solid);color:var(--ink);font:inherit;text-align:left;box-shadow:0 1px 2px rgba(0,0,0,.04);min-width:0;overflow-wrap:anywhere}
 button.jcrd{cursor:pointer}
-.jcrd b{font-size:var(--fs-2);font-weight:500;line-height:1.4}
+.jcrd b{font-size:var(--fs-meta);font-weight:var(--fw-regular);line-height:1.4}
 .jcrd.off{background:transparent;border-style:dashed}
 .jcrd.risk{border-color:color-mix(in oklab,var(--bad) 45%,var(--hair))}
-.jrk{display:flex;align-items:center;gap:5px;font-size:var(--fs-1);font-weight:600;color:var(--bad)}
+.jrk{display:flex;align-items:center;gap:5px;font-size:var(--fs-badge);font-weight:var(--fw-strong);color:var(--bad);line-height:var(--lh-badge);}
 .jft{display:flex;align-items:center;gap:6px;min-width:0}
-.jsx{font-size:var(--fs-1);color:var(--ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
+.jsx{font-size:var(--fs-meta);color:var(--ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;line-height:var(--lh-meta);}
 @media (max-width:640px){
   .jtk{padding:16px}
   .jbtn,.jseg button{min-height:44px}
@@ -93,7 +93,7 @@ button.jcrd{cursor:pointer}
 /* Agreed design V1: the ticket's facts grid (Status, Assignee, Points, Sprint, Initiative, Jira read), two columns of soft wells */
 .jfields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:12px 0 4px}
 .jfd{padding:10px 12px;border-radius:8px;background:var(--well);min-width:0}
-.jfd dt{font-size:var(--fs-1);font-weight:600;color:var(--ink-3)}
-.jfd dd{margin:2px 0 0;font-size:var(--fs-3);font-weight:600;color:var(--ink);overflow-wrap:anywhere}
-.jfd.mut dd{font-weight:600;color:var(--ink-3)}
+.jfd dt{font-size:var(--fs-badge);font-weight:var(--fw-strong);color:var(--ink-3);line-height:var(--lh-badge);}
+.jfd dd{margin:2px 0 0;font-size:var(--fs-row);font-weight:var(--fw-strong);color:var(--ink);overflow-wrap:anywhere;line-height:var(--lh-row);}
+.jfd.mut dd{font-weight:var(--fw-strong);color:var(--ink-3)}
 .jago{color:var(--ink-3)}

package/workspace/public/pm/premium-vw-meet.css

@@ -2,26 +2,26 @@
 @font-face{font-family:"IBM Plex Mono";src:url(/vendor/ibm-plex-mono-400.woff2) format("woff2");font-weight:400;font-display:swap}
 @font-face{font-family:"IBM Plex Mono";src:url(/vendor/ibm-plex-mono-500.woff2) format("woff2");font-weight:500;font-display:swap}
 @font-face{font-family:"IBM Plex Mono";src:url(/vendor/ibm-plex-mono-700.woff2) format("woff2");font-weight:600 700;font-display:swap}
-:root{--fs-1:11px;--fs-2:12px;--fs-3:14px;--fs-4:16px;--fs-5:20px;--fs-6:28px}
+:root{--fw-regular:400;--fw-strong:600;--fs-field:16px;--fs-display:26px;--fs-page:26px;--fs-panel:18px;--fs-section:15px;--fs-row:15px;--fs-body:15px;--fs-meta:13px;--fs-label:13px;--fs-badge:13px;--lh-display:1.2;--lh-page:1.2;--lh-panel:1.3;--lh-section:1.35;--lh-row:1.4;--lh-body:1.6;--lh-meta:1.5;--lh-label:1.35;--lh-badge:1.2}
 /* pm/premium-vw-meet.css — the meeting detail as the console's note sheet (initiative premium-viewer, S3; premium-vw-meet.js).
  * Loaded once by vmStyle(). Sizes are only var(--fs-1..6), weights 400/500/600 (premium-console-type.test.js). */
-.vm .vm-ln{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:8px 0 0;font-size:var(--fs-3);color:var(--ink-2)}
+.vm .vm-ln{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:8px 0 0;font-size:var(--fs-body);color:var(--ink-2);line-height:var(--lh-body);}
 .vm .vm-ln .i{width:16px;height:16px;flex:none;color:var(--ink-3)}
-.vm .vm-ln b{color:var(--ink);font-weight:600}
+.vm .vm-ln b{color:var(--ink);font-weight:var(--fw-strong)}
 .vm .mtg-link{margin:8px 0 4px}
 .vm .vm-about[hidden]{display:none}
-.vm .vm-ser{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:10px 0 0;font:500 var(--fs-2) var(--mono);color:var(--ink-2)}
+.vm .vm-ser{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:10px 0 0;font:var(--fw-regular) var(--fs-meta)/var(--lh-meta) var(--mono);color:var(--ink-2)}
 .vm .vm-ser>span{display:inline-flex;align-items:center;gap:6px}
 .vm .vm-ser .i{width:14px;height:14px}
 .vm .vm-ib{width:36px;height:36px;border-radius:6px;display:inline-grid;place-items:center;background:var(--well);color:var(--ink)}
 .vm .vm-ib:disabled{opacity:.4}
 .vm .vm-ib .i{width:16px;height:16px}
-.vm .vm-lk{min-height:36px;padding:0 8px;border-radius:6px;font-size:var(--fs-2);font-weight:500;color:var(--ink-3);text-decoration:underline;text-underline-offset:3px}
+.vm .vm-lk{min-height:36px;padding:0 8px;border-radius:6px;font-size:var(--fs-meta);font-weight:var(--fw-regular);color:var(--ink-3);text-decoration:underline;text-underline-offset:3px;line-height:var(--lh-meta);}
 @media (hover:hover){.vm .vm-lk:hover{color:var(--ink)}}
 .vm .vm-sh:focus-visible,.vm .vm-menu>summary:focus-visible,.vm .vm-mn button:focus-visible,.vm .vm-ib:focus-visible,.vm .vm-lk:focus-visible{outline:2px solid var(--ember);outline-offset:2px}
 /* the parts as one scroll: each part a fold with a plain head (no Before, During and After switch) */
 .vm .vm-part{margin:14px 0 0;border-top:1px solid var(--hair)}
-.vm .vm-part>summary.vm-sh{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;cursor:pointer;font-size:var(--fs-3);font-weight:600;color:var(--ink);border-radius:6px}
+.vm .vm-part>summary.vm-sh{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;cursor:pointer;font-size:var(--fs-row);font-weight:var(--fw-strong);color:var(--ink);border-radius:6px;line-height:var(--lh-row);}
 .vm .vm-part>summary::-webkit-details-marker{display:none}
 .vm .vm-part>summary::after{content:"";flex:none;width:8px;height:8px;margin:0 6px 4px 0;border-right:1.6px solid var(--ink-3);border-bottom:1.6px solid var(--ink-3);transform:rotate(45deg);transition:transform .2s}
 .vm .vm-part[open]>summary::after{margin-bottom:-4px;transform:rotate(-135deg)}
@@ -37,65 +37,65 @@
 .vm .vm-menu>summary{list-style:none;cursor:pointer}
 .vm .vm-menu>summary::-webkit-details-marker{display:none}
 .vm .vm-mn{position:absolute;z-index:6;top:calc(100% + 6px);left:0;min-width:250px;display:flex;flex-direction:column;gap:2px;padding:6px;border-radius:8px;background:var(--card-solid,var(--card));box-shadow:inset 0 0 0 1px var(--hair),0 18px 40px -18px rgba(20,24,60,.45)}
-.vm .vm-mn button{display:flex;align-items:center;gap:10px;min-height:44px;padding:0 12px;border-radius:6px;text-align:left;font-size:var(--fs-3);color:var(--ink)}
+.vm .vm-mn button{display:flex;align-items:center;gap:10px;min-height:44px;padding:0 12px;border-radius:6px;text-align:left;font-size:var(--fs-body);color:var(--ink);line-height:var(--lh-body);}
 .vm .vm-mn button .i{width:16px;height:16px;color:var(--ink-3)}
 @media (hover:hover){.vm .vm-mn button:hover{background:var(--well)}}
 .vm .acts2>.why{flex:1 1 100%}
 .vm .acts2>.why p{margin:0 0 6px}
 .vm .acts2>.why[hidden]{display:none}
-.vm .vm-bx{background:var(--card-solid,var(--card));border:1px solid var(--hair);border-radius:8px;box-shadow:var(--card-shadow);padding:14px 18px;margin:0 0 12px;font-size:var(--fs-3);line-height:1.5}
-.vm .vm-cap{display:flex;align-items:center;gap:8px;font:600 var(--fs-1) var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);padding:0 0 10px;margin:0 0 6px;border-bottom:1px solid var(--hair)}
+.vm .vm-bx{background:var(--card-solid,var(--card));border:1px solid var(--hair);border-radius:8px;box-shadow:var(--card-shadow);padding:14px 18px;margin:0 0 12px;font-size:var(--fs-body);line-height:1.5}
+.vm .vm-cap{display:flex;align-items:center;gap:8px;font:var(--fw-strong) var(--fs-badge)/var(--lh-badge) var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);padding:0 0 10px;margin:0 0 6px;border-bottom:1px solid var(--hair)}
 .vm .vm-cap .i{width:14px;height:14px}
 .vm .vm-bx p{margin:0 0 8px;color:var(--ink-2)}
-.vm h5{margin:16px 0 6px;font-size:var(--fs-3);font-weight:600;color:var(--ink)}
-.vm h5 small{font-weight:500;font-size:var(--fs-2);color:var(--ink-3);margin-left:6px}
+.vm h5{margin:16px 0 6px;font-size:var(--fs-section);font-weight:var(--fw-strong);color:var(--ink);line-height:var(--lh-section);}
+.vm h5 small{font-weight:var(--fw-regular);font-size:var(--fs-meta);color:var(--ink-3);margin-left:6px;line-height:var(--lh-meta);}
 .vm .vm-ul{margin:0;padding-left:20px;color:var(--ink-2)}
-.vm .vm-ul em{font-style:normal;font-size:var(--fs-2);color:var(--ink-3)}
+.vm .vm-ul em{font-style:normal;font-size:var(--fs-meta);color:var(--ink-3);line-height:var(--lh-meta);}
 .vm .vm-agl>div{display:flex;align-items:center;gap:8px;padding:4px 0}
 .vm .vm-agl i{width:14px;height:14px;border-radius:6px;box-shadow:inset 0 0 0 1.5px var(--ink-3);flex:none;margin:0 1px}
 .vm .vm-agl .i{width:16px;height:16px;color:var(--ok);flex:none}
-.vm .vm-agl small{margin-left:auto;font-size:var(--fs-2);color:var(--ink-3)}
+.vm .vm-agl small{margin-left:auto;font-size:var(--fs-meta);color:var(--ink-3);line-height:var(--lh-meta);}
 .vm .vm-row{display:flex;gap:8px;flex-wrap:wrap}
-.vm .vm-pill{display:inline-flex;align-items:center;min-height:36px;padding:0 14px;border-radius:6px;background:var(--well);font-size:var(--fs-2);font-weight:500;color:var(--ink)}
+.vm .vm-pill{display:inline-flex;align-items:center;min-height:36px;padding:0 14px;border-radius:6px;background:var(--well);font-size:var(--fs-meta);font-weight:var(--fw-regular);color:var(--ink);line-height:var(--lh-meta);}
 @media (hover:hover){.vm a.vm-pill:hover{background:var(--b3,var(--well))}}
 .vm .vm-none{padding:12px 16px;border-radius:8px;background:var(--well)}
 .vm .vm-trn>div{display:grid;grid-template-columns:52px minmax(0,1fr);gap:8px;align-items:start;padding:5px 0}
 .vm .vm-trn p{margin:0;color:var(--ink-2)}
-.vm .vm-trn b{color:var(--ink);font-weight:600}
-.vm .vm-t{font:500 var(--fs-2) var(--mono);color:var(--ink-3);padding-top:1px}
+.vm .vm-trn b{color:var(--ink);font-weight:var(--fw-strong)}
+.vm .vm-t{font:var(--fw-regular) var(--fs-meta)/var(--lh-meta) var(--mono);color:var(--ink-3);padding-top:1px}
 .vm .vm-sl{list-style:none;margin:0;padding:0}
 .vm .vm-si{display:grid;grid-template-columns:28px minmax(0,1fr);gap:10px;align-items:start;padding:8px 0;border-top:1px solid var(--hair)}
 .vm .vm-si:first-child{border-top:0}
-.vm .vm-si b{display:block;font-weight:500;color:var(--ink)}
-.vm .vm-si small{display:flex;gap:8px;align-items:center;font-size:var(--fs-2);color:var(--ink-3);margin-top:2px}
+.vm .vm-si b{display:block;font-weight:var(--fw-regular);color:var(--ink)}
+.vm .vm-si small{display:flex;gap:8px;align-items:center;font-size:var(--fs-meta);color:var(--ink-3);margin-top:2px;line-height:var(--lh-meta);}
 .vm .vm-k{width:28px;height:28px;border-radius:6px;display:grid;place-items:center;background:var(--well);color:var(--ink-3)}
 .vm .vm-k .i{width:14px;height:14px}
 .vm .vm-k.ok{color:var(--ok)}
 .vm .vm-k.new{color:var(--ember-ink)}
-.vm .vm-st{font:600 var(--fs-1) var(--mono);letter-spacing:.06em;text-transform:uppercase}
+.vm .vm-st{font:var(--fw-strong) var(--fs-badge)/var(--lh-badge) var(--mono);letter-spacing:.06em;text-transform:uppercase}
 .vm .vm-st.ok{color:var(--ok)}
 .vm .vm-st.warn,.vm .vm-st.new{color:var(--ember-ink)}
 .vm .vm-mrow{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin:6px 0}
-.vm .vm-mrow b{font-weight:600}
+.vm .vm-mrow b{font-weight:var(--fw-strong)}
 .vm .vm-rp{display:flex;align-items:center;gap:10px;margin:10px 0 6px}
-.vm .vm-rp b{font-weight:600}
+.vm .vm-rp b{font-weight:var(--fw-strong)}
 .vm .vm-aud{width:100%;max-width:100%;margin:2px 0 4px}
 .vm .vm-sum{margin:12px 0 8px;line-height:1.6;color:var(--ink)}
-.vm .vm-tb{width:100%;border-collapse:collapse;margin:10px 0 6px;font-size:var(--fs-3)}
-.vm .vm-tb th{text-align:left;font:500 var(--fs-1) var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);padding:6px 10px 6px 0;border-bottom:1px solid var(--hair)}
+.vm .vm-tb{width:100%;border-collapse:collapse;margin:10px 0 6px;font-size:var(--fs-body);line-height:var(--lh-body);}
+.vm .vm-tb th{text-align:left;font:var(--fw-regular) var(--fs-meta)/var(--lh-meta) var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);padding:6px 10px 6px 0;border-bottom:1px solid var(--hair)}
 .vm .vm-tb td{padding:8px 10px 8px 0;border-bottom:1px solid var(--hair);vertical-align:middle}
 .vm .vm-tb td.w{color:var(--ink-2)}
 .vm .vm-tb td.o{white-space:nowrap;color:var(--ink-2)}
-.vm .vm-tb .mut{font-size:var(--fs-2)}
+.vm .vm-tb .mut{font-size:var(--fs-meta);line-height:var(--lh-meta);}
 .vm .vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
 .vm .vm-q{display:flex;gap:10px;align-items:baseline;padding:6px 0;color:var(--ink-2)}
-.vm .vm-tg{font:600 var(--fs-1) var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);flex:none}
+.vm .vm-tg{font:var(--fw-strong) var(--fs-badge)/var(--lh-badge) var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);flex:none}
 .vm .vm-shots{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
 .vm .vm-shots figure{margin:0}
 .vm .vm-shots img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:6px;border:1px solid var(--hair);background:var(--well)}
-.vm .vm-shots figcaption{font:500 var(--fs-1) var(--mono);color:var(--ink-3);margin-top:4px}
+.vm .vm-shots figcaption{font:var(--fw-regular) var(--fs-meta)/var(--lh-meta) var(--mono);color:var(--ink-3);margin-top:4px}
 .vm .vm-fold{margin-top:14px;border-top:1px solid var(--hair);padding-top:10px}
-.vm .vm-fold summary{cursor:pointer;min-height:36px;display:flex;align-items:center;font-size:var(--fs-2);font-weight:600;color:var(--ink-2)}
+.vm .vm-fold summary{cursor:pointer;min-height:36px;display:flex;align-items:center;font-size:var(--fs-label);font-weight:var(--fw-strong);color:var(--ink-2);line-height:var(--lh-label);}
 @media (max-width:700px){
   .vm .vm-ib,.vm .vm-lk,.vm .vm-pill,.vm .vm-fold summary{min-height:44px}
   .vm .vm-ib{width:44px;height:44px}
@@ -107,5 +107,5 @@
 }
 .vm .vm-bl{list-style:none;margin:0 0 8px;padding:0;display:grid;gap:6px}
 .vm .vm-bi{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px;color:var(--ink-2)}
-.vm .vm-bi small{font-size:var(--fs-2);color:var(--ink-3)}
+.vm .vm-bi small{font-size:var(--fs-meta);color:var(--ink-3);line-height:var(--lh-meta);}
 .vm .vm-tg.warn{color:var(--ember-ink)}

package/workspace/public/pm/premium-vw-notepad.css

@@ -1,41 +1,41 @@
-:root{--fs-1:11px;--fs-2:12px;--fs-3:14px;--fs-4:16px;--fs-5:20px;--fs-6:28px}
+:root{--fw-regular:400;--fw-strong:600;--fs-field:16px;--fs-display:26px;--fs-page:26px;--fs-panel:18px;--fs-section:15px;--fs-row:15px;--fs-body:15px;--fs-meta:13px;--fs-label:13px;--fs-badge:13px;--lh-display:1.2;--lh-page:1.2;--lh-panel:1.3;--lh-section:1.35;--lh-row:1.4;--lh-body:1.6;--lh-meta:1.5;--lh-label:1.35;--lh-badge:1.2}
 /* premium-vw-notepad.css — Notes in the premium viewer (premium-notes.js; initiative premium-chat-attach N1-N7). Loaded once by vwStyle('notepad').
  * Sizes are the console's six steps only (var(--fs-1..6)), weights 400/500/600, the page's own tokens otherwise. Checked by premium-console-type.test.js. */
 .p-out>.obody.vw:not([hidden]):has(>.ntpad){flex:1;min-height:0;display:flex!important;flex-direction:column}   /* the notepad fills the pane: the note scrolls, its foot stays */
 .ntpad{flex:1;min-height:0;width:100%;display:flex;flex-direction:column;max-width:780px;margin:0 auto;position:relative}
 .nth{display:flex;align-items:center;gap:8px;padding:2px 0 10px;border-bottom:1px solid var(--hair)}
 .nth .gap{flex:1}
-.ntsw{display:inline-flex;align-items:center;gap:4px;min-width:0;max-width:60%;min-height:34px;padding:0 6px;margin-left:-6px;border:0;border-radius:6px;background:none;color:var(--ink);font:600 var(--fs-3) var(--sans);cursor:pointer}
-.ntsw b{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
+.ntsw{display:inline-flex;align-items:center;gap:4px;min-width:0;max-width:60%;min-height:34px;padding:0 6px;margin-left:-6px;border:0;border-radius:6px;background:none;color:var(--ink);font:var(--fw-strong) var(--fs-row)/var(--lh-row) var(--sans);cursor:pointer}
+.ntsw b{font-weight:var(--fw-strong);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .ntsw .i{width:15px;height:15px;flex:none}
-.ntn,.ntst{font-size:var(--fs-2);color:var(--ink-3);white-space:nowrap}
+.ntn,.ntst{font-size:var(--fs-meta);color:var(--ink-3);white-space:nowrap;line-height:var(--lh-meta);}
 .ntic{flex:none;width:36px;height:36px;display:inline-grid;place-items:center;border-radius:6px;border:1px solid var(--hair);background:var(--card-solid);color:var(--ink);cursor:pointer}
 .ntic .i{width:17px;height:17px}
 .ntic.pri{background:var(--solid);border-color:var(--solid);color:var(--on-solid)}
 .ntmenu{position:absolute;top:42px;left:0;z-index:5;min-width:220px;max-width:min(340px,100%);max-height:320px;overflow:auto;padding:6px;border:1px solid var(--hair);border-radius:8px;background:var(--card-solid);box-shadow:var(--card-shadow);display:grid;gap:2px}
 .ntmenu[hidden]{display:none}
-.ntmenu button{display:flex;align-items:center;gap:8px;min-height:36px;padding:0 10px;border:0;border-radius:6px;background:none;color:var(--ink);font:400 var(--fs-3) var(--sans);text-align:left;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
-.ntmenu button[aria-current]{font-weight:600}
+.ntmenu button{display:flex;align-items:center;gap:8px;min-height:36px;padding:0 10px;border:0;border-radius:6px;background:none;color:var(--ink);font:var(--fw-regular) var(--fs-body)/var(--lh-body) var(--sans);text-align:left;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
+.ntmenu button[aria-current]{font-weight:var(--fw-strong)}
 .ntmenu .ntdel{color:var(--ink-2);border-top:1px solid var(--hair);border-radius:0;margin-top:4px}
 .ntmenu .ntdel .i{width:15px;height:15px}
-.ntd{flex:1;min-height:160px;overflow-y:auto;padding:16px 0;outline:0;font:400 var(--fs-4)/1.6 var(--sans);color:var(--ink);overflow-wrap:anywhere}
+.ntd{flex:1;min-height:160px;overflow-y:auto;padding:16px 0;outline:0;font:var(--fw-regular) var(--fs-body)/1.6 var(--sans);color:var(--ink);overflow-wrap:anywhere}
 .ntd.ph::before{content:attr(data-ph);color:var(--ink-3);pointer-events:none;position:absolute}
 .ntd>*:first-child{margin-top:0}
 .ntd p{margin:0 0 8px}
-.ntd h1{font-size:var(--fs-5);font-weight:600;margin:4px 0 10px}
-.ntd h2{font-size:var(--fs-4);font-weight:600;margin:14px 0 6px}
-.ntd h3{font-size:var(--fs-3);font-weight:600;margin:12px 0 4px;color:var(--ink-2)}
+.ntd h1{font-size:var(--fs-page);font-weight:var(--fw-strong);margin:4px 0 10px;line-height:var(--lh-page);}
+.ntd h2{font-size:var(--fs-section);font-weight:var(--fw-strong);margin:14px 0 6px;line-height:var(--lh-section);}
+.ntd h3{font-size:var(--fs-section);font-weight:var(--fw-strong);margin:12px 0 4px;color:var(--ink-2);line-height:var(--lh-section);}
 .ntd ul,.ntd ol{margin:0 0 8px;padding-left:22px}
 .ntd ul.tasks{list-style:none;padding-left:0}
 .ntd li{margin:2px 0}
 .ntd li.task{display:flex;align-items:baseline;gap:8px}
 .ntd li.task input{flex:none;width:16px;height:16px;margin:0;transform:translateY(2px);accent-color:var(--solid);cursor:pointer}
 .ntd li.task.done>span{text-decoration:line-through;color:var(--ink-3)}
-.ntd b,.ntd strong{font-weight:600}
-.ntd code{font:400 var(--fs-2) var(--mono);background:var(--well);padding:1px 4px;border-radius:6px}
+.ntd b,.ntd strong{font-weight:var(--fw-strong)}
+.ntd code{font:var(--fw-regular) var(--fs-meta)/var(--lh-meta) var(--mono);background:var(--well);padding:1px 4px;border-radius:6px}
 .ntd blockquote{margin:0 0 8px;padding-left:12px;border-left:3px solid var(--hair);color:var(--ink-2)}
 .ntd a{color:var(--vw-lnk,inherit)}
 .ntf{flex:none;display:flex;align-items:center;gap:8px;padding:10px 0 4px;border-top:1px solid var(--hair)}
-.ntw{flex:1;min-width:0;font-size:var(--fs-2);color:var(--ink-3)}
+.ntw{flex:1;min-width:0;font-size:var(--fs-meta);color:var(--ink-3);line-height:var(--lh-meta);}
 @media (hover:hover){.ntsw:hover,.ntmenu button:hover,.ntic:not(.pri):hover{background:var(--well)}}
 @media (max-width:999px),(pointer:coarse){.ntic{width:44px;height:44px}.ntsw{min-height:44px}.ntmenu button{min-height:44px}.ntw{display:none}.ntf{justify-content:flex-end}}

package/workspace/public/pm/premium-vw-notes.css

@@ -2,40 +2,40 @@
 @font-face{font-family:"IBM Plex Mono";src:url(/vendor/ibm-plex-mono-400.woff2) format("woff2");font-weight:400;font-display:swap}
 @font-face{font-family:"IBM Plex Mono";src:url(/vendor/ibm-plex-mono-500.woff2) format("woff2");font-weight:500;font-display:swap}
 @font-face{font-family:"IBM Plex Mono";src:url(/vendor/ibm-plex-mono-700.woff2) format("woff2");font-weight:600 700;font-display:swap}
-:root{--fs-1:11px;--fs-2:12px;--fs-3:14px;--fs-4:16px;--fs-5:20px;--fs-6:28px}
+:root{--fw-regular:400;--fw-strong:600;--fs-field:16px;--fs-display:26px;--fs-page:26px;--fs-panel:18px;--fs-section:15px;--fs-row:15px;--fs-body:15px;--fs-meta:13px;--fs-label:13px;--fs-badge:13px;--lh-display:1.2;--lh-page:1.2;--lh-panel:1.3;--lh-section:1.35;--lh-row:1.4;--lh-body:1.6;--lh-meta:1.5;--lh-label:1.35;--lh-badge:1.2}
 /* pm/premium-vw-notes.css — the Notes list in the premium dialog (initiative premium-viewer, R9; premium-vw-notes.js).
  * Loaded once by vwStyle('notes'). Sizes are only var(--fs-1..6), weights 400/500/600 (premium-console-type.test.js). */
-.vn-open{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 12px;margin-left:auto;border-radius:6px;font-size:var(--fs-2);font-weight:600;color:var(--ink-2)}
+.vn-open{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 12px;margin-left:auto;border-radius:6px;font-size:var(--fs-label);font-weight:var(--fw-strong);color:var(--ink-2);line-height:var(--lh-label);}
 .vn-open .i{width:16px;height:16px}
 .vn-open:focus-visible,.vn button:focus-visible,.vn input:focus-visible{outline:2px solid var(--ember);outline-offset:2px}
 .vn{max-width:860px;margin:0 auto;padding:4px 2px 24px}
 .vn-s{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 14px}
 .vn-q{flex:1;min-width:0;display:flex;align-items:center;gap:8px;min-height:44px;padding:0 12px;border:1px solid var(--hair);border-radius:8px;background:var(--card-solid,var(--card))}
 .vn-q .i{width:16px;height:16px;flex:none;color:var(--ink-3)}
-.vn-q input{flex:1;align-self:stretch;min-width:0;border:0;background:none;outline:0;font-size:var(--fs-3);color:var(--ink)}
-.vn-c{font:500 var(--fs-2) var(--mono);color:var(--ink-3)}
+.vn-q input{flex:1;align-self:stretch;min-width:0;border:0;background:none;outline:0;font-size:var(--fs-body);color:var(--ink);line-height:var(--lh-body);}
+.vn-c{font:var(--fw-regular) var(--fs-meta)/var(--lh-meta) var(--mono);color:var(--ink-3)}
 .vn-g{margin:0 0 14px}
-.vn-g h4{display:flex;align-items:baseline;gap:8px;margin:0 0 6px;font:600 var(--fs-1) var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}
-.vn-g h4 small{font-size:var(--fs-1);font-weight:400}
+.vn-g h4{display:flex;align-items:baseline;gap:8px;margin:0 0 6px;font:var(--fw-strong) var(--fs-badge)/var(--lh-badge) var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}
+.vn-g h4 small{font-size:var(--fs-meta);font-weight:var(--fw-regular);line-height:var(--lh-meta);}
 .vn-l{list-style:none;margin:0;padding:0;border:1px solid var(--hair);border-radius:8px;background:var(--card-solid,var(--card));box-shadow:var(--card-shadow);overflow:hidden}
 .vn-r{display:flex;align-items:center}
 .vn-r+.vn-r{border-top:1px solid var(--hair)}
-.vn-o{flex:1;min-width:0;display:flex;align-items:center;gap:12px;min-height:52px;padding:8px 14px;text-align:left;font-size:var(--fs-3);color:var(--ink)}
+.vn-o{flex:1;min-width:0;display:flex;align-items:center;gap:12px;min-height:52px;padding:8px 14px;text-align:left;font-size:var(--fs-body);color:var(--ink);line-height:var(--lh-body);}
 .vn-sub .vn-o{padding-left:42px}
 .vn-k{width:28px;height:28px;flex:none;display:grid;place-items:center;border-radius:6px;background:var(--well);color:var(--ink-3)}
 .vn-k.hot{color:var(--ember)}
 .vn-k .i{width:15px;height:15px}
 .vn-t{flex:1;min-width:0;display:grid;gap:2px}
-.vn-t b{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
-.vn-t small{font:400 var(--fs-2) var(--mono);color:var(--ink-3)}
+.vn-t b{font-weight:var(--fw-strong);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
+.vn-t small{font:var(--fw-regular) var(--fs-meta)/var(--lh-meta) var(--mono);color:var(--ink-3)}
 .vn-tgs{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:flex-end;max-width:45%}
-.vn-tg{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:6px;background:var(--well);font-size:var(--fs-1);font-weight:500;color:var(--ink-2);white-space:nowrap;max-width:220px;overflow:hidden;text-overflow:ellipsis}
+.vn-tg{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:6px;background:var(--well);font-size:var(--fs-meta);font-weight:var(--fw-regular);color:var(--ink-2);white-space:nowrap;max-width:220px;overflow:hidden;text-overflow:ellipsis;line-height:var(--lh-meta);}
 .vn-tg .i{width:12px;height:12px}
 .vn-live{color:var(--ember)}
 .vn-warn{color:var(--warn,var(--ember))}
 .vn-x{width:44px;height:44px;flex:none;display:grid;place-items:center;margin-right:4px;border-radius:6px;color:var(--ink-3)}
 .vn-x .i{width:16px;height:16px}
-.vn-more span{display:block;padding:10px 14px 10px 42px;font-size:var(--fs-2);color:var(--ink-3)}
+.vn-more span{display:block;padding:10px 14px 10px 42px;font-size:var(--fs-meta);color:var(--ink-3);line-height:var(--lh-meta);}
 .vn-none{margin:12px 2px;color:var(--ink-3)}
 .vm .vm-nabout{margin:8px 0 4px}
 @media (hover:hover){.vn-o:hover,.vn-x:hover,.vn-open:hover{background:var(--well)}}

package/workspace/public/pm/premium-vw-rec.css

@@ -1,4 +1,4 @@
-:root{--fs-1:11px;--fs-2:12px;--fs-3:14px;--fs-4:16px;--fs-5:20px;--fs-6:28px}
+:root{--fw-regular:400;--fw-strong:600;--fs-field:16px;--fs-display:26px;--fs-page:26px;--fs-panel:18px;--fs-section:15px;--fs-row:15px;--fs-body:15px;--fs-meta:13px;--fs-label:13px;--fs-badge:13px;--lh-display:1.2;--lh-page:1.2;--lh-panel:1.3;--lh-section:1.35;--lh-row:1.4;--lh-body:1.6;--lh-meta:1.5;--lh-label:1.35;--lh-badge:1.2}
 /* pm/premium-vw-rec.css — note recording in the premium viewer (premium-viewer S4): the Record control, the Live notes tab and the Focus tab. Loaded by vwStyle('rec'). */
 .recctl{position:relative;display:inline-flex;flex:none}
 .recctl[hidden]{display:none}
@@ -9,69 +9,69 @@
 .recm{position:absolute;right:0;top:calc(100% + 8px);z-index:40;width:min(320px,calc(100vw - 32px));padding:8px;border:1px solid var(--hair);border-radius:8px;background:var(--card-solid);box-shadow:var(--card-shadow);color:var(--ink)}
 .recm[hidden]{display:none}
 .recm .label{display:block;margin:4px 8px 6px}
-.recm [role="menuitem"]{display:flex;align-items:center;gap:8px;width:100%;min-height:44px;padding:6px 10px;border-radius:6px;text-align:left;font-size:var(--fs-2);font-weight:500}
-.recm [role="menuitem"] b{font-weight:600;flex:1 1 auto;min-width:0;overflow-wrap:anywhere}
-.recm [role="menuitem"] small{color:var(--ink-3);font-size:var(--fs-1);white-space:nowrap}
+.recm [role="menuitem"]{display:flex;align-items:center;gap:8px;width:100%;min-height:44px;padding:6px 10px;border-radius:6px;text-align:left;font-size:var(--fs-meta);font-weight:var(--fw-regular);line-height:var(--lh-meta);}
+.recm [role="menuitem"] b{font-weight:var(--fw-strong);flex:1 1 auto;min-width:0;overflow-wrap:anywhere}
+.recm [role="menuitem"] small{color:var(--ink-3);font-size:var(--fs-meta);white-space:nowrap;line-height:var(--lh-meta);}
 .recm [role="menuitem"]:focus-visible{background:var(--well)}
 @media (hover:hover){.recm [role="menuitem"]:hover{background:var(--well)}}
 .recm [role="menuitem"][disabled]{opacity:.55}
 .recm [role="menuitem"] .i{width:16px;height:16px}
 .recm .note{margin:4px 8px 8px}
 .recask{padding:6px}
-.recask p{margin:0 0 8px;font-size:var(--fs-2)}
+.recask p{margin:0 0 8px;font-size:var(--fs-meta);line-height:var(--lh-meta);}
 .recask div,.rvask div{display:flex;flex-wrap:wrap;gap:8px}
 
-.rvw .rvt{margin:0 0 10px;font-size:var(--fs-4);font-weight:600}
+.rvw .rvt{margin:0 0 10px;font-size:var(--fs-row);font-weight:var(--fw-strong);line-height:var(--lh-row);}
 .rvh{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:10px 12px;border:1px solid var(--hair);border-radius:8px;background:var(--card-solid);box-shadow:var(--card-shadow)}
-.rvh b{font-size:var(--fs-3);font-weight:600}
+.rvh b{font-size:var(--fs-row);font-weight:var(--fw-strong);line-height:var(--lh-row);}
 .rvsp{flex:1 1 auto}
-.rvclk{font-family:var(--mono);font-size:var(--fs-2);color:var(--ink-2)}
+.rvclk{font-family:var(--mono);font-size:var(--fs-meta);color:var(--ink-2);line-height:var(--lh-meta);}
 .rvdot{width:9px;height:9px;border-radius:50%;background:var(--bad);animation:br 1.6s ease-in-out infinite}
 .rvdot.paused{background:var(--ember);animation:none}
-.rvb{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 13px;border-radius:6px;background:var(--well);font-size:var(--fs-2);font-weight:600;color:var(--ink)}
+.rvb{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 13px;border-radius:6px;background:var(--well);font-size:var(--fs-label);font-weight:var(--fw-strong);color:var(--ink);line-height:var(--lh-label);}
 .rvb .i{width:15px;height:15px}
 .rvb.cta{background:var(--solid);color:var(--on-solid)}
 .rvb[aria-pressed="true"]{background:var(--solid);color:var(--on-solid)}
 .rvb:disabled{opacity:.55}
 .rvb:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
 .rvask{margin:10px 0 0;padding:12px 14px;border:1px solid var(--hair);border-radius:8px;background:var(--card-solid)}
-.rvask p{margin:0 0 10px;font-size:var(--fs-2)}
+.rvask p{margin:0 0 10px;font-size:var(--fs-meta);line-height:var(--lh-meta);}
 .rvopts{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:10px 0 0}
 .rvsec{margin:16px 0 0}
 .rvsec>.label{display:block;margin:0 0 6px}
-.rvta{width:100%;box-sizing:border-box;min-height:96px;padding:10px 12px;border:1px solid var(--hair);border-radius:6px;background:var(--card-solid);color:var(--ink);font:inherit;font-size:var(--fs-3);resize:vertical}
+.rvta{width:100%;box-sizing:border-box;min-height:96px;padding:10px 12px;border:1px solid var(--hair);border-radius:6px;background:var(--card-solid);color:var(--ink);font:inherit;font-size:var(--fs-body);resize:vertical;line-height:var(--lh-body);}
 .rvta:focus-visible{outline:2px solid var(--ink);outline-offset:1px}
 .rvhl{list-style:none;margin:0;padding:0;display:grid;gap:6px}
-.rvhl li{display:flex;gap:10px;align-items:baseline;padding:8px 10px;border-radius:8px;background:var(--well);font-size:var(--fs-2)}
-.rvhl time,.rvtr time{font-family:var(--mono);font-size:var(--fs-1);color:var(--ink-3);flex:none}
-.rvhl em{margin-left:auto;font-style:normal;font-size:var(--fs-1);color:var(--ink-3)}
+.rvhl li{display:flex;gap:10px;align-items:baseline;padding:8px 10px;border-radius:8px;background:var(--well);font-size:var(--fs-meta);line-height:var(--lh-meta);}
+.rvhl time,.rvtr time{font-family:var(--mono);font-size:var(--fs-meta);color:var(--ink-3);flex:none;line-height:var(--lh-meta);}
+.rvhl em{margin-left:auto;font-style:normal;font-size:var(--fs-meta);color:var(--ink-3);line-height:var(--lh-meta);}
 .rvtr{max-height:340px;overflow-y:auto;display:grid;gap:6px;padding:2px}
-.rvtr p{display:flex;gap:8px;align-items:baseline;margin:0;font-size:var(--fs-2);color:var(--ink-2)}
-.rvtr p b{font-weight:600;color:var(--ink);flex:none}
+.rvtr p{display:flex;gap:8px;align-items:baseline;margin:0;font-size:var(--fs-meta);color:var(--ink-2);line-height:var(--lh-meta);}
+.rvtr p b{font-weight:var(--fw-strong);color:var(--ink);flex:none}
 .rvtr p.cur{color:var(--ink)}
 
 .fvh{display:flex;align-items:baseline;flex-wrap:wrap;gap:10px;margin:0 0 12px}
-.fvh b{font-size:var(--fs-4);font-weight:600}
+.fvh b{font-size:var(--fs-row);font-weight:var(--fw-strong);line-height:var(--lh-row);}
 .fvbar{display:flex;gap:3px;height:28px;margin:0 0 12px}
-.fvbar span{flex:var(--fc-flex,1);display:grid;place-items:center;min-width:18px;border-radius:6px;background:var(--well);font-size:var(--fs-1);font-weight:600;color:var(--ink-2)}
+.fvbar span{flex:var(--fc-flex,1);display:grid;place-items:center;min-width:18px;border-radius:6px;background:var(--well);font-size:var(--fs-badge);font-weight:var(--fw-strong);color:var(--ink-2);line-height:var(--lh-badge);}
 .fvbar span.on{background:var(--solid);color:var(--on-solid)}
 .fvnow{padding:12px 14px;border:1px solid var(--hair);border-radius:8px;background:var(--card-solid);box-shadow:var(--card-shadow)}
-.fvnow b{display:block;font-size:var(--fs-4);font-weight:600}
-.fvnow p{margin:6px 0 0;font-size:var(--fs-3);color:var(--ink-2)}
+.fvnow b{display:block;font-size:var(--fs-row);font-weight:var(--fw-strong);line-height:var(--lh-row);}
+.fvnow p{margin:6px 0 0;font-size:var(--fs-body);color:var(--ink-2);line-height:var(--lh-body);}
 .fvg{display:grid;grid-template-columns:1fr 1fr;gap:16px}
-.fvtp{margin:0;padding-left:20px;display:grid;gap:4px;font-size:var(--fs-2)}
+.fvtp{margin:0;padding-left:20px;display:grid;gap:4px;font-size:var(--fs-meta);line-height:var(--lh-meta);}
 .fvtp li{color:var(--ink-2)}
-.fvtp li.now{color:var(--ink);font-weight:600}
-.fvtp small{margin-left:6px;color:var(--ink-3);font-size:var(--fs-1)}
+.fvtp li.now{color:var(--ink);font-weight:var(--fw-strong)}
+.fvtp small{margin-left:6px;color:var(--ink-3);font-size:var(--fs-meta);line-height:var(--lh-meta);}
 .fvcap{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
 .fvcap div{padding:8px 10px;border-radius:8px;background:var(--well)}
-.fvcap b{display:block;font-size:var(--fs-4);font-weight:600}
-.fvcap span{font-size:var(--fs-1);color:var(--ink-3)}
+.fvcap b{display:block;font-size:var(--fs-row);font-weight:var(--fw-strong);line-height:var(--lh-row);}
+.fvcap span{font-size:var(--fs-meta);color:var(--ink-3);line-height:var(--lh-meta);}
 .fvst{list-style:none;margin:0;padding:0;display:grid;gap:8px}
 .fvst li{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:8px 10px;border:1px solid var(--hair);border-radius:8px}
 .fvst li>span{flex:1 1 12em;min-width:0}
-.fvst b{display:block;font-weight:600;font-size:var(--fs-2);overflow-wrap:anywhere}
-.fvst small{font-size:var(--fs-1);color:var(--ink-3)}
+.fvst b{display:block;font-weight:var(--fw-strong);font-size:var(--fs-label);overflow-wrap:anywhere;line-height:var(--lh-label);}
+.fvst small{font-size:var(--fs-meta);color:var(--ink-3);line-height:var(--lh-meta);}
 @media (max-width:700px){.fvg{grid-template-columns:1fr}.recb span{display:none}}
 /* a long highlight keeps its tag on one line (bug 2026-10-20: "decision" broke one letter per line) */
 .rvhl li>span{flex:1 1 auto;min-width:0}

package/workspace/public/pm/premium-vw-report.css

@@ -2,50 +2,50 @@
 @font-face{font-family:"IBM Plex Mono";src:url(/vendor/ibm-plex-mono-400.woff2) format("woff2");font-weight:400;font-display:swap}
 @font-face{font-family:"IBM Plex Mono";src:url(/vendor/ibm-plex-mono-500.woff2) format("woff2");font-weight:500;font-display:swap}
 @font-face{font-family:"IBM Plex Mono";src:url(/vendor/ibm-plex-mono-700.woff2) format("woff2");font-weight:600 700;font-display:swap}
-:root{--fs-1:11px;--fs-2:12px;--fs-3:14px;--fs-4:16px;--fs-5:20px;--fs-6:28px}
+:root{--fw-regular:400;--fw-strong:600;--fs-field:16px;--fs-display:26px;--fs-page:26px;--fs-panel:18px;--fs-section:15px;--fs-row:15px;--fs-body:15px;--fs-meta:13px;--fs-label:13px;--fs-badge:13px;--lh-display:1.2;--lh-page:1.2;--lh-panel:1.3;--lh-section:1.35;--lh-row:1.4;--lh-body:1.6;--lh-meta:1.5;--lh-label:1.35;--lh-badge:1.2}
 /* pm/premium-vw-report.css — the Report tab beside a chat (initiative premium-reports-from-chat, slice B; premium-report-tab.js).
  * Loaded once by vwStyle('report'). Sizes are only var(--fs-1..6), weights 400/500/600 (premium-console-type.test.js). */
 .rt{max-width:760px;margin:0 auto;padding:4px 2px 24px;display:flex;flex-direction:column;align-items:stretch;gap:12px;text-align:left}
 .rt>*{align-self:stretch}
-.rt .btn,.obody:has(>.rt)>.vcf .btn{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 16px;border:1px solid var(--solid);border-radius:6px;background:var(--solid);color:var(--on-solid);font-size:var(--fs-2);font-weight:600;white-space:nowrap}
+.rt .btn,.obody:has(>.rt)>.vcf .btn{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 16px;border:1px solid var(--solid);border-radius:6px;background:var(--solid);color:var(--on-solid);font-size:var(--fs-label);font-weight:var(--fw-strong);white-space:nowrap;line-height:var(--lh-label);}
 .rt .btn.sec,.obody:has(>.rt)>.vcf .btn.sec{background:transparent;border-color:var(--hair);color:var(--ink)}
 .rt .btn:disabled{opacity:.5;cursor:default}
-.rt-eye{margin:0;font:500 var(--fs-1) var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}
-.rt-h{margin:0;font-size:var(--fs-5);font-weight:600;color:var(--ink);overflow-wrap:anywhere}
-.rt-sub{margin:0;font-size:var(--fs-3);color:var(--ink-2)}
-.rt-meta,.rt-note{margin:0;font-size:var(--fs-2);color:var(--ink-3)}
-.rt-label{margin:6px 0 0;font-size:var(--fs-2);font-weight:600;color:var(--ink-2)}
-.rt-msg{margin:0;padding:10px 12px;border-radius:8px;background:var(--well);font-size:var(--fs-3);color:var(--ink)}
+.rt-eye{margin:0;font:var(--fw-regular) var(--fs-meta)/var(--lh-meta) var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}
+.rt-h{margin:0;font-size:var(--fs-panel);font-weight:var(--fw-strong);color:var(--ink);overflow-wrap:anywhere;line-height:var(--lh-panel);}
+.rt-sub{margin:0;font-size:var(--fs-body);color:var(--ink-2);line-height:var(--lh-body);}
+.rt-meta,.rt-note{margin:0;font-size:var(--fs-meta);color:var(--ink-3);line-height:var(--lh-meta);}
+.rt-label{margin:6px 0 0;font-size:var(--fs-label);font-weight:var(--fw-strong);color:var(--ink-2);line-height:var(--lh-label);}
+.rt-msg{margin:0;padding:10px 12px;border-radius:8px;background:var(--well);font-size:var(--fs-body);color:var(--ink);line-height:var(--lh-body);}
 .rt-row{display:flex;flex-direction:column;gap:8px;align-items:flex-start}
 .rt-chip{align-self:flex-start;display:inline-flex;flex-direction:column;align-items:flex-start;gap:1px;min-height:44px;padding:6px 14px;border:1px solid var(--hair);border-radius:6px;background:var(--card-solid,var(--card));color:var(--ink);text-align:left;cursor:pointer}
-.rt-chip em{font-style:normal;font-size:var(--fs-1);color:var(--ink-3)}
-.rt-chip b{font-size:var(--fs-3);font-weight:600}
+.rt-chip em{font-style:normal;font-size:var(--fs-meta);color:var(--ink-3);line-height:var(--lh-meta);}
+.rt-chip b{font-size:var(--fs-row);font-weight:var(--fw-strong);line-height:var(--lh-row);}
 .rt-menu{display:flex;flex-direction:column;gap:2px;width:100%;max-width:360px;padding:6px;border:1px solid var(--hair);border-radius:8px;background:var(--card-solid,var(--card));box-shadow:var(--card-shadow)}
-.rt-menu>button{min-height:44px;padding:0 12px;border-radius:6px;text-align:left;font-size:var(--fs-3);color:var(--ink);background:none}
-.rt-menu>button[aria-checked="true"]{background:var(--well);font-weight:600}
+.rt-menu>button{min-height:44px;padding:0 12px;border-radius:6px;text-align:left;font-size:var(--fs-body);color:var(--ink);background:none;line-height:var(--lh-body);}
+.rt-menu>button[aria-checked="true"]{background:var(--well);font-weight:var(--fw-strong)}
 @media (hover:hover){.rt-menu>button:hover{background:var(--well)}}
 .rt-menu .rt-note{padding:6px 12px}
 .rt-days{display:flex;flex-wrap:wrap;gap:6px;padding:6px 6px 2px}
 .rt-days .btn{min-height:44px;min-width:52px;padding:0 10px}
 .rt-ask{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-radius:8px;background:var(--well)}
-.rt-ask p{margin:0;font-size:var(--fs-3);color:var(--ink-2);flex:1 1 200px;min-width:0;overflow-wrap:anywhere}
-.rt-ask b{color:var(--ink);font-weight:600}
+.rt-ask p{margin:0;font-size:var(--fs-body);color:var(--ink-2);flex:1 1 200px;min-width:0;overflow-wrap:anywhere;line-height:var(--lh-body);}
+.rt-ask b{color:var(--ink);font-weight:var(--fw-strong)}
 .rt .rt-seg{display:inline-flex;gap:4px;padding:3px;border-radius:6px;background:var(--well);align-self:flex-start}
 .rt-seg .btn.sec{border-color:transparent}
 .rt-seg .btn{min-height:40px;border-radius:6px}
-.rt-ver{display:flex;align-items:center;gap:6px;font:500 var(--fs-2) var(--mono);color:var(--ink-2)}
-.rt-arrow{width:44px;height:44px;border:1px solid var(--hair);border-radius:6px;background:var(--card-solid,var(--card));color:var(--ink);font-size:var(--fs-4);cursor:pointer}
+.rt-ver{display:flex;align-items:center;gap:6px;font:var(--fw-regular) var(--fs-meta)/var(--lh-meta) var(--mono);color:var(--ink-2)}
+.rt-arrow{width:44px;height:44px;border:1px solid var(--hair);border-radius:6px;background:var(--card-solid,var(--card));color:var(--ink);font-size:var(--fs-body);cursor:pointer;line-height:var(--lh-body);}
 .rt-arrow:disabled{opacity:.4;cursor:default}
 .rt-secs{margin:0;padding:0;list-style:none;border:1px solid var(--hair);border-radius:8px;background:var(--card-solid,var(--card))}
 .rt-secs li{display:flex;flex-direction:column;gap:2px;padding:10px 14px;border-top:1px solid var(--hair)}
 .rt-secs li:first-child{border-top:0}
-.rt-secs b{font-size:var(--fs-3);font-weight:600;color:var(--ink)}
-.rt-secs span{font-size:var(--fs-2);color:var(--ink-3)}
+.rt-secs b{font-size:var(--fs-row);font-weight:var(--fw-strong);color:var(--ink);line-height:var(--lh-row);}
+.rt-secs span{font-size:var(--fs-meta);color:var(--ink-3);line-height:var(--lh-meta);}
 .rt-frame{width:100%;aspect-ratio:16/10;border:1px solid var(--hair);border-radius:8px;background:var(--card-solid,var(--card))}
 .rt-cyc{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px}
 .rt-cyc li{position:relative;display:flex;align-items:center;gap:10px;flex-wrap:wrap;min-height:44px;padding:4px 4px 4px 10px;border:1px solid var(--hair);border-radius:8px}
-.rt-slot{flex:1;min-width:0;font-size:var(--fs-3);color:var(--ink)}
-.rt-tag{padding:2px 8px;border-radius:6px;font:500 var(--fs-1) var(--mono);text-transform:uppercase}
+.rt-slot{flex:1;min-width:0;font-size:var(--fs-body);color:var(--ink);line-height:var(--lh-body);}
+.rt-tag{padding:2px 8px;border-radius:6px;font:var(--fw-regular) var(--fs-meta)/var(--lh-meta) var(--mono);text-transform:uppercase}
 .rt-tag.draft{background:var(--well);color:var(--ink-2)}
 .rt-tag.issued{background:color-mix(in srgb,var(--good) 16%,transparent);color:var(--ink)}
 .rt-foot{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}
@@ -57,4 +57,4 @@
 .rt .ct-tile{max-width:460px}
 .rt .ct-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;margin:0}
 .rt .ct-grid .nempty{align-self:start;padding:12px 14px;border-radius:8px;background:var(--well)}
-.rt .ct-grid .nempty p{margin:0;font-size:var(--fs-2);color:var(--ink-2)}
+.rt .ct-grid .nempty p{margin:0;font-size:var(--fs-meta);color:var(--ink-2);line-height:var(--lh-meta);}