/* Fixed portrait rail from Figma See It In Action V4. */
.tb-action{border-top:1px solid var(--color-border-subtle);padding:24px var(--page-inset) 32px;width:100%;margin:0}
.tb-action-inner{max-width:1500px;margin:0 auto;display:flex;flex-direction:column;gap:24px;min-width:0}
.tb-action h2{font-family:Moret,Georgia,serif;font-size:30px;font-weight:400;line-height:36px;text-align:center;margin:0;color:var(--text-body);letter-spacing:0;text-transform:none}
.tb-action-viewport{position:relative;min-width:0}.tb-action-rail{display:flex;gap:24px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none}.tb-action-rail::-webkit-scrollbar{display:none}
.tb-action-card{position:relative;flex:0 0 230px;width:230px;height:287.5px;overflow:hidden;border:0;border-radius:16px;padding:0;background:var(--color-border-subtle);scroll-snap-align:start;display:flex;align-items:center;justify-content:center}
button.tb-action-card{cursor:pointer}.tb-action-poster{width:100%;height:100%;object-fit:cover;transform:scale(1.34)}.tb-action-play{position:absolute;inset:0;margin:auto;width:48px;height:48px;display:flex;align-items:center;justify-content:center}.tb-action-play img:first-child{position:absolute;inset:0;width:48px;height:48px}.tb-action-play img:last-child{position:relative;width:24px;height:24px}
.tb-action-prev,.tb-action-next{position:absolute;top:50%;transform:translateY(-50%);width:24px;height:84px;border:0;background:var(--background-default);padding:0;display:flex;align-items:center;justify-content:center;cursor:pointer}.tb-action-prev{left:calc(-1 * min(40px, var(--page-gutter) - 4px))}.tb-action-next{right:calc(-1 * min(40px, var(--page-gutter) - 4px))}.tb-action-prev img,.tb-action-next img{width:24px;height:24px}.tb-action-prev:disabled,.tb-action-next:disabled{opacity:.3;cursor:default}.tb-action :focus-visible{outline:2px solid var(--color-border-selected);outline-offset:-3px}
.tb-action-dialog{width:min(960px,calc(100% - 32px));max-height:calc(100dvh - 32px);padding:20px;border:1px solid #8aad86;border-radius:16px;background:#fef9eb;color:#3a5b39;margin:auto;overflow:auto}.tb-action-dialog::backdrop{background:#0009}.tb-action-dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.tb-action-dialog h2{font-family:Moret,Georgia,serif;font-size:24px;line-height:29px;font-weight:400;margin:0;text-transform:none;letter-spacing:0}.tb-action-close{border:1px solid currentColor;background:transparent;color:inherit;border-radius:4px;padding:8px 12px;min-height:44px;cursor:pointer;font:inherit;white-space:nowrap}.tb-action-player{aspect-ratio:16/9;background:#000}.tb-action-player iframe{width:100%;height:100%;border:0;display:block}.tb-action-dialog>a{display:inline-block;margin-top:12px;text-decoration:underline;font-size:14px}.tb-action-dialog :focus-visible{outline:2px solid #3a5b39;outline-offset:3px}
@media(max-width:767px){.tb-action{padding:24px 16px 32px}.tb-action-inner{gap:16px}.tb-action-rail{gap:16px}.tb-action-card{flex-basis:128px;width:128px;height:160px}.tb-action-prev{left:0}.tb-action-next{right:0}.tb-action-prev:disabled{visibility:hidden}.tb-action-dialog-heading{align-items:flex-start}.tb-action-dialog{padding:16px}}
@media(prefers-reduced-motion:no-preference){.tb-action-rail{scroll-behavior:smooth}}

.tb-action-credit{margin:0 0 12px;font:14px/20px Manrope,sans-serif;color:#57534c}.tb-action{scroll-margin-top:180px}
@media(max-width:767px){.tb-action{scroll-margin-top:80px}}