/* Shared shell and editorial rhythm for the public library and older services.
   Scroll wrappers stay intact: their reading indicators depend on them. */
body.pcx-unified{--sans:Inter,system-ui,sans-serif;--serif:Newsreader,Georgia,serif;--display:Newsreader,Georgia,serif;font-family:var(--sans);padding-top:0}
.pcx-unified main{padding-top:0}
.pcx-unified .pcx-header{border-bottom:1px solid #d9d4c8}
.pcx-unified .pcx-context{display:flex;gap:12px;align-items:center;max-width:1320px;margin:0 auto;padding:30px clamp(24px,4vw,56px) 0;font:12px/1.5 Inter,sans-serif;color:#766e61;letter-spacing:0}
.pcx-context a{color:inherit;text-decoration:none;border-bottom:1px solid #c9bfac}
.pcx-unified main.wrap>.pcx-context{padding-inline:0}
.pcx-unified :is(.hero,.page-hero){min-height:0;height:auto;padding-block:58px 64px}
.pcx-unified .hero-scroll{display:none}
.pcx-unified :is(.r,.hw){opacity:1;transform:none;animation:none}
.pcx-unified :is(h1,h2,h3){text-wrap:balance}
.pcx-unified h1{font-weight:400;letter-spacing:-.035em;font-size:clamp(43px,5.2vw,72px);line-height:1.06}
.pcx-unified :is(.hero-lead,.hero-desc,.hero-lede){max-width:58ch}
.pcx-unified :is(.hero-cta,.hero-ctas,.hero-actions){margin-bottom:28px}
.pcx-unified :is(.btn,.btn-primary,.btn-secondary){border-radius:2px;letter-spacing:.01em;text-transform:none;font-weight:500}
.pcx-unified :is(.btn,.btn-primary,.btn-secondary):focus-visible,.pcx-context a:focus-visible{outline:2px solid currentColor;outline-offset:5px}
.pcx-legacy-reading :is(.wrap-reading,.wrap-narrow){max-width:780px}
.pcx-legacy-reading .article-body{font-size:18px;line-height:1.85}
.pcx-legacy-reference main.wrap{max-width:1040px;margin-inline:auto;padding:0 40px 70px}
.pcx-legacy-reference main.wrap>.hero{margin:0 0 48px;padding-block:44px}
.pcx-legacy-reference main.wrap>section{margin-bottom:52px}
.pcx-legacy-reference :is(.hero-subtitle,.subtitle){max-width:62ch}
.pcx-legacy-reference :is(.dimension,.download,.framework){border-radius:2px}
.pcx-unified .pcx-source-note{max-width:960px;margin:32px auto;padding:0 24px;font:12px/1.8 Inter,sans-serif;color:inherit;opacity:.75}
/* The service pages share Pinecap's forest tones; all paired ink/surface tokens move together. */
body.pcx-legacy-green{--bg:#152e26;--surface:#203c31;--surface-2:#1a342b;--surface-up:#284638;--text:#f2efdf;--text-mid:#d9dfd1;--text-muted:#bdcabb;--text-dim:#a8b9a6;--accent:#c5ae78;--accent-light:#ddcc9c;--line:rgba(210,211,184,.24);--line-soft:rgba(210,211,184,.13);--line-strong:rgba(210,211,184,.36);background:var(--bg)}
.pcx-legacy-green .hero{background:none}
.pcx-legacy-green :is(.layer-card,.reader-group,.score-dial,.process-strip){border-radius:2px}
.pcx-legacy-form main{padding-block:48px 70px}
.pcx-legacy-form :is(input,textarea,select){border-radius:2px}
/* Old global footer/nav/p rules must not leak into the new shared landmark. */
body.pcx-unified .pcx-footer{display:block;margin:0;gap:0;max-width:none;width:100%;border:0;letter-spacing:normal;position:relative}
body.pcx-unified .pcx-footer a{margin:0;color:#e5e6dc;max-width:none}
body.pcx-unified .pcx-footer a:hover{color:#fff}
body.pcx-unified .pcx-footer p{max-width:none}
body.pcx-unified .pcx-footer nav{position:static;width:auto;max-width:none;margin:0;background:none;box-shadow:none;border-radius:0}
body.pcx-unified .pcx-footer .pcx-brand{color:#f0eddf}
body.pcx-unified .pcx-footer .pcx-footer-brand>p{font:14px/1.65 Inter,sans-serif;color:#b9c5bb}
@media(max-width:768px){
 .pcx-unified :is(.hero,.page-hero){padding-block:36px 42px}
 .pcx-unified .pcx-context{padding-top:22px}
 .pcx-legacy-reference main.wrap{padding-inline:24px;padding-bottom:46px}
 .pcx-legacy-reference main.wrap>.hero{padding-block:32px;margin-bottom:36px}
 .pcx-unified h1{font-size:clamp(39px,9.5vw,56px)}
 .pcx-legacy-form main{padding-block:32px 48px}
 .pcx-unified .pcx-source-note{margin-block:24px;font-size:11px}
}
@media(prefers-reduced-motion:reduce){.pcx-unified *{scroll-behavior:auto!important}}
@media print{.pcx-unified .pcx-context,.pcx-unified .pcx-footer{display:none}.pcx-unified main{padding-top:0}.pcx-unified :is(.hero,.page-hero){padding-block:20px}}
/* Reference prose uses one reading rhythm instead of alternating body fonts. */
.pcx-legacy-reference main :is(section>p,section>ul,section>ol,.faq dd){font:16px/1.8 Inter,system-ui,sans-serif;max-width:72ch}
.pcx-unified :is(.hero,.page-hero){min-height:0!important}
.pcx-legacy-reading .skrift-hero{padding-block:44px}
.pcx-legacy-reading .masthead{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:20px;margin-top:30px;padding-top:22px}
.pcx-legacy-reading .masthead-value{font-size:15px}
.pcx-legacy-reading .masthead-label{font-size:10px}
.pcx-legacy-library .hero-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 24px}
@media(max-width:768px){.pcx-legacy-reading .skrift-hero{padding-block:32px}.pcx-legacy-reading .masthead{gap:12px;margin-top:24px}.pcx-legacy-reading .masthead-value{font-size:13px}.pcx-legacy-reading .masthead-label{font-size:9px}}
.pcx-unified .skip-link{top:0;transform:translateY(-160%);z-index:2000}
.pcx-unified .skip-link:focus{top:12px;transform:none}