/* ==================================================================
   P1 VENDOR HUB, PRECISION Job page (portal v1.87, 2026-10-04; v1.88 adds the Stop link card).
   The drawer becomes a full page to the right of the nav while a job is
   open (.drawer.pzjob). Every class here starts with pzj-. Light surfaces,
   hairline borders, plain colored status words, no side stripes, no
   gradients, no red buttons. Layout from design/precision/Job.dc.html.
   ================================================================== */

/* ---- the frame: the drawer as a page ---- */
html.pz-on .drawer.pzjob{left:var(--rail,232px);right:0;top:0;bottom:0;width:auto;max-width:none;z-index:82;display:block;overflow-y:auto;overflow-x:hidden;
  background:var(--pz-page);border-left:1px solid var(--pz-line);box-shadow:none;-webkit-overflow-scrolling:touch}
html.pz-on .drawer.pzjob .dbody{overflow:visible;padding-bottom:40px}
html.pz-on.pzjob-on .scrim{opacity:0 !important;pointer-events:none !important}
html.pz-on .pzj-page{min-height:100%;font-variant-numeric:tabular-nums;color:var(--pz-ink);font-size:14px;line-height:20px}
html.pz-on .pzj-in{max-width:1208px;box-sizing:border-box;margin:0 auto;padding-left:40px;padding-right:40px}
html.pz-on .pzj-pad{padding:16px 20px}
html.pz-on .pzj-quiet{font-size:13px;color:var(--pz-ink-3);line-height:18px}
html.pz-on .pzj-amber{color:var(--pz-due);font-weight:700}
html.pz-on .pzj-good{color:var(--pz-good)}
html.pz-on .pzj-warn{padding:12px 20px;color:var(--pz-due);font-size:13px}

