/* Only the new stock-preparation guide; shared homepage styling is unchanged. */
.stock-guide .stock-flow{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:0;margin:20px 0}
.stock-guide .stock-flow li{border:1px solid var(--line);border-radius:10px;background:var(--panel-soft);padding:16px;min-width:0}
.stock-guide .stock-flow bdi{display:block;color:var(--accent);font-size:12px;margin-bottom:7px}
.stock-guide .stock-flow strong{font-size:13px;line-height:1.8}
.stock-guide details{scroll-margin-top:110px}
.stock-guide .source-note{font-size:12px;color:var(--muted)}
.stock-guide .source-note a{text-decoration:underline}
@media(max-width:700px){.stock-guide .stock-flow{grid-template-columns:1fr}.stock-guide .table-wrap{max-width:100%;overflow-x:auto}}
@media print{.stock-guide .stock-flow{grid-template-columns:repeat(2,minmax(0,1fr))}.stock-guide .stock-flow li{break-inside:avoid;background:#fff;border-color:#aaa}.stock-guide .source-note{color:#333}.stock-guide .table-wrap{overflow:visible}}

/* Numbered equipment cutaways; arrows retain process direction in both languages. */
.stock-guide .stock-figure{margin:24px 0;padding:16px;border:1px solid var(--line);border-radius:12px;background:var(--panel-soft);min-width:0}
.stock-guide .stock-figure figcaption{font-size:15px;font-weight:700;margin-bottom:12px}
.equipment-drawing{background:#f4f9fc;border-radius:12px;overflow:hidden}
.stock-equipment-svg{width:100%;height:auto;max-width:100%;font-family:system-ui,sans-serif;direction:ltr;isolation:isolate}
.stock-equipment-svg .diagram-bg{fill:#f4f9fc;stroke:#c4d7e4;stroke-width:1}
.stock-equipment-svg .machine{fill:#e0e9f0;stroke:#29485d;stroke-width:3;stroke-linejoin:round}
.stock-equipment-svg .metal{fill:#b6c5d0;stroke:#29485d;stroke-width:2}
.stock-equipment-svg .rotor{fill:#91d9bc;stroke:#176c53;stroke-width:3}
.stock-equipment-svg .stock-fill{fill:#b9e8d3;opacity:.85;stroke:none}
.stock-equipment-svg .water-fill{fill:#cae8f6;stroke:none}
.stock-equipment-svg .mesh{fill:none;stroke:#29485d;stroke-width:5;stroke-dasharray:4 5}
.stock-equipment-svg .mesh-area{fill:#d6edf4;stroke:#29485d;stroke-width:3;stroke-dasharray:5 5}
.stock-equipment-svg .stock-layer,.stock-equipment-svg .stock-ring{fill:none;stroke:#158563;stroke-width:7}
.stock-equipment-svg .flow-stock,.stock-equipment-svg .flow-water{fill:none;stroke:#087ca5;stroke-width:5;stroke-linecap:round;stroke-linejoin:round}
.stock-equipment-svg .flow-accept{fill:none;stroke:#087a5b;stroke-width:5;stroke-linecap:round;stroke-linejoin:round}
.stock-equipment-svg .flow-reject{fill:none;stroke:#b3641b;stroke-width:5;stroke-linecap:round;stroke-linejoin:round}
.stock-equipment-svg .leader{fill:none;stroke:#647f90;stroke-width:2}
.stock-equipment-svg .diagram-pin circle{fill:#fff;stroke:#28495f;stroke-width:2}
.stock-equipment-svg .diagram-pin text{font-size:18px;font-weight:750;fill:#153047}
.stock-equipment-svg .gauge{fill:#fff;stroke:#29485d;stroke-width:3}
.stock-equipment-svg .pressure-label{font-size:15px;font-weight:600;fill:#153047}
.diagram-legend{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 18px;list-style:none;padding:0;margin:16px 0}
.diagram-legend li{display:flex;gap:10px;align-items:flex-start;font-size:13px;line-height:1.9;min-width:0}
.diagram-legend li>bdi{flex:0 0 27px;width:27px;height:27px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;color:var(--accent);font-weight:700;font-family:system-ui,sans-serif}
.diagram-note{font-size:12px!important;color:var(--muted);margin:12px 0}
.diagram-open{margin-top:12px;font-size:12px;min-height:42px}
.stock-diagram-dialog{color:var(--text);background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:18px;width:min(1080px,calc(100vw - 20px));max-width:calc(100vw - 20px);max-height:92vh}
.stock-diagram-dialog::backdrop{background:#000b}
.diagram-dialog-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:12px}
.diagram-dialog-tools strong{margin-inline-end:auto}
.diagram-dialog-tools .button{font-size:12px;padding:6px 12px;min-height:40px}
.diagram-dialog-scroll{overflow:auto;max-height:58vh;background:#f4f9fc;border-radius:10px;direction:ltr}
#stockDiagramCanvas .stock-equipment-svg{max-width:none;width:800px;height:auto}
@media(max-width:700px){.stock-guide .stock-figure{padding:10px}.stock-guide .stock-figure figcaption{font-size:14px}.diagram-legend{grid-template-columns:1fr}.diagram-legend li{font-size:13px}.stock-diagram-dialog{padding:12px}}
@media print{.stock-guide .stock-figure{background:#fff;border-color:#a6bac7;break-inside:avoid}.stock-guide .stock-figure figcaption{font-size:11pt}.stock-guide .diagram-legend{grid-template-columns:repeat(2,minmax(0,1fr))}.stock-guide .diagram-legend li,.stock-guide .diagram-note{font-size:9pt!important;color:#222}.stock-guide .diagram-legend li>bdi{color:#153047;border-color:#9aafbf}.diagram-open,.stock-diagram-dialog{display:none!important}}

.equipment-atlas{border:1px solid var(--line);border-radius:14px;padding:22px;margin-bottom:30px;scroll-margin-top:105px;background:var(--panel)}
.equipment-atlas>h2{font-size:24px;line-height:1.7;margin:10px 0}
.equipment-atlas>p{font-size:13px;color:var(--muted);line-height:2}
.atlas-shortcut{border-color:var(--accent)!important}
.atlas-controls{margin:22px 0;padding:16px;border:1px solid var(--line);border-radius:10px;background:var(--panel-soft)}
.atlas-controls label{display:block;font-size:12px;margin-bottom:8px}
.atlas-controls input{width:100%;background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:12px;color:var(--text);font:inherit;font-size:13px}
.equipment-filters{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}
.equipment-filters .button{font-size:10px;padding:6px 10px;min-height:35px}
.equipment-filters .button[aria-pressed=true]{color:#0b1220;background:var(--accent);border-color:var(--accent)}
#equipmentSearchStatus{font-size:11px;color:var(--muted);margin:10px 0 0}
.equipment-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:22px 0}
.equipment-card{min-width:0;margin:0!important;border:1px solid var(--line);border-radius:10px;background:var(--panel-soft);align-self:start}
.equipment-card summary{padding:16px!important;cursor:pointer;list-style:revert!important;display:list-item!important;margin-inline-start:20px}
.equipment-card summary::after{content:none!important}
.equipment-card-name{font-size:13px;font-weight:750}
.equipment-card summary small{display:block;font:10px/1.8 system-ui;color:var(--muted);margin-top:5px}
.equipment-card-body{padding:0 16px 16px;font-size:12px}
.equipment-card dl{margin:0}
.equipment-card dl>div{border-top:1px solid var(--line);padding:12px 0}
.equipment-card dt{color:var(--accent);font-weight:700;margin-bottom:4px}
.equipment-card dd{margin:0;line-height:2;color:var(--muted)}
.equipment-links{display:flex;gap:15px;flex-wrap:wrap;font-size:11px}
.equipment-links a{text-decoration:underline;text-underline-offset:4px;color:var(--blue)}
.equipment-atlas .table-wrap{overflow-x:auto;max-width:100%}
@media(max-width:700px){.equipment-atlas{padding:14px}.equipment-atlas>h2{font-size:21px}.equipment-grid{grid-template-columns:1fr}.atlas-controls{padding:12px}.equipment-filters .button{font-size:10px}}
@media print{.equipment-atlas{padding:0;border:0}.atlas-controls{display:none!important}.equipment-grid{display:block}.equipment-card{display:block!important;break-inside:avoid;background:#fff;margin-bottom:10px!important}.equipment-card dt,.equipment-card dd{color:#222}.equipment-links{display:none}}

.stock-figure .lab-shortcut{display:inline-flex;margin:10px 0 0;font-size:11px;padding:6px 12px}
@media print{.stock-figure .lab-shortcut{display:none!important}}


/* Detailed operator explanations; native details remain usable without scripts. */
.stock-guide .stock-grade-intro{margin:24px 0;padding:24px;border:1px solid var(--accent);border-radius:14px;background:var(--panel-soft);overflow-wrap:anywhere}
.stock-guide .stock-grade-intro h2{margin:0 0 12px;font-size:22px}
.stock-guide .stock-note-index{margin-top:18px}
.stock-guide .stock-note-index>summary{min-height:44px;padding:10px;font-weight:700;cursor:pointer}
.stock-guide .stock-note-index-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px}
.stock-guide .stock-note-index-links a{display:block;min-height:44px;padding:10px 12px;border:1px solid var(--line);border-radius:8px;font-size:13px;background:var(--panel);text-decoration:underline;text-underline-offset:3px}
.stock-guide .stock-note-list{display:grid;gap:14px;margin:24px 0;min-width:0}
.stock-guide .stock-note{border:1px solid var(--line);border-radius:12px;background:var(--panel-soft);min-width:0;overflow-wrap:anywhere}
.stock-guide .stock-note>summary{padding:18px;cursor:pointer;min-height:48px}
.stock-guide .stock-note>summary h3{display:inline;font-size:18px;line-height:1.8;color:var(--accent)}
.stock-guide .stock-note>summary p{font-size:14px;line-height:1.95;margin:12px 0}
.stock-guide .stock-note-open{font-size:12px;color:var(--muted)}
.stock-guide .stock-note[open]{border-color:var(--accent)}
.stock-guide .stock-note-body{padding:0 20px 20px;border-top:1px solid var(--line);font-size:14px;line-height:2}
.stock-guide .stock-note-block{margin-top:22px}
.stock-guide .stock-note-block h4,.stock-guide .stock-note-example h4{font-size:15px;margin:0 0 10px;color:var(--accent)}
.stock-guide .stock-note-block p{margin:0}
.stock-guide .stock-note-block li{margin-block:8px;padding-inline-start:4px}
.stock-guide .stock-note-block ul,.stock-guide .stock-note-block ol{padding-inline-start:24px}
.stock-guide .stock-note-example{padding:16px;margin:22px 0;border-inline-start:3px solid var(--accent);border-radius:8px;background:var(--panel)}
.stock-guide .stock-note-example p{margin:0}
.stock-guide .stock-note-care{color:var(--muted);font-size:13px}
.stock-guide .stock-note-links,.stock-guide .stock-note-sources{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.stock-guide .stock-note-links .button,.stock-guide .stock-deep-link .button{white-space:normal;text-align:start;line-height:1.8}
.stock-guide .stock-note-sources a{font-size:12px;padding:8px 0;min-height:44px;text-decoration:underline;text-underline-offset:3px}
.stock-guide .stock-deep-link{margin-top:16px}
@media(max-width:700px){.stock-guide .stock-note-index-links{grid-template-columns:1fr}.stock-guide .stock-grade-intro{padding:16px}.stock-guide .stock-note>summary{padding:15px}.stock-guide .stock-note>summary h3{font-size:16px}.stock-guide .stock-note-body{padding:0 15px 15px}}
@media print{.stock-guide .stock-grade-intro,.stock-guide .stock-note{background:#fff;border-color:#aaa;color:#111}.stock-guide .stock-note-open,.stock-guide .stock-note-index{display:none}.stock-guide .stock-note-body{border-color:#aaa}.stock-guide .stock-note-example{background:#f5f5f5}.stock-guide .stock-note h3,.stock-guide .stock-note h4{color:#174e45}.stock-guide .stock-note>summary,.stock-guide .stock-note-example{break-inside:avoid}}
/* Keep multi-paragraph headings stacked instead of the shared comparison row. */
.stock-guide .stock-note>summary{display:block;position:relative;padding-inline-end:44px}
.stock-guide .stock-note>summary::after{position:absolute;top:18px;inset-inline-end:16px}
.stock-guide .stock-note>summary h3{display:block}
.stock-guide .stock-note>summary p{font-weight:400}
.stock-guide .stock-note[open]>summary{border-bottom:0}