.product-tour-hero { padding:72px 0 80px; background:#faf9f5; }
.product-tour-hero h1 { margin:0 0 24px; }
.product-tour-hero > .shell > .intro { max-width:760px; margin:0 0 40px; color:#53635b; }
.product-tour-player { position:relative; border:1px solid #c4cfc2; border-radius:16px; overflow:hidden; background:#fffdf8; scroll-margin-top:110px; }
.tour-chapter-anchor { position:absolute; top:0; left:0; width:1px; height:1px; scroll-margin-top:110px; }
.product-tour-player video { display:block; width:100%; aspect-ratio:16/9; background:#172c22; }
.tour-chapters { display:grid; grid-auto-flow:column; grid-auto-columns:minmax(0,1fr); }
.tour-chapters a { display:flex; flex-direction:column; gap:10px; padding:22px 18px; color:#294638; text-decoration:none; border-top:3px solid transparent; border-right:1px solid #dce3d5; font-size:14px; line-height:1.5; }
.tour-chapters time { font-size:12px; color:#68766a; }
.tour-chapters a[aria-current] { border-top-color:#b66033; background:#edf2e8; }
.tour-chapters a:hover { background:#edf2e8; }
.tour-chapters a:focus-visible { outline:3px solid #b66033; outline-offset:-4px; }
.product-tour-hero .film-note { margin-top:20px; }
.tour-assistant { background:#eaf0f2; color:#25352e; }
.tour-assistant .section-heading .intro { color:#53635b; }
.tour-planning { background:#edf2e8; }
.product-tour-player video::cue { font-family:inherit; font-size:16px; background:#172c22e8; color:#fffdf8; }
.tour-assistant .product-tour-player video { aspect-ratio:8/5; }
.tour-stages { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; margin:24px 0 0; padding-left:24px; color:#53635b; }
.product-tour-hero .film-transcript,.tour-planning .film-transcript { margin-top:24px; }
.tour-extra { padding-block:28px; }
.tour-extra > details > summary { cursor:pointer; min-height:48px; padding:12px 0; font-size:18px; font-weight:550; color:#294638; }
.tour-extra .shell { width:100%; }
.tour-extra .planning-film-section { padding-block:28px; }
@media(max-width:760px) {
  .product-tour-hero { padding:42px 0 56px; }
  .tour-chapters { grid-auto-flow:row; grid-template-columns:repeat(2,minmax(0,1fr)); }
  .tour-chapters a { min-height:88px; padding:14px; }
  .product-tour-player { border-radius:10px; scroll-margin-top:85px; }
  .tour-chapter-anchor { scroll-margin-top:85px; }
  .tour-stages { grid-template-columns:1fr; gap:12px; }
  .product-tour-player video::cue { font-size:11px; }
  .tour-assistant .product-tour-player { max-width:390px; margin-inline:auto; }
  .tour-assistant .product-tour-player video { aspect-ratio:390/684; object-fit:contain; }
}