/* ---- the page header row: breadcrumb, jump, pager, close ---- */
html.pz-on .pzj-top{height:56px;box-sizing:border-box;background:#fff;border-bottom:1px solid var(--pz-line);display:flex;align-items:center;gap:20px;padding:0 40px}
html.pz-on .pzj-crumb{display:flex;align-items:center;gap:8px;color:var(--pz-ink-3);font-size:13px;flex:1;min-width:0;white-space:nowrap}
html.pz-on .pzj-crumb>*{overflow:hidden;text-overflow:ellipsis;min-width:0}
html.pz-on .pzj-crumb b{color:var(--pz-ink);font-weight:700}
html.pz-on .pzj-crumb .pzlink{font-size:13px;color:var(--pz-ink-2);text-decoration:none}
html.pz-on .pzj-jump{width:300px;display:flex;align-items:center;gap:10px;height:36px;padding:0 8px 0 12px;box-sizing:border-box;border:1px solid var(--pz-line);border-radius:9px;
  background:var(--pz-surface-2);color:var(--pz-ink-3);font:500 13px/1 var(--pz-font);cursor:pointer;text-align:left}
html.pz-on .pzj-jump span{flex:1}
html.pz-on .pzj-jump:hover{background:var(--pz-hover)}
html.pz-on .pzj-pager{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--pz-ink-2)}
html.pz-on .pzj-pager button,html.pz-on .pzj-x{width:32px;height:32px;border-radius:8px;border:1px solid var(--pz-line);background:#fff;display:inline-flex;align-items:center;justify-content:center;color:var(--pz-ink-2);cursor:pointer;padding:0}
html.pz-on .pzj-pager button:hover,html.pz-on .pzj-x:hover{background:var(--pz-hover)}
html.pz-on .pzj-pager button.off{color:var(--pz-ink-4);cursor:default}
html.pz-on .pzj-pager button.off:hover{background:#fff}
html.pz-on .pzj-x{width:36px;height:36px}

/* ---- the sticky next step header ---- */
html.pz-on .pzj-hd{position:sticky;top:0;z-index:5;background:#fff;border-bottom:1px solid var(--pz-line);box-shadow:0 1px 3px rgba(15,23,42,.04)}
html.pz-on .pzj-hd>.pzj-in{padding-top:24px}
html.pz-on .pzj-hd1{display:flex;align-items:flex-start;justify-content:space-between;gap:32px}
html.pz-on .pzj-hl{min-width:0}
html.pz-on .pzj-st{display:flex;align-items:flex-start;gap:8px;font-size:13px;line-height:18px}
html.pz-on .pzj-st .pzring{margin-top:1px}
html.pz-on .pzj-stt{color:var(--pz-ink-3)}
html.pz-on .pzj-title{margin:8px 0 0;font-size:24px;line-height:32px;letter-spacing:-.01em;font-weight:600;overflow-wrap:anywhere}
html.pz-on .pzj-subt{margin-top:4px;font-size:14px;color:var(--pz-ink-3)}
html.pz-on .pzj-act{display:flex;align-items:center;gap:8px;flex-shrink:0;padding-top:22px}
html.pz-on .pzj-act .pzbtn{height:36px}
html.pz-on .pzj-more{width:36px;height:36px;border-radius:8px;border:1px solid var(--pz-line);background:#fff;display:inline-flex;align-items:center;justify-content:center;color:var(--pz-ink-2);cursor:pointer;padding:0}
html.pz-on .pzj-more:hover{background:var(--pz-hover)}
html.pz-on .pzj-more:focus-visible{outline:2px solid #2563eb;outline-offset:2px}
html.pz-on .pzj-mw{position:relative;display:inline-flex}
html.pz-on .pzj-menu{position:absolute;right:0;top:44px;min-width:250px;background:#fff;border:1px solid var(--pz-line);border-radius:10px;box-shadow:var(--pz-shadow-pop);padding:6px;z-index:20;display:flex;flex-direction:column}
html.pz-on .pzj-menu.hide{display:none !important}
html.pz-on .pzj-menu button,html.pz-on .pzj-menu a{display:flex;align-items:center;text-align:left;width:100%;box-sizing:border-box;min-height:34px;padding:6px 10px;border:0;border-radius:6px;background:none;color:var(--pz-ink);font:500 13.5px/1.3 var(--pz-font);cursor:pointer;text-decoration:none;margin:0}
html.pz-on .pzj-menu button:hover,html.pz-on .pzj-menu a:hover,html.pz-on .pzj-menu button:focus-visible,html.pz-on .pzj-menu a:focus-visible{background:var(--pz-hover);outline:none}
html.pz-on .pzj-menu button[disabled]{color:var(--pz-ink-4);cursor:default}
html.pz-on .pzj-menu button[disabled]:hover{background:none}
html.pz-on .pzj-next{margin-top:16px;display:flex;align-items:baseline;gap:10px;font-size:14px}
html.pz-on .pzj-nk{font-size:12px;color:var(--pz-ink-3);width:64px;flex-shrink:0}
html.pz-on .pzj-ns{min-width:0;overflow-wrap:anywhere}
html.pz-on .pzj-track{list-style:none;margin:18px 0 0;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));border-top:1px solid #eef1f4}
html.pz-on .pzj-track li{display:flex;align-items:center;gap:8px;height:44px;font-size:13px;color:var(--pz-ink-3);min-width:0;white-space:nowrap}
html.pz-on .pzj-track li.done{color:var(--pz-ink-2)}
html.pz-on .pzj-track li.cur{font-weight:700;color:var(--pz-ink);box-shadow:inset 0 -2px 0 var(--pz-ink)}
html.pz-on .pzj-track li.cur.late{box-shadow:inset 0 -2px 0 var(--pz-late)}
html.pz-on .pzj-d{color:var(--pz-ink-3);font-weight:400}
html.pz-on #wihc{margin:0 0 14px}

/* ---- the two columns ---- */
html.pz-on .pzj-main{width:100%;padding-top:24px;padding-bottom:48px;display:grid;grid-template-columns:minmax(0,1fr) 352px;gap:24px;align-items:start}
html.pz-on .pzj-l{display:flex;flex-direction:column;gap:20px;min-width:0}
html.pz-on .pzj-l>div:empty{display:none}
html.pz-on .pzj-l>div{display:flex;flex-direction:column;gap:20px;min-width:0}
html.pz-on .pzj-r{display:flex;flex-direction:column;gap:16px;min-width:0}
html.pz-on .pzj-panels{display:flex;flex-direction:column;gap:12px}
html.pz-on .pzj-panels:empty{display:none}
html.pz-on .pzj-panels .wipanel{margin:0;background:#fff;border-radius:12px;padding:16px 20px}
html.pz-on .pzj-panels .dsec{background:#fff;border:1px solid var(--pz-line);border-radius:12px;padding:16px 20px}

html.pz-on .pzj-card{overflow:hidden}
html.pz-on .pzj-ch{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:52px;padding:0 20px;border-bottom:1px solid #eef1f4;box-sizing:border-box}
html.pz-on .pzj-ch h2{margin:0;font:700 15px/22px var(--pz-font);color:var(--pz-ink)}
html.pz-on .pzj-chr{font-size:13px;color:var(--pz-ink-3)}
html.pz-on .pzj-req{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:22px;color:var(--pz-ink-2)}

/* what the vendor will get */
html.pz-on .pzj-mh{display:grid;grid-template-columns:64px minmax(0,1fr);row-gap:8px;column-gap:12px;font-size:13px;margin-bottom:16px}
html.pz-on .pzj-k{color:var(--pz-ink-3)}
html.pz-on .pzj-subj{font-weight:700;overflow-wrap:anywhere}
html.pz-on .pzj-mail{background:var(--pz-surface-2);border:1px solid #eef1f4;border-radius:10px;padding:14px 16px;font-size:14px;line-height:22px;color:#1e293b;overflow-wrap:anywhere}
html.pz-on .pzj-el{margin:0}
html.pz-on .pzj-el b{font-weight:700}
html.pz-on .pzj-gap{margin-top:10px}
html.pz-on .pzj-bul{padding-left:14px;text-indent:-10px}
html.pz-on .pzj-bul:before{content:"\2022\00a0\00a0"}
html.pz-on .pzj-eh{margin:14px 0 2px;font-size:11.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--pz-ink-3)}
html.pz-on .pzj-miss{margin-top:12px;font-size:13px;color:var(--pz-due);font-weight:700;line-height:18px}
html.pz-on .pzj-miss .pzlink{font-weight:600;color:var(--pz-ink-2)}
html.pz-on .pzj-miss .pzj-quiet{font-weight:400;margin-top:2px}
html.pz-on .pzj-ok{margin-top:12px;font-size:13px;color:var(--pz-good);font-weight:700}
html.pz-on .pzj-ok .pzlink{font-weight:600;color:var(--pz-ink-2)}
html.pz-on .pzj-foot{margin-top:12px;display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;font-size:12.5px;color:var(--pz-ink-3)}
html.pz-on .pzj-foot .pzlink{font-size:13px}
html.pz-on .pzj-after{display:flex;align-items:flex-start;gap:10px;font-size:13px;color:var(--pz-ink-2);padding:0 20px 18px;line-height:19px}
html.pz-on .pzj-after .pzi{margin-top:2px;color:var(--pz-ink-2)}
html.pz-on #wipksec .nextup{margin:0;padding:0 20px 18px}
html.pz-on .pzj-card .nextup{margin-top:12px}
html.pz-on .pzj-card .nextup .btn,html.pz-on .pzj-card .btn.sm{height:30px;padding:0 10px;border-radius:8px;border:1px solid var(--pz-line-2);background:#fff;color:var(--pz-ink);font:600 12.5px/1 var(--pz-font);cursor:pointer}
html.pz-on .pzj-card .btn.sm:hover{background:var(--pz-hover)}
html.pz-on .pzj-card .btn.p{background:var(--pz-ink);border-color:var(--pz-ink);color:#fff}
html.pz-on .pzj-det{padding:0}
html.pz-on .pzj-det>summary{list-style:none;cursor:pointer;display:flex;align-items:center;min-height:52px;padding:0 20px;font:700 15px/22px var(--pz-font);color:var(--pz-ink);box-sizing:border-box}
html.pz-on .pzj-det>summary::-webkit-details-marker{display:none}
html.pz-on .pzj-det>summary:after{content:"Show";margin-left:auto;font:500 13px/1 var(--pz-font);color:var(--pz-ink-3)}
html.pz-on .pzj-det[open]>summary{border-bottom:1px solid #eef1f4}
html.pz-on .pzj-det[open]>summary:after{content:"Hide"}
html.pz-on .pzj-sub2{margin:14px 0 6px;font-size:12px;font-weight:700;color:var(--pz-ink-3)}
html.pz-on .pzj-vc{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 12px;padding:6px 0;border-bottom:1px solid #eef1f4;font-size:13px}
html.pz-on .pzj-vc:last-of-type{border-bottom:0}
html.pz-on .pzj-vc a{color:var(--pz-ink-2);font-variant-numeric:tabular-nums}
html.pz-on .pzj-card .wians{font-size:13px;margin-top:2px}

/* the form panels the old wire functions fill */
html.pz-on .pzjob .wipanel{border:1px solid var(--pz-line);border-radius:10px;background:var(--pz-surface-2);padding:14px 16px;margin-top:14px}
html.pz-on .pzjob .formrow{grid-template-columns:150px minmax(0,1fr);font-size:13px}
html.pz-on .pzjob .formrow select,html.pz-on .pzjob .formrow input,html.pz-on .pzjob .formrow textarea{font-size:14px;border:1px solid var(--pz-line-2);border-radius:8px;padding:8px 10px;background:#fff;min-width:0;box-sizing:border-box;width:100%}
html.pz-on .pzjob .hcwarn{background:#fffbeb;color:#92400e;border:1px solid #fde68a;border-radius:10px;padding:12px 16px;font-size:13.5px}
html.pz-on .pzjob .hcwarn.hide{display:none !important}
html.pz-on .pzjob .btn,html.pz-on .pzjob .btn.sm{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:32px;padding:0 12px;border-radius:8px;border:1px solid var(--pz-line-2);background:#fff;color:var(--pz-ink);font:600 13px/1 var(--pz-font);cursor:pointer}
html.pz-on .pzjob .btn:hover{background:var(--pz-hover)}
html.pz-on .pzjob .btn.p{background:var(--pz-ink);border-color:var(--pz-ink);color:#fff}
html.pz-on .pzjob .btn.p:hover{background:#1e293b}
html.pz-on .pzjob .btn[disabled]{opacity:.55;cursor:default}
html.pz-on .pzjob .wrap{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
html.pz-on .pzjob .sel{border:1px solid var(--pz-line-2);border-radius:8px;padding:7px 10px;background:#fff;font-size:14px}
html.pz-on .pzjob .ownline{display:flex;flex-wrap:wrap;gap:8px;align-items:center}

/* ready to send and close-out rows keep their old hooks, light styling */
html.pz-on .pzjob .pmsg{border:1px solid var(--pz-line);border-radius:10px;background:var(--pz-surface-2);padding:12px 14px;margin-bottom:10px}
html.pz-on .pzjob .pmsg .pmk{font-size:13.5px;font-weight:700;color:var(--pz-ink)}
html.pz-on .pzjob .pmbody{background:#fff;border:1px solid #eef1f4;border-radius:8px;padding:10px 12px;margin-top:8px;font-size:13px;line-height:19px;color:var(--pz-ink-2)}
html.pz-on .pzjob .pmauto{font-size:13px}
html.pz-on .pzjob .pmsg .btn.sm{height:30px}
html.pz-on .pzjob .check{display:flex;gap:10px;align-items:flex-start;padding:10px 0;border-bottom:1px solid #eef1f4;font-size:13.5px}
html.pz-on .pzjob .check:last-child{border-bottom:0}
html.pz-on .pzjob .check .acts{display:flex;gap:6px;flex-shrink:0}
html.pz-on .pzjob .check .mk{width:18px;height:18px;border-radius:50%;display:grid;place-items:center;font-size:11px;flex-shrink:0;margin-top:1px}
html.pz-on .pzjob .check .mk.ok{background:#dcfce7;color:var(--pz-good)}
html.pz-on .pzjob .check .mk.no{background:var(--pz-hover);color:var(--pz-ink-3)}
html.pz-on .pzjob .check .mk.na{background:var(--pz-hover);color:var(--pz-ink-4)}

/* ---- activity ---- */
html.pz-on .pzj-tl{list-style:none;margin:0;padding:20px 20px 4px;display:flex;flex-direction:column}
html.pz-on .pzj-tl li{display:grid;grid-template-columns:20px minmax(0,1fr) 96px;column-gap:14px;padding-bottom:20px;position:relative}
html.pz-on .pzj-tl li.last{padding-bottom:16px}
html.pz-on .pzj-line{position:absolute;left:9px;top:22px;bottom:0;width:1px;background:var(--pz-line)}
html.pz-on .pzj-tl li.last .pzj-line{display:none}
html.pz-on .pzj-ic{width:20px;height:20px;border-radius:50%;background:var(--pz-hover);border:1px solid var(--pz-line);box-sizing:border-box;display:flex;align-items:center;justify-content:center;color:var(--pz-ink-2)}
html.pz-on .pzj-ic.dot:after{content:"";width:5px;height:5px;border-radius:50%;background:var(--pz-ink-4)}
html.pz-on .pzj-ic.nx{background:none;border:0}
html.pz-on .pzj-tl li>.pzring{margin:2px}
html.pz-on .pzj-am{min-width:0;overflow-wrap:anywhere}
html.pz-on .pzj-as{font-size:13px;color:var(--pz-ink-3)}
html.pz-on .pzj-fv{color:var(--pz-info);font-weight:700}
html.pz-on .pzj-q{margin-top:8px;background:var(--pz-surface-2);border:1px solid #eef1f4;border-radius:8px;padding:10px 12px;font-size:13px;color:#334155;white-space:pre-wrap}
html.pz-on .pzj-at{font-size:13px;color:var(--pz-ink-3);text-align:right}
html.pz-on .pzj-late{font-weight:700;color:var(--pz-late)}
html.pz-on .pzj-nxt{color:var(--pz-ink-3)}
html.pz-on .pzj-nxt .pzkbd{vertical-align:1px}
html.pz-on .pzj-answer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 20px;border-bottom:1px solid #eef1f4;font-size:13px;color:var(--pz-ink-2)}
html.pz-on .pzj-note{padding:0 20px 20px;display:flex;gap:10px;align-items:flex-start}
html.pz-on .pzj-nl{display:flex;margin-top:6px}
html.pz-on .pzj-nbox{flex:1;min-width:0;display:flex;align-items:flex-end;gap:8px;border:1px solid var(--pz-line);border-radius:9px;background:#fff;padding:5px 6px 5px 12px;box-sizing:border-box}
html.pz-on .pzj-nbox:focus-within{border-color:var(--pz-ink-3)}
html.pz-on .pzj-nbox textarea{flex:1;min-width:0;border:0;outline:none;resize:none;background:transparent;font:inherit;font-size:14px;line-height:20px;padding:6px 0;max-height:160px;color:var(--pz-ink)}

/* ---- the right column: facts once ---- */
html.pz-on .pzj-side{padding:6px 20px}
html.pz-on .pzj-side h2{margin:0;padding:12px 0 8px;font:700 13px/20px var(--pz-font);color:var(--pz-ink-3)}
html.pz-on .pzj-dl{margin:0;display:grid;grid-template-columns:116px minmax(0,1fr);font-size:13px;line-height:19px}
html.pz-on .pzj-dl dt{color:var(--pz-ink-3);padding:10px 0;border-top:1px solid #eef1f4}
html.pz-on .pzj-dl dd{margin:0;padding:10px 0;border-top:1px solid #eef1f4;min-width:0;overflow-wrap:anywhere}
html.pz-on .pzj-split{display:flex;justify-content:space-between;gap:8px;align-items:baseline}
html.pz-on .pzj-split .pzlink{font-size:13px}
html.pz-on .pzj-own{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
html.pz-on .pzj-own .pzav{width:24px;height:24px;font-size:10px}
html.pz-on .pzj-own .pzlink{margin-left:auto;font-size:13px}
html.pz-on .pzj-cp{border:0;background:transparent;padding:4px;color:var(--pz-ink-2);cursor:pointer;display:flex;border-radius:6px}
html.pz-on .pzj-cp:hover{background:var(--pz-hover)}
html.pz-on .pzj-flags{border-top:1px solid #eef1f4;padding:10px 0;font-size:13px;color:var(--pz-ink-2);display:flex;flex-direction:column;gap:4px}
html.pz-on .pzj-bar{display:flex;gap:2px;height:6px;margin:6px 0 14px}
html.pz-on .pzj-bar span{border-radius:3px;background:var(--pz-line-2)}
html.pz-on .pzj-bar span.m{background:var(--pz-good-2)}

/* ---- the Stop link card (v1.88) ---- */
html.pz-on .pzj-sk-st{display:flex;flex-direction:column;gap:2px;font-size:14px;line-height:20px}
html.pz-on .pzj-sk-far{margin-top:8px;font-size:13px;line-height:18px;color:var(--pz-due);font-weight:700}
html.pz-on .pzj-sk-far .pzbtn{margin-left:6px;vertical-align:middle}
html.pz-on .pzj-sk-err2{margin-top:6px;font-weight:400;color:var(--pz-due)}
html.pz-on .pzj-sk-err{padding:0;margin-top:8px}
html.pz-on .pzj-sk-url{margin-top:12px;padding:8px 10px;background:var(--pz-surface-2);border:1px solid #eef1f4;border-radius:8px;font-size:12.5px;line-height:18px;color:var(--pz-ink-2);overflow-wrap:anywhere;word-break:break-all;user-select:all;-webkit-user-select:all}
html.pz-on .pzj-sk-acts{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
html.pz-on .pzj-sk-acts a.pzbtn{text-decoration:none}
html.pz-on .pzj-sk-acts .pzbtn{max-width:100%;white-space:normal;text-align:center;height:auto;min-height:30px;padding-top:6px;padding-bottom:6px;line-height:1.25}
html.pz-on .pzj-sk-gaps{margin-top:4px}
html.pz-on .pzj-sk-note{margin-top:10px}
html.pz-on .pzj-stopcard .pzj-chr .pzlink[disabled]{color:var(--pz-ink-4);cursor:default}

/* a picker, escalate or after-hours sheet opened from the Job page */
html.pz-on .pzj-sheetbar{padding:14px 24px;background:#fff;border-bottom:1px solid var(--pz-line);position:sticky;top:0;z-index:6}
html.pz-on .pzj-sheetbar .pzlink{display:inline-flex;align-items:center;gap:8px;font-weight:600;color:var(--pz-ink)}
html.pz-on .drawer.pzsheet .panelhead,html.pz-on .drawer.pzsheet .dhead{padding-left:24px;padding-right:24px}
html.pz-on .drawer.pzsheet .dbody{max-width:1100px;margin:0 auto;background:#fff;min-height:60vh}
html.pz-on .drawer.pzsheet .panelhead{max-width:1100px;margin:0 auto}
html.pz-on .drawer.pzsheet{background:var(--pz-page)}

/* ================= narrow desktop and tablet (audit M5, 2026-10-06) =================
   Under 1180px the two columns left the Activity column about 200px wide (one letter per line), so the
   facts column drops below the main column instead. The phone layout below still takes over at 760px. */
@media (max-width:1180px) and (min-width:761px){
  html.pz-on .pzj-main{grid-template-columns:minmax(0,1fr)}
  html.pz-on .pzj-in{padding-left:28px;padding-right:28px}
  html.pz-on .pzj-top{padding:0 28px;gap:12px}
  html.pz-on .pzj-jump{width:200px}
  html.pz-on .pzj-hd1{gap:16px}
  html.pz-on .pzj-track{display:flex;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}
  html.pz-on .pzj-track::-webkit-scrollbar{display:none}
  html.pz-on .pzj-track li{flex:1 0 auto;padding-right:18px}
}

/* ================= phone ================= */
@media (max-width:760px){
  html.pz-on .drawer.pzjob{left:0;z-index:90;border-left:0}
  html.pz-on .pzj-in{padding-left:16px;padding-right:16px}
  html.pz-on .pzj-top{padding:0 16px;gap:10px;height:52px}
  html.pz-on .pzj-jump{width:36px;padding:0;justify-content:center;flex:none}
  html.pz-on .pzj-jump span,html.pz-on .pzj-jump .pzkbd{display:none}
  html.pz-on .pzj-crumb{font-size:12.5px}
  html.pz-on .pzj-crumb>span:nth-of-type(2),html.pz-on .pzj-crumb>span:nth-of-type(3){display:none}
  html.pz-on .pzj-hd{position:static;box-shadow:none}
  html.pz-on .pzj-hd>.pzj-in{padding-top:16px}
  html.pz-on .pzj-hd1{display:block}
  html.pz-on .pzj-title{font-size:21px;line-height:28px}
  html.pz-on .pzj-act{position:fixed;left:0;right:0;bottom:0;z-index:95;background:#fff;border-top:1px solid var(--pz-line);padding:10px 16px calc(10px + env(safe-area-inset-bottom,0px));box-sizing:border-box;gap:8px;box-shadow:0 -4px 16px rgba(15,23,42,.06)}
  html.pz-on .pzj-act .pzbtn{height:44px;font-size:14.5px}
  html.pz-on .pzj-act .pzbtn.pri{flex:1;min-width:0}
  html.pz-on .pzj-act .pzj-sec{display:none}
  html.pz-on .pzj-more{width:44px;height:44px}
  html.pz-on .pzj-act .pzj-mw{margin-left:auto}
  html.pz-on .pzj-act .pzbtn.pri~.pzj-mw{margin-left:0}
  html.pz-on .pzj-menu{position:fixed;left:12px;right:12px;bottom:72px;top:auto;max-height:62vh;overflow-y:auto;min-width:0}
  html.pz-on .pzj-menu button,html.pz-on .pzj-menu a{min-height:44px;font-size:15px}
  html.pz-on .pzj-next{display:block}
  html.pz-on .pzj-nk{display:block;width:auto;margin-bottom:2px}
  html.pz-on .pzj-track{display:flex;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;margin-left:-16px;margin-right:-16px;padding:0 16px;max-width:100vw;box-sizing:border-box;scrollbar-width:none}
  html.pz-on .pzj-track::-webkit-scrollbar{display:none}
  html.pz-on .pzj-track li{flex:0 0 auto;padding-right:18px}
  html.pz-on .pzj-main{display:flex;flex-direction:column;align-items:stretch;gap:20px;padding-top:16px;padding-bottom:104px}
  html.pz-on .pzj-l{display:contents}
  html.pz-on .pzj-l>div{display:flex;flex-direction:column;gap:20px;width:100%;min-width:0}
  html.pz-on .pzj-l>div>.pzcard,html.pz-on .pzj-r>.pzcard{width:100%;box-sizing:border-box}
  html.pz-on .pzj-o0{order:0}html.pz-on .pzj-o1{order:1}html.pz-on .pzj-o2{order:2}html.pz-on .pzj-o3{order:3}html.pz-on .pzj-o5{order:5}html.pz-on .pzj-o6{order:6}
  html.pz-on .pzj-r{width:100%}
  html.pz-on .pzj-mh{grid-template-columns:56px minmax(0,1fr)}
  html.pz-on .pzj-tl{padding:16px 16px 4px}
  html.pz-on .pzj-tl li{grid-template-columns:20px minmax(0,1fr);column-gap:12px}
  html.pz-on .pzj-tl li .pzj-at{grid-column:2;text-align:left;font-size:12.5px;margin-top:2px}
  html.pz-on .pzj-ch,html.pz-on .pzj-pad,html.pz-on .pzj-after{padding-left:16px;padding-right:16px}
  html.pz-on .pzj-note{padding:0 16px 16px}
  html.pz-on .pzj-answer{padding:12px 16px;flex-wrap:wrap}
  html.pz-on .pzj-side{padding:6px 16px}
  html.pz-on .pzjob .formrow{grid-template-columns:1fr}
  html.pz-on .pzjob .formrow select,html.pz-on .pzjob .formrow input,html.pz-on .pzjob .formrow textarea,html.pz-on .pzj-nbox textarea{font-size:16px}
  html.pz-on .pzjob .btn,html.pz-on .pzjob .btn.sm,html.pz-on .pzjob .pzbtn.sm,html.pz-on .pzj-card .btn.sm{min-height:44px}
  html.pz-on .pzjob .check{flex-wrap:wrap}
  html.pz-on .pzjob .check .acts{width:100%}
  html.pz-on .pzj-det>summary{padding:0 16px}
  html.pz-on .pzj-sk-acts .pzbtn{flex:1 1 calc(50% - 8px);justify-content:center;min-height:44px}
  html.pz-on .drawer.pzsheet .dbody{max-width:none}
  html.pz-on .pzj-sheetbar{padding:12px 16px}
  /* KinderCare tabs wrap instead of hiding Program setup off the right edge (2026-10-06). */
  html.pz-on .pchead .tabs{flex-wrap:wrap;overflow:visible}
}