/* Reference content, presented within the existing white Tout à Portée story. */
.tap-steam-story { background:#fff; }
.tap-steam-story [hidden] { display:none !important; }
.tap-steam-story section { background:#fff; }
.tap-steam-story .tap-story-nav { justify-content:flex-start; gap:8px 36px; }
.tap-steam-story .tap-steam-heading { display:grid; grid-template-columns:1.1fr 1fr; align-items:end; gap:48px; margin-bottom:36px; }
.tap-steam-story .tap-steam-heading h2 { margin-bottom:0; max-width:680px; }
.tap-steam-story .tap-steam-heading > p { max-width:450px; margin:0 0 3px; justify-self:end; }
.tap-steam-story .tap-steam-intro h2 { font-size:clamp(34px,4.6vw,60px); }
.tap-steam-story .tap-steam-demo-tabs { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); border-block:1px solid var(--story-line); margin-bottom:32px; }
.tap-steam-story .tap-steam-demo-tabs > br { display:none; }
.tap-steam-story .tap-steam-demo-tabs a { display:flex; align-items:center; gap:13px; min-height:72px; padding:16px 14px; border-bottom:3px solid transparent; color:var(--story-muted); font-size:14px; font-weight:550; line-height:1.4; text-decoration:none; }
.tap-steam-story .tap-steam-demo-tabs a span { font-size:11px; font-weight:600; }
.tap-steam-story .tap-steam-demo-tabs a[aria-selected="true"] { border-bottom-color:var(--story-ink); color:var(--story-ink); }
.tap-steam-story .tap-steam-demo-tabs a:hover { color:var(--story-ink); }
.tap-steam-story .tap-steam-demo-panel { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:clamp(32px,7vw,96px); align-items:center; margin-bottom:44px; }
.tap-steam-story .tap-steam-demo-media { min-width:0; justify-self:center; width:min(100%,390px); }
.tap-steam-story video { display:block; width:100%; height:auto; aspect-ratio:400 / 550; object-fit:contain; background:#fff; border-radius:12px; }
.tap-steam-story .tap-steam-demo-copy { max-width:500px; }
.tap-steam-story .tap-steam-demo-copy h3 { font-size:clamp(26px,3vw,38px); line-height:1.14; text-wrap:balance; margin-bottom:22px; }
.tap-steam-story .tap-steam-demo-copy > a { display:inline-block; font-size:14px; padding-block:8px; }
.tap-steam-story .tap-steam-demo-copy .tap-story-note { padding-top:18px; border-top:1px solid var(--story-line); margin-top:22px; }
.tap-steam-story .tap-steam-video-error { margin:12px 0; padding:12px; border:1px solid var(--story-line); font-size:13px; }
.tap-steam-story .tap-steam-motion-toggle { display:inline-flex; align-items:center; min-height:44px; padding:8px 0; margin:4px 0 0; border:0; border-radius:0; background:#fff; color:var(--story-muted); font-family:inherit; font-size:12px; font-weight:400; text-decoration:underline; text-underline-offset:4px; cursor:pointer; }
.tap-steam-story .tap-steam-motion-toggle:hover { color:var(--story-ink); background:#fff; }
.tap-steam-story .tap-steam-motion-toggle:focus-visible { outline:2px solid var(--story-ink); outline-offset:3px; }
.tap-steam-story .tap-steam-uses { margin-block:100px; }
.tap-steam-story .tap-steam-use-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px; }
.tap-steam-story .tap-steam-use-card { min-width:0; }
.tap-steam-story .tap-steam-use-card img { aspect-ratio:1; object-fit:cover; }
.tap-steam-story .tap-steam-use-card .tap-story-kicker { margin-top:24px; margin-bottom:10px; }
.tap-steam-story .tap-steam-use-card h3 { font-size:23px; }
.tap-steam-story .tap-steam-use-card > p:not(.tap-story-kicker) { font-size:14px; line-height:1.7; }
.tap-steam-story .tap-steam-use-card .tap-steam-attachment { margin-bottom:0; padding-top:14px; border-top:1px solid var(--story-line); color:var(--story-ink); font-size:12px; font-weight:550; }
.tap-steam-story .tap-steam-kit { padding-block:58px; border-block:1px solid var(--story-line); }
.tap-steam-story .tap-steam-kit-grid { display:grid; grid-template-columns:1.1fr 1fr; gap:64px; align-items:start; }
.tap-steam-story .tap-steam-kit-grid > figure { position:sticky; top:36px; }
.tap-steam-story .tap-steam-kit-items { min-width:0; }
.tap-steam-story .tap-steam-kit-items details { border-bottom:1px solid var(--story-line); }
.tap-steam-story .tap-steam-kit-items details:first-child { border-top:1px solid var(--story-line); }
.tap-steam-story .tap-steam-kit-items summary { display:grid; grid-template-columns:28px 1fr 16px; align-items:center; gap:14px; min-height:73px; padding-block:14px; cursor:pointer; list-style:none; }
.tap-steam-story .tap-steam-kit-items summary::-webkit-details-marker { display:none; }
.tap-steam-story .tap-steam-number { color:var(--story-muted); font-size:11px; }
.tap-steam-story .tap-steam-kit-items summary strong { display:block; font-size:16px; font-weight:550; }
.tap-steam-story .tap-steam-kit-items summary small { display:block; margin-top:4px; font-size:12px; line-height:1.5; color:var(--story-muted); }
.tap-steam-story .tap-steam-plus { font-size:22px; }
.tap-steam-story .tap-steam-kit-items details[open] .tap-steam-plus { transform:rotate(45deg); }
.tap-steam-story .tap-steam-kit-items details > p { margin:0 0 20px 42px; font-size:14px; }
.tap-steam-story .tap-steam-spec-list { margin:24px 0 0; }
.tap-steam-story .tap-steam-spec-list > div { display:grid; grid-template-columns:110px 1fr; gap:20px; border-top:1px solid var(--story-line); padding-block:15px; font-size:14px; line-height:1.65; }
.tap-steam-story .tap-steam-spec-list dt { color:var(--story-muted); }
.tap-steam-story .tap-steam-spec-list dd { margin:0; }
.tap-steam-story .tap-steam-practical-notes { display:grid; grid-template-columns:1fr 1fr; gap:64px; margin:0 0 88px; }
.tap-steam-story .tap-steam-practical-notes > div { border-top:2px solid var(--story-ink); padding-top:26px; }
.tap-steam-story .tap-steam-practical-notes h3 { font-size:24px; }
.tap-steam-story .tap-steam-practical-notes p { font-size:14px; }
.tap-steam-story .tap-steam-refill { margin-top:30px; padding-top:24px; border-top:1px solid var(--story-line); }
.tap-steam-story .tap-steam-complete { margin-bottom:32px; padding-top:40px; border-top:1px solid var(--story-line); }
.tap-steam-story .tap-steam-complete .tap-story-feature__copy { max-width:440px; }
.tap-steam-story .tap-steam-complete img { max-width:480px; margin-inline:auto; }
@media (max-width:800px) {
  .tap-steam-story .tap-story-nav { gap:0 24px; }
  .tap-steam-story .tap-steam-heading { grid-template-columns:1fr; gap:18px; margin-bottom:26px; }
  .tap-steam-story .tap-steam-heading > p { justify-self:start; max-width:none; font-size:15px; }
  .tap-steam-story .tap-steam-demo-tabs { grid-template-columns:repeat(2,minmax(0,1fr)); margin-bottom:24px; }
  .tap-steam-story .tap-steam-demo-tabs a { gap:9px; min-height:62px; padding:12px 7px; font-size:12px; }
  .tap-steam-story .tap-steam-demo-tabs a:nth-child(-n+2) { border-top:0; }
  .tap-steam-story .tap-steam-demo-panel { grid-template-columns:1fr; gap:26px; }
  .tap-steam-story .tap-steam-demo-media { width:min(100%,340px); }
  .tap-steam-story .tap-steam-demo-copy h3 { font-size:29px; }
  .tap-steam-story .tap-steam-demo-copy p { font-size:15px; }
  .tap-steam-story .tap-steam-uses { margin-block:60px; }
  .tap-steam-story .tap-steam-use-grid { grid-template-columns:1fr; gap:40px; }
  .tap-steam-story .tap-steam-use-card img { aspect-ratio:4 / 3; }
  .tap-steam-story .tap-steam-use-card h3 { font-size:23px; }
  .tap-steam-story .tap-steam-kit { padding-block:38px; }
  .tap-steam-story .tap-steam-kit-grid { grid-template-columns:1fr; gap:28px; }
  .tap-steam-story .tap-steam-kit-grid > figure { position:static; }
  .tap-steam-story .tap-steam-kit-items summary { min-height:76px; }
  .tap-steam-story .tap-steam-spec-list > div { grid-template-columns:100px 1fr; gap:14px; }
  .tap-steam-story .tap-steam-practical-notes { grid-template-columns:1fr; gap:32px; margin-bottom:56px; }
  .tap-steam-story .tap-steam-complete { margin-bottom:20px; }
}
@media (prefers-reduced-motion:reduce) {
  .tap-steam-story * { scroll-behavior:auto; }
}