.capsule-page main{max-width:1288px;margin:auto;padding:36px 24px 60px}.capsule-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%}.capsule-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}.capsule-page .actions{display:flex;gap:12px;flex-wrap:wrap;margin:22px 0}.capsule-page .machine-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0}.capsule-page .machine-list label{display:flex;gap:10px;align-items:start;min-width:0;font-size:15px;line-height:1.5}.capsule-page .machine-list input{margin-top:5px;flex:none}.capsule-page .summary{overflow-wrap:anywhere}.capsule-page #continue{min-height:48px;max-width:100%;white-space:normal}.capsule-page :focus-visible{outline:3px solid #1688c7;outline-offset:3px}@media(max-width:700px){.capsule-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}.capsule-page .machine-list{grid-template-columns:1fr}.capsule-page .actions{display:grid;grid-template-columns:1fr}.capsule-page .actions button{width:100%}.coffee-panel h2{font-size:20px}}

.capsule-page .coffee-intro,.capsule-page .coffee-panel,.capsule-page .coffee-choice{min-width:0}.capsule-page h1,.capsule-page legend{overflow-wrap:anywhere}.capsule-page #capsule-recipe{overflow-wrap:anywhere}.capsule-page .coffee-intro{display:flex;align-items:center;gap:25px;text-align:start;max-width:none;margin:24px 0;direction:ltr}.capsule-page .coffee-intro .pack{width:220px;max-width:100%;flex-shrink:0;margin:0}.capsule-page .coffee-intro-copy{min-width:0;flex:1;overflow-wrap:anywhere}html[dir=rtl] .capsule-page .coffee-intro-copy{direction:rtl}@media(max-width:700px){.capsule-page .coffee-intro{gap:14px}.capsule-page .coffee-intro .pack{width:120px}.capsule-page .coffee-intro h1{font-size:25px;line-height:1.2}.capsule-page .coffee-intro-copy p{font-size:14px}}

/* Capsule page typography and continuation between the approved lanes. */
body.capsule-page{font:16px/1.5 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}html[lang="ar"] body.capsule-page{font-family:"Pacific Arabic",Arial,sans-serif}.capsule-page button,.capsule-page input,.capsule-page select{font-family:inherit}.capsule-page .coffee-lane-transfer{display:block;width:100%;height:72px;margin:-18px 0 0;direction:ltr;overflow:visible;color:#1688c7}.capsule-page .coffee-lane-transfer path{vector-effect:non-scaling-stroke}.capsule-page .coffee-lane-transfer+.coffee-panel{margin-top:0}@media(max-width:700px){.capsule-page .coffee-lane-transfer{height:54px;margin-top:-12px}}