/* =========================================================
   SearchEV Web Stories – front end
   Columns come from CSS vars set by the shortcode:
   --sevws-d (desktop ≥1025px)  --sevws-t (tablet 641–1024px)  --sevws-m (mobile ≤640px)
   ========================================================= */
.sevws {
	--sevws-accent: #00b259;
	--sevws-ratio: 9/16;
	--sevws-gap: 18px;
	--sevws-cols: var(--sevws-d, 4);
	--sevws-ink: #0f172a;
	--sevws-muted: #5b6474;
	--sevws-line: #e3e7ee;
	--sevws-soft: #f4f6f9;
	box-sizing: border-box;
	margin: 0 auto 32px;
	color: var(--sevws-ink);
	font-family: inherit;
}
.sevws *, .sevws *::before, .sevws *::after { box-sizing: border-box; }
@media (max-width: 1024px) { .sevws { --sevws-cols: var(--sevws-t, 3); --sevws-gap: 14px; } }
@media (max-width: 640px)  { .sevws { --sevws-cols: var(--sevws-m, 2); --sevws-gap: 10px; } }

/* ---------- Category tabs ---------- */
.sevws-chips { display: flex; gap: 12px; overflow-x: auto; padding: 4px 2px 16px; margin: 0 0 6px; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
.sevws-chips::-webkit-scrollbar { display: none; }
.sevws-chip { flex: 0 0 auto; height: 52px; padding: 0 26px !important; border: 2px solid #d9dbe0 !important; border-radius: 14px !important; background: #fff !important; color: #0b0b0b !important; font-family: inherit; font-size: 17px; font-weight: 500; line-height: 1; letter-spacing: 0; text-transform: none; white-space: nowrap; cursor: pointer; box-shadow: none !important; transition: background .18s, border-color .18s, color .18s, transform .18s; }
.sevws-chip:hover { border-color: #0b0b0b !important; }
.sevws-chip:active { transform: scale(.97); }
.sevws-chip.is-active { background: #000 !important; border-color: #000 !important; color: #fff !important; }
.sevws-chip:focus-visible { outline: 3px solid color-mix(in srgb, var(--sevws-accent) 45%, transparent); outline-offset: 2px; }
@media (max-width: 640px) { .sevws-chips { gap: 8px; } .sevws-chip { height: 44px; padding: 0 18px !important; font-size: 15px; border-radius: 12px !important; } }

/* ---------- Stand-alone search bar ---------- */
.sevws-sbar { position: relative; display: flex; align-items: center; width: 100%; margin: 0 auto 24px; }
.sevws-sbar__icon { position: absolute; left: 18px; top: 50%; width: 20px; height: 20px; transform: translateY(-50%); fill: none; stroke: #6b7280; stroke-width: 2; stroke-linecap: round; pointer-events: none; }
.sevws-sbar__input { width: 100%; height: 56px; padding: 0 112px 0 50px !important; border: 2px solid #d9dbe0 !important; border-radius: 14px !important; background: #fff !important; color: #0b0b0b; font-family: inherit; font-size: 17px; outline: none; box-shadow: none !important; transition: border-color .15s, box-shadow .15s; -webkit-appearance: none; appearance: none; }
.sevws-sbar__input::placeholder { color: #8a909c; opacity: 1; }
.sevws-sbar__input:focus { border-color: #000 !important; box-shadow: 0 0 0 4px color-mix(in srgb, var(--sevws-accent) 20%, transparent) !important; }
.sevws-sbar__input::-webkit-search-cancel-button { display: none; }
.sevws-sbar__clear { position: absolute; right: 62px; top: 50%; transform: translateY(-50%); width: 28px; height: 28px; border: 0 !important; border-radius: 50%; background: #eef0f3 !important; color: #5b6474 !important; font-size: 18px; line-height: 1; padding: 0 !important; cursor: pointer; }
.sevws-sbar__clear[hidden] { display: none; }
.sevws-sbar__go { position: absolute; right: 8px; top: 50%; transform: translateY(-50%); width: 42px; height: 42px; border: 0 !important; border-radius: 10px !important; background: #000 !important; display: grid; place-items: center; padding: 0 !important; cursor: pointer; transition: background .18s; }
.sevws-sbar__go svg { width: 20px; height: 20px; fill: none; stroke: #fff; stroke-width: 2.2; stroke-linecap: round; }
.sevws-sbar__go:hover { background: var(--sevws-accent) !important; }
@media (max-width: 640px) { .sevws-sbar__input { height: 50px; font-size: 16px; padding-right: 104px !important; } .sevws-sbar__go { width: 38px; height: 38px; } .sevws-sbar__clear { right: 56px; } }

.sevws-status { font-size: 14px; color: var(--sevws-muted); min-height: 0; }
.sevws-status:not(:empty) { margin-bottom: 10px; }

/* ---------- Grid ---------- */
.sevws-grid { display: grid; grid-template-columns: repeat(var(--sevws-cols), minmax(0, 1fr)); gap: var(--sevws-gap); transition: opacity .2s; }
.sevws.is-loading .sevws-grid, .sevws.is-loading .sevws-track { opacity: .45; pointer-events: none; }
.sevws-empty { grid-column: 1 / -1; text-align: center; padding: 48px 16px; color: var(--sevws-muted); background: var(--sevws-soft); border-radius: 14px; margin: 0; }

/* ---------- Card ---------- */
.sevws-card { margin: 0; min-width: 0; }
.sevws-card__link { display: block; text-decoration: none !important; color: #fff; border-radius: 18px; outline-offset: 3px; transition: transform .35s cubic-bezier(.2,.7,.2,1); }
.sevws-card__link:hover, .sevws-card__link:focus-visible { transform: translateY(-5px); }
.sevws-card__media { position: relative; aspect-ratio: var(--sevws-ratio); border-radius: 18px; overflow: hidden; background: #111827; box-shadow: 0 1px 2px rgba(15,23,42,.08), 0 10px 24px -12px rgba(15,23,42,.45); transform: translateZ(0); transition: box-shadow .35s; }
.sevws-card__link:hover .sevws-card__media, .sevws-card__link:focus-visible .sevws-card__media { box-shadow: 0 2px 4px rgba(15,23,42,.1), 0 22px 36px -14px color-mix(in srgb, var(--sevws-accent) 60%, #0f172a); }
.sevws-card__media .sevws-card__img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .6s cubic-bezier(.2,.7,.2,1); }
.sevws-card__link:hover .sevws-card__img, .sevws-card__link:focus-visible .sevws-card__img { transform: scale(1.07); }
/* accent glow edge on hover */
.sevws-card__media::after { content: ""; position: absolute; inset: 0; border-radius: inherit; pointer-events: none; box-shadow: inset 0 0 0 0 var(--sevws-accent); transition: box-shadow .3s; }
.sevws-card__link:hover .sevws-card__media::after, .sevws-card__link:focus-visible .sevws-card__media::after { box-shadow: inset 0 0 0 2px var(--sevws-accent); }

/* bottom panel: icon + brand + heading + date */
.sevws-card__overlay { position: absolute; inset: auto 0 0 0; padding: 70px 14px 14px; display: grid; grid-template-columns: 40px minmax(0, 1fr); column-gap: 10px; row-gap: 2px; align-items: center; background: linear-gradient(to top, rgba(4,8,14,.96) 0%, rgba(4,8,14,.78) 45%, rgba(4,8,14,0) 100%); }
.sevws-card__overlay::before { content: ""; position: absolute; left: 14px; right: 14px; bottom: 0; height: 3px; border-radius: 3px 3px 0 0; background: linear-gradient(90deg, var(--sevws-accent), transparent); transform: scaleX(.25); transform-origin: left; transition: transform .5s cubic-bezier(.2,.7,.2,1); }
.sevws-card__link:hover .sevws-card__overlay::before, .sevws-card__link:focus-visible .sevws-card__overlay::before { transform: scaleX(1); }

/* icon with a "story ring" */
.sevws-card__logo { grid-row: 1 / span 2; width: 40px; height: 40px; border-radius: 50%; padding: 2px; background: conic-gradient(from 210deg, var(--sevws-accent), #b6ff3b, #00e0a4, var(--sevws-accent)); box-shadow: 0 4px 14px -2px color-mix(in srgb, var(--sevws-accent) 70%, transparent); display: block; }
.sevws-card__logo img { width: 100% !important; height: 100% !important; max-width: none !important; border-radius: 50%; border: 2px solid #0b0f14; background: #000; object-fit: cover; display: block; }
.sevws-card__link:hover .sevws-card__logo { animation: sevws-ring 2.4s linear infinite; }
@keyframes sevws-ring { to { transform: rotate(360deg); } }
.sevws-card__link:hover .sevws-card__logo img { animation: sevws-ring-rev 2.4s linear infinite; }
@keyframes sevws-ring-rev { to { transform: rotate(-360deg); } }

.sevws-card__brand { align-self: end; font-size: 11px !important; font-weight: 800 !important; text-transform: uppercase; letter-spacing: .08em; color: color-mix(in srgb, var(--sevws-accent) 55%, #fff) !important; line-height: 1.2; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sevws-card__date { align-self: start; font-size: 11.5px !important; color: rgba(255,255,255,.7) !important; line-height: 1.2; }
.sevws-card__title { grid-column: 1 / -1; order: 5; margin: 8px 0 0 !important; padding: 0 !important; color: #fff !important; font-size: 16px !important; line-height: 1.28 !important; font-weight: 800 !important; letter-spacing: -.005em; text-transform: none !important; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-shadow: 0 1px 8px rgba(0,0,0,.4); }
.sevws-card__go { position: absolute; right: 14px; bottom: 14px; width: 30px; height: 30px; border-radius: 50%; background: var(--sevws-accent); display: grid; place-items: center; opacity: 0; transform: translate(-6px, 6px) scale(.8); transition: all .3s cubic-bezier(.2,.7,.2,1); }
.sevws-card__go svg { width: 15px; height: 15px; fill: none; stroke: #fff; stroke-width: 2.4; stroke-linecap: round; stroke-linejoin: round; }
.sevws-card__link:hover .sevws-card__go, .sevws-card__link:focus-visible .sevws-card__go { opacity: 1; transform: none; }

/* play button, top right, with soft pulse */
.sevws-card__play { position: absolute; top: 12px; right: 12px; width: 34px; height: 34px; border-radius: 50%; background: rgba(8,12,18,.45); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); border: 1.5px solid rgba(255,255,255,.85); }
.sevws-card__play::before { content: ""; position: absolute; inset: -5px; border-radius: 50%; border: 2px solid var(--sevws-accent); opacity: .9; animation: sevws-pulse 2.2s ease-out infinite; }
.sevws-card__play::after { content: ""; position: absolute; left: 13px; top: 9px; border-style: solid; border-width: 7px 0 7px 11px; border-color: transparent transparent transparent #fff; }
@keyframes sevws-pulse { 0% { transform: scale(.85); opacity: .9; } 100% { transform: scale(1.35); opacity: 0; } }
@media (max-width: 640px) {
	.sevws-card__media, .sevws-card__link { border-radius: 14px; }
	.sevws-card__overlay { padding: 56px 10px 10px; grid-template-columns: 32px minmax(0, 1fr); column-gap: 8px; }
	.sevws-card__logo { width: 32px; height: 32px; }
	.sevws-card__brand { font-size: 10px !important; }
	.sevws-card__date { display: none; }
	.sevws-card__title { font-size: 13px !important; margin-top: 6px !important; -webkit-line-clamp: 3; }
	.sevws-card__play { width: 28px; height: 28px; top: 9px; right: 9px; }
	.sevws-card__play::after { left: 10px; top: 7px; border-width: 5.5px 0 5.5px 9px; }
	.sevws-card__go { display: none; }
}

/* ---------- Pagination ---------- */
.sevws-foot { display: flex; flex-direction: column; align-items: center; gap: 12px; margin-top: 18px; }
.sevws-foot:empty { display: none; }
.sevws-pager { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; justify-content: center; }
.sevws-pager__btn { min-width: 40px; height: 40px; padding: 0 12px; border: 1.5px solid var(--sevws-line); background: #fff; color: var(--sevws-ink); border-radius: 10px; font-size: 15px; font-weight: 600; cursor: pointer; transition: all .15s; }
.sevws-pager__btn:hover:not(:disabled) { border-color: var(--sevws-accent); color: var(--sevws-accent); }
.sevws-pager__btn.is-active { background: var(--sevws-accent); border-color: var(--sevws-accent); color: #fff; }
.sevws-pager__btn:disabled { opacity: .4; cursor: default; }
.sevws-pager__gap { color: var(--sevws-muted); padding: 0 2px; }
.sevws-loadmore { border: 0; background: var(--sevws-ink); color: #fff; padding: 12px 26px; border-radius: 999px; font-weight: 700; font-size: 15px; cursor: pointer; }
.sevws-loadmore:hover { background: var(--sevws-accent); }

/* ---------- Widget ---------- */
.sevws-widget__head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 12px; }
.sevws-widget__title { margin: 0; font-size: 20px; font-weight: 800; line-height: 1.25; display: flex; align-items: center; gap: 8px; }
.sevws-widget__title::before { content: ""; width: 4px; height: 20px; border-radius: 2px; background: var(--sevws-accent); }
.sevws-widget__actions { display: flex; align-items: center; gap: 8px; }
.sevws-viewall { font-weight: 700; font-size: 14px; color: var(--sevws-accent) !important; text-decoration: none !important; margin-right: 4px; white-space: nowrap; }
.sevws-arrow { width: 36px; height: 36px; border-radius: 50%; border: 1.5px solid var(--sevws-line); background: #fff; color: var(--sevws-ink); font-size: 22px; line-height: 1; cursor: pointer; padding: 0 0 3px; transition: all .15s; }
.sevws-arrow:hover:not(:disabled) { background: var(--sevws-accent); border-color: var(--sevws-accent); color: #fff; }
.sevws-arrow:disabled { opacity: .35; cursor: default; }

.sevws-track { display: grid; grid-auto-flow: column; grid-auto-columns: calc((100% - (var(--sevws-cols) - 1) * var(--sevws-gap)) / var(--sevws-cols)); gap: var(--sevws-gap); overflow-x: auto; scroll-snap-type: x mandatory; scroll-behavior: smooth; overscroll-behavior-x: contain; scrollbar-width: none; padding-bottom: 2px; outline: none; }
.sevws-track::-webkit-scrollbar { display: none; }
.sevws-track > .sevws-card { scroll-snap-align: start; }

.sevws-dots { display: flex; gap: 6px; justify-content: center; }
.sevws-dot { width: 8px; height: 8px; border-radius: 99px; border: 0; padding: 0; background: #cbd2dc; cursor: pointer; transition: all .25s; }
.sevws-dot.is-active { width: 24px; background: var(--sevws-accent); }

/* =========================================================
   Story player
   ========================================================= */
.sevws-player { position: fixed; inset: 0; z-index: 999999; display: flex; align-items: center; justify-content: center; background: rgba(8,10,14,.94); opacity: 0; transition: opacity .2s; font-family: inherit; -webkit-tap-highlight-color: transparent; }
.sevws-player.is-open { opacity: 1; }
.sevws-player[hidden] { display: none; }
.sevws-player__bg { position: absolute; inset: 0; background-size: cover; background-position: center; filter: blur(40px) brightness(.35); transform: scale(1.2); opacity: .9; }
.sevws-player__stage { position: relative; height: min(92vh, 860px); aspect-ratio: 9/16; max-width: 100vw; border-radius: 16px; overflow: hidden; background: #000; box-shadow: 0 30px 80px rgba(0,0,0,.6); user-select: none; -webkit-user-select: none; touch-action: pan-y; }
.sevws-player__slide { position: absolute; inset: 0; opacity: 0; transition: opacity .35s; }
.sevws-player__slide.is-active { opacity: 1; }
.sevws-player__slide img { width: 100%; height: 100%; object-fit: cover; display: block; }
.sevws-player__slide.is-active img { animation: sevws-kenburns 9s ease-out forwards; }
.sevws-player.is-paused .sevws-player__slide.is-active img { animation-play-state: paused; }
@keyframes sevws-kenburns { from { transform: scale(1); } to { transform: scale(1.08); } }

.sevws-player__top { position: absolute; inset: 0 0 auto 0; padding: 12px 12px 40px; background: linear-gradient(to bottom, rgba(0,0,0,.6), transparent); z-index: 3; }
.sevws-player__bars { display: flex; gap: 4px; }
.sevws-player__bar { flex: 1; height: 4px; border-radius: 4px; background: rgba(255,255,255,.3); overflow: hidden; }
.sevws-player__bar i { display: block; height: 100%; width: 0; background: linear-gradient(90deg, #fff, color-mix(in srgb, var(--sevws-accent, #00b259) 40%, #fff)); box-shadow: 0 0 8px rgba(255,255,255,.6); border-radius: 4px; }
.sevws-player__bar.is-done i { width: 100%; }
.sevws-player__meta { display: flex; align-items: center; gap: 10px; margin-top: 12px; color: #fff; }
.sevws-player__logo { width: 40px; height: 40px; border-radius: 50%; padding: 2px; background: conic-gradient(from 210deg, var(--sevws-accent, #00b259), #b6ff3b, #00e0a4, var(--sevws-accent, #00b259)); flex: 0 0 auto; box-shadow: 0 4px 14px -2px color-mix(in srgb, var(--sevws-accent, #00b259) 70%, transparent); }
.sevws-player__logo img { width: 100% !important; height: 100% !important; max-width: none !important; border-radius: 50%; border: 2px solid #0b0f14; background: #000; object-fit: cover; display: block; }
.sevws-player__who { min-width: 0; flex: 1; line-height: 1.2; }
.sevws-player__who b { display: block; font-size: 14px; font-weight: 800; letter-spacing: .01em; }
.sevws-player__who span { display: block; font-size: 12px; opacity: .8; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sevws-player__btn { width: 36px; height: 36px; border: 0; border-radius: 50%; background: rgba(255,255,255,.14); color: #fff; cursor: pointer; display: grid; place-items: center; padding: 0; flex: 0 0 auto; }
.sevws-player__btn:hover { background: rgba(255,255,255,.28); }
.sevws-player__btn svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; }

.sevws-player__caption { position: absolute; inset: auto 0 0 0; z-index: 3; padding: 90px 20px 26px; color: #fff; background: linear-gradient(to top, rgba(0,0,0,.9) 0%, rgba(0,0,0,.6) 55%, transparent 100%); pointer-events: none; }
.sevws-player__caption h2 { margin: 0 0 8px; font-size: clamp(20px, 2.6vh, 26px); line-height: 1.2; font-weight: 800; color: #fff; }
.sevws-player__caption p, .sevws-player__caption div { margin: 0; font-size: 15px; line-height: 1.5; color: rgba(255,255,255,.92); }
.sevws-player__cta { pointer-events: auto; display: inline-flex; align-items: center; gap: 6px; margin-top: 14px; background: #fff; color: #0f172a !important; text-decoration: none !important; font-weight: 800; font-size: 14px; border-radius: 999px; padding: 10px 18px; box-shadow: 0 6px 20px rgba(0,0,0,.35); }
.sevws-player__cta::after { content: "↗"; }
.sevws-player__caption > * { transform: translateY(10px); opacity: 0; transition: transform .45s .1s, opacity .45s .1s; }
.sevws-player.is-shown .sevws-player__caption > * { transform: none; opacity: 1; }

.sevws-player__tap { position: absolute; top: 80px; bottom: 0; z-index: 2; }
.sevws-player__tap--prev { left: 0; width: 32%; cursor: w-resize; }
.sevws-player__tap--next { right: 0; width: 68%; cursor: e-resize; }

.sevws-player__toast { position: absolute; left: 50%; bottom: 24px; transform: translateX(-50%); z-index: 6; background: #fff; color: #0f172a; font-size: 13px; font-weight: 700; border-radius: 999px; padding: 8px 14px; opacity: 0; transition: opacity .2s; pointer-events: none; }
.sevws-player__toast.is-on { opacity: 1; }

@media (max-width: 640px), (max-height: 520px) {
	.sevws-player { background: #000; }
	.sevws-player__stage { height: 100%; width: 100%; aspect-ratio: auto; border-radius: 0; }
}
body.sevws-lock { overflow: hidden; }

/* Standalone single-story page */
body.sevws-single { margin: 0; background: #000; }
body.sevws-single .sevws-player { opacity: 1; }

@media (prefers-reduced-motion: reduce) {
	.sevws-card__media img, .sevws-player__slide, .sevws-player__caption > * { transition: none; }
	.sevws-player__slide.is-active img { animation: none; }
	.sevws-track { scroll-behavior: auto; }
}

/* =========================================================
   Player v1.1 – arrows, accent caption, glass buttons
   ========================================================= */
.sevws-player__btn { background: rgba(255,255,255,.16); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); transition: background .2s, transform .2s; }
.sevws-player__btn[data-act="pause"], .sevws-player__btn[data-act="share"] { background: var(--sevws-accent, #00b259); }
.sevws-player__btn[data-act="close"] { background: rgba(0,0,0,.7); }
.sevws-player__btn:hover { transform: scale(1.08); }

/* left / right arrows – outside the card on desktop, glass circles on the edges on mobile */
.sevws-player__nav { position: absolute; top: 50%; z-index: 5; width: 54px; height: 54px; margin-top: -27px; border-radius: 50%; border: 1.5px solid rgba(255,255,255,.28); background: rgba(255,255,255,.12); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); color: #fff; cursor: pointer; padding: 0; display: grid; place-items: center; box-shadow: 0 10px 30px rgba(0,0,0,.4); transition: background .2s, border-color .2s, transform .2s, opacity .2s; }
.sevws-player__nav svg { width: 24px; height: 24px; fill: none; stroke: currentColor; stroke-width: 2.6; stroke-linecap: round; stroke-linejoin: round; transition: transform .2s; }
.sevws-player__nav:hover:not(:disabled) { background: var(--sevws-accent, #00b259); border-color: var(--sevws-accent, #00b259); transform: scale(1.1); }
.sevws-player__nav--prev:hover:not(:disabled) svg { transform: translateX(-2px); }
.sevws-player__nav--next:hover:not(:disabled) svg { transform: translateX(2px); }
.sevws-player__nav:disabled { opacity: .25; cursor: default; }
.sevws-player__nav--prev { left: calc(50% - (min(92vh, 860px) * 9 / 32) - 84px); }
.sevws-player__nav--next { right: calc(50% - (min(92vh, 860px) * 9 / 32) - 84px); }
@media (max-width: 640px), (max-height: 520px) {
	.sevws-player__nav { width: 38px; height: 38px; margin-top: -19px; background: rgba(0,0,0,.35); border-color: rgba(255,255,255,.25); box-shadow: none; }
	.sevws-player__nav svg { width: 18px; height: 18px; }
	.sevws-player__nav--prev { left: 8px; }
	.sevws-player__nav--next { right: 8px; }
}

/* caption: accent chip, bigger heading, animated CTA */
.sevws-player__caption { padding: 120px 22px 30px; background: linear-gradient(to top, rgba(4,8,14,.96) 0%, rgba(4,8,14,.7) 50%, transparent 100%); }
.sevws-player__caption::before { content: ""; display: block; width: 44px; height: 4px; border-radius: 4px; margin-bottom: 14px; background: linear-gradient(90deg, var(--sevws-accent, #00b259), #b6ff3b); }
.sevws-player__caption h2 { font-size: clamp(22px, 3vh, 30px); letter-spacing: -.01em; text-shadow: 0 2px 12px rgba(0,0,0,.45); }
.sevws-player__caption p, .sevws-player__caption div { font-size: 15.5px; }
.sevws-player__cta { background: var(--sevws-accent, #00b259); color: #fff !important; padding: 12px 22px; font-size: 14.5px; box-shadow: 0 10px 28px -6px color-mix(in srgb, var(--sevws-accent, #00b259) 75%, transparent); transition: transform .2s, box-shadow .2s; }
.sevws-player__cta::after { content: "→"; display: inline-block; transition: transform .2s; }
.sevws-player__cta:hover { transform: translateY(-2px); }
.sevws-player__cta:hover::after { transform: translateX(4px); }
@media (prefers-reduced-motion: reduce) {
	.sevws-card__play::before, .sevws-card__link:hover .sevws-card__logo, .sevws-card__link:hover .sevws-card__logo img { animation: none; }
	.sevws-card__link, .sevws-card__go, .sevws-player__nav { transition: none; }
}

/* v1.2 – web story badge on card, wordmark in player */
.sevws-card__badge { position: absolute; top: 12px; left: 12px; width: 34px; height: 34px; border-radius: 50%; display: grid; place-items: center; background: rgba(8,12,18,.45); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); border: 1.5px solid rgba(255,255,255,.55); }
.sevws-card__badge svg { width: 18px; height: 18px; fill: #fff; }
.sevws-card__badge svg rect:first-child, .sevws-card__badge svg rect:last-child { opacity: .6; }
@media (max-width: 640px) { .sevws-card__badge { width: 28px; height: 28px; top: 9px; left: 9px; } .sevws-card__badge svg { width: 15px; height: 15px; } }
.sevws-player__brand { display: flex; align-items: center; min-width: 0; text-decoration: none !important; border: 0 !important; line-height: 0; }
.sevws-player__brand img { height: 12px !important; width: auto !important; max-width: 150px !important; display: block; filter: drop-shadow(0 1px 6px rgba(0,0,0,.5)); }
.sevws-player__spacer { flex: 1; }
@media (max-width: 640px) { .sevws-player__brand img { height: 11px !important; } }
.sevws-card__date { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }