/* The shared Foundry skin. Material, typography, navigation and rhythm belong
   to the studio; release facts and each tool's identifying media stay separate. */

@font-face { font-family:"Archivo"; font-style:normal; font-weight:400 900; font-stretch:62% 125%; font-display:swap; src:url("/assets/fonts/archivo-latin.woff2") format("woff2"); unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD }
@font-face { font-family:"IBM Plex Mono"; font-style:normal; font-weight:400; font-display:swap; src:url("/assets/fonts/ibm-plex-mono-latin-400.woff2") format("woff2"); unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD }
@font-face { font-family:"IBM Plex Mono"; font-style:normal; font-weight:500; font-display:swap; src:url("/assets/fonts/ibm-plex-mono-latin-500.woff2") format("woff2"); unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD }
@font-face { font-family:"IBM Plex Mono"; font-style:normal; font-weight:600; font-display:swap; src:url("/assets/fonts/ibm-plex-mono-latin-600.woff2") format("woff2"); unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD }
@font-face { font-family:"IBM Plex Mono"; font-style:normal; font-weight:700; font-display:swap; src:url("/assets/fonts/ibm-plex-mono-latin-700.woff2") format("woff2"); unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD }

:root {
  --pf-black:#0b0f14; --pf-iron:#1c232b; --pf-paper:#f4f7f8;
  --pf-teal:#00d1b2; --pf-gold:#d6a84f; --pf-muted:#b5c0c5;
  --pf-rule:#ffffff29; --pf-paper-rule:#0b0f142e;
  --pf-mono:"IBM Plex Mono",ui-monospace,Consolas,"Liberation Mono",monospace;
  --pf-sans:"Archivo",system-ui,-apple-system,"Segoe UI",sans-serif;
  --pf-serif:var(--pf-sans);
  --pf-steel:url('/brand/PF_WELDED_STEEL_v1.webp');
  --pf-rail:min(1280px,calc(100% - 2 * clamp(16px, 3.2vw, 56px)));
}
html { scroll-padding-top:24px }
html:has(.pf-product-navigation) { scroll-padding-top:88px }
body:is(.studio,.pf-ledger-page) { font-family:var(--pf-sans); font-size:16px; line-height:1.65; -webkit-font-smoothing:antialiased }
body:is(.studio,.pf-ledger-page) :where(h1,h2,h3,p) { text-wrap:pretty }
body:is(.studio,.pf-ledger-page) :where(h1,h2) { text-wrap:balance }
body:is(.studio,.pf-ledger-page) :where(a,button,input,select,summary):focus-visible { outline:3px solid var(--teal,var(--pf-teal)); outline-offset:5px }
body:is(.studio,.pf-ledger-page) :where(textarea,[role="tabpanel"]):focus-visible { outline:3px solid var(--pf-teal); outline-offset:5px }
body:is(.studio,.pf-ledger-page) .skip-link { z-index:101; background:var(--pf-teal); color:var(--pf-black) }

/* One source partial and one shared visual system: every route gets the forged-steel header. */
body:is(.studio,.pf-ledger-page) .site-header {
  position:relative; z-index:40; color:#f4f7f8; backdrop-filter:none; -webkit-backdrop-filter:none;
  background:repeating-linear-gradient(0deg,rgba(255,255,255,.013) 0 1px,rgba(0,0,0,.035) 1px 2px,transparent 2px 3px),linear-gradient(180deg,#252d35,#191f25);
  box-shadow:0 0 0 1px #000,inset 1px 1px 0 rgba(255,255,255,.075),inset -1px -1px 0 rgba(0,0,0,.55),3px 5px 12px rgba(0,0,0,.45);
  border-bottom:1px solid #000;
  --text:var(--pf-paper); --muted:var(--pf-muted); --teal:var(--pf-teal);
}
body:is(.studio,.pf-ledger-page) .nav-row {
  width:var(--pf-rail); max-width:none; min-height:0; margin-inline:auto;
  padding:10px clamp(14px,2vw,30px); display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:0 24px;
  box-sizing:border-box;
}
body:is(.studio,.pf-ledger-page) .brand-lockup {
  display:flex; flex:0 1 auto; align-items:center; gap:14px; min-width:0; min-height:56px; color:#f4f7f8; text-decoration:none;
}
body:is(.studio,.pf-ledger-page) .brand-mark-picture { display:contents }
body:is(.studio,.pf-ledger-page) .brand-mark-picture > source { display:none }
body:is(.studio,.pf-ledger-page) .brand-mark {
  display:block; width:50px; height:auto; padding:0; object-fit:contain; filter:drop-shadow(0 1px 1px rgba(0,0,0,.4)); clip-path:none;
}
body:is(.studio,.pf-ledger-page) .brand-name {
  display:flex; flex-direction:column; gap:6px; font:800 clamp(17px,1.3vw,22px)/1 var(--pf-sans);
  font-stretch:86%; letter-spacing:.06em; text-transform:uppercase; white-space:normal; color:#eef2f4;
  text-shadow:0 1px 0 #535c64,1px 3px 3px rgba(0,0,0,.45);
}
body:is(.studio,.pf-ledger-page) .brand-name small {
  display:block; margin:0; font:500 11.5px/1 var(--pf-mono); letter-spacing:.2em; color:#9fadb4; text-shadow:none;
}
body:is(.studio,.pf-ledger-page) .nav-panel {
  position:static; display:flex; align-items:center; gap:clamp(14px,2.4vw,40px); flex:0 1 auto; margin-left:auto; padding:0; border:0; background:transparent;
}
body:is(.studio,.pf-ledger-page) .top-nav {
  display:flex; align-items:center; gap:clamp(14px,2.4vw,40px); margin:0;
}
body:is(.studio,.pf-ledger-page) .top-nav a {
  position:relative; display:flex; align-items:center; min-height:44px; padding:0; border:0;
  font:600 15.5px/1 var(--pf-sans); font-stretch:84%; letter-spacing:.07em; text-transform:uppercase;
  white-space:nowrap; color:#f4f7f8; text-decoration:none; text-shadow:0 -1px 0 rgba(0,0,0,.9);
}
body:is(.studio,.pf-ledger-page) .top-nav a::after {
  content:""; position:absolute; left:0; right:0; bottom:8px; height:2px;
  background:var(--pf-teal); transform:scaleX(0); transform-origin:left; transition:transform .18s ease;
}
body:is(.studio,.pf-ledger-page) .top-nav a:hover { color:#fff }
body:is(.studio,.pf-ledger-page) .top-nav a:is(:hover,[aria-current="page"])::after { transform:scaleX(1) }
body:is(.studio,.pf-ledger-page) .site-header .nav-panel .nav-cta {
  display:inline-flex; align-items:center; justify-content:center; min-height:42px; padding:0 18px;
  border-radius:3px; border:1px solid #05070a; color:#f4f7f8;
  font:700 15.5px/1 var(--pf-sans); font-stretch:84%; letter-spacing:.11em; text-transform:uppercase;
  background:linear-gradient(180deg,#3a444e,#262e36);
  box-shadow:inset 1px 1px 0 rgba(255,255,255,.15),inset -1px -1px 0 rgba(0,0,0,.5),0 0 0 3px #0f1419,0 0 0 4px rgba(255,255,255,.05);
  transform:none; transition:border-color .15s,transform .12s;
}
body:is(.studio,.pf-ledger-page) .site-header .nav-panel .nav-cta:hover,
body:is(.studio,.pf-ledger-page) .site-header .nav-panel .nav-cta:is([aria-current="page"]) {
  border-color:var(--pf-teal); background:linear-gradient(180deg,#3a444e,#262e36); color:#fff;
}
body:is(.studio,.pf-ledger-page) .nav-toggle {
  display:none; flex-direction:column; align-items:center; justify-content:center; gap:5px;
  width:52px; height:44px; padding:0; border-radius:3px; border:1px solid #05070a; cursor:pointer;
  color:#f4f7f8; background:linear-gradient(180deg,#38424c,#262e36);
  box-shadow:inset 1px 1px 0 rgba(255,255,255,.15),inset -1px -1px 0 rgba(0,0,0,.5),0 0 0 3px #0f1419;
}
body:is(.studio,.pf-ledger-page) .nav-toggle-bar {
  display:block; width:22px; height:2px; margin:0; background:currentColor;
}
@media (max-width:900px) {
  body:is(.studio,.pf-ledger-page) .site-header .nav-toggle { display:inline-flex; }
  body:is(.studio,.pf-ledger-page) .site-header .nav-panel {
    position:static; display:none; flex:1 1 100%; flex-direction:column; align-items:stretch; gap:0;
    margin:8px calc(clamp(14px,2vw,30px) * -1) -10px; padding:0; border:0;
    border-top:1px solid #05070a; box-shadow:inset 0 1px 0 rgba(255,255,255,.05); background:transparent;
  }
  body:is(.studio,.pf-ledger-page) .site-header.nav-open .nav-panel { display:flex; }
  body:is(.studio,.pf-ledger-page) .site-header .top-nav { flex-direction:column; align-items:stretch; gap:0; }
  body:is(.studio,.pf-ledger-page) .site-header .top-nav a {
    min-height:52px; padding:0 22px; border-bottom:1px solid #05070a; box-shadow:0 1px 0 rgba(255,255,255,.04); font-size:16px;
  }
  body:is(.studio,.pf-ledger-page) .site-header .top-nav a::after { display:none; }
  body:is(.studio,.pf-ledger-page) .site-header .nav-panel .nav-cta {
    align-self:stretch; width:auto; margin:12px 22px 14px; justify-content:center;
  }
}
@media (max-width:640px) {
  body:is(.studio,.pf-ledger-page) .site-header .brand-name small { font-size:10.5px; letter-spacing:.14em; }
}
@media (max-width:480px) {
  body:is(.studio,.pf-ledger-page) .site-header .nav-row { gap:0 10px; padding:8px 12px; }
  body:is(.studio,.pf-ledger-page) .site-header .brand-lockup { gap:10px; min-height:52px; }
  body:is(.studio,.pf-ledger-page) .site-header .brand-mark { width:38px; height:auto; }
  body:is(.studio,.pf-ledger-page) .site-header .brand-name { font-size:15px; letter-spacing:.04em; }
  body:is(.studio,.pf-ledger-page) .site-header .brand-name small { display:none; }
  body:is(.studio,.pf-ledger-page) .site-header .nav-panel { margin:8px -12px -8px; }
}

/* Standardized content rail across all page families. */
.store-shell,
.product-shell,
.h9-software-wrap,
.standard-grid,
body.studio.secondary-page :is(.support-hero, .tf-hero, .proof-hero),
body.studio.product-support .support-hero {
  width: var(--pf-rail);
  max-width: none;
  margin-inline: auto;
  box-sizing: border-box;
}

/* Real, quiet material at the studio threshold. The seam stays peripheral;
   opaque reading surfaces keep texture out of factual records and controls. */
.pf-ledger-page .ledger-hero,
.studio .h9-software-hero,
body.studio.pp-system .pp-module-hero[data-scene-family],
.studio.product-support .support-hero {
  background-color:var(--pf-black);
  background-image:linear-gradient(90deg,#0b0f14ed 0%,#0b0f14c9 54%,#0b0f14b8 100%),var(--pf-steel);
  background-size:cover; background-position:center; background-repeat:no-repeat;
}
.ledger-hero-grid { grid-template-columns:minmax(0,6.6fr) minmax(0,4.5fr) .8fr; min-height:650px; padding-block:64px 72px; gap:34px }
.ledger-hero h1 { font-size:clamp(60px,6.3vw,92px); line-height:.98; letter-spacing:-.055em; margin-block:24px }
.ledger-hero-subtitle { font-size:clamp(22px,2vw,29px); line-height:1.4; max-width:24ch }
.ledger-hero-description { max-width:44ch; line-height:1.75; color:#c4ced2 }
.ledger-hero .ledger-actions { margin-top:30px; gap:16px 26px }
.ledger-hero-note { margin-top:27px }
.ledger-margin { border-left:1px solid #ffffff1c; padding-left:22px }
.ledger-plate-scene { padding-right:5px }
.ledger-plate { max-width:420px; transform:rotate(-3deg) rotateY(calc(-5deg + var(--pf-tilt-y,0deg))) rotateX(var(--pf-tilt-x,0deg)); transition:transform 180ms ease-out; box-shadow:inset 1px 1px 0 #e8ede89c,inset 0 0 0 5px #2530333b,inset 0 0 25px #11191d3d,16px 27px 30px #0009,3px 4px 2px #0009 }
.ledger-chain { padding-block:28px 32px; background:#10151a }
.ledger-chain ol { margin-top:23px }
.ledger-chain-icon { background:#161d22; border-color:#d6a84f80 }
.ledger-chain li:not(:last-child)::after { content:""; top:25px; right:-16px; width:9px; height:9px; border-top:1px solid #aebbbc; border-right:1px solid #aebbbc; transform:rotate(45deg) }
.ledger-doctrine-grid { padding-block:66px; gap:46px }
.ledger-doctrine h2 { margin-block:15px 20px }
.ledger-doctrine-copy { font-size:16px; line-height:1.75; max-width:51ch }
.ledger-doctrine .ledger-link { margin-top:16px }
.ledger-seal { width:190px; height:190px }
.ledger-featured,.ledger-specimen,.ledger-index,.ledger-position { padding-block:60px 68px }
.ledger-section-label { margin-bottom:30px }
.ledger-featured-grid { gap:24px }
.pf-preview-picture { display:contents }
.ledger-instrument { display:flex; flex-direction:column; gap:0; padding:0; background:#12191e; border-color:#ffffff26; transition:border-color 160ms ease,transform 160ms ease; position:relative }
.ledger-instrument:hover,.ledger-instrument:focus-within { border-color:#00d1b27a; transform:translateY(-3px) }
.ledger-feature-media { display:block; aspect-ratio:1.75; overflow:hidden; border-bottom:1px solid #ffffff26; background:#171e23; padding:18px 18px 0 }
.ledger-feature-media img { display:block; width:100%; height:100%; object-fit:cover; object-position:top; border:1px solid #ffffff1c; border-bottom:0 }
.ledger-instrument-body { padding:25px 24px 24px; display:grid; grid-template-columns:38px minmax(0,1fr); gap:15px }
.ledger-instrument .ledger-product-mark { width:35px; height:35px }
.ledger-instrument h3 { font-size:18px; letter-spacing:.025em }
.ledger-instrument .ledger-job { line-height:1.65; min-height:3.3em }
.ledger-instrument-meta { margin-top:18px; grid-template-columns:minmax(0,1fr) auto; gap:10px }
.ledger-instrument .ledger-link { gap:8px; font-size:12px }
.ledger-preview-note { margin:18px 0 0; font-size:12px; line-height:1.7; color:var(--pf-muted); max-width:82ch }
.ledger-specimen-grid { gap:70px; grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) }
.ledger-record { background:#12191e; border:1px solid #ffffff29; border-left:2px solid var(--pf-gold); padding:30px; box-shadow:9px 9px 0 #0003 }
.ledger-record dl { line-height:1.7; gap:12px 18px }
.ledger-specimen-copy h2 { font-size:clamp(32px,3vw,44px); max-width:16ch }
.ledger-specimen-copy p { font-size:16px; line-height:1.75; max-width:43ch }
.ledger-index-grid { gap:50px }
.ledger-index th,.ledger-index td { padding-block:21px }
.ledger-index tbody tr:hover { background:#0b0f1405 }
.ledger-index-name { gap:15px }
.ledger-position-head { font-size:clamp(32px,3.4vw,48px); max-width:25ch; margin-bottom:40px }
.ledger-principles { gap:35px }
.ledger-principles h3 { margin-bottom:14px }
.ledger-principles p { line-height:1.75 }
.ledger-close { padding-block:46px; background:#141b20 }
.ledger-close h2 { font-size:clamp(32px,4vw,53px) }

/* Catalog = a working instrument panel, with generous authentic previews. */
.studio .h9-software-hero { min-height:380px; padding-block:68px }
.studio .h9-software-hero-image { width:252px; height:302px; top:38px; bottom:auto }
.studio .h9-software-hero h1 { font-size:clamp(52px,5.8vw,82px); letter-spacing:-.055em; margin-block:20px }
.studio .h9-software-hero p:last-child { line-height:1.75 }
.studio .h9-software-body { padding-block:52px 70px }
.studio .h9-catalog-heading { gap:60px; margin-bottom:28px }
.studio .h9-catalog-heading h2 { font-size:29px }
.studio .product-finder { padding-block:27px; border-color:var(--pf-rule) }
.studio .h9-search-field,.studio .finder-platform select { min-height:52px }
.studio.software-catalog-page .products-grid { gap:28px }
.studio.software-catalog-page .product-card[data-scene-family] { background:#12191e; border-color:#ffffff26; border-top-color:var(--product-accent); box-shadow:0 12px 28px #0002 }
.studio.software-catalog-page .card-body { padding:28px }
.studio.software-catalog-page .card-name { font-size:23px }
.studio.software-catalog-page .catalog-image-link { margin-inline:22px }

/* Product pages retain their own screenshot, silhouette and truthful action. */
body.studio.pp-system .product-shell>.pp-module-hero { margin-top:22px; padding-block:40px 70px }
body.studio.pp-system .pp-module-hero .pp-hero-layout { min-height:540px; gap:62px }
body.studio.pp-system .product-copy h1 { font-size:clamp(46px,5.3vw,76px); line-height:1.04 }
body.studio.pp-system .product-lede { font-size:18px; line-height:1.8; max-width:53ch }
body.studio.pp-system .product-identity { margin-bottom:35px }
body.studio.pp-system .pp-panel { border-color:var(--pf-rule) }
body.studio.pp-system .pp-section { padding-block:65px }
body.studio.pp-system .pp-section-head h2 { font-size:clamp(32px,3.5vw,48px) }
body.studio.pp-system .studio-threshold { background:#141b20 }

/* Paper documents are precision-cut sheets, not a second branding system. */
.studio.secondary-page :is(.support-hero,.tf-hero,.proof-hero),
.studio.tf-page .tf-product-head { position:relative; isolation:isolate; padding-block:64px 45px }
.studio.secondary-page :is(.support-hero,.tf-hero,.proof-hero)::before,
.studio.tf-page .tf-product-head::before { content:""; position:absolute; z-index:-1; pointer-events:none; right:0; top:28px; width:230px; height:230px; background:url('/brand/PF_RECEIPT_WATERMARK.svg') center/contain no-repeat; opacity:.065; transform:rotate(-9deg) }
.studio.secondary-page :is(.support-hero h1,.tf-hero h1,.proof-hero h1) { font-size:clamp(44px,5.3vw,76px); line-height:1.07; letter-spacing:-.055em; max-width:18ch }
.studio.secondary-page :is(.support-section,.tf-section,.proof-section) { margin-block:48px }
.studio.secondary-page .section-heading h2 { font-size:clamp(32px,3.3vw,47px) }
.studio.secondary-page :is(.about-grid,.about-nav-grid,.standard-grid,.support-grid) { gap:22px }
.studio.secondary-page :is(.about-card,.about-nav-card,.standard-card,.standard-doctrine-card,.standard-boundary-card,.standard-route-card,.tf-card,.detail-card) { padding:28px; background:#ffffff55; box-shadow:0 3px 0 #0b0f1405 }
.studio.secondary-page :is(.about-card,.about-nav-card,.tf-card,.detail-card) h3 { font:700 24px/1.25 var(--pf-sans); letter-spacing:-.02em }
.studio.secondary-page :is(.detail-card,.about-nav-card,.tf-card) p { line-height:1.75 }
.studio.secondary-page .about-intro-box { padding:28px 38px; background:#ffffff55; border-left:2px solid var(--teal); max-width:920px }
.studio.secondary-page .receipt-card { padding-block:34px }
.studio.secondary-page .receipt-card h3 { font:700 26px/1.25 var(--pf-sans) }
body.studio.tf-page .tf-product-head h1 { font-family:var(--pf-sans); font-weight:800; font-size:clamp(42px,5vw,68px); max-width:18ch }
body.studio.tf-page .tf-product-summary { max-width:72ch; line-height:1.8 }
/* A record has one masthead and one stamp; do not stack the general document
   hero spacing and watermark with the product-record header inside it. */
body.studio.tf-page .tf-hero { padding-block:30px 0 }
body.studio.tf-page .tf-hero::before { display:none }
body.studio.tf-page .tf-product-head { padding-block:18px 24px }
body.studio.tf-page .tf-product-head::before { width:190px; height:190px; top:0 }
body.studio.tf-page .tf-fact { padding:22px; border-top:2px solid #0b0f1440 }
body.studio.tf-page .tf-fact dd { font:500 20px/1.4 var(--pf-mono); overflow-wrap:anywhere }
body.studio.tf-page :is(.tf-verify-list li,.tf-limit-list li,.tf-record-list li) { padding:20px; line-height:1.75 }
body.studio.tf-page .tf-section>h2 { padding-bottom:12px; border-bottom:1px solid var(--line) }
.studio.product-support .support-hero { padding:60px 36px; border:1px solid var(--pf-rule) }
.studio.product-support :is(.detail-card,.support-content-box) { padding:28px; background:#141b20 }
.studio.product-support .detail-card h3 { font:700 24px/1.3 var(--pf-sans) }

/* The shared colophon is the same on Home, product and record pages. */
body:is(.studio,.pf-ledger-page) .site-footer {
  background-image:linear-gradient(#0b0f14e6,#0b0f14f5),var(--pf-steel);
  background-size:cover; background-position:center; background-color:var(--pf-black);
  --text:var(--pf-paper); --muted:var(--pf-muted); --teal:var(--pf-teal); --line:var(--pf-rule);
  color:var(--pf-paper); padding:58px 0 0; border-top:1px solid var(--pf-rule); color-scheme:dark;
}
body:is(.studio,.pf-ledger-page) .footer-grid { display:grid; grid-template-columns:1.6fr 1fr 1fr; gap:65px; padding:0 0 45px; width:var(--pf-rail); max-width:none; margin-inline:auto }
body:is(.studio,.pf-ledger-page) .footer-brand-lockup { display:inline-flex; align-items:center; gap:12px; min-height:44px; font:800 16px/1 var(--pf-sans); letter-spacing:.06em; color:var(--pf-paper); text-decoration:none; text-transform:uppercase }
body:is(.studio,.pf-ledger-page) .footer-logo { width:44px; height:44px; padding:0; object-fit:contain; filter:drop-shadow(0 1px 1px rgba(0,0,0,.4)); clip-path:none }
body:is(.studio,.pf-ledger-page) .footer-brand p { font:800 20px/1.25 var(--pf-sans); font-stretch:88%; color:var(--pf-paper); margin-top:18px; text-transform:uppercase; letter-spacing:-.01em }
body:is(.studio,.pf-ledger-page) .footer-brand .footer-maker-note { font:500 12px/1.8 var(--pf-mono); letter-spacing:.14em; color:var(--pf-muted); max-width:28ch; text-transform:uppercase; margin-top:14px }
body:is(.studio,.pf-ledger-page) .site-footer h2 { font:600 12.5px/1.4 var(--pf-mono); letter-spacing:.18em; color:var(--pf-muted); text-transform:uppercase; margin-bottom:18px }
body:is(.studio,.pf-ledger-page) .site-footer ul { list-style:none; padding:0; margin:0 }
body:is(.studio,.pf-ledger-page) .site-footer li { margin:0 }
body:is(.studio,.pf-ledger-page) .site-footer li a { display:inline-flex; align-items:center; min-height:36px; padding:0; font:500 15px/1.3 var(--pf-sans); color:#d7dfe2; text-decoration:none }
body:is(.studio,.pf-ledger-page) .site-footer a:hover { color:var(--pf-teal); text-decoration:underline; text-underline-offset:5px }
body:is(.studio,.pf-ledger-page) .footer-bottom { width:var(--pf-rail); max-width:none; margin-inline:auto; padding:22px 0; border-top:1px solid var(--pf-rule); display:flex; align-items:center; justify-content:space-between; gap:20px }
body:is(.studio,.pf-ledger-page) .footer-bottom p { color:var(--pf-muted); font:11px/1.7 var(--pf-mono); margin:0 }
.footer-registration { display:flex; align-items:center; gap:9px }
.footer-registration i { display:block; width:5px; height:12px; background:var(--pf-gold) }
.footer-registration i:nth-child(2) { height:18px }

/* Shared motion language: feedback on action, calm records, no idle loops. */
body:is(.studio,.pf-ledger-page) .motion-toggle { min-height:44px; padding:9px 13px; border:1px solid var(--pf-rule); border-radius:2px; background:transparent; color:var(--pf-paper); font:11px/1.4 var(--pf-mono)!important; letter-spacing:.04em; white-space:nowrap; cursor:pointer }
body:is(.studio,.pf-ledger-page) .motion-toggle::before { content:""; display:inline-block; width:6px; height:6px; border-radius:50%; background:var(--pf-teal); margin-right:9px }
body:is(.studio,.pf-ledger-page) .motion-toggle[aria-pressed="false"]::before { background:var(--pf-muted) }
body:is(.studio,.pf-ledger-page) .motion-toggle:disabled { cursor:default; color:var(--pf-muted) }
body:is(.studio,.pf-ledger-page) .footer-bottom { flex-wrap:wrap }
.pf-reading-progress { position:fixed; z-index:60; pointer-events:none; inset:0 0 auto; height:2px; background:var(--pf-teal); transform:scaleX(0); transform-origin:left }
.pf-reading-progress[hidden] { display:none }
html[data-motion="on"] body:is(.studio,.pf-ledger-page) :is(.ledger-link,.button-primary,.button-secondary,.nav-cta,.motion-toggle,.gallery-launch) { transition:color 160ms ease,background-color 160ms ease,border-color 160ms ease }
html[data-motion="on"] :is(.ledger-arrow,.ui-arrow) { transition:transform 180ms ease }
html[data-motion="on"] a:is(:hover,:focus-visible) :is(.ledger-arrow,.ui-arrow) { transform:translateX(3px) }
html[data-motion="on"] :is(.ledger-instrument,.about-nav-card,.tf-card):focus-within { transform:none; transition:none }
@media(hover:hover) and (pointer:fine) {
  html[data-motion="on"] .studio.secondary-page :is(.about-nav-card,.tf-card) { transition:transform 180ms ease,border-color 180ms ease }
  html[data-motion="on"] .studio.secondary-page :is(.about-nav-card,.tf-card):hover { transform:translateY(-2px) }
}
@keyframes pf-nav-arrival { from { opacity:.9; transform:translateY(-6px) } to { opacity:1; transform:translateY(0) } }
@media(max-width:900px) {
  html[data-motion="on"] .nav-open .nav-panel { animation:pf-nav-arrival 180ms ease-out }
  body:is(.studio,.pf-ledger-page) .footer-bottom .motion-toggle { margin-left:auto }
}
html[data-motion="off"] *,html[data-motion="off"] *::before,html[data-motion="off"] *::after { animation:none!important; transition:none!important; scroll-behavior:auto!important }
html[data-motion="off"] :is(.ledger-instrument,.about-nav-card,.tf-card):is(:hover,:focus-within) { transform:none }

@media(max-width:1200px) {
  :root { --pf-rail:calc(100% - 64px) }
  body:is(.studio,.pf-ledger-page) .nav-row { gap:24px }
  body:is(.studio,.pf-ledger-page) .nav-panel { gap:24px }
  body:is(.studio,.pf-ledger-page) .top-nav { gap:22px }
  .ledger-hero-grid { gap:24px; min-height:590px }
  .ledger-margin { display:none }
  .ledger-hero-grid { grid-template-columns:1.3fr 1fr }
  .ledger-instrument-body { padding:22px 18px; grid-template-columns:30px minmax(0,1fr); gap:12px }
  .ledger-instrument .ledger-product-mark { width:28px; height:28px }
  .ledger-instrument-meta { grid-template-columns:1fr }
  .studio .h9-software-hero-image { right:32px; width:220px }
}
@media(max-width:900px) {
  body:is(.studio,.pf-ledger-page) .nav-row { min-height:80px; gap:15px }
  body:is(.studio,.pf-ledger-page) .nav-toggle { display:flex }
  body:is(.studio,.pf-ledger-page) .nav-panel { display:none; position:absolute; inset:100% 0 auto; margin:0; padding:18px 32px 24px; background:var(--pf-black); border-bottom:1px solid var(--pf-rule); flex-direction:column; align-items:stretch; gap:12px }
  body:is(.studio,.pf-ledger-page) .site-header.nav-open .nav-panel { display:flex }
  body:is(.studio,.pf-ledger-page) .nav-panel .top-nav { flex-direction:column; align-items:stretch; gap:0; width:100% }
  body:is(.studio,.pf-ledger-page) .nav-panel .top-nav a { padding:14px 0; font-size:15px; border-bottom:1px solid var(--pf-rule); min-height:48px }
  body:is(.studio,.pf-ledger-page) .nav-panel .nav-cta { width:100%; margin-top:8px }
  .ledger-hero-grid { min-height:0; padding-block:52px; gap:24px }
  .ledger-hero h1 { font-size:clamp(48px,6.9vw,62px) }
  .ledger-hero-subtitle { font-size:23px }
  .ledger-featured-grid { gap:16px }
  .ledger-instrument-body { display:block }
  .ledger-instrument .ledger-product-mark { margin-bottom:15px }
  .ledger-instrument h3 { font-size:16px }
  .ledger-specimen-grid { gap:35px }
  .studio .h9-software-hero-image { width:240px; opacity:.12; right:-30px }
  .studio.secondary-page :is(.support-hero,.tf-hero,.proof-hero)::before { width:180px; height:180px }
  body:is(.studio,.pf-ledger-page) .footer-grid { gap:38px }
}
@media(max-width:640px) {
  :root { --pf-rail:calc(100% - 40px) }
  body:is(.studio,.pf-ledger-page) .nav-row { min-height:76px }
  body:is(.studio,.pf-ledger-page) .brand-mark { width:46px; height:48px; padding:4px }
  body:is(.studio,.pf-ledger-page) .brand-lockup { gap:10px }
  body:is(.studio,.pf-ledger-page) .brand-name { font-size:10px; letter-spacing:.09em }
  body:is(.studio,.pf-ledger-page) .brand-name small { font-size:9px; letter-spacing:.025em }
  body:is(.studio,.pf-ledger-page) .nav-panel { padding-inline:20px }
  .ledger-hero-grid { display:flex; flex-direction:column; align-items:stretch; gap:36px; padding-block:38px 44px }
  .ledger-hero h1 { font-size:clamp(43px,11.7vw,63px); margin-block:18px }
  .ledger-hero-subtitle { font-size:23px; max-width:23ch }
  .ledger-hero-description { font-size:15px; line-height:1.75 }
  .ledger-hero-detail { margin-top:20px }
  .ledger-hero .ledger-actions { gap:12px; margin-top:23px }
  .ledger-hero .ledger-button { width:100%; min-height:52px }
  .ledger-hero .ledger-link { font-size:13px }
  .ledger-hero-note { margin-top:20px; font-size:9px }
  .ledger-plate-scene { width:86%; max-width:360px; margin-inline:auto; padding:0 }
  .ledger-plate { width:100%; aspect-ratio:.94 }
  .ledger-chain { padding-block:29px }
  .ledger-chain li { padding-bottom:20px }
  .ledger-chain li:not(:last-child)::after { transform:none; border:0; left:21px; top:43px; bottom:0; width:1px; height:auto; background:#d6a84f70 }
  .ledger-doctrine-grid { padding-block:42px; gap:24px }
  .ledger-doctrine h2 { font-size:clamp(38px,10.5vw,51px) }
  .ledger-doctrine-copy { font-size:15px }
  .ledger-featured,.ledger-specimen,.ledger-index,.ledger-position { padding-block:40px 45px }
  .ledger-section-label { font-size:10px; gap:15px; margin-bottom:25px }
  .ledger-featured-grid { grid-template-columns:1fr; gap:24px }
  .ledger-feature-media { aspect-ratio:1.85; padding:17px 17px 0 }
  .ledger-instrument-body { display:grid; grid-template-columns:34px minmax(0,1fr); gap:14px; padding:22px }
  .ledger-instrument .ledger-product-mark { width:32px; height:32px; margin:0 }
  .ledger-instrument h3 { font-size:19px }
  .ledger-instrument .ledger-job { min-height:0; font-size:14px }
  .ledger-instrument-meta { grid-template-columns:minmax(0,1fr) auto; margin-top:15px }
  .ledger-record { padding:22px }
  .ledger-record dl { gap:4px }
  .ledger-record dd { font-size:12px }
  .ledger-specimen-grid { gap:36px }
  .ledger-specimen-copy h2 { font-size:35px }
  .ledger-specimen-copy p { font-size:15px }
  .ledger-index th,.ledger-index td { padding-block:0 }
  .ledger-index tr { padding-block:18px }
  .ledger-principles article+article { padding-top:24px }
  .ledger-position-head { font-size:34px }
  .ledger-principles p { font-size:14px }
  .ledger-close { padding-block:36px }
  .studio .h9-software-hero { min-height:300px; padding-block:40px }
  .studio .h9-software-hero h1 { font-size:54px }
  .studio .h9-software-body { padding-block:35px 45px }
  .studio .h9-catalog-heading h2 { font-size:28px }
  .studio.software-catalog-page .card-body { padding:24px 20px }
  .studio.software-catalog-page .catalog-image-link { margin-inline:18px }
  body.studio.pp-system .product-shell>.pp-module-hero { padding-block:28px 40px }
  body.studio.pp-system .pp-module-hero .pp-hero-layout { min-height:0; gap:30px }
  body.studio.pp-system .product-copy h1 { font-size:clamp(40px,11vw,57px) }
  body.studio.pp-system .product-lede { font-size:16px; line-height:1.75 }
  body.studio.pp-system .pp-section { padding-block:40px }
  .studio.secondary-page :is(.support-hero,.tf-hero,.proof-hero),.studio.tf-page .tf-product-head { padding-block:39px 30px }
  .studio.secondary-page :is(.support-hero h1,.tf-hero h1,.proof-hero h1),body.studio.tf-page .tf-product-head h1 { font-size:clamp(40px,10.8vw,58px) }
  .studio.secondary-page :is(.support-hero,.tf-hero,.proof-hero)::before,.studio.tf-page .tf-product-head::before { width:150px; height:150px; opacity:.05 }
  .studio.secondary-page :is(.about-card,.about-nav-card,.standard-card,.standard-doctrine-card,.standard-boundary-card,.standard-route-card,.tf-card,.detail-card) { padding:23px }
  .studio.secondary-page .about-intro-box { padding:23px }
  .studio.product-support .support-hero { padding:30px 22px }
  .studio.product-support :is(.detail-card,.support-content-box) { padding:23px }
  body.studio.tf-page .tf-fact { padding:18px }
  body.studio.tf-page .tf-fact dd { font-size:18px }
  body:is(.studio,.pf-ledger-page) .site-footer { padding-top:40px }
  body:is(.studio,.pf-ledger-page) .footer-grid { grid-template-columns:1fr 1fr; gap:32px 26px; padding-bottom:32px }
  body:is(.studio,.pf-ledger-page) .footer-brand { grid-column:1/-1 }
  body:is(.studio,.pf-ledger-page) .footer-brand p { font-size:26px; margin-top:19px }
  body:is(.studio,.pf-ledger-page) .site-footer li a { padding-block:11px; min-height:44px; font-size:12px }
  body:is(.studio,.pf-ledger-page) .footer-bottom { gap:15px }
  body:is(.studio,.pf-ledger-page) .footer-bottom p { font-size:10px }
}
@media(prefers-reduced-motion:reduce) {
  body:is(.studio,.pf-ledger-page) *,body:is(.studio,.pf-ledger-page) *::before,body:is(.studio,.pf-ledger-page) *::after { animation:none!important; transition:none!important; scroll-behavior:auto!important }
  .ledger-instrument:hover,.ledger-instrument:focus-within { transform:none }
}
@media(forced-colors:active) {
  body:is(.studio,.pf-ledger-page) { --pf-black:Canvas; --pf-iron:Canvas; --pf-paper:CanvasText; --pf-rule:CanvasText; --pf-teal:LinkText; --pf-muted:CanvasText; --pf-gold:CanvasText; --pf-steel:none }
  body:is(.studio,.pf-ledger-page) :is(.site-header,.site-footer,.nav-panel,.ledger-hero,.h9-software-hero,.pp-module-hero,.support-hero,.ledger-chain,.ledger-close,.ledger-instrument,.ledger-record,.ledger-paper,.ledger-feature-media,.tf-fact,.tf-verify-list li,.tf-limit-list li,.tf-record-list li,.tf-machine,.tf-product-summary) { background:Canvas; color:CanvasText; border-color:CanvasText; box-shadow:none }
  body:is(.studio,.pf-ledger-page) :is(.site-header,.site-footer) { background-image:none }
  body:is(.studio,.pf-ledger-page) :is(.brand-name,.brand-name small,.footer-brand-lockup,.footer-brand p,.footer-maker-note,.footer-bottom p,.site-footer h2) { color:CanvasText }
  body:is(.studio,.pf-ledger-page) :is(.top-nav a,.site-footer li a,.site-header .nav-cta) { color:LinkText }
  body:is(.studio,.pf-ledger-page) .site-header .nav-panel .nav-cta { border:1px solid ButtonText; background:ButtonFace; color:ButtonText }
  .studio.secondary-page :is(.support-hero,.tf-hero,.proof-hero)::before,.studio.tf-page .tf-product-head::before,.footer-registration { display:none }
  .ledger-instrument:hover,.ledger-instrument:focus-within { transform:none }
}

/* A real interface workbench. Static panels are the fallback; tabs are a
   keyboard enhancement, without autoplay, synthetic captures or new facts. */
.pf-workbench { padding-block:70px 60px; border-bottom:1px solid var(--pf-rule); background:var(--pf-black); color:var(--pf-paper) }
.pf-ledger-page .ledger-featured { padding-top:0 }
.ledger-featured>.pf-workbench { border-bottom:0; padding-bottom:36px }
.pf-workbench-heading { display:flex; align-items:end; justify-content:space-between; gap:48px; margin-bottom:30px }
.pf-workbench-heading .ledger-label { color:var(--pf-teal); margin:0 0 12px }
.pf-workbench-heading h2 { font:700 clamp(32px,3.2vw,46px)/1.15 var(--pf-sans); letter-spacing:-.03em; margin:0 }
.pf-workbench-heading>p { max-width:37ch; color:var(--pf-muted); font-size:14px; line-height:1.75; margin:0 }
.pf-workbench-tabs { display:flex; border:1px solid var(--pf-rule); border-bottom:0; overflow-x:auto; scrollbar-width:thin; scrollbar-color:#63727c var(--pf-black) }
.pf-workbench-tabs[hidden],.pf-workbench-panel[hidden] { display:none }
.pf-workbench-tabs button { flex:1 0 auto; min-height:52px; padding:12px 17px; border:0; border-right:1px solid var(--pf-rule); border-bottom:3px solid transparent; border-radius:0; background:transparent; color:var(--pf-muted); font:12px/1.5 var(--pf-mono); cursor:pointer }
.pf-workbench-tabs button:last-child { border-right:0 }
.pf-workbench-tabs button:hover { color:var(--pf-paper); background:#ffffff07 }
.pf-workbench-tabs button[aria-selected="true"] { color:var(--pf-teal); background:#00d1b20b; border-bottom-color:var(--pf-teal) }
.pf-workbench-tabs button:focus-visible { outline-offset:-5px!important }
.pf-workbench-panel { display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); border:1px solid var(--pf-rule); padding:38px; gap:44px; align-items:center; background:linear-gradient(130deg,#ffffff04,transparent 60%) }
.pf-workbench-panel+.pf-workbench-panel:not([hidden]) { margin-top:24px }
.pf-workbench:has([role="tablist"]) .pf-workbench-panel { margin-top:0; min-height:488px }
.pf-workbench-identity { display:flex; gap:14px; align-items:center; margin-bottom:24px }
.pf-workbench-identity .ledger-product-mark { width:32px; height:32px }
.pf-workbench-identity .ledger-label { font-size:11px; color:var(--pf-muted); margin:0 }
.pf-workbench-copy h3 { font:700 clamp(26px,2.5vw,35px)/1.2 var(--pf-sans); letter-spacing:-.02em; margin:0 0 17px; max-width:20ch }
.pf-workbench-summary { color:var(--pf-muted); font-size:14px; line-height:1.75; margin:0 0 24px; max-width:45ch }
.pf-workbench-facts { display:grid; grid-template-columns:100px minmax(0,1fr); gap:8px 14px; margin:0; font:11px/1.7 var(--pf-mono) }
.pf-workbench-facts dt { color:var(--pf-muted) }
.pf-workbench-facts dd { margin:0; overflow-wrap:anywhere }
.pf-workbench-note { color:var(--pf-muted); font-size:12px; line-height:1.7; min-height:21px; margin:14px 0 24px }
.pf-workbench-copy .ledger-actions { gap:18px }
.pf-workbench-copy .ledger-link { font-size:12px }
.pf-workbench-media { margin:0; min-width:0 }
.pf-workbench-media>a { display:flex; align-items:center; justify-content:center; position:relative; min-height:310px; height:310px; padding:14px; background:#171e25; border:1px solid var(--pf-rule); text-decoration:none; border-radius:0 }
.pf-workbench-media .pf-preview-picture { display:flex; width:100%; height:100%; align-items:center; justify-content:center }
.pf-workbench-media [data-workbench-preview][hidden] { display:none!important }
.pf-workbench-media noscript { width:100%; height:100%; min-width:0 }
.pf-workbench-media img { display:block; width:auto; height:auto; max-width:100%; max-height:100%; object-fit:contain; border-radius:3px }
.pf-workbench-inspect { position:absolute; right:10px; bottom:10px; background:var(--pf-black); border:1px solid var(--pf-rule); padding:7px 10px; color:var(--pf-paper); font:10px/1.5 var(--pf-mono) }
.pf-workbench-inspect .ledger-arrow { width:13px; height:13px; margin-left:6px; vertical-align:middle }
.pf-workbench-media figcaption,.pf-workbench-disclosure { font:11px/1.8 var(--pf-mono); color:var(--pf-muted); margin:13px 0 0 }
.pf-workbench-disclosure { max-width:95ch; margin-top:20px }
/* Shared, progressive product navigation replaces the transient demo dock. */
body.studio.pp-system .pf-product-navigation { position:sticky; top:0; z-index:30; display:flex; align-items:center; justify-content:space-between; gap:22px; min-height:59px; padding:0 18px; border:1px solid var(--pf-rule); background:var(--pf-black); color:var(--pf-paper); margin-bottom:15px }
.pf-product-navigation-name { font:11px/1.6 var(--pf-mono); white-space:nowrap; color:var(--pf-muted) }
.pf-product-navigation>div { display:flex; align-items:center; overflow-x:auto; scrollbar-width:thin; scrollbar-color:#63727c var(--pf-black); min-width:0; gap:20px; padding:0 3px }
.pf-product-navigation a { display:flex; align-items:center; white-space:nowrap; min-height:57px; color:var(--pf-muted); text-decoration:none; border-bottom:2px solid transparent; font:12px/1.5 var(--pf-sans) }
.pf-product-navigation a:hover,.pf-product-navigation a[aria-current="location"] { color:var(--pf-teal); border-bottom-color:var(--pf-teal) }
.pf-product-navigation a:focus-visible { outline-offset:-4px!important }
/* A support worksheet with no account, submission, upload or persistence. */
.pf-support-draft { border-block:1px solid var(--pf-rule); padding-block:25px; margin-block:25px }
.pf-support-draft-heading h3 { font:700 26px/1.25 var(--pf-sans); margin:0 0 9px }
.pf-support-draft-heading p { font-size:13px; color:var(--pf-muted); margin:0 0 23px }
.pf-support-fields { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:20px }
.pf-support-fields>label { display:flex; flex-direction:column; gap:9px; font-size:13px; color:var(--pf-paper) }
.pf-support-wide { grid-column:1/-1 }
.studio.product-support .pf-support-fields :is(input,select,textarea) { width:100%; box-sizing:border-box; border:1px solid var(--pf-rule); border-radius:0; min-height:46px; padding:11px 12px; background:var(--pf-black); color:var(--pf-paper); color-scheme:dark; font:14px/1.6 var(--pf-sans) }
.pf-support-fields textarea { resize:vertical }
.pf-support-fields :is(input,textarea)::placeholder { color:var(--pf-muted); opacity:1 }
.pf-support-draft-actions { display:flex; gap:22px; align-items:center; justify-content:space-between; margin-top:22px }
.pf-product-navigation [hidden],[data-support-draft][hidden],[data-support-record][hidden] { display:none!important }
@media(max-width:1050px) {
  .pf-workbench-heading { gap:28px }
  .pf-workbench-panel { padding:26px; gap:28px; grid-template-columns:minmax(0,1fr) minmax(0,1fr) }
  .pf-workbench-tabs button { font-size:11px; padding-inline:14px }
  .pf-product-navigation-name { display:none }
  .pf-product-navigation>div { width:100%; justify-content:space-between }
}
@media(max-width:700px) {
  .pf-workbench { padding-block:42px }
  .pf-workbench-heading { display:block; margin-bottom:24px }
  .pf-workbench-heading>p { max-width:45ch; margin-top:18px; font-size:13px }
  .pf-workbench-tabs button { min-height:48px; padding:11px 15px }
  .pf-workbench-panel { grid-template-columns:1fr; padding:23px; gap:26px }
  .pf-workbench:has([role="tablist"]) .pf-workbench-panel { min-height:0 }
  .pf-workbench-copy h3 { font-size:29px; max-width:22ch }
  .pf-workbench-identity { margin-bottom:19px }
  .pf-workbench-media>a { height:230px; min-height:230px; padding:8px }
  .pf-workbench-copy .ledger-actions { align-items:start; flex-direction:column; gap:15px }
  body.studio.pp-system .pf-product-navigation { padding-inline:10px; min-height:52px; margin-top:14px }
  .pf-product-navigation>div { gap:17px; justify-content:start }
  .pf-product-navigation a { min-height:50px; font-size:12px }
  .pf-support-fields { grid-template-columns:1fr }
  .pf-support-wide { grid-column:auto }
  .pf-support-draft-actions { align-items:start; flex-direction:column }
}
@media(forced-colors:active) {
  .pf-workbench,.pf-workbench-panel,.pf-workbench-media>a,.pf-workbench-inspect,body.studio.pp-system .pf-product-navigation,.studio.product-support .pf-support-fields :is(input,select,textarea) { background:Canvas; color:CanvasText; border-color:CanvasText }
  .pf-workbench-tabs button[aria-selected="true"] { color:HighlightText; background:Highlight; border-color:Highlight }
}

/* Foundry proof chassis. Continuous material zones, two structural joints,
   and opaque inspection sheets. The approved PF artwork is never modified. */
body:is(.studio,.pf-ledger-page) {
  background-color:#111923;
  background-image:linear-gradient(110deg,#10202bd9,#15212bce 52%,#0c141be8),var(--pf-steel);
  background-size:112% auto;
  background-position:left top;
  background-repeat:no-repeat;
}
.pf-ledger-page .ledger-hero,
.studio .h9-software-hero,
body.studio.pp-system .pp-module-hero[data-scene-family],
.studio.product-support .support-hero {
  background-color:#14202a;
  background-image:radial-gradient(ellipse at 68% 28%,#8c9aa524,transparent 58%),linear-gradient(105deg,#0c1722d4,#17252db0 57%,#0c151bb5),var(--pf-steel);
  background-size:100% 100%,100% 100%,112% auto;
  background-position:center,center,left top;
  background-repeat:no-repeat;
}
.ledger-hero { position:relative; isolation:isolate; border-bottom:0 }
.ledger-hero::after {
  content:""; position:absolute; pointer-events:none; bottom:-3px;
  left:calc((100% - var(--pf-rail)) / 2); right:2.8%; height:6px; z-index:1;
  background:linear-gradient(180deg,#94a2a458,#07101899),repeating-linear-gradient(135deg,#65727b 0 1px,#26333d 1px 3px,#68716b 3px 4px,#17242d 4px 7px);
  border-block:1px solid #070f17; box-shadow:0 -2px 5px #b0905430,0 3px 7px #0008;
}
.ledger-hero-grid { padding-block:68px 76px }
.ledger-plate-scene { padding:14px 12px 14px 8px; margin-block:15px; }
.ledger-plate-scene::before {
  inset:-13px -9px -17px -13px;
  background:linear-gradient(120deg,#25323b,#121c25 48%,#202e38);
  border:1px solid #71808a66; border-bottom:2px solid #0a1218;
  box-shadow:inset 3px 5px 14px #000a,inset -1px -1px 0 #8e9b9b42,0 1px 0 #83939d24;
  clip-path:polygon(0 16px,16px 0,100% 0,100% calc(100% - 16px),calc(100% - 16px) 100%,0 100%);
}
.ledger-plate-scene::after {
  content:"01010000 01000110 / PF"; position:absolute; left:18px; bottom:-14px;
  padding-inline:9px; color:#a6b5ba8f; background:#15222b;
  font:8px/1.7 var(--pf-mono); letter-spacing:.2em; pointer-events:none;
}
.ledger-plate {
  transform:rotate(-1deg) rotateY(calc(-3deg + var(--pf-tilt-y,0deg))) rotateX(var(--pf-tilt-x,0deg));
  box-shadow:inset 1px 1px 0 #e8ede89c,inset 0 0 0 5px #2530333b,inset 0 0 25px #11191d3d,5px 9px 13px #000b,1px 2px 1px #000b;
}
.ledger-chain { background:linear-gradient(105deg,#1a2731,#111c25); box-shadow:inset 0 -1px 0 #73818b25 }
.ledger-chain-icon { background:#101b24; border-color:#788a925c; box-shadow:inset 0 2px 5px #0006 }
.ledger-chain li:nth-child(3) .ledger-chain-icon { border-color:#d6a84f80 }
.ledger-featured,.ledger-position {
  background:linear-gradient(110deg,#14212dd9,#17232de5 60%,#101c26df);
}
.pf-workbench { background:transparent }
.pf-workbench-tabs { background:#101c25; border-color:#74849155 }
.pf-workbench-panel { background:linear-gradient(110deg,#192832,#14212c); border-color:#74849155; box-shadow:inset 0 1px 0 #94a6b013 }
.pf-workbench-media>a { background:#0b1720; box-shadow:inset 0 3px 12px #0007 }
.ledger-featured-grid { gap:0; border:1px solid #74849155; background:#13202a }
.ledger-instrument { border:0; background:transparent; box-shadow:none }
.ledger-instrument+.ledger-instrument { border-left:1px solid #74849155 }
.ledger-instrument:is(:hover,:focus-within) { transform:none; background:#1c2b34 }
.ledger-feature-media { background:#101c25; border-color:#74849140 }
.ledger-specimen { background:linear-gradient(105deg,#22303a,#17252f); border-color:#74849140 }
.ledger-record { background:#0e1b24; box-shadow:inset 0 2px 9px #0008; border-color:#697c8761; border-left-color:var(--pf-gold) }
.ledger-paper { background-color:#e8edef; background-image:linear-gradient(110deg,#f4f7f84d,transparent) }
.ledger-doctrine,.ledger-index { border-block:1px solid #6d7e8773; box-shadow:inset 0 1px 0 #fff8,inset 0 -1px 0 #0b172324 }
.ledger-close { background:linear-gradient(110deg,#22313b,#14232c); border-top:1px solid #74849140 }
body.studio.secondary-page:not(.tf-page) { background-color:#14212b }
body.studio.secondary-page:not(.tf-page) main,
body.studio.tf-page main {
  background-color:var(--pf-paper); border-inline:1px solid #83909966;
  box-shadow:0 0 0 9px #0b172329;
}
body.studio.pp-system .pp-panel,
.studio.software-catalog-page .product-card[data-scene-family],
.studio.product-support :is(.detail-card,.support-content-box) {
  background:linear-gradient(115deg,#1c2a34,#15222c); box-shadow:inset 0 1px 0 #aab7bc14;
}
body:is(.studio,.pf-ledger-page) .site-footer {
  background-image:linear-gradient(110deg,#111f2adb,#0d1822e5),var(--pf-steel);
  background-size:100% 100%,112% auto; background-position:center,left top;
  box-shadow:inset 0 1px 0 #798b9540;
}
/* Paired document colors replace the legacy dark overlays on light paper. */
.studio.secondary-page .receipt-card .status-indicator {
  background:#e2ece8; color:#164e43; border-color:#52746a80;
}
.studio.secondary-page .receipt-card .status-indicator.withdrawn {
  background:#e1e6e8; color:#394851; border-color:#67747c;
}
.studio.secondary-page .verification-ledger {
  background:#e1e7e9; color:#172a34; border-color:#83929a;
  border-radius:0; box-shadow:inset 0 1px 0 #fff9;
}
.studio.secondary-page .verification-ledger p { color:#32424a }
.studio.product-support .note a { text-decoration:underline; text-underline-offset:.18em }
@media(max-width:900px) {
  .ledger-hero-grid { padding-block:44px 52px }
  .pf-ledger-page .ledger-hero { background-size:100% 100%,100% 100%,220% auto }
  .ledger-plate-scene { margin:17px 10px 22px; }
  .ledger-plate-scene::before { inset:-11px -9px -17px; border-bottom:2px solid #7b858766 }
  body:is(.studio,.pf-ledger-page) .nav-open .nav-panel { background:#111f29 }
}
@media(max-width:700px) {
  .ledger-plate-scene { width:calc(100% - 24px); max-width:360px; margin-inline:auto }
  .ledger-featured-grid { gap:0 }
  .ledger-instrument+.ledger-instrument { border-left:0; border-top:1px solid #74849155 }
  body:is(.studio,.pf-ledger-page) { background-size:220% auto }
  .ledger-hero::after { height:4px; right:20px }
  .studio .h9-software-hero,body.studio.pp-system .pp-module-hero[data-scene-family],.studio.product-support .support-hero { background-size:100% 100%,100% 100%,220% auto }
}
@media(forced-colors:active) {
  body:is(.studio,.pf-ledger-page),body:is(.studio,.pf-ledger-page) .site-header,
  .pf-ledger-page .ledger-hero,.studio .h9-software-hero,
  body.studio.pp-system .pp-module-hero[data-scene-family],.studio.product-support .support-hero,
  .ledger-chain,.ledger-featured,.ledger-position,.ledger-featured-grid,.ledger-instrument,
  .ledger-specimen,.ledger-record,.ledger-paper,.ledger-close,.pf-workbench-tabs,.pf-workbench-panel,
  body.studio.secondary-page:not(.tf-page),body.studio.secondary-page:not(.tf-page) main,body.studio.tf-page main,
  body.studio.pp-system .pp-panel,.studio.software-catalog-page .product-card[data-scene-family],
  .studio.product-support :is(.detail-card,.support-content-box),body:is(.studio,.pf-ledger-page) .site-footer,
  .studio.secondary-page .receipt-card .status-indicator,.studio.secondary-page .receipt-card .status-indicator.withdrawn,.studio.secondary-page .verification-ledger {
    background:Canvas; color:CanvasText; border-color:CanvasText; box-shadow:none;
  }
  .studio.secondary-page .verification-ledger p { color:CanvasText }
  .ledger-plate { box-shadow:none; transform:none }
  .pf-workbench-media>a { background:Canvas; box-shadow:none }
  body:is(.studio,.pf-ledger-page) .nav-open .nav-panel { background:Canvas }
  .ledger-hero::after,.ledger-plate-scene::before,.ledger-plate-scene::after { display:none }
}