/* Hallmark · macrostructure: Index-First · genre: modern-minimal · theme: existing CSM tokens · tone: technical · audience: overseas buyers and line engineers · use: choose the workpiece preparation route · deviation: illustrated index rows plus process-position aid · synchronized chrome preserved */
/* Hallmark · pre-emit critique: P4 H4 E4 S5 R5 V4 */
html,body{overflow-x:clip}
.profile-guide .resource-heading{padding-block:var(--space-6)}
.profile-guide h1{font:700 clamp(1.875rem,3vw,2.75rem)/1.15 var(--font-display);letter-spacing:-.03em;max-width:28ch}
.profile-guide h1,.profile-guide h2,.profile-guide h3{font-style:normal;overflow-wrap:anywhere;min-width:0}
.profile-guide .resource-layout{display:block}
.profile-guide .reading-nav{display:flex;flex-direction:row;flex-wrap:wrap;position:static;align-items:center;gap:var(--space-2) var(--space-6);border-block:1px solid var(--color-rule);padding-block:var(--space-3);margin-bottom:var(--space-10)}
.profile-guide .reading-nav strong{width:100%}
.profile-guide .reading-nav a,.profile-actions a{display:inline-flex;align-items:center;min-height:var(--control-height);white-space:nowrap}
.profile-guide .resource-body{max-width:none}
.profile-guide .resource-body section>p,.profile-guide .resource-body section>ul{max-width:75ch}
.profile-routes{margin-block:var(--space-8) var(--space-10)}
.profile-route{display:grid;gap:var(--space-6);padding-block:var(--space-8);border-top:1px solid var(--color-rule);min-width:0}
.profile-route figure{margin:0;min-width:0}
.profile-route img{display:block;width:100%;height:auto;object-fit:contain;background:var(--color-paper-2)}
.profile-route figcaption,.profile-flow figcaption{font-size:1rem;line-height:1.5;color:var(--color-muted);margin-top:var(--space-3)}
.profile-route h3{font:700 1.5rem/1.25 var(--font-display);margin-top:0}
.profile-route p{max-width:52ch}
.profile-actions{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-3) var(--space-6)}
.profile-guide .button{white-space:nowrap;min-height:var(--control-height)}
.profile-guide a:focus-visible,.profile-guide summary:focus-visible{outline:2px solid var(--color-focus);outline-offset:4px}
.profile-actions a:hover,.profile-guide summary:hover{text-decoration:underline;text-underline-offset:.2em}
.profile-guide a:active,.profile-guide summary:active{color:var(--color-accent-deep)}
.profile-guide .button.secondary:hover{background:var(--color-accent-deep);color:var(--color-accent-ink)}
.profile-flow{margin:var(--space-8) 0 var(--space-12)}
.flow-stages{display:grid;gap:var(--space-6);list-style:none;padding:0;margin:0}
.flow-stages li{position:relative;padding:var(--space-5);background:var(--color-paper-2);min-width:0}
.flow-stages li:not(:last-child)::after{content:'↓';position:absolute;bottom:calc(-1 * var(--space-6));left:var(--space-5);color:var(--color-accent);font-size:1.25rem}
.flow-stages svg{width:100%;height:5rem;display:block;color:var(--color-ink-2);margin-bottom:var(--space-4)}
.flow-stages strong,.flow-stages span{display:block}
.flow-stages span{margin-top:var(--space-2);line-height:1.5}
.profile-guide .planning-answer{max-width:75ch;margin-block:var(--space-12)}
.profile-guide summary{cursor:pointer;min-height:var(--control-height);padding-block:var(--space-3);font-weight:600}
.profile-guide details[open]>summary{color:var(--color-accent-deep)}
.profile-guide [aria-disabled="true"]{opacity:.55;cursor:not-allowed}
.profile-guide .answer-detail{padding-block:var(--space-2) var(--space-5)}
.profile-guide .table-scroll{font-variant-numeric:tabular-nums;max-width:75ch}
.profile-guide section{scroll-margin-top:6rem}
@media(min-width:40rem){.flow-stages{grid-template-columns:repeat(2,minmax(0,1fr))}.flow-stages li::after{display:none}}
@media(min-width:60rem){.profile-route{grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);gap:var(--space-10);align-items:center}.flow-stages{grid-template-columns:repeat(4,minmax(0,1fr))}.profile-guide .resource-heading p{max-width:65ch}.flow-stages li:not(:last-child)::after{display:block;content:'→';bottom:auto;top:var(--space-6);left:auto;right:calc(-1 * var(--space-5))}}
@media print{.profile-guide .reading-nav{display:none}.profile-route{break-inside:avoid}.profile-guide .resource-heading{padding:0}}
@media(prefers-reduced-motion:reduce){.profile-guide *{transition:none!important}}