/* Hallmark · macrostructure: Map / Diagram · genre: modern-minimal · theme: existing CSM Cobalt · tone: technical · anchor hue: 253 · nav/footer: existing synchronized chrome preserved · enrichment: technical SVG illustrations + existing labeled visualization */
/* Hallmark · pre-emit critique: P4 H5 E4 S5 R5 V4 · audience: overseas procurement and engineers · use: prepare wrapper enquiry */
.pe-guide-heading{padding-bottom:var(--space-16)!important}.pe-guide-section h2{min-width:0}.pe-guide-jump{align-items:center}.pe-inputs main a:active,.pe-inputs summary:active{color:var(--color-accent-deep)}.pe-inputs main a[aria-disabled="true"]{opacity:.55;cursor:not-allowed;pointer-events:none}.pe-inputs main .button:active{color:var(--color-accent-ink)}
html{overflow-x:clip;scroll-behavior:auto}body{overflow-x:clip}.pe-inputs main{padding-bottom:var(--space-16)}.pe-guide-heading{padding-block:var(--space-10) var(--space-8)}.pe-guide-heading h1{font-family:var(--font-display);font-size:clamp(2rem,3.6vw,3.6rem);line-height:1.12;max-width:20ch;overflow-wrap:anywhere;min-width:0;font-style:normal}.pe-guide-lede{max-width:65ch;font-size:1.2rem}.pe-guide-actions{display:flex;flex-wrap:wrap;gap:var(--space-4);align-items:center;margin-top:var(--space-6)}.pe-guide-actions a,.pe-guide-jump a,.pe-guide-link{white-space:nowrap;max-width:100%;min-height:2.75rem;display:inline-flex;align-items:center}.pe-guide-link{color:var(--color-accent);text-underline-offset:.2em}.pe-guide-jump{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-6);border-block:1px solid var(--color-rule);padding-block:var(--space-3)}.pe-guide-jump a{color:var(--color-ink);font-weight:600}.pe-guide-section{padding-block:var(--space-10);scroll-margin-top:7rem}.pe-guide-section+.pe-guide-section{border-top:1px solid var(--color-rule)}.pe-guide-section h2{font-family:var(--font-display);font-size:clamp(1.5rem,2.4vw,2rem);line-height:1.2;font-style:normal;overflow-wrap:anywhere}.pe-guide-section h3{font-size:1.2rem;line-height:1.3;font-style:normal}.pe-guide-section p{max-width:75ch}.pe-guide-section p,.pe-guide-section li{line-height:1.6}.pe-route{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-3);margin-block:var(--space-8)}.pe-route a{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-6);border:1px solid var(--color-rule-dark);color:var(--color-ink);text-decoration:none;min-width:0}.pe-route a:hover,.pe-route a:focus-visible{background:var(--color-paper-2)}.pe-route strong{font-family:var(--font-display);font-size:1.2rem;overflow-wrap:anywhere}.pe-route span{color:var(--color-muted);line-height:1.5}.pe-flow-arrow{justify-self:center;font-size:2rem;transform:rotate(90deg)}.pe-caption,figcaption{color:var(--color-muted);font-size:.95rem;line-height:1.5}.pe-guide-intro,.pe-diagram-grid,.pe-film-layout,.pe-finish{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-8);margin-block:var(--space-8)}.pe-guide-photo{margin:0;min-width:0}.pe-guide-photo img{width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;display:block}.pe-guide-photo figcaption{margin-top:var(--space-3)}.pe-diagram{margin:0;background:var(--color-paper-2);padding:var(--space-4);min-width:0}.pe-diagram svg{display:block;width:100%;max-width:25rem;height:auto;margin-inline:auto;aspect-ratio:4/3}.pe-diagram figcaption{max-width:55ch;margin-top:var(--space-4)}.pe-diagram text{fill:var(--color-ink);font-family:var(--font-body);font-size:17px}.pe-line{fill:none;stroke:var(--color-ink);stroke-width:2}.pe-fill{fill:var(--color-surface);stroke:none}.pe-dim{fill:none;stroke:var(--color-accent);stroke-width:2}.pe-guide{fill:none;stroke:var(--color-muted);stroke-width:1.5;stroke-dasharray:5 4}.pe-handover-diagram{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-3);margin-block:var(--space-8)}.pe-handover-diagram div{padding:var(--space-4);background:var(--color-paper-2);display:flex;flex-direction:column;gap:var(--space-2)}.pe-handover-diagram>span{text-align:center;font-size:1.5rem;transform:rotate(90deg)}.pe-handover-diagram div span{color:var(--color-muted)}.pe-input-table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums;margin-block:var(--space-6);font-size:1rem}.pe-input-table caption{text-align:left;color:var(--color-muted);padding-bottom:var(--space-4)}.pe-input-table th,.pe-input-table td{text-align:left;vertical-align:top;padding:var(--space-4);border-bottom:1px solid var(--color-rule);line-height:1.5;overflow-wrap:anywhere}.pe-input-table thead{display:none}.pe-input-table tr{display:block;padding-block:var(--space-3)}.pe-input-table th,.pe-input-table td{display:block}.pe-input-table tbody th{background:var(--color-paper-2)}.pe-guide-faq details{border-bottom:1px solid var(--color-rule);padding-block:var(--space-4)}.pe-guide-faq summary{cursor:pointer;font-weight:600;min-height:2.75rem;line-height:1.5}.pe-guide-faq details[open] summary{color:var(--color-accent)}.pe-guide-faq p{padding-top:var(--space-3)}.pe-inputs :focus-visible{outline:2px solid var(--color-focus);outline-offset:3px}.pe-guide-close{padding-bottom:var(--space-4)}@media(min-width:40rem){.pe-diagram-grid,.pe-finish{grid-template-columns:repeat(2,minmax(0,1fr))}.pe-input-table thead{display:table-header-group}.pe-input-table tr{display:table-row}.pe-input-table th,.pe-input-table td{display:table-cell}.pe-input-table tbody th{width:30%}}@media(min-width:60rem){.pe-route,.pe-handover-diagram{grid-template-columns:minmax(0,1fr) auto minmax(0,1.05fr) auto minmax(0,1.25fr);align-items:center}.pe-flow-arrow,.pe-handover-diagram>span{transform:none}.pe-guide-intro{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);align-items:start}.pe-film-layout{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center}.pe-guide-section{padding-block:var(--space-12)}}@media(prefers-reduced-motion:reduce){.pe-inputs *{animation:none;transition:none}}