/* Hallmark · macrostructure: Catalogue · genre: modern-minimal · theme: existing CSM tokens · audience: overseas buyers and production engineers · use: choose the matching preparation route · tone: technical and visual · shared navigation/footer preserved by site contract · no hero enrichment or reveal motion */
/* Hallmark · pre-emit critique: P4 H4 E4 S5 R5 V4 */
html,body{overflow-x:clip}
.panel-handling-guide{font-family:var(--font-body)}
.hub-heading{padding-block:var(--space-4) var(--space-6)}
.hub-heading h1{font:700 clamp(2rem,4vw,3rem)/1.12 var(--font-display);margin:0 0 var(--space-4);letter-spacing:-.035em;max-width:25ch}
.hub-heading p{max-width:65ch;color:var(--color-muted);font-size:1.125rem;line-height:1.6}
.model-jumps{display:flex;flex-wrap:wrap;gap:var(--space-3) var(--space-6)}
.model-jumps a,.route-link{display:inline-flex;align-items:center;min-height:var(--control-height);white-space:nowrap}
.panel-handling-guide .hub-body{max-width:none;padding-bottom:var(--space-16)}
.hub-body h2{max-width:40ch}
.choice-lead{color:var(--color-muted)}
.machine-choice-grid{display:grid;gap:var(--space-10);margin-block:var(--space-8)}
.machine-route{min-width:0;display:flex;flex-direction:column;align-items:start}
.machine-route h3{font:700 1.5rem/1.25 var(--font-display);margin:0 0 var(--space-5);letter-spacing:-.02em}
.machine-route figure{margin:0;width:100%}
.machine-route img{display:block;width:100%;height:auto;aspect-ratio:5/3;object-fit:contain;background:var(--color-paper-2)}
.machine-route figcaption{font-size:.9375rem;line-height:1.5;color:var(--color-muted);margin-top:var(--space-3);min-height:4.5em}
.machine-route p{max-width:58ch}
.route-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3) var(--space-5);margin-block:var(--space-3)}
.panel-handling-guide .button{min-height:var(--control-height);white-space:nowrap}
.panel-handling-guide .button.secondary:hover,.panel-handling-guide .button.secondary:focus-visible{background:var(--color-accent-deep);color:var(--color-accent-ink)}
.model-boundary{padding-block:var(--space-6);border-block:1px solid var(--color-rule);color:var(--color-muted)}
.hub-contents{margin-block:var(--space-8) var(--space-12);border-bottom:1px solid var(--color-rule)}
.hub-contents nav{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-6);padding-block:var(--space-4)}
.hub-contents nav a{display:inline-flex;align-items:center;min-height:var(--control-height);white-space:nowrap}
.hub-body summary{cursor:pointer;font-weight:600;min-height:var(--control-height);padding-block:var(--space-3)}
.hub-body summary:hover{text-decoration:underline;text-underline-offset:.2em}
.hub-body summary:active{color:var(--color-accent-deep)}
.hub-body [aria-disabled="true"]{opacity:.55;cursor:not-allowed}
.hub-body summary:focus-visible,.hub-body a:focus-visible{outline:2px solid var(--color-focus);outline-offset:4px}
.hub-body .planning-answer{max-width:75ch;margin-block:var(--space-12)}
.answer-lead{font-size:1.125rem}
.answer-detail{padding-block:var(--space-3) var(--space-5)}
.hub-body details[open]>summary{color:var(--color-accent-deep)}
.hub-body section{scroll-margin-top:6rem}
.hub-body .guide-task-map{margin-bottom:var(--space-16)}
.task-routes{margin-block:var(--space-8)}
.task-routes>div{display:grid;gap:var(--space-2);padding-block:var(--space-5);border-bottom:1px solid var(--color-rule)}
.task-routes dt{font-weight:600}
.task-routes dd{margin:0}
.task-routes dd a{display:inline-flex;align-items:center;min-height:var(--control-height);white-space:nowrap}
.task-routes dd span{display:block;color:var(--color-muted)}
.hub-body .table-scroll{font-variant-numeric:tabular-nums}
@media(min-width:60rem){.machine-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-12)}.task-routes>div{grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:var(--space-8);max-width:65rem}}
@media print{.model-jumps,.hub-contents{display:none}.hub-heading{padding:0}.hub-body{max-width:none}.machine-choice-grid{display:block}}
@media(prefers-reduced-motion:reduce){.panel-handling-guide *{transition:none!important}}
