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

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

.coffee-mobile-lanes{display:none}@media(max-width:700px){.coffee-panel[data-panel=endline]>.coffee-art{display:none}.coffee-mobile-lanes{display:grid;gap:16px;direction:ltr}.coffee-mobile-lanes svg{display:block;width:100%;height:auto;background:white;border:1px solid #dbe4e9;border-radius:8px}.coffee-panel[data-panel=endline] .coffee-caption{min-height:52px}}

/* Keep the approved complete end-line in a single phone lane. */
@media(max-width:700px){.coffee-panel[data-panel=endline]>.coffee-art{display:block}.coffee-mobile-lanes{display:none}.coffee-captions{grid-template-columns:repeat(2,minmax(0,1fr))}}