/* Hallmark · macrostructure: Narrative Workflow · tone: technical · anchor hue: CSM cobalt
 * audience: overseas buyers and line engineers · use: prepare line-speed review inputs
 * theme/nav/footer: synchronized CSM contract retained; no theme or chrome rotation
 * enrichment: labeled process geometry and unchanged owner-supplied photo */
/* Hallmark · pre-emit critique: P4 H4 E4 S5 R5 V4 */
.cycle-time-guide .resource-heading{display:grid;gap:var(--space-6);padding-block:var(--space-6) var(--space-8);align-items:center}
.cycle-time-guide .resource-heading>div{min-width:0}
.cycle-time-guide .resource-heading h1{font-size:clamp(2rem,3.5vw,3rem);max-width:18ch;margin-bottom:var(--space-4)}
.cycle-machine{margin:0}
.cycle-machine img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain}
.cycle-machine figcaption,.cycle-caption,.cycle-example figcaption,.cycle-discharge figcaption{font-size:.9375rem;line-height:1.55;color:var(--color-muted);margin-top:var(--space-3)}
.cycle-time-guide .resource-body{max-width:48rem}
.cycle-time-guide .resource-body p{max-width:65ch}
.cycle-overview{padding-block:var(--space-8);border-bottom:1px solid var(--color-rule)}
.cycle-overview h2{font:700 clamp(1.4rem,2vw,2rem)/1.2 var(--font-display);margin:0 0 var(--space-6)}
.cycle-flow{list-style:none;padding:0;display:grid;gap:var(--space-4);margin:0}
.cycle-flow li{display:flex;gap:var(--space-5);align-items:center;border-bottom:1px solid var(--color-rule);padding-bottom:var(--space-3);min-width:0}
.cycle-flow svg{width:7rem;flex:none;fill:none;stroke:var(--color-ink-2);stroke-width:2}
.cycle-flow strong{font:700 1rem/1.4 var(--font-display)}
.cycle-panel{fill:var(--color-paper-2);stroke:var(--color-ink-2);stroke-width:2}
.cycle-signal{fill:none;stroke:var(--color-accent-deep);stroke-width:2}
.cycle-frame{fill:none;stroke:var(--color-ink-2);stroke-width:2}
.cycle-jump{display:inline-flex;align-items:center;min-height:var(--control-height);padding:var(--space-2) var(--space-4);border:1px solid var(--color-rule-dark);white-space:nowrap;color:var(--color-accent-deep);font-weight:600}
.cycle-estimator{padding:var(--space-6);background:var(--color-paper-2);margin-block:var(--space-8);scroll-margin-top:6rem}
.cycle-estimator h3,.cycle-example h3,.cycle-discharge h3{font:700 1.25rem/1.3 var(--font-display);margin:0 0 var(--space-4)}
.cycle-fields{display:grid;gap:var(--space-5);margin-block:var(--space-6)}
.cycle-fields>div{display:grid;gap:var(--space-2);min-width:0}
.cycle-fields label{font-size:1rem;font-weight:600}
.cycle-fields input{width:100%;min-width:0;box-sizing:border-box;min-height:var(--control-height);padding:var(--space-2) var(--space-3);border:1px solid var(--color-rule-dark);background:var(--color-surface);color:var(--color-ink);font:400 1rem/1.5 var(--font-body);border-radius:var(--radius-small)}
.cycle-help{min-height:3lh;font-size:.9375rem;color:var(--color-muted);line-height:1.45}
.cycle-fields input[aria-invalid="true"]{border-color:var(--color-error)}
.cycle-fields input[aria-invalid="true"]+.cycle-help{color:var(--color-error)}
.cycle-fields input:disabled{opacity:.55;cursor:not-allowed}
.cycle-calculate{display:inline-flex;align-items:center;justify-content:center;min-height:var(--control-height);padding:var(--space-2) var(--space-4);border:1px solid var(--color-rule-dark);background:var(--color-surface);color:var(--color-ink);font:600 1rem/1.4 var(--font-body);cursor:pointer;white-space:nowrap}
.cycle-calculate:active,.cycle-jump:active{transform:translateY(1px)}
.cycle-calculate:disabled{opacity:.55;cursor:not-allowed}
.cycle-fields input{outline:2px solid transparent;outline-offset:1px}
.cycle-fields input:focus-visible{outline:2px solid var(--color-focus);outline-offset:1px;box-shadow:none}
.cycle-calculate:focus-visible,.cycle-faq summary:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px;box-shadow:none}
.cycle-result{padding-block:var(--space-5);font-variant-numeric:tabular-nums;min-height:8rem}
.cycle-result p{margin:0 0 var(--space-3)}
.cycle-result[data-state="error"]{color:var(--color-error)}
.cycle-result strong{font:700 1.5rem/1.3 var(--font-display);color:var(--color-ink)}
.cycle-timeline{margin-block:var(--space-5)}
.cycle-bar-label{display:flex;justify-content:space-between;gap:var(--space-4);font-size:.9375rem;line-height:1.5;margin-block:var(--space-4) var(--space-2)}
.cycle-bar-label span{flex:none;font-variant-numeric:tabular-nums}
.cycle-rail{height:var(--space-5);position:relative;background:var(--color-surface);border:1px solid var(--color-rule)}
.cycle-arrival-bar{height:100%;width:var(--arrival-share);background:var(--color-accent-deep)}
.cycle-handling-base{height:100%;width:var(--handling-start);background:var(--color-rule)}
.cycle-handling-range{position:absolute;inset-block:0;left:var(--handling-start);width:var(--handling-span);box-sizing:border-box;border:2px dashed var(--color-ink)}
.cycle-axis{display:flex;justify-content:space-between;margin-top:var(--space-2);font-size:.9375rem;color:var(--color-muted);font-variant-numeric:tabular-nums}
.cycle-example{margin:var(--space-8) 0;padding-block:var(--space-5)}
.cycle-example-row{display:grid;grid-template-columns:6rem minmax(0,1fr) 3rem;align-items:center;gap:var(--space-3);margin-block:var(--space-4);font-size:.9375rem;font-variant-numeric:tabular-nums}
.cycle-example-rail{height:var(--space-4);background:var(--color-paper-2)}
.cycle-example-rail span{display:block;background:var(--color-accent-deep);height:100%;width:var(--arrival-share)}
.cycle-discharge{margin:var(--space-6) 0 var(--space-8);padding:var(--space-5);background:var(--color-paper-2);display:grid;gap:var(--space-5)}
.cycle-stack-sketch svg{width:100%;height:auto;display:block}
.cycle-discharge p{font-size:1rem}
.cycle-faq{border-top:1px solid var(--color-rule);padding-block:var(--space-4)}
.cycle-faq summary{cursor:pointer;min-height:var(--control-height);align-content:center;font:700 1.125rem/1.5 var(--font-display)}
.cycle-faq summary:active{color:var(--color-accent-deep)}
.cycle-faq[open] summary{margin-bottom:var(--space-4)}
.cycle-time-guide .reading-nav a,.cycle-time-guide .button{white-space:nowrap}
@media(hover:hover){.cycle-calculate:hover,.cycle-fields input:hover{background:var(--color-paper)}.cycle-faq summary:hover,.cycle-jump:hover{text-decoration:underline;text-underline-offset:.2em}}
@media(min-width:40rem){.cycle-flow{grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--space-4)}.cycle-flow li{display:grid;gap:var(--space-3);align-content:start;border-bottom:none}.cycle-flow svg{width:100%}.cycle-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.cycle-discharge{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.cycle-discharge figcaption{grid-column:1/-1}}
@media(min-width:60rem){.cycle-time-guide .resource-heading{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-12)}}
@media(prefers-reduced-motion:reduce){.cycle-time-guide *{transition:none!important;animation:none!important}}
@media print{#cycle-estimate-form,.cycle-jump{display:none}.cycle-faq>p{display:block!important}.cycle-machine{max-width:24rem}}