.gastro-intro{display:block}.gastro-intro-copy{display:grid;grid-template-columns:1fr 1fr;column-gap:80px;align-items:start;margin-bottom:38px}.gastro-intro-copy>.eyebrow{grid-column:1/-1}.gastro-intro-copy h2{grid-row:2/5;margin-bottom:0}.gastro-intro-copy .gastro-lead{margin-top:0}.gastro-intro-copy .gastro-flow{margin-top:3px}
.gastro-tour{margin:0;padding:12px;background:#fff;border:1px solid #d2e0f3;border-radius:24px;box-shadow:0 35px 80px -40px #20466d55;min-width:0;position:relative}.tour-windowbar{display:flex;align-items:center;gap:14px;padding:8px 10px 18px;color:#587292;font-size:10px;font-weight:600;letter-spacing:.05em}.tour-dots{display:flex;gap:5px}.tour-dots i{width:6px;height:6px;border-radius:50%;background:#cedcec}.tour-dots i:first-child{background:#79aaf8}.tour-live{margin-left:auto;letter-spacing:0;color:#5b7b66}.tour-screen{position:relative;overflow:hidden;border:1px solid #d9e3ef;border-radius:13px;background:#eff4f1}.tour-screen video{display:block;width:100%;height:auto;aspect-ratio:1280/800;background:#eff4f1;object-fit:contain}.tour-expand{position:absolute;right:14px;top:14px;display:grid;place-items:center;width:44px;height:44px;border:1px solid #d0def0;border-radius:10px;color:var(--ink);background:#fffffff0;box-shadow:0 5px 15px #102e4525;transition:background .2s,transform .2s}.tour-expand:hover{background:#deebff;transform:scale(1.06)}.tour-expand svg{width:19px;height:19px}.tour-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 13px 17px}.tour-toolbar>div{display:flex;align-items:center;gap:18px}.tour-number{font-size:10px;letter-spacing:.08em;color:#7890ac;white-space:nowrap}.tour-toolbar strong{font-size:16px;line-height:1.5;font-weight:600;letter-spacing:-.02em}.tour-play{display:grid;place-items:center;width:44px;height:44px;flex-shrink:0;padding:0;border:1px solid #ccddf4;border-radius:11px;background:#edf4ff;color:var(--blue);font-size:18px}.tour-play:hover{background:#dceaff}.tour-steps{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:7px;padding:0 10px 12px}.tour-steps button{min-width:0;min-height:44px;padding:10px 5px;border:1px solid #d8e4f4;border-radius:9px;background:#f6f9fe;color:#5e7591;font-size:10px;line-height:1.4;font-weight:600;transition:background .2s,color .2s,border-color .2s}.tour-steps button:hover{border-color:#8bb6ff;color:#174cb7}.tour-steps button[aria-pressed="true"]{background:var(--blue);border-color:var(--blue);color:#fff}.gastro-tour>figcaption{padding:3px 13px 8px;color:#71869d;font-size:10px;line-height:1.9}.tour-dialog{width:min(1400px,calc(100vw - 32px));max-width:calc(100vw - 32px);max-height:calc(100dvh - 28px);padding:0;border:1px solid #cbdcf2;border-radius:18px;background:#f5f8fc;color:var(--ink);box-shadow:0 30px 120px #00193d88}.tour-dialog::backdrop{background:#06172cde;backdrop-filter:blur(10px)}.tour-dialog-header{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:15px 21px;background:#fff;border-bottom:1px solid var(--line)}.tour-dialog-header strong{font-size:14px;font-weight:600}.tour-dialog-header small{display:block;margin-top:5px;font-size:10px;color:#7488a1}.tour-dialog-header button,.tour-dialog-footer button{padding:10px 14px;min-height:44px;border:1px solid #cadcf4;border-radius:9px;background:#ecf3ff;color:var(--blue);font-size:12px}.tour-dialog-content{padding:10px}.tour-dialog-content .tour-screen{max-width:calc((100dvh - 190px)*1.6);margin:auto}.tour-dialog-content .tour-expand{display:none}.tour-dialog-footer{display:flex;align-items:center;justify-content:center;gap:12px;padding:0 20px 15px}.tour-dialog-footer strong{font-size:12px;font-weight:600;margin-right:auto}.tour-dialog-footer button{min-width:44px}.tour-dialog-footer button:hover,.tour-dialog-header button:hover{background:#dbe9ff}html:has(.tour-dialog[open]){overflow:hidden}
@media(max-width:1000px){.gastro-intro-copy{column-gap:35px}.tour-steps{grid-template-columns:repeat(5,minmax(0,1fr))}.tour-toolbar strong{font-size:14px}}
@media(max-width:670px){.gastro-intro-copy{display:block;margin-bottom:28px}.gastro-intro-copy h2{margin-bottom:24px}.gastro-tour{padding:7px;border-radius:16px}.tour-windowbar{font-size:8px;padding:8px 5px 13px;gap:8px}.tour-live{font-size:7px}.tour-screen{border-radius:9px}.tour-expand{width:40px;height:40px;top:9px;right:9px}.tour-toolbar{gap:12px;padding:16px 6px 13px}.tour-toolbar>div{display:block}.tour-number{display:block;margin-bottom:5px;font-size:8px}.tour-toolbar strong{font-size:12px}.tour-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;padding:0 4px 8px}.tour-steps button{font-size:9px;min-height:44px}.gastro-tour>figcaption{font-size:9px;padding:4px 6px 7px}.tour-dialog{width:calc(100vw - 12px);max-width:calc(100vw - 12px);border-radius:13px}.tour-dialog-header{padding:13px;gap:10px}.tour-dialog-header strong{font-size:12px}.tour-dialog-header small{font-size:8px}.tour-dialog-header button{font-size:10px;padding:9px}.tour-dialog-content{padding:5px}.tour-dialog-footer{padding:5px 10px 12px;gap:7px;flex-wrap:wrap}.tour-dialog-footer strong{font-size:10px;line-height:1.7}.tour-dialog-footer button{padding:8px 10px}.tour-dialog-content .tour-screen{max-width:100%}}
@media(max-width:420px){.tour-live{display:none}.tour-windowbar{font-size:7px}.tour-toolbar strong{font-size:11px}}
@media(prefers-reduced-motion:reduce){.tour-expand{transition:none}.tour-expand:hover{transform:none}}

