:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#e2e8f0;color:#172033}*{box-sizing:border-box}html,body,#public-instruction-root{min-height:100%;margin:0}body{min-height:100dvh;overflow-x:hidden}button,a{font:inherit}.instruction-app{display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;min-height:100dvh;background:#f8fafc;touch-action:pan-y pinch-zoom}.instruction-header{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.65rem;min-height:3.5rem;padding:max(.55rem,env(safe-area-inset-top)) max(.8rem,env(safe-area-inset-right)) .55rem max(.8rem,env(safe-area-inset-left));border-bottom:1px solid #d9e1ea;background:#fff}.public-header{display:flex;width:min(100%,76rem);min-height:4.25rem;margin-inline:auto;align-items:center;gap:clamp(.65rem,2vw,1.25rem);padding:.7rem 0;border-bottom:1px solid #d9e1ea}.public-header.compact{width:100%;padding-inline:max(.8rem,env(safe-area-inset-left))}.public-home{display:inline-flex;min-width:0;align-items:center;border-radius:.35rem}.public-home:focus-visible,.back-link:focus-visible,.catalog-back:focus-visible,.category-nav a:focus-visible{outline:3px solid #2563eb;outline-offset:3px}.public-logo{display:block;width:clamp(10rem,24vw,16.5rem);max-width:100%;height:auto;aspect-ratio:264 / 38;object-fit:contain}.public-section-name{padding-left:clamp(.65rem,2vw,1.25rem);border-left:1px solid #d9e1ea;color:#813a00;font-size:clamp(.78rem,2vw,1rem);font-weight:800}.public-header .back-link{min-height:44px;margin-left:auto;padding:.7rem .25rem;color:#813a00;font-weight:750;white-space:nowrap}.back-link,.catalog-back{text-decoration:none}.title-wrap{min-width:0;text-align:center}.title-wrap h1{overflow:hidden;margin:0;font-size:clamp(.95rem,3.8vw,1.25rem);line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.sku{display:block;margin-top:.15rem;color:#64748b;font-size:.72rem}.pdf-link{min-height:44px;padding:.75rem;color:#813a00;font-size:.8rem;font-weight:750}.page-stage{display:flex;min-height:0;flex-direction:column;align-items:center;justify-content:center;gap:.4rem;padding:.65rem;overflow:hidden}.instruction-image{display:block;width:auto;max-width:100%;height:auto;max-height:calc(100dvh - 15rem);object-fit:contain;border-radius:.65rem;background:#fff;box-shadow:0 2px 14px #0f172a1f;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.caption{max-width:48rem;margin:.15rem 0 0;color:#475569;font-size:.86rem;text-align:center}.page-controls{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:.65rem;padding:.7rem max(.8rem,env(safe-area-inset-right)) max(.7rem,env(safe-area-inset-bottom)) max(.8rem,env(safe-area-inset-left));border-top:1px solid #d9e1ea;background:#fff}.page-controls button,.public-message button{min-width:44px;min-height:52px;border:0;border-radius:.8rem;background:#d96500;color:#fff;font-weight:800;box-shadow:0 2px 5px #0f172a2e;cursor:pointer}.page-controls button:last-child{justify-self:stretch}.page-controls button:first-child{justify-self:stretch}.page-controls button:focus-visible,.public-message button:focus-visible,.pdf-link:focus-visible{outline:3px solid #2563eb;outline-offset:2px}.page-controls button:disabled{background:#cbd5e1;color:#64748b;box-shadow:none;cursor:default}.page-indicator{min-width:4.5rem;color:#253047;font-size:1.05rem;text-align:center}.public-message{display:grid;min-height:100dvh;place-content:center;justify-items:center;gap:1.25rem;padding:2rem;background:#f8fafc;text-align:center}.public-message h1{max-width:32rem;margin:0;font-size:clamp(1.25rem,5vw,2rem)}.public-message button{padding:.75rem 1.4rem}.catalog-app{min-height:100dvh;padding:max(1rem,env(safe-area-inset-top)) max(1rem,env(safe-area-inset-right)) max(2rem,env(safe-area-inset-bottom)) max(1rem,env(safe-area-inset-left));background:#f8fafc}.catalog-header,.category-nav,.catalog-search,.catalog-results{width:min(100%,76rem);margin-inline:auto}.catalog-header{padding:1rem 0 .5rem;text-align:center}.catalog-header h1{margin:.35rem 0 0;font-size:clamp(1.75rem,7vw,3rem);letter-spacing:-.025em}.catalog-header p{margin:.5rem 0 0;color:#526078}.catalog-back{display:inline-block;min-height:44px;margin-top:.75rem;padding:.7rem;color:#813a00;font-weight:750}.category-nav{display:flex;gap:.55rem;padding:.8rem 0 .2rem;overflow-x:auto;scrollbar-width:thin}.category-nav a{display:inline-flex;min-height:48px;flex:0 0 auto;align-items:center;padding:.65rem 1rem;border:2px solid #d9e1ea;border-radius:999px;background:#fff;color:#253047;font-weight:800;text-decoration:none}.category-nav a.active{border-color:#d96500;background:#fff4e8;color:#813a00}.category-list{display:grid;width:min(100%,52rem);gap:.8rem;margin:1.5rem auto}.category-list a{display:grid;gap:.3rem;min-height:52px;padding:1rem 1.1rem;border:1px solid #d9e1ea;border-radius:.9rem;background:#fff;color:#253047;text-decoration:none;box-shadow:0 2px 10px #0f172a0f}.category-list a:hover{border-color:#d96500}.category-list span{color:#64748b}.catalog-search{padding:1.25rem 0 1.5rem}.catalog-search label{display:block;margin-bottom:.45rem;color:#253047;font-weight:800}.catalog-search>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.5rem}.catalog-search input{min-width:0;min-height:52px;padding:.75rem 1rem;border:2px solid #cbd5e1;border-radius:.8rem;background:#fff;color:#172033;font-size:1rem}.catalog-search button,.load-more,.catalog-state button{min-height:52px;padding:.75rem 1.25rem;border:0;border-radius:.8rem;background:#d96500;color:#fff;font-weight:800;cursor:pointer}.catalog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.instruction-card{min-width:0;overflow:hidden;border:1px solid #d9e1ea;border-radius:1rem;background:#fff;color:#172033;text-decoration:none;box-shadow:0 2px 10px #0f172a14}.instruction-card:hover{border-color:#d96500;transform:translateY(-1px)}.instruction-card:focus-visible,.catalog-search input:focus-visible,.catalog-search button:focus-visible,.load-more:focus-visible,.catalog-state button:focus-visible{outline:3px solid #2563eb;outline-offset:3px}.thumbnail-wrap,.card-image-stage{display:flex;width:100%;height:clamp(10rem,22vw,13rem);min-width:0;min-height:10rem;align-items:center;justify-content:center;overflow:hidden;padding:.65rem;background:#eef2f6}.thumbnail-wrap img,.catalog-thumbnail{display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;object-position:center}.missing-image{color:#64748b;font-weight:750}.missing-page{display:grid;width:min(100%,48rem);min-height:16rem;place-items:center;color:#64748b}.card-copy{padding:.75rem}.card-copy h2{display:-webkit-box;margin:0;overflow:hidden;font-size:clamp(.9rem,3.8vw,1.1rem);line-height:1.25;-webkit-box-orient:vertical;-webkit-line-clamp:2}.card-copy span{display:block;margin-top:.35rem;color:#64748b;font-size:.78rem}.card-copy .card-category{color:#a34b00;font-weight:800}.catalog-state{display:grid;min-height:14rem;place-content:center;justify-items:center;gap:1rem;text-align:center}.catalog-state p{margin:0;color:#475569;font-size:1.05rem}.load-more{display:block;margin:1.5rem auto 0}.load-more:disabled{background:#94a3b8;cursor:wait}@media(max-width:370px){.catalog-grid{grid-template-columns:1fr}.public-section-name{display:none}.public-logo{width:9.5rem}}@media(min-width:640px){.catalog-app{padding-inline:1.5rem}.catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}}@media(min-width:960px){.catalog-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1.25rem}}@media(orientation:landscape)and (max-height:520px){.public-header{min-height:3rem;padding-top:.3rem;padding-bottom:.3rem}.public-logo{width:9.5rem}.instruction-header{min-height:2.8rem;padding-top:.35rem;padding-bottom:.35rem}.sku{display:none}.page-stage{padding:.35rem .7rem}.instruction-image{max-height:calc(100dvh - 10.5rem)}.caption{font-size:.75rem;line-height:1.1}.page-controls{padding-top:.35rem;padding-bottom:max(.35rem,env(safe-area-inset-bottom))}.page-controls button{min-height:46px}}@media(min-width:900px){.instruction-app{max-width:90rem;margin:0 auto;border-inline:1px solid #d9e1ea}.instruction-header,.page-controls{padding-inline:1.5rem}.page-stage{padding:1rem 2rem}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}