/* The folder, paper edges and blank stickers are native images. All document text is HTML. */
.instruction-folder{--folder-art:url('/themes/assets/paper-folder-light.png');--folder-tab-art:url('/themes/assets/paper-tab-light.png');--folder-slices:80 80 80 580;--folder-edge:28px 24px 28px 238px;--tab-slices:110 195 165 80;--folder-label:#253b2b;--ink:#28372c;--muted:#62715e;--paper:#f2f1e9;--soft:#e8eade;--line:#bfc7b7;--accent:#365e39;position:relative;isolation:isolate;display:grid;grid-template-columns:205px minmax(0,1fr);gap:22px;min-width:0;min-height:610px;margin:25px -10px 30px;padding:35px 36px 42px 18px;color:var(--ink)}
.instruction-folder::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;border:solid transparent;border-width:var(--folder-edge);border-image-source:var(--folder-art);border-image-slice:var(--folder-slices);border-image-width:var(--folder-edge);border-image-repeat:stretch;background:var(--paper);background-clip:padding-box}
.folder-index{position:sticky;top:22px;align-self:start;min-width:0}
.folder-index-title{margin:5px 14px 14px;color:var(--folder-label);font:700 12px/1.6 var(--body);letter-spacing:.06em;text-transform:uppercase}
.folder-tabs{display:flex;flex-direction:column;gap:9px;min-width:0;max-height:calc(100svh - 95px);padding:3px 5px 10px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
.folder-tab{display:grid;grid-template-columns:20px minmax(0,1fr);gap:8px;align-items:start;flex:none;min-width:0;min-height:65px;padding:8px 5px;border:solid transparent;border-width:9px 15px 13px 9px;border-image-source:var(--folder-tab-art);border-image-slice:var(--tab-slices) fill;border-image-width:9px 15px 13px 9px;color:#253529;font:400 13px/1.65 var(--body);text-decoration:none;overflow-wrap:anywhere}
.folder-tab-number{font:400 11px/1.8 var(--mono);color:#5c7155}
.folder-tab[aria-current]{color:var(--accent);text-decoration:underline;font-weight:700}
.folder-tab:hover{color:#183d23;filter:brightness(1.03);text-decoration:underline}
.folder-tab:focus-visible{outline:3px solid var(--accent);outline-offset:0}
.folder-paper{min-width:0;padding:22px 5px 12px 14px}
.folder-contents-heading{padding:0 0 26px;border-bottom:1px solid var(--line)}
.folder-contents-heading p{font:400 11px/1.5 var(--body);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:13px}
.page-view .folder-contents-heading h2{font:700 29px/1.3 var(--heading);letter-spacing:-.025em;color:var(--ink)}
.instruction-folder .document-entry{grid-template-columns:32px minmax(0,1fr);gap:17px}
.instruction-folder .document-number{font-size:18px}
.instruction-folder .document-entry h2{font-size:24px;line-height:1.4}
.instruction-folder .document-entry .entry-summary{font-size:15px}
.instruction-folder .back-link{margin-bottom:24px}
.folder-document-heading{padding-bottom:23px;margin-bottom:25px;border-bottom:1px solid var(--line)}
.folder-document-heading p{font:400 11px/1.6 var(--body);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:12px}
.page-view .folder-document-heading h1{font:700 32px/1.35 var(--heading);letter-spacing:-.025em}
.folder-document-heading .folder-document-date{margin-top:12px;margin-bottom:0;letter-spacing:0;text-transform:none}
.instruction-folder .detail-layout{display:flex;flex-direction:column;gap:25px;align-items:stretch}
.instruction-folder .material-rail{grid-column:auto;grid-row:auto;display:block;min-width:0;border:0;border-bottom:1px solid var(--line);padding:0 0 19px;font-size:12px}
.instruction-folder .material-content{grid-column:auto;grid-row:auto;width:100%}
.instruction-folder .metadata{display:flex;flex-wrap:wrap;gap:8px 28px}
.instruction-folder .metadata div{margin:0;min-width:100px}
.instruction-folder .metadata-disclosure[open]{margin-bottom:18px}
.instruction-folder .contents{display:flex;align-items:baseline;flex-wrap:wrap;gap:5px 18px;border:0;margin:0;padding:0}
.instruction-folder .contents h2{flex-basis:100%;margin-bottom:2px}
.instruction-folder .contents a{padding:4px 0;font-size:12px}
.instruction-folder .reading-body{font-size:17px;line-height:1.9;max-width:70ch}
.instruction-folder .material-section>h2{font-size:23px}
.instruction-folder .legacy-content{font-size:14px}
.automation-workbench{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:30px;align-items:center;margin:34px -10px 40px}
.automation-workbench>.cabinet-catalog{margin:0;min-width:0}
.cabinet-program-entry .cabinet-modules{grid-template-columns:minmax(0,300px);justify-content:center}
.cabinet-program-entry .module-cell:first-child::before{width:calc(100% + 36px)}
.folder-entry{--folder-edge:28px 24px 28px 112px;grid-template-columns:65px minmax(0,1fr);gap:22px;min-height:510px;margin:0;padding:36px 28px 35px 17px;text-decoration:none}
.folder-entry-label{align-self:start;justify-self:center;padding-top:20px;writing-mode:vertical-rl;transform:rotate(180deg);font:700 12px/1.6 var(--body);text-transform:uppercase;letter-spacing:.12em;color:var(--folder-label)}
.folder-entry-paper{display:flex;flex-direction:column;min-width:0;padding:28px 14px 12px 28px}
.folder-entry-kicker{font:400 11px/1.5 var(--body);color:var(--muted);letter-spacing:.08em;text-transform:uppercase}
.page-view .folder-entry h2{margin:22px 0 24px;font:700 31px/1.35 var(--heading);letter-spacing:-.025em;overflow-wrap:anywhere}
.folder-entry-paper>p:not([class]){font-size:15px;line-height:1.8}
.folder-entry-count{margin-top:auto;padding-top:38px;font:400 12px/1.6 var(--body);color:var(--muted)}
.folder-entry-open{display:flex;align-items:center;min-height:44px;margin-top:18px;font:700 13px/1.6 var(--body);text-decoration:underline;text-underline-offset:5px}
.folder-entry:hover{color:var(--ink)}
.folder-entry:hover .folder-entry-open{color:var(--accent)}
body[data-theme=light] .folder-tab{filter:brightness(1.16)}
body[data-theme=light] .folder-tab:hover{filter:brightness(1.22)}
body[data-theme=warm] .instruction-folder{--folder-art:url('/themes/assets/paper-folder-warm.png');--folder-tab-art:url('/themes/assets/paper-tab-warm.png');--folder-slices:80 80 80 755;--tab-slices:145 145 145 95;--folder-label:#fff5d5;--ink:#3b3b2a;--muted:#6b7055;--paper:#f7efdd;--soft:#eee6d0;--line:#c7c5ab;--accent:#51613b}
body[data-theme=warm] .folder-tab{font-size:13px}
body[data-theme=warm] .instruction-folder .reading-body{font-size:18px}
body[data-theme=pixel] .instruction-folder{--folder-art:url('/themes/assets/paper-folder-pixel.png');--folder-tab-art:url('/themes/assets/paper-tab-pixel.png');--folder-slices:80 80 80 685;--tab-slices:120 145 125 85;--folder-label:#e0e4c5;--ink:#2b3529;--muted:#5a674b;--paper:#efeddb;--soft:#e2e3cc;--line:#a5b08d;--accent:#3e5c31}
body[data-theme=pixel] .instruction-folder::before,body[data-theme=pixel] .folder-tab{image-rendering:pixelated}
body[data-theme=pixel] .folder-contents-heading h2{font:400 24px/1.5 Russo,var(--mono);letter-spacing:0}
body[data-theme=pixel] .instruction-folder .document-entry h2{font-size:20px}
body[data-theme=pixel] .instruction-folder .reading-body{font-size:15px}
body[data-theme=pixel] .folder-document-heading h1{font:400 24px/1.5 Russo,var(--mono);letter-spacing:0}
body[data-theme=pixel] .folder-entry h2{font:400 25px/1.5 Russo,var(--mono);letter-spacing:0}
@media(max-width:950px){.automation-workbench{grid-template-columns:minmax(0,1fr);max-width:620px;margin-inline:auto;gap:28px}.folder-entry{min-height:430px}}
@media(max-width:820px){.instruction-folder{--folder-edge:24px 19px 24px 26px;grid-template-columns:minmax(0,1fr);gap:20px;margin-inline:-10px;padding:25px 30px 34px;min-height:520px}.folder-index{position:static;min-width:0}.folder-index-title{margin:0 4px 5px;color:var(--ink)}.folder-tabs{flex-direction:row;gap:9px;max-height:none;max-width:100%;overflow-x:auto;overflow-y:hidden;padding:3px 4px 9px}.folder-tab{flex:0 0 215px}.folder-tab-contents{flex-basis:150px}.folder-paper{padding:8px 4px 10px}.folder-contents-heading{padding-bottom:18px}.page-view .folder-contents-heading h2{font-size:25px}.folder-entry{--folder-edge:26px 20px 26px 95px;grid-template-columns:50px minmax(0,1fr);margin:0;gap:17px;padding:30px 28px 30px 16px;min-height:440px}.folder-entry-label{padding-top:18px}.folder-entry-paper{padding-top:18px}}
@media(max-width:650px){.cabinet-program-entry .module-cell:first-child::before{width:calc(100% + 24px)}.automation-workbench{margin-inline:0}.instruction-folder .document-entry{grid-template-columns:1fr;gap:10px}.instruction-folder .document-entry h2{font-size:22px}.instruction-folder .document-entry .entry-summary{font-size:14px}}
@media(max-width:480px){.instruction-folder{--folder-edge:20px 14px 20px 20px;margin-inline:-12px;padding:22px 22px 28px;gap:13px}.folder-tab{flex-basis:200px;font-size:12px}.folder-tab-contents{flex-basis:142px}.folder-paper{padding-inline:0}.page-view .folder-document-heading h1{font-size:25px}.folder-entry{--folder-edge:24px 17px 24px 76px;grid-template-columns:36px minmax(0,1fr);gap:15px;min-height:420px;margin:0;padding:28px 24px 28px 12px}.folder-entry-paper{padding-inline:28px 2px}.page-view .folder-entry h2{font-size:27px}.instruction-folder .reading-body{font-size:16px}.folder-entry-paper>p:not([class]){font-size:14px}}
@media(max-width:355px){.instruction-folder{padding-inline:20px}.folder-entry{grid-template-columns:30px minmax(0,1fr);padding-inline:12px 20px}.folder-entry-label{font-size:11px}.page-view .folder-entry h2{font-size:23px}}