/* A large preview and stationary, vertical chapter targets share the section width. */
.gastro-tour{width:100%;max-width:none;margin:0;padding:18px;display:grid;grid-template-columns:minmax(0,1fr) 260px;grid-template-areas:"bar bar" "screen steps" "toolbar steps" "caption caption";gap:14px 20px}
.gastro-tour>.tour-windowbar{grid-area:bar;padding:2px 4px 4px;min-width:0;font-size:10px}
.gastro-tour>.tour-screen{grid-area:screen;display:grid;place-items:center;min-width:0;align-self:stretch;background:#eaf0ee}
.gastro-tour>.tour-screen video{width:100%;height:auto;max-height:none;aspect-ratio:1280/800;object-fit:contain}
.gastro-tour>.tour-toolbar{grid-area:toolbar;min-width:0;height:56px;padding:0 4px;gap:14px}
.gastro-tour>.tour-toolbar>div{min-width:0;display:flex;gap:14px;align-items:center}
.gastro-tour .tour-toolbar strong{font-size:15px;line-height:1.5}
.gastro-tour .tour-number{font-size:10px}
.gastro-tour>.tour-steps{grid-area:steps;display:grid;grid-template-columns:minmax(0,1fr);grid-auto-flow:row;grid-auto-columns:auto;grid-auto-rows:minmax(44px,1fr);gap:7px;padding:0;overflow:visible;scroll-snap-type:none;counter-reset:tour-step}
.gastro-tour>.tour-steps button{display:grid;grid-template-columns:30px minmax(0,1fr) 16px;align-items:center;column-gap:12px;width:100%;min-height:48px;padding:12px 14px;text-align:left;font-size:13px;line-height:1.4;white-space:normal;border-radius:12px;counter-increment:tour-step;transition:background .2s,color .2s,border-color .2s,box-shadow .2s}
.gastro-tour>.tour-steps button:before{content:counter(tour-step,decimal-leading-zero) / '';display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:#e7effc;color:#5e79a1;font-size:10px;letter-spacing:.04em}
.gastro-tour>.tour-steps button:after{content:'↗' / '';font-size:16px;color:#7b96bc}
.gastro-tour>.tour-steps button:hover{background:#edf4ff;border-color:#8bb6ff;box-shadow:0 5px 15px -10px #2563eb88}
.gastro-tour>.tour-steps button[aria-pressed="true"]{background:var(--blue);border-color:var(--blue);color:#fff;box-shadow:0 8px 20px -12px #2563ebaa}
.gastro-tour>.tour-steps button[aria-pressed="true"]:before{background:#ffffff26;color:#fff}
.gastro-tour>.tour-steps button[aria-pressed="true"]:after{color:#fff}
.gastro-tour>.tour-steps button:focus-visible{outline:3px solid #8bb6ff;outline-offset:3px}
.gastro-tour>figcaption{grid-area:caption;padding:0 4px;font-size:11px;line-height:1.7}
.tour-dialog{width:min(1100px,calc(100vw - 32px));height:min(780px,calc(100dvh - 32px));max-height:calc(100dvh - 32px);overflow:hidden}
.tour-dialog[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto}
.tour-dialog-content{min-height:0;display:flex;align-items:center;justify-content:center;overflow:hidden}
.tour-dialog-content .tour-screen{width:100%;height:100%;max-width:none;max-height:100%;margin:0}
.tour-dialog-content video{width:100%;height:100%;max-height:100%;min-height:0;aspect-ratio:auto;object-fit:contain}
.tour-dialog-footer{display:grid;grid-template-columns:44px minmax(0,1fr) 44px 44px;gap:10px;padding:0 16px 16px}
.tour-dialog-footer strong{margin-right:0;min-width:0;line-height:1.5}
.tour-dialog-footer>.tour-steps{grid-column:1/-1;padding:0;grid-template-columns:repeat(9,minmax(0,1fr))}
.tour-dialog-footer>.tour-steps button{min-width:0;padding:8px 5px;font-size:10px}
@media(max-width:1000px){
  .tour-dialog-footer>.tour-steps{grid-template-columns:repeat(5,minmax(0,1fr))}
}
@media(max-width:670px){
  .tour-dialog{width:calc(100vw - 12px);max-width:calc(100vw - 12px);height:min(780px,calc(100dvh - 16px));max-height:calc(100dvh - 16px)}
  .tour-dialog-footer{grid-template-columns:44px minmax(0,1fr) 44px 44px;padding:5px 10px 12px;gap:7px}
  .tour-dialog-footer>.tour-steps{grid-template-columns:repeat(3,minmax(0,1fr))}
  .tour-dialog-footer>.tour-steps button{font-size:9px}
}
@media(max-height:700px){
  .tour-dialog-footer>.tour-steps{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(100px,1fr);overflow-x:auto;overscroll-behavior-x:contain;padding-bottom:7px;scroll-snap-type:x proximity}
  .tour-steps button{scroll-snap-align:start;white-space:nowrap}
  .tour-dialog-header{padding:10px 14px}
  .tour-dialog-header small{display:none}
}

@media(min-width:761px) and (max-height:780px){
  .gastro-tour{padding:14px;gap:10px 16px}
  .gastro-tour>.tour-screen video{max-height:max(300px,calc(100dvh - var(--header,86px) - 200px));aspect-ratio:auto}
  .gastro-tour>.tour-steps{gap:5px;grid-auto-rows:minmax(40px,1fr)}
  .gastro-tour>.tour-steps button{min-height:40px;padding:7px 12px}
  .gastro-tour>.tour-toolbar{height:48px}
}
@media(max-width:1000px) and (min-width:761px){.gastro-tour{grid-template-columns:minmax(0,1fr) 230px;gap:12px 16px}.gastro-tour>.tour-steps button{column-gap:8px;font-size:12px}}
@media(max-width:760px){
  .gastro-tour{padding:12px;border-radius:18px;grid-template-columns:minmax(0,1fr);grid-template-areas:"bar" "screen" "toolbar" "steps" "caption";gap:12px}
  .gastro-tour>.tour-windowbar{font-size:8px;gap:8px}
  .gastro-tour .tour-live{font-size:8px}
  .gastro-tour>.tour-toolbar{height:96px;padding:0 2px;gap:12px}
  .gastro-tour>.tour-toolbar>div{display:block}
  .gastro-tour .tour-number{display:block;margin-bottom:6px;font-size:9px}
  .gastro-tour .tour-toolbar strong{font-size:14px}
  .gastro-tour>.tour-steps{grid-auto-rows:auto;gap:7px}
  .gastro-tour>.tour-steps button{min-height:54px;padding:11px 14px;font-size:14px;column-gap:14px}
  .gastro-tour>figcaption{font-size:10px;line-height:1.7;padding:2px}
}

@media(max-width:670px) and (min-height:651px){
  .tour-dialog[open]{display:block;height:fit-content}
  .tour-dialog-content{display:block}
  .tour-dialog-content .tour-screen{height:auto;aspect-ratio:1280/800}
  .tour-dialog-content video{height:auto;aspect-ratio:1280/800}
}