.example-card[data-v-8427994a]{-webkit-backdrop-filter:blur(12px)saturate(1.4);color:var(--brand-primary);text-align:center;background:#fcfaf6c7;border:1px solid #ffffff8c;border-radius:20px;flex-direction:column;gap:2px;padding:10px 16px 12px;display:flex;box-shadow:0 10px 24px -8px #0e162c40,inset 0 1px #fff9}.example-card--flow[data-v-8427994a]{background:var(--surface-card,#fcfaf6e6);width:min(26rem,100vw - 2rem)}.example-card--top[data-v-8427994a]{display:none}@media (width>=1280px){.example-card--flow[data-v-8427994a]{display:none}.example-card--top[data-v-8427994a]{--book-top:calc(var(--studio-pad-top) + ( 100dvh - var(--studio-pad-top) - var(--studio-nav-band) - var(--studio-book) ) / 2);top:calc(var(--book-top) - var(--space-3));z-index:6;width:max-content;max-width:min(36rem,100vw - 2rem);display:flex;position:absolute;left:50%;translate:-50% -100%}}.example-card__title[data-v-8427994a]{font-size:.85rem;font-weight:700;line-height:1.2}.example-card__text[data-v-8427994a]{color:var(--text-soft);text-wrap:balance;margin:0;font-size:.85rem;line-height:1.4}