.winder-guide{--ec-border:var(--line)}.winder-guide h1{font-size:clamp(29px,3.4vw,43px)}.winder-guide h2{font-size:clamp(22px,2.5vw,30px);line-height:1.6}.winder-guide h3{font-size:17px;line-height:1.7;margin:0 0 8px}.winder-guide p{color:var(--muted)}.winder-guide .ec-three-timeline select{width:auto}
.wg-hero{padding:40px 0;display:grid;grid-template-columns:1.2fr .8fr;gap:32px;align-items:start}.wg-hero-note{background:linear-gradient(135deg,#152b32,#101d30);border:1px solid #34544d;border-radius:16px;padding:25px}.wg-hero-note strong{display:block;font-size:25px;color:var(--accent)}.wg-hero-note p{font-size:13px}.wg-scope{padding:16px 20px;border-inline-start:3px solid var(--blue);background:#101f34;border-radius:6px;font-size:13px}
.wg-nav{display:flex;flex-wrap:wrap;gap:8px;padding:16px 0 26px;border-bottom:1px solid var(--line)}.wg-nav a{border:1px solid #30435b;border-radius:7px;padding:6px 12px;font-size:12px;color:var(--blue)}.wg-nav a:hover{border-color:var(--accent);color:var(--accent)}.wg-section{padding:35px 0;border-bottom:1px solid var(--line);scroll-margin-top:100px}.wg-section .eyebrow{margin-bottom:5px}.wg-section .section-heading{margin-bottom:20px}.wg-section .section-heading p{max-width:80ch}
.wg-io{display:grid;grid-template-columns:1fr 1fr;gap:12px}.wg-io p{border:1px solid var(--line);padding:14px 18px;background:var(--panel);border-radius:10px;margin:0}.wg-io small{display:block;color:var(--accent);font-weight:700}.wg-diagram{margin:20px 0;padding:16px;background:#0d1520;border:1px solid #334352;border-radius:16px;overflow:hidden}.wg-diagram>svg{width:100%;height:auto;display:block}.wg-diagram figcaption{color:var(--muted);font-size:12px;margin-top:12px}.wg-diagram .figure-legend{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));font-size:12px;padding-inline-start:24px;gap:5px 20px}.wg-diagram .gd-controls{max-width:100%}
.wg-table-scroll{overflow:auto;border:1px solid #34485e;border-radius:12px}.wg-table-scroll table{width:100%;min-width:820px;border-collapse:collapse;text-align:start;font-size:13px}.wg-table-scroll caption{padding:14px;color:var(--muted);font-size:12px;text-align:start}.wg-table-scroll th,.wg-table-scroll td{padding:15px;vertical-align:top;border-top:1px solid #2d4056;border-inline-end:1px solid #293a50;text-align:start}.wg-table-scroll thead th{color:var(--accent);background:#152a38}.wg-table-scroll tbody th{color:#e4ebf7;background:#122237;min-width:140px}.wg-table-scroll tbody tr:nth-child(even) td{background:#101c2c}.wg-scroll-hint{font-size:12px}
.wg-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.wg-card{border:1px solid var(--line);border-radius:12px;padding:20px;background:var(--panel)}.wg-card h3{color:var(--accent)}.wg-card p{font-size:13px;margin:0}.wg-steps{list-style:none;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:24px 0}.wg-steps li{display:flex;gap:16px}.wg-steps li>span{font:600 20px system-ui;color:var(--accent);padding-top:5px}.wg-steps p{font-size:13px;margin:0}.wg-safety{padding:20px;border:1px solid #8e6543;background:#2a231d;border-radius:12px}.wg-safety h3{color:#f3cd85}.wg-safety p{font-size:13px;margin:0;color:#e2d5c4}
.wg-defects{display:grid;grid-template-columns:1fr 1fr;gap:16px}.wg-defect{padding:18px;border:1px solid var(--line);background:var(--panel);border-radius:14px;min-width:0;display:grid;grid-template-columns:120px 1fr;gap:16px;align-items:start}.wg-defect-svg{width:120px;height:auto}.wg-defect p{font-size:13px;margin:5px 0}.wg-defect h4{font-size:13px;color:var(--blue);margin:14px 0 5px}.wg-details{border:1px solid var(--line);border-radius:9px;margin-top:14px;padding:12px 15px;font-size:13px}.wg-details summary{cursor:pointer;color:var(--blue);font-weight:700}.wg-defect .wg-details{border:0;padding:8px 0;margin:4px 0 0}.wg-details dt{color:var(--accent);font-weight:700;margin-top:12px}.wg-details dd{margin-inline-start:0;color:var(--muted)}
.wg-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.wg-fields label,.wg-width-row label,.wg-note-label{display:flex;flex-direction:column;gap:6px;min-width:0;color:var(--muted);font-size:13px}.winder-guide input:not([type=checkbox]):not([type=range]),.winder-guide textarea,.winder-guide select{font:inherit;width:100%;min-width:0;min-height:44px;border:1px solid #3c506a;background:#0b1627;border-radius:8px;color:var(--text);padding:9px 12px}.winder-guide textarea{resize:vertical}.winder-guide input[aria-invalid=true]{border-color:#ff7d87}.wg-width-row{display:grid;grid-template-columns:2fr 1fr auto;gap:12px;align-items:end;margin-block:12px}.wg-width-row button{min-height:44px}.wg-note-label{margin-top:22px}.wg-help{font-size:12px!important;color:var(--muted);display:block}.wg-notice{font-size:13px;min-height:0;overflow-wrap:anywhere}.wg-notice[data-error=true]{color:#ff9fa7}.wg-result-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(135px,1fr));gap:12px;margin:16px 0}.wg-result-grid>div{padding:14px;background:#122a30;border:1px solid #34584e;border-radius:10px}.wg-result-grid small{display:block;color:var(--muted);font-size:12px}.wg-result-grid strong{display:block;font:700 23px/1.5 system-ui;color:var(--accent);overflow-wrap:anywhere}.wg-width-map{display:flex;min-height:58px;border:1px solid #778498;overflow:hidden;border-radius:7px;margin-top:14px}.wg-width-map span{min-width:0;display:grid;place-items:center;overflow:hidden;border-inline-end:1px solid #0b1220;background:#71b799;color:#061a12;font:11px system-ui}.wg-width-map span:nth-child(even){background:#7eabd7}.wg-width-map .wg-trim{background:#bc9367}.wg-width-map .wg-spare{background:repeating-linear-gradient(45deg,#bb956a 0 5px,#604c37 5px 10px)}.wg-order-section>form>h3{margin-top:25px}.wg-checklist{display:grid;gap:10px}.wg-check{display:flex;gap:12px;align-items:flex-start;padding:12px;background:var(--panel);border:1px solid var(--line);border-radius:9px;color:var(--muted);font-size:13px}.wg-check input{width:19px;height:19px;flex-shrink:0;accent-color:var(--accent);margin-top:5px}.wg-formula{padding:18px;border:1px solid var(--line);border-radius:10px;font:13px/1.8 system-ui;overflow-wrap:anywhere}.wg-sources .hero-actions{gap:12px 22px;font-size:12px}.wg-sources a{color:var(--blue)}
@media(max-width:900px){.wg-hero{grid-template-columns:1fr}.wg-cards{grid-template-columns:1fr}.wg-fields{grid-template-columns:1fr 1fr}.wg-defect{grid-template-columns:1fr}.wg-defect-svg{width:100%;max-width:200px}.wg-hero-note{padding:20px}}
@media(max-width:550px){.wg-hero{padding-top:22px;gap:20px}.wg-steps,.wg-defects,.wg-io{grid-template-columns:1fr}.wg-defect{grid-template-columns:90px 1fr;padding:14px;gap:12px}.wg-defect-svg{width:90px}.wg-fields{grid-template-columns:1fr}.wg-width-row{grid-template-columns:1fr 1fr}.wg-width-row button{grid-column:1/-1;justify-self:start}.wg-section{padding-block:28px}.wg-diagram{padding:8px}.wg-diagram .figure-legend{grid-template-columns:1fr}.wg-result-grid{grid-template-columns:1fr 1fr}.wg-table-scroll table{font-size:12px}.wg-table-scroll th,.wg-table-scroll td{padding:12px}.wg-defect h3{font-size:15px}}
@media print{.wg-nav,.wg-interactive,.wg-diagram .gd-controls,#ecLoad3D,#ecThreeRegion,.wg-hero .hero-actions{display:none!important}.wg-hero,.wg-cards,.wg-fields,.wg-defects,.wg-steps{display:block}.wg-card,.wg-defect,.wg-steps li{break-inside:avoid;margin-block:12px}.wg-table-scroll{overflow:visible}.wg-table-scroll table{min-width:0;font-size:9pt}.wg-table-scroll th,.wg-table-scroll td{padding:5px}.wg-section{padding-block:15px}.winder-guide input,.winder-guide textarea{color:#111!important;background:white!important;border-color:#777!important}.wg-order-print .site-header,.wg-order-print .breadcrumbs,.wg-order-print .wg-hero,.wg-order-print main>.wg-section:not(.wg-order-section),.wg-order-print .site-footer{display:none!important}.wg-order-print .wg-fields{display:grid;grid-template-columns:1fr 1fr}.wg-order-print .wg-order-section{border:0}.wg-order-print .wg-width-row{grid-template-columns:1fr 1fr}.wg-order-print [data-remove-width]{display:none!important}}

@media print{.wg-hero-note,.wg-scope,.wg-card,.wg-safety,.wg-check,.wg-result-grid>div,.wg-table-scroll th,.wg-table-scroll td{background:#fff!important;color:#111!important;border-color:#aaa}.wg-safety p,.wg-safety h3,.wg-table-scroll th{color:#111!important}.wg-width-map{print-color-adjust:exact}}