/* F25 idea-card mini-mocks, cards 32-37 (ads-creative). CSS only; animations start when the card gets .f25-in. Prefix f25c-. */
.f25c{position:relative;box-sizing:border-box;height:160px;margin:0 0 14px;padding:12px;border-radius:14px;overflow:hidden;
  background:radial-gradient(120% 90% at 100% 0,rgba(73,180,240,.16),transparent 60%),linear-gradient(180deg,#F5F8FC,#E9EFF7);
  color:#13223F;font-size:12px;line-height:1.35;display:flex;flex-direction:column;justify-content:center;gap:7px;text-align:left}
.f25c *{box-sizing:border-box}
.f25c b{font-weight:600}
.f25c svg{flex:none;display:block}
.f25c-card{background:#fff;border:1px solid #E3E9F1;border-radius:12px;padding:8px 10px;box-shadow:0 6px 16px rgba(19,34,63,.08);min-width:0}
.f25c-row{display:flex;align-items:center;gap:8px;min-width:0}
.f25c-sp{justify-content:space-between}
.f25c-grid{display:grid;grid-template-columns:repeat(var(--n,3),minmax(0,1fr));gap:7px}
.f25c-dim{color:#5B6B82;font-size:11px}
.f25c-tx{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.f25c-av{flex:none;display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--c,#2B5C9E);color:#fff;font-weight:700;font-size:10px}
.f25c-ic{flex:none;display:inline-grid;place-items:center;width:26px;height:26px;border-radius:8px;background:#EAF4FD;color:#2B5C9E}
.f25c-tick{flex:none;display:inline-grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#2B5C9E;color:#fff}
.f25c-pill{flex:none;display:inline-block;padding:3px 8px;border-radius:999px;font-size:10px;font-weight:700;background:#EAF4FD;color:#2B5C9E}
.f25c-pill.f25c-ok{background:#2B5C9E;color:#fff}
.f25c-btn{flex:none;display:inline-block;padding:6px 12px;border-radius:999px;background:#F2C94C;color:#13223F;font-weight:700;font-size:11px}
.f25c-bar{height:6px;border-radius:3px;background:#E3E9F1;overflow:hidden;flex:1}
.f25c-bar i{display:block;height:100%;width:var(--w,60%);background:linear-gradient(90deg,#2B5C9E,#49B4F0);border-radius:3px;transform-origin:left}
.f25c-line{display:block;height:6px;border-radius:3px;background:#E3E9F1;width:var(--w,70%)}
.f25c-stack{position:relative}
.f25c-stack>*+*{position:absolute;inset:0}
/* ---- motion: transform/opacity only, plays once on .f25-in and rests ---- */
@keyframes f25c-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes f25c-pop{0%{opacity:0;transform:scale(.7)}70%{opacity:1;transform:scale(1.06)}100%{opacity:1;transform:none}}
@keyframes f25c-out{from{opacity:1}to{opacity:0}}
@keyframes f25c-dim{from{opacity:1}to{opacity:.35}}
@keyframes f25c-grow{from{transform:scaleX(0)}to{transform:none}}
@keyframes f25c-tap{0%,100%{transform:none}45%{transform:scale(.88)}}
@keyframes f25c-ring{0%{opacity:.7;transform:scale(.8)}100%{opacity:0;transform:scale(1.8)}}
@keyframes f25c-slide{from{opacity:0;transform:translateX(18px)}to{opacity:1;transform:none}}
.f25-in .f25c-a{animation:f25c-in .55s cubic-bezier(.2,.7,.2,1) var(--t,0s) both}
.f25-in .f25c-p{animation:f25c-pop .6s cubic-bezier(.2,.7,.2,1) var(--t,0s) both}
.f25-in .f25c-s{animation:f25c-slide .6s cubic-bezier(.2,.7,.2,1) var(--t,0s) both}
.f25-in .f25c-o{animation:f25c-out .4s ease var(--t,0s) both}
.f25-in .f25c-d{animation:f25c-dim .5s ease var(--t,0s) both}
.f25-in .f25c-g i,.f25-in .f25c-g{animation:f25c-grow 1s cubic-bezier(.2,.7,.2,1) var(--t,0s) both}
.f25-in .f25c-k{animation:f25c-tap .35s ease var(--t,0s) both}
.f25c-ringw{position:relative}
.f25c-ringw::after{content:"";position:absolute;inset:-3px;border-radius:inherit;border:2px solid #49B4F0;opacity:0;pointer-events:none}
.f25-in .f25c-ringw::after{animation:f25c-ring 2.4s ease-out var(--t,1.6s) infinite}
@media (prefers-reduced-motion:reduce){

  .f25-in .f25c-a,.f25-in .f25c-p,.f25-in .f25c-s,.f25-in .f25c-o,.f25-in .f25c-d,.f25-in .f25c-g,.f25-in .f25c-g i,.f25-in .f25c-k,.f25-in .f25c-ringw::after{animation:none}
  .f25c-o{opacity:0}.f25c-d{opacity:.35}
}
/* ---- card-specific bits ---- */
.f25c-doc{padding:2px 0}
.f25c-doc .f25c-ic{width:22px;height:22px;font-size:12px}
.f25c-doc+.f25c-doc{border-top:1px solid #EEF2F7}
.f25c-open{position:absolute;inset:0;opacity:0}
.f25c-35 .f25c-stack{height:104px}
.f25c-35 .f25c-stack>.f25c-card:first-child{height:100%}
.f25c-ringw.f25c-btn::after,.f25c-ringw.f25c-pill::after{border-radius:999px}
.f25c-bld{display:grid;place-items:center;padding:3px 0}
.f25c-st{display:flex;flex-direction:column;align-items:center;text-align:center;padding:6px 4px;min-width:0}
.f25c-st b{font-size:16px;line-height:1.1;color:#2B5C9E}
.f25c-st .f25c-dim{font-size:10px;line-height:1.2}
.f25c-bar i.f25c-low{background:#9AA9BD}
@media (prefers-reduced-motion:reduce){.f25c-open{opacity:1}}