/* Stable card geometry and a quiet, four-second progress indicator. */
.featured-progress {width:44px;height:3px;overflow:hidden;border-radius:8px;background:var(--p-border);margin-right:2px}
.featured-progress>i {display:block;height:100%;background:var(--p-emphasis);transform:scaleX(0);transform-origin:left;border-radius:inherit}
.featured-nav [data-featured-toggle] {width:36px;min-width:36px;background:transparent;border-color:transparent}
.featured-nav [data-featured-toggle] svg.featured-play,.featured-nav [data-featured-toggle][data-paused=true] svg.featured-pause {display:none}
.featured-nav [data-featured-toggle][data-paused=true] svg.featured-play {display:block}
.featured-viewport {position:relative;overflow:hidden;padding:3px;margin:-3px}
.featured-viewport>.ob-feature-strip {width:100%}
.featured-viewport>.featured-outgoing {position:absolute;top:3px;left:3px;width:calc(100% - 6px);pointer-events:none}
.featured-viewport .ob-feature:focus-visible {outline-offset:-3px}
.tp-body {display:grid;grid-template-rows:0fr;padding:0;transition:grid-template-rows 320ms var(--p-motion-standard);overflow:hidden}
.tp.open .tp-body {display:grid;grid-template-rows:1fr}
.tp-body-inner {min-height:0;overflow:hidden}
.tp-body-content {padding:0 8px 10px}
.tp-table-clip {overflow:hidden}
@media(max-width:600px){
 .p-feature .ob-feature-team>span {min-height:2.8em;display:flex;align-items:center;justify-content:center;line-height:1.4}
 .featured-nav {gap:6px}
}
@media(prefers-reduced-motion:reduce){.tp-body{transition:none}.featured-progress{display:none}}