.liquid-page main{max-width:1288px;margin:auto;padding:36px 24px 60px}.liquid-page h1{font-size:clamp(26px,3vw,40px)}.liquid-intro{text-align:center;max-width:950px;margin:auto}.liquid-intro .pack{width:100%;max-width:700px;margin:20px auto}.liquid-intro .pack img{display:block;width:100%;height:auto!important;max-width:100%}.liquid-page p{line-height:1.65}.liquid-choice{border:1px solid #cadbe6;padding:18px;margin:26px 0}.liquid-choice legend{font-weight:700}.liquid-choice label{display:inline-flex;align-items:center;gap:10px;margin:8px 24px 8px 0;min-height:44px}.liquid-panel{margin:26px 0 40px}.liquid-panel h2{text-align:center;font-size:23px}.liquid-art{position:relative;background:white;border:1px solid #dbe4e9;border-radius:8px;overflow:hidden}.liquid-art img{display:block;width:100%;height:auto;max-width:100%}.liquid-art svg{position:absolute;inset:0;width:100%;height:100%}.liquid-art rect{fill:transparent;stroke:transparent;stroke-width:4;cursor:pointer}.liquid-art rect:hover,.liquid-art rect.selected{fill:#1987cb10;stroke:#1688c7}.liquid-captions{display:grid;grid-template-columns:repeat(var(--caption-count),minmax(0,1fr));align-items:start;gap:10px;margin-top:12px}.liquid-caption{font:inherit;font-size:14px;line-height:1.5;color:#153a52;background:transparent;border:0;padding:10px 5px;cursor:pointer;overflow-wrap:anywhere}.liquid-caption[aria-pressed=true]{color:#0671b1;text-decoration:underline;font-weight:700}.liquid-page .actions{display:flex;gap:12px;flex-wrap:wrap;margin:22px 0}.liquid-page .machine-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0}.liquid-page .machine-list label{display:flex;gap:10px;align-items:start;min-width:0;font-size:15px;line-height:1.5}.liquid-page .machine-list input{margin-top:5px;flex:none}.liquid-page .summary{overflow-wrap:anywhere}.liquid-page #continue{min-height:48px;max-width:100%;white-space:normal}.liquid-page :focus-visible{outline:3px solid #1688c7;outline-offset:3px}@media(max-width:700px){.liquid-page main{padding:26px 16px 40px}.liquid-choice label{display:flex;margin:4px 0}.liquid-captions{grid-template-columns:1fr 1fr;gap:8px}.liquid-caption{text-align:start;border:1px solid #d8e4ec;border-radius:5px;min-height:48px;padding:10px;background:#f7fafc}.liquid-caption[aria-pressed=true]{background:#e1f1fb;text-decoration:none}.liquid-page .machine-list{grid-template-columns:1fr}.liquid-page .actions{display:grid;grid-template-columns:1fr}.liquid-page .actions button{width:100%}.liquid-panel h2{font-size:20px}}

.liquid-page .liquid-intro{display:flex;align-items:center;gap:25px;text-align:start;max-width:none;direction:ltr}.liquid-page .liquid-intro .pack{width:260px;flex-shrink:0;margin:0}.liquid-page .liquid-intro-copy{min-width:0;flex:1;overflow-wrap:anywhere}html[dir=rtl] .liquid-intro-copy{direction:rtl}.liquid-art{direction:ltr}@media(max-width:700px){.liquid-page .liquid-intro .pack{width:120px}.liquid-page .liquid-intro{align-items:flex-start;gap:14px}.liquid-page .liquid-intro-copy h1{overflow-wrap:anywhere}}


.liquid-page .machine-list input{width:16px;height:16px;min-width:16px;padding:0;flex:none}.liquid-page #liquid-line{position:relative}.liquid-guides{position:absolute;top:0;overflow:visible;pointer-events:none;z-index:2}.liquid-guides>path{fill:none;stroke:#1688c7;stroke-width:2;stroke-dasharray:6 5}.liquid-art svg{z-index:1}.liquid-art rect:hover{fill:#1688c725;stroke:#1688c7}.liquid-art rect.selected{fill:#1688c718;stroke:#1688c7}@media(max-width:700px){.liquid-captions{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Caption positions follow physical left-to-right machinery; Arabic text remains RTL. */
.liquid-captions{direction:ltr}html[dir=rtl] .liquid-caption{direction:rtl}
