.syrup-page main{max-width:1288px;margin:auto;padding:36px 24px 60px;min-width:0}.syrup-page p{line-height:1.65}.syrup-intro{display:grid;grid-template-columns:clamp(100px,25vw,300px) minmax(0,1fr);align-items:center;gap:28px;direction:ltr}.syrup-intro .pack{width:100%;margin:0}.syrup-intro .pack img{display:block;width:100%;height:auto!important;max-width:100%}.syrup-intro-copy{min-width:0}.syrup-intro-copy>*{overflow-wrap:anywhere}.syrup-page h1{font-size:clamp(26px,3vw,40px);line-height:1.2;overflow-wrap:anywhere}html[dir=rtl] .syrup-intro-copy{direction:rtl}#syrup-line{position:relative;padding-inline:18px;min-width:0}.syrup-panel{margin:28px 0 42px;min-width:0}.syrup-panel h2{text-align:center;font-size:22px;line-height:1.4;overflow-wrap:anywhere}.syrup-art{position:relative;overflow:hidden;background:white;border:1px solid #dbe4e9;border-radius:8px}.syrup-art>img{display:block;width:100%;height:auto}.syrup-art>svg{position:absolute;inset:0;width:100%;height:100%;display:block}.syrup-art rect{fill:transparent;stroke:transparent;stroke-width:4;cursor:pointer;pointer-events:all}.syrup-art rect:hover{fill:#1688c722;stroke:#1688c7}.syrup-art rect.selected{fill:#1688c718;stroke:#0877b3}.syrup-art rect:focus-visible{stroke:#0877b3;stroke-width:8;outline:none}.syrup-captions{direction:ltr;display:grid;grid-template-columns:repeat(var(--count),minmax(0,1fr));align-items:start;gap:10px;margin-top:12px}.syrup-caption{font:inherit;font-size:14px;line-height:1.5;color:#153a52;background:transparent;border:0;padding:10px 5px;cursor:pointer;overflow-wrap:anywhere}.syrup-caption[aria-pressed=true]{color:#0671b1;text-decoration:underline;font-weight:700}.syrup-page .actions{display:flex;gap:12px;flex-wrap:wrap;margin:22px 0}.syrup-page .actions button,.syrup-page #continue{font:inherit;min-height:44px;white-space:normal;max-width:100%}.syrup-page .machine-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0}.syrup-page .machine-list label{display:flex;gap:10px;align-items:flex-start;min-width:0;font-size:15px;line-height:1.5;overflow-wrap:anywhere}.syrup-page .machine-list input{width:18px;height:18px;padding:0;margin:4px 0 0;flex:0 0 18px}.syrup-page .summary{overflow-wrap:anywhere}.syrup-page :focus-visible{outline:3px solid #1688c7;outline-offset:3px}.syrup-guides{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:2}.syrup-guides path{pointer-events:none}.syrup-page #syrup-line>.psi-flow-overlay{display:none!important}
@media(max-width:700px){.syrup-page main{padding:26px 16px 40px}.syrup-intro{grid-template-columns:clamp(100px,28vw,160px) minmax(0,1fr);gap:14px;align-items:start}.syrup-intro h1{font-size:22px}#syrup-line{padding-inline:12px}.syrup-panel h2{font-size:18px;margin:12px 0}.syrup-captions{grid-template-columns:minmax(0,1fr);gap:4px}.syrup-caption{min-height:44px;padding:8px 10px;text-align:start;border:1px solid #d8e4ec;border-radius:5px;background:#f7fafc}.syrup-caption[aria-pressed=true]{background:#e1f1fb;border-color:#1688c7;text-decoration:none}.syrup-page .machine-list{grid-template-columns:1fr}.syrup-page .actions{display:grid;grid-template-columns:1fr}.syrup-page .actions button{width:100%;min-width:0}html[dir=rtl] .syrup-captions{direction:rtl}}

html[dir=rtl] .syrup-caption{direction:rtl}