/* Hallmark · macrostructure: Split Studio · tone: technical · anchor hue: cobalt · genre: modern-minimal · theme: existing CSM · nav/footer: synchronized existing N9/Ft2 adaptation · enrichment: reference-based catalog visualizations and operating video · audience: industrial buyers · use: configuration inquiry */
/* Hallmark · pre-emit critique: P4 H4 E4 S5 R5 V4 · existing shared tokens retained */
.pe-page h1,.pe-page h2,.pe-page h3{font-family:var(--font-display);font-style:normal;overflow-wrap:anywhere;min-width:0;line-height:1.12;letter-spacing:-.025em}
.pe-page h1{font-size:clamp(2.25rem,4vw,3.5rem);margin:var(--space-4) 0;max-width:18ch}.pe-page h2{font-size:clamp(1.8rem,3vw,2.5rem);margin:0 0 var(--space-6)}.pe-page h3{font-size:1.35rem;margin:0 0 var(--space-4)}
.pe-page main p{max-width:65ch;margin:0 0 var(--space-5)}.pe-page main figure{margin:0;min-width:0}.pe-page main figure img{width:100%;height:auto}.pe-page main figcaption{padding-block:var(--space-3);color:var(--color-muted);font-size:.875rem}
html:has(body.pe-page){scroll-behavior:auto}
.pe-hero{padding-block:var(--space-8) var(--space-16)}.pe-split{display:grid;gap:var(--space-8);align-items:center;grid-template-columns:minmax(0,1fr)}.pe-category{color:var(--color-accent-deep);font-weight:600}.pe-lede{font-size:1.2rem;color:var(--color-muted)}.pe-actions{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-6)}
.pe-page .button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:var(--space-3) var(--space-5);border:var(--line) solid var(--color-accent);background:var(--color-accent);color:var(--color-accent-ink);font-weight:600;text-decoration:none;white-space:nowrap;transition:transform var(--dur-micro) var(--ease-out)}.pe-page .button.secondary{background:var(--color-surface);color:var(--color-accent-deep)}.pe-page .button:hover{transform:translateY(-1px)}.pe-page .button:active{transform:translateY(1px)}
.pe-jump{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-5);padding-block:var(--space-4);border-block:var(--line) solid var(--color-rule)}.pe-jump a{display:inline-flex;align-items:center;min-height:44px;white-space:nowrap;color:var(--color-accent-deep)}
.pe-section{padding-block:var(--space-16);scroll-margin-top:6rem}.pe-tint{background:var(--color-paper-2)}.pe-measure{max-width:65ch}.pe-video{max-width:32rem;margin-inline:auto;width:100%}.pe-video iframe{display:block;border:0;width:100%;aspect-ratio:9/16;background:var(--color-graphite)}
.pe-specs{display:grid;gap:var(--space-10);margin-block:var(--space-8);grid-template-columns:minmax(0,1fr)}.pe-facts{margin:0 0 var(--space-6)}.pe-facts div{padding-block:var(--space-4);border-bottom:var(--line) solid var(--color-rule)}.pe-facts dt{color:var(--color-muted)}.pe-facts dd{margin:0;font-size:1.35rem;font-weight:600;font-variant-numeric:tabular-nums}
.pe-table{border-collapse:collapse;width:100%;font-variant-numeric:tabular-nums}.pe-table caption{text-align:left;padding-bottom:var(--space-4);color:var(--color-muted)}.pe-table th,.pe-table td{text-align:left;vertical-align:top;padding:var(--space-3) var(--space-2);border-bottom:var(--line) solid var(--color-rule);overflow-wrap:anywhere}.pe-table th{width:44%;font-weight:600}.pe-note{color:var(--color-muted);font-size:.9rem}.pe-list{padding-inline-start:var(--space-6)}.pe-list li{padding-block:var(--space-2)}
.pe-page details{border-block-end:var(--line) solid var(--color-rule);padding-block:var(--space-4)}.pe-page summary{cursor:pointer;min-height:44px;display:list-item;font-weight:600}.pe-page details p{margin:var(--space-4) 0 0}.pe-related{padding:0;list-style:none}.pe-related li{margin-bottom:var(--space-5)}.pe-related a{color:var(--color-accent-deep);display:inline-block;min-height:44px;padding-block:var(--space-2)}.pe-related span{display:block;color:var(--color-muted)}
@media(min-width:60rem){.pe-split{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:var(--space-12)}.pe-reverse>div:first-child{grid-column:2;grid-row:1}.pe-reverse>figure,.pe-reverse>.pe-video{grid-column:1;grid-row:1}.pe-specs{grid-template-columns:minmax(0,.65fr) minmax(0,1.35fr)}}
@media(prefers-reduced-motion:reduce){.pe-page .button{transition:none;transform:none}}