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

.jar-intro{display:grid;grid-template-columns:clamp(100px,25vw,300px) minmax(0,1fr);align-items:center;gap:28px;text-align:start;max-width:none;direction:ltr}.jar-intro .pack{width:100%;max-width:none;margin:0}.jar-intro-copy{min-width:0}.jar-intro-copy>*{overflow-wrap:anywhere}html[dir=rtl] .jar-intro-copy{direction:rtl}@media(max-width:700px){.jar-intro{grid-template-columns:clamp(100px,28vw,160px) minmax(0,1fr);gap:14px;align-items:start}.jar-intro h1{font-size:22px}}

.jar-overview{margin-bottom:18px}.jar-overview .jar-captions{display:none}

/* Continuation guides follow the existing connected-line style. */
#jar-line{position:relative;padding-inline:18px;min-width:0}.jar-lane-connectors{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:2;display:block}.jar-lane-connectors path{pointer-events:none}.jar-page .jar-continuation{visibility:hidden}
@media(max-width:700px){#jar-line{padding-inline:12px}}

/* Coffee-specific guides own these connections; suppress the generic duplicate. */
.jar-page #jar-line>.psi-flow-overlay{display:none!important}

@media(max-width:700px){.jar-mobile-lane .jar-captions{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Compact phone presentation: preserve each complete connected machinery lane. */
@media(max-width:700px){
 .jar-page .jar-desktop-lane{display:block}
 .jar-page .jar-mobile-lanes{display:none}
 .jar-page .jar-desktop-lane .jar-captions{grid-template-columns:minmax(0,1fr);gap:4px;margin-top:12px}
 body.jar-page.psi-standard-line .jar-desktop-lane .jar-caption{flex-direction:row;align-items:center;justify-content:flex-start;gap:10px;min-height:44px;padding:8px 10px;text-align:start;font-size:14px;line-height:1.45;border:1px solid #d8e4ec;border-radius:5px;background:#f7fafc}
 body.jar-page.psi-standard-line .jar-desktop-lane .jar-caption[aria-pressed=true]{background:#e1f1fb;border-color:#1688c7}
 html[dir=rtl] .jar-page .jar-desktop-lane .jar-captions{direction:rtl}
 .jar-page .jar-panel h2{font-size:18px;line-height:1.4;margin:12px 0}
}