/* pieriandx.com styles, ported from the approved prototype (9 Nov 2026).
   Page wrappers keep the prototype's ids (#pg-home, #pg-cgw, ...) so its selectors apply unchanged.
   Review tooling, review annotations and form placeholders are not ported. */
/* base.css: the prototype's head <style> (loads first) */
:root{box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
html{scroll-padding-top:calc(env(safe-area-inset-top,0px) + 76px)}
/* Layout guards (audit 6 Nov 2026) */ .svc-split, .tx-split { overflow-x: clip; } .res-card { min-width: 0; } .res-vids li { overflow-wrap: anywhere; } .feature > * { min-width: 0; } .feature-visual { overflow-x: auto; } .po > * { min-width: 0; }
/* Type scale: all pages (approved 6 Nov 2026, rounds 1-2) */
:is(#pg-home, #pg-cgw, #pg-clinical-services, #pg-lab-readiness, #pg-clinical-operations, #pg-reimbursement, #pg-analyst-certification, #pg-resources, #pg-contact, #pg-amp, #pg-events) main p:not(blockquote p):not(:where(.po-text)):not(.lede):not(.section-intro):not(.ph-sub):not(.eyebrow), :is(#pg-home, #pg-cgw, #pg-clinical-services, #pg-lab-readiness, #pg-clinical-operations, #pg-reimbursement, #pg-analyst-certification, #pg-resources, #pg-contact, #pg-amp, #pg-events) main li:not(:where(.oc-list li)), :is(#pg-home, #pg-cgw, #pg-clinical-services, #pg-lab-readiness, #pg-clinical-operations, #pg-reimbursement, #pg-analyst-certification, #pg-resources, #pg-contact, #pg-amp, #pg-events) main summary, :is(#pg-home, #pg-cgw, #pg-clinical-services, #pg-lab-readiness, #pg-clinical-operations, #pg-reimbursement, #pg-analyst-certification, #pg-resources, #pg-contact, #pg-amp, #pg-events) main dd, :is(#pg-home, #pg-cgw, #pg-clinical-services, #pg-lab-readiness, #pg-clinical-operations, #pg-reimbursement, #pg-analyst-certification, #pg-resources, #pg-contact, #pg-amp, #pg-events) main td { font-size: clamp(17px, 0.45vw + 13.5px, 19px); line-height: 1.6; }
:is(#pg-home, #pg-cgw, #pg-clinical-services, #pg-lab-readiness, #pg-clinical-operations, #pg-reimbursement, #pg-analyst-certification, #pg-resources, #pg-contact, #pg-amp, #pg-events) main .lede, :is(#pg-home, #pg-cgw, #pg-clinical-services, #pg-lab-readiness, #pg-clinical-operations, #pg-reimbursement, #pg-analyst-certification, #pg-resources, #pg-contact, #pg-amp, #pg-events) main .section-intro, :is(#pg-home, #pg-cgw, #pg-clinical-services, #pg-lab-readiness, #pg-clinical-operations, #pg-reimbursement, #pg-analyst-certification, #pg-resources, #pg-contact, #pg-amp, #pg-events) main .ph-sub { font-size: clamp(18px, 0.7vw + 11.5px, 21px); line-height: 1.45; }
:is(#pg-home, #pg-cgw, #pg-clinical-services, #pg-lab-readiness, #pg-clinical-operations, #pg-reimbursement, #pg-analyst-certification, #pg-resources, #pg-contact, #pg-amp, #pg-events) main h1 { font-size: clamp(36px, 3.6vw, 56px); }
:is(#pg-home, #pg-cgw, #pg-clinical-services, #pg-lab-readiness, #pg-clinical-operations, #pg-reimbursement, #pg-analyst-certification, #pg-resources, #pg-contact, #pg-amp, #pg-events) main h2 { font-size: clamp(28px, 2.6vw, 38px); }
:is(#pg-home, #pg-cgw, #pg-clinical-services, #pg-lab-readiness, #pg-clinical-operations, #pg-reimbursement, #pg-analyst-certification, #pg-resources, #pg-contact, #pg-amp, #pg-events) main h3:not(:where(.feature-copy h3, #analyst-certification-s8 h3)) { font-size: clamp(21px, 1.9vw, 26px); line-height: 1.25; }
:is(#pg-home, #pg-cgw, #pg-clinical-services, #pg-lab-readiness, #pg-clinical-operations, #pg-reimbursement, #pg-analyst-certification, #pg-resources, #pg-contact, #pg-amp, #pg-events) main .eyebrow, :is(#pg-home, #pg-cgw, #pg-clinical-services, #pg-lab-readiness, #pg-clinical-operations, #pg-reimbursement, #pg-analyst-certification, #pg-resources, #pg-contact, #pg-amp, #pg-events) main .fit-kicker, :is(#pg-home, #pg-cgw, #pg-clinical-services, #pg-lab-readiness, #pg-clinical-operations, #pg-reimbursement, #pg-analyst-certification, #pg-resources, #pg-contact, #pg-amp, #pg-events) main .fit-status, :is(#pg-home, #pg-cgw, #pg-clinical-services, #pg-lab-readiness, #pg-clinical-operations, #pg-reimbursement, #pg-analyst-certification, #pg-resources, #pg-contact, #pg-amp, #pg-events) main .goal-step, :is(#pg-home, #pg-cgw, #pg-clinical-services, #pg-lab-readiness, #pg-clinical-operations, #pg-reimbursement, #pg-analyst-certification, #pg-resources, #pg-contact, #pg-amp, #pg-events) main .oc-label, :is(#pg-home, #pg-cgw, #pg-clinical-services, #pg-lab-readiness, #pg-clinical-operations, #pg-reimbursement, #pg-analyst-certification, #pg-resources, #pg-contact, #pg-amp, #pg-events) main .vq-kicker, :is(#pg-home, #pg-cgw, #pg-clinical-services, #pg-lab-readiness, #pg-clinical-operations, #pg-reimbursement, #pg-analyst-certification, #pg-resources, #pg-contact, #pg-amp, #pg-events) main .j-help-label, :is(#pg-home, #pg-cgw, #pg-clinical-services, #pg-lab-readiness, #pg-clinical-operations, #pg-reimbursement, #pg-analyst-certification, #pg-resources, #pg-contact, #pg-amp, #pg-events) main .pl-play, :is(#pg-home, #pg-cgw, #pg-clinical-services, #pg-lab-readiness, #pg-clinical-operations, #pg-reimbursement, #pg-analyst-certification, #pg-resources, #pg-contact, #pg-amp, #pg-events) main .pl-art, :is(#pg-home, #pg-cgw, #pg-clinical-services, #pg-lab-readiness, #pg-clinical-operations, #pg-reimbursement, #pg-analyst-certification, #pg-resources, #pg-contact, #pg-amp, #pg-events) main .pl-n, :is(#pg-home, #pg-cgw, #pg-clinical-services, #pg-lab-readiness, #pg-clinical-operations, #pg-reimbursement, #pg-analyst-certification, #pg-resources, #pg-contact, #pg-amp, #pg-events) main .seq-label { font-size: 14px; }
:is(#pg-home, #pg-cgw, #pg-clinical-services, #pg-lab-readiness, #pg-clinical-operations, #pg-reimbursement, #pg-analyst-certification, #pg-resources, #pg-contact, #pg-amp, #pg-events) .j-help-label { font-size: 14px !important; }
/* Round 2: CGW "time back" card headings size to the card, so each holds two lines (6 Nov 2026) */
:is(#pg-home, #pg-cgw, #pg-clinical-services, #pg-lab-readiness, #pg-clinical-operations, #pg-reimbursement, #pg-analyst-certification, #pg-resources, #pg-contact, #pg-amp, #pg-events) main .gate b { font-size: 14px; }
/* Labels on the other pages, 14px minimum (mock app screens exempt) */
:is(#pg-home, #pg-cgw, #pg-clinical-services, #pg-lab-readiness, #pg-clinical-operations, #pg-reimbursement, #pg-analyst-certification, #pg-resources, #pg-contact, #pg-amp, #pg-events) main .wd-head span, :is(#pg-home, #pg-cgw, #pg-clinical-services, #pg-lab-readiness, #pg-clinical-operations, #pg-reimbursement, #pg-analyst-certification, #pg-resources, #pg-contact, #pg-amp, #pg-events) main .wv-col, :is(#pg-home, #pg-cgw, #pg-clinical-services, #pg-lab-readiness, #pg-clinical-operations, #pg-reimbursement, #pg-analyst-certification, #pg-resources, #pg-contact, #pg-amp, #pg-events) main .wv-row, :is(#pg-home, #pg-cgw, #pg-clinical-services, #pg-lab-readiness, #pg-clinical-operations, #pg-reimbursement, #pg-analyst-certification, #pg-resources, #pg-contact, #pg-amp, #pg-events) main .wv-foot span, :is(#pg-home, #pg-cgw, #pg-clinical-services, #pg-lab-readiness, #pg-clinical-operations, #pg-reimbursement, #pg-analyst-certification, #pg-resources, #pg-contact, #pg-amp, #pg-events) main .wd-vis figcaption, :is(#pg-home, #pg-cgw, #pg-clinical-services, #pg-lab-readiness, #pg-clinical-operations, #pg-reimbursement, #pg-analyst-certification, #pg-resources, #pg-contact, #pg-amp, #pg-events) main .mock figcaption, :is(#pg-home, #pg-cgw, #pg-clinical-services, #pg-lab-readiness, #pg-clinical-operations, #pg-reimbursement, #pg-analyst-certification, #pg-resources, #pg-contact, #pg-amp, #pg-events) main .ac-badge figcaption, :is(#pg-home, #pg-cgw, #pg-clinical-services, #pg-lab-readiness, #pg-clinical-operations, #pg-reimbursement, #pg-analyst-certification, #pg-resources, #pg-contact, #pg-amp, #pg-events) main .num, :is(#pg-home, #pg-cgw, #pg-clinical-services, #pg-lab-readiness, #pg-clinical-operations, #pg-reimbursement, #pg-analyst-certification, #pg-resources, #pg-contact, #pg-amp, #pg-events) main .lv-step, :is(#pg-home, #pg-cgw, #pg-clinical-services, #pg-lab-readiness, #pg-clinical-operations, #pg-reimbursement, #pg-analyst-certification, #pg-resources, #pg-contact, #pg-amp, #pg-events) main .lv-pill, :is(#pg-home, #pg-cgw, #pg-clinical-services, #pg-lab-readiness, #pg-clinical-operations, #pg-reimbursement, #pg-analyst-certification, #pg-resources, #pg-contact, #pg-amp, #pg-events) main .filter-lbl, :is(#pg-home, #pg-cgw, #pg-clinical-services, #pg-lab-readiness, #pg-clinical-operations, #pg-reimbursement, #pg-analyst-certification, #pg-resources, #pg-contact, #pg-amp, #pg-events) main .kv dt, :is(#pg-home, #pg-cgw, #pg-clinical-services, #pg-lab-readiness, #pg-clinical-operations, #pg-reimbursement, #pg-analyst-certification, #pg-resources, #pg-contact, #pg-amp, #pg-events) main .ev-date span { font-size: 14px; }
#pg-cgw #cgw-time .card { container-type: inline-size; }
#pg-cgw #cgw-time .card h3 { font-size: clamp(19px, 10.8cqi, 26px); text-wrap: balance; }
#pg-cgw #cgw-integrations .section-head h2 { max-width: none; }
/* Official lockup: pieriandx-lockup-white.svg (updated 9 Nov 2026) (Brand Assets › Logos › PierianDx) */
.lockup-art { display: block; height: 44px; aspect-ratio: 4291.83 / 1284.11; background: url("/assets/svg-65c02aa38c.svg") no-repeat center / contain; }
@media (max-width: 700px) { .lockup-art { height: 37px; } }