/* Three caption treatments share the same 44px controls and card geometry. */
body[data-design=a] .hero-card-info{display:flex;align-items:center;gap:10px;width:min(430px,100%);max-width:430px;min-height:64px;padding:10px 12px;margin:8px auto 0;transform:translateX(var(--info-offset,0px));background:#10182be8;border-top:1px solid #ffffff55;column-gap:10px}
body[data-design=a] .hero-card-caption{min-width:0;flex:1}
body[data-design=a] .hero-card-caption [data-card-number]{font-size:10px;line-height:1.5;letter-spacing:.08em}
body[data-design=a] .hero-card-caption h2{font-size:13px;line-height:1.5;margin:2px 0 0;overflow-wrap:anywhere}
body[data-design=a] .hero-card-tools{display:flex;align-items:center;justify-content:flex-end;gap:0;flex:none;margin:0;font-size:9px}
body[data-design=a] .hero-card-tools [data-card-count]{display:none}
body[data-design=a] .hero-card-tools .hero-card-icon{position:relative;display:inline-flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;height:44px;min-height:44px;padding:0;margin:0;border:0;background:transparent;color:#fff;font:18px/1 system-ui,sans-serif;text-decoration:none;isolation:isolate}
body[data-design=a] .hero-card-icon:before{content:"";position:absolute;width:28px;height:28px;left:8px;top:8px;z-index:-1;border:1px solid #ffffff55;border-radius:50%;background:#ffffff08;transition:background .15s,border-color .15s}
body[data-design=a] .hero-card-icon:hover:before{background:#ffffff25;border-color:#fff}
body[data-design=a] .hero-card-icon:focus-visible{outline:2px solid #fff;outline-offset:-3px;border-radius:5px;box-shadow:0 0 0 1px #10182b}
body[data-design=a] .hero-card-tools [data-card-pause]{font-size:13px}
body[data-design=a] .hero-card-tools .hero-card-link[aria-disabled=true]{color:#ffffff55;background:none;cursor:default}
body[data-design=a] .hero-card-link[aria-disabled=true]:before{border-style:dashed;background:none;border-color:#ffffff30}
body[data-design=a] .hero-card-info .hero-card-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
/* 02: centered caption above a thin control line, with no enclosing panel. */
body[data-design=a] [data-info-style=stack] .hero-card-info{width:min(300px,100%);max-width:300px;flex-direction:column;gap:5px;padding:8px 0 0;background:radial-gradient(ellipse at center,#10182be6 0%,#10182bb3 65%,#10182b00 100%);border:0;text-align:center;text-shadow:0 1px 5px #000}
body[data-design=a] [data-info-style=stack] .hero-card-caption{width:100%}
body[data-design=a] [data-info-style=stack] .hero-card-tools{width:100%;justify-content:center;border-top:1px solid #ffffff65;padding-top:3px}
body[data-design=a] [data-info-style=stack] .hero-card-tools [data-card-count]{display:block;margin-right:auto;color:#eee}
/* 03: a small paper label, with a separate dark control capsule. */
body[data-design=a] [data-info-style=label] .hero-card-info{width:min(300px,100%);max-width:300px;flex-direction:column;gap:7px;padding:0;background:none;border:0;text-align:center}
body[data-design=a] [data-info-style=label] .hero-card-caption{width:100%;padding:9px 13px;background:#f8f6ee;color:#10182b;border-left:3px solid #e9ec48;box-shadow:0 3px 12px #0002}
body[data-design=a] [data-info-style=label] .hero-card-caption [data-card-number]{color:#626875}
body[data-design=a] [data-info-style=label] .hero-card-tools{padding:0 5px;background:#10182be8;border-radius:24px}
body[data-design=a] [data-info-style=label] .hero-card-icon:before{border-color:transparent;background:none}
body[data-design=a] [data-info-style=label] .hero-card-icon:hover:before{background:#ffffff25}
@media(max-width:700px){
 body[data-design=a] .hero-card-info{width:100%;padding:8px;gap:4px;margin-top:5px;transform:none}
 body[data-design=a] .hero-card-caption h2{font-size:12px}
 body[data-design=a] .hero-card-caption [data-card-number]{font-size:9px}
}

/* Adopted 01: a quiet text link, with icon-only playback controls. */
body[data-design=a] .hero-card-link-text{display:none}
body[data-design=a] [data-info-style=row] .hero-card-link-text{display:inline-flex;align-items:center;font-size:10px;font-weight:600;letter-spacing:.06em;line-height:12px;white-space:nowrap}
body[data-design=a] [data-info-style=row] .hero-card-tools .hero-card-link{flex:0 0 64px;width:64px;min-width:64px;padding:0 8px;gap:5px;font-size:12px;white-space:nowrap}
body[data-design=a] [data-info-style=row] .hero-card-link:before{left:4px;right:4px;width:auto;border-radius:6px}
@media(max-width:700px){
 body[data-design=a] [data-info-style=row] .hero-card-info{width:min(430px,calc(100% + 18px));margin-left:50%;margin-right:0;transform:translateX(-50%)}
}

body[data-design=a] [data-info-style=row] .hero-card-link-arrow{display:inline-flex;align-items:center;justify-content:center;width:12px;height:12px;font-size:12px;line-height:12px;flex:none}