/* Shared neutral capsule with an Air-reference pink glass selection. */
.story-tab-controls{position:relative;width:min(300px,calc(100% - 16px));margin:0 auto 32px}
.home-page #sort .story-tab-controls .story-tabs{width:100%;margin:0}
.story-progress{position:absolute;inset:-4px;width:calc(100% + 8px);max-width:none;height:calc(100% + 8px);fill:none;stroke-width:1.5;pointer-events:none;overflow:visible}
.story-progress-track{stroke:#eadde5}
.story-progress-meter{stroke:#d7477b;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:100;opacity:0}
.story-tab-controls[data-autoplay=playing] .story-progress-meter,.story-tab-controls[data-autoplay=paused] .story-progress-meter{opacity:1}
.story-tab-controls[data-autoplay=static] .story-progress{display:none}
@media(max-width:640px){.story-tab-controls{width:min(240px,calc(100% - 16px));margin-bottom:28px}}
@media(prefers-reduced-motion:reduce){.story-progress{display:none}}
.home-page .story-tabs{width:min(300px,100%);gap:2px;padding:3px;margin-bottom:32px;border:1px solid #e6dde3;background:linear-gradient(180deg,#f7f3f6,#eee8ed);box-shadow:inset 0 1px 0 #fff,inset 0 -1px 1px #48233c08,0 2px 6px -4px #48233c26}
.home-page .story-tab{height:40px;min-height:40px;gap:0;padding:4px 10px;white-space:nowrap;border:1px solid transparent;background:transparent;box-shadow:none;color:#6e5965;transform:none;transition:color 160ms ease,box-shadow 180ms ease,transform 180ms cubic-bezier(.22,1,.36,1)}
.home-page .story-tab::before,.home-page .story-tab::after{content:none}
.home-page .story-tab b{font-size:13px;font-weight:400;line-height:1.3}
.home-page .story-tab[aria-selected=true],.home-page .home-setup .setup-icon-disc{border-color:#ffffffa6;background:radial-gradient(ellipse at 50% -42%,#ffffffa8 0%,#ffffff00 65%),linear-gradient(180deg,#ff93b7 0%,#f92064 40%,#ee1c5d 76%,#ff9aba 140%);color:#fff;box-shadow:inset 0 1px 2px #fff,inset 0 -1px 3px #ffffffa6,inset 3px 0 5px #ffffff4d,inset -3px 0 5px #ffffff4d,0 2px 6px -3px #941c4540;transform:none}
.home-page .story-tab[aria-selected=true]::before,.home-page .setup-icon-disc::before{content:"";position:absolute;inset:1px;border:1px solid #ffffff38;border-radius:inherit;background:linear-gradient(180deg,#ffffff2b 0%,#ffffff00 46%,#ffffff00 76%,#ffffff24 100%);pointer-events:none}
.home-page .story-tab[aria-selected=true]::after{content:none}
.home-page .story-tab[aria-selected=true] b{font-weight:500}
.home-page .story-tab:focus-visible{outline:2px solid #b80c4a;outline-offset:4px}
@media(hover:hover){
  .home-page .story-tab:hover{background:transparent;box-shadow:none;color:#23131d;transform:none;text-decoration:underline;text-underline-offset:4px}
  .home-page .story-tab[aria-selected=true]:hover{background:radial-gradient(ellipse at 50% -42%,#ffffffa8 0%,#ffffff00 65%),linear-gradient(180deg,#ff93b7 0%,#f92064 40%,#ee1c5d 76%,#ff9aba 140%);color:#fff;text-decoration:none;transform:translateY(-1px);box-shadow:inset 0 1px 3px #fff,inset 0 -1px 3px #ffffffb3,inset 3px 0 6px #ffffff59,inset -3px 0 6px #ffffff59,0 4px 10px -4px #941c4540}
  .home-page .story-tab[aria-selected=true]:active{transform:translateY(1px)}
}
@media(prefers-reduced-motion:reduce){.home-page .story-tab[aria-selected=true]:hover,.home-page .story-tab[aria-selected=true]:active{transform:none;transition:none}}
.home-page.home-is-static .story-tab[aria-selected=true]:hover,.home-page.home-is-static .story-tab[aria-selected=true]:active{transform:none;transition:none}
/* The surface selector sits on the frame, with the same pink glass finish. */
.home-page .surface-tabs{position:relative;z-index:2;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px;width:min(252px,calc(100% - 32px));margin:0 auto -1px 24px;padding:3px 3px 0;border:1px solid #e6dde3;border-bottom:0;border-radius:11px 11px 0 0;background:linear-gradient(180deg,#f7f3f6,#eee8ed);box-shadow:inset 0 1px 0 #fff}
.home-page .surface-tabs button{position:relative;isolation:isolate;min-width:0;min-height:36px;gap:7px;padding:4px 12px;border:1px solid transparent;border-bottom:0;border-radius:8px 8px 0 0;background:transparent;color:#6e5965;font-size:13px;font-weight:400;line-height:1.3;transform:none;transition:color 160ms ease,background-color 160ms ease}
.home-page .surface-tabs .hero-tab-mark{display:block;flex:none;width:16px;height:16px;fill:currentColor}
.home-page .surface-tabs button[aria-selected=true]{border-color:#ffffffa6;background:radial-gradient(ellipse at 50% -42%,#ffffffa8 0%,#ffffff00 65%),linear-gradient(180deg,#ff93b7 0%,#f92064 40%,#ee1c5d 76%,#ff9aba 140%);color:#fff;font-weight:500;box-shadow:inset 0 1px 2px #fff,inset 0 -1px 3px #ffffffa6,inset 3px 0 5px #ffffff4d,inset -3px 0 5px #ffffff4d,0 2px 6px -3px #941c4540}
.home-page .surface-tabs button[aria-selected=true]::before{content:"";position:absolute;inset:1px;border:1px solid #ffffff38;border-bottom:0;border-radius:inherit;background:linear-gradient(180deg,#ffffff2b 0%,#ffffff00 46%,#ffffff00 76%,#ffffff24 100%);pointer-events:none}
.home-page .surface-tabs button:focus-visible{outline:2px solid #b80c4a;outline-offset:4px}
.home-page .surface-tabs button:active{transform:none}
@media(hover:hover){.home-page .surface-tabs button:not([aria-selected=true]):hover{background:#ffffff52;color:#23131d}}
@media(pointer:coarse),(max-width:640px){.home-page .surface-tabs button{min-height:44px}}
@media(max-width:640px){.home-page .surface-tabs{margin-left:16px}}
@media(prefers-reduced-motion:reduce){.home-page .surface-tabs button{transition:none}}
.home-page .story-showcase+.lnk{margin-top:24px}
@media(pointer:coarse),(max-width:640px){.home-page .story-tab{height:40px;min-height:40px}}
.home-page .home-setup{padding-top:28px;gap:36px}
.home-page .home-setup>div{grid-template-columns:minmax(0,1fr);gap:9px;align-content:start;justify-items:center;text-align:center}
.home-page .home-setup .setup-icon-disc{position:relative;isolation:isolate;display:grid;place-items:center;width:48px;height:48px;margin-bottom:9px;border:1px solid #ffffffa6;border-radius:50%;max-width:none;line-height:1}
.home-page .home-setup .setup-icon{position:relative;z-index:1;display:block;width:22px;height:22px;color:inherit;margin:0}
.home-page .home-setup b{font-size:15px;line-height:1.4;text-wrap:balance}
.home-page .home-setup span{font-size:13px;line-height:1.6;max-width:28ch}
@media(max-width:640px){
  .home-page .story-tabs{width:min(240px,100%);margin-bottom:27px}
  .home-page .story-tab{padding-inline:12px}
  .home-page .home-setup{grid-template-columns:1fr;gap:28px;padding-top:28px}
  .home-page .home-setup>div{grid-template-columns:1fr;gap:7px;justify-items:center;text-align:center}
  .home-page .home-setup .setup-icon-disc{margin-bottom:5px}
  .home-page .home-setup b{font-size:14px}
  .home-page .home-setup span{font-size:13px;max-width:30ch}
}