.cs420-ai-smart{
  --cs420-ai-accent:#6f7cff;
  --cs420-ai-cards-desktop:3;
  --cs420-ai-cards-tablet:2;
  --cs420-ai-cards-mobile:1;
  --cs420-ai-text:#f8fbff;
  --cs420-ai-muted:#a7b4ca;
  background:radial-gradient(circle at 20% 0%, rgba(111,124,255,.18), transparent 25%), linear-gradient(180deg,#060b16 0%,#0b1220 100%);
  color:var(--cs420-ai-text);
  border:1px solid rgba(255,255,255,.08);
  border-radius:32px;
  padding:28px;
  overflow:hidden;
  box-shadow:0 30px 70px rgba(0,0,0,.35);
}
.cs420-ai-smart--medical{background:radial-gradient(circle at 20% 0%, rgba(91,140,255,.18), transparent 25%), linear-gradient(180deg,#0d2940 0%,#14314b 100%);}
.cs420-ai-smart--dark{background:radial-gradient(circle at 20% 0%, rgba(111,124,255,.12), transparent 25%), linear-gradient(180deg,#0b0b10 0%,#131724 100%);}
.cs420-ai-smart__head{display:grid;gap:18px;margin-bottom:26px}
.cs420-ai-smart__heading h2{margin:0 0 8px;font-size:42px;line-height:1.04}
.cs420-ai-smart__heading p{margin:0;color:var(--cs420-ai-muted);max-width:820px;line-height:1.6}
.cs420-ai-smart__actions{display:grid;gap:14px}
.cs420-ai-smart__filters{display:flex;gap:10px;align-items:center;background:rgba(255,255,255,.04);padding:8px;border-radius:999px;overflow-x:auto;scrollbar-width:none}
.cs420-ai-smart__filters::-webkit-scrollbar{display:none}
.cs420-ai-smart__filters button{border:0;background:transparent;color:var(--cs420-ai-text);padding:10px 16px;border-radius:999px;cursor:pointer;white-space:nowrap;flex:0 0 auto}
.cs420-ai-smart__filters button.is-active{background:linear-gradient(135deg,var(--cs420-ai-accent),#8c82ff);box-shadow:0 15px 40px rgba(111,124,255,.3)}
.cs420-ai-smart__nav{display:flex;gap:10px;justify-content:flex-end}
.cs420-ai-arrow{width:44px;height:44px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.05);color:#fff;font-size:28px;line-height:1;cursor:pointer}
.cs420-ai-smart__hero-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:20px;margin-bottom:28px}
.cs420-ai-smart__hero-side{display:grid;gap:20px}
.cs420-ai-card{min-width:0;background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.08);border-radius:26px;overflow:hidden;backdrop-filter:blur(14px);transform:translateZ(0);transition:transform .35s ease, box-shadow .35s ease, border-color .35s ease}
.cs420-ai-card:hover{transform:translateY(-6px) scale(1.01);box-shadow:0 20px 50px rgba(0,0,0,.3);border-color:rgba(255,255,255,.18)}
.cs420-ai-card__thumb{position:relative;display:block;aspect-ratio:16/10;overflow:hidden}
.cs420-ai-card__thumb img,.cs420-ai-card__placeholder{width:100%;height:100%;object-fit:cover;display:block}
.cs420-ai-card__thumb img{transition:transform .7s ease}
.cs420-ai-card:hover .cs420-ai-card__thumb img{transform:scale(1.05)}
.cs420-ai-card__placeholder{background:linear-gradient(135deg,#18355d,#0d1830)}
.cs420-ai-card__tag{position:absolute;top:14px;left:14px;padding:8px 12px;border-radius:999px;font-size:12px;font-weight:700;background:linear-gradient(135deg,var(--cs420-ai-accent),#8e7bff);color:#fff}
.cs420-ai-card__body{padding:18px}
.cs420-ai-card__title{margin:0 0 10px;font-size:28px;line-height:1.15}
.cs420-ai-card__title a{color:#fff;text-decoration:none}
.cs420-ai-card__meta{display:flex;gap:12px;color:var(--cs420-ai-muted);font-size:13px;margin-bottom:12px;flex-wrap:wrap}
.cs420-ai-card__excerpt{margin:0 0 14px;color:#d7dceb;line-height:1.55}
.cs420-ai-card__author{display:flex;align-items:center;gap:10px;font-weight:600}
.cs420-ai-card__dot{width:10px;height:10px;border-radius:50%;background:var(--cs420-ai-accent);display:inline-block}
.cs420-ai-card--hero .cs420-ai-card__title{font-size:40px}
.cs420-ai-card--hero .cs420-ai-card__thumb{aspect-ratio:16/9}
.cs420-ai-card--compact .cs420-ai-card__title{font-size:22px}
.cs420-ai-card--compact .cs420-ai-card__excerpt{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.cs420-ai-smart__section-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}
.cs420-ai-smart__section-title{font-size:14px;letter-spacing:.12em;text-transform:uppercase;color:var(--cs420-ai-muted)}
.cs420-ai-smart__carousel{overflow:hidden}
.cs420-ai-smart__track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - (20px * (var(--cs420-ai-cards-desktop) - 1))) / var(--cs420-ai-cards-desktop));gap:20px;transition:transform .45s ease;will-change:transform}
@media (min-width:1025px){.cs420-ai-smart__head{grid-template-columns:minmax(0,1fr) minmax(320px,max-content);align-items:start}}
@media (max-width:1024px){.cs420-ai-smart__heading h2{font-size:34px}.cs420-ai-smart__hero-grid{grid-template-columns:1fr}.cs420-ai-smart__track{grid-auto-columns:calc((100% - (20px * (var(--cs420-ai-cards-tablet) - 1))) / var(--cs420-ai-cards-tablet))}.cs420-ai-card--hero .cs420-ai-card__title{font-size:34px}}
@media (max-width:767px){.cs420-ai-smart{padding:20px;border-radius:24px}.cs420-ai-smart__heading h2{font-size:28px}.cs420-ai-smart__filters{width:100%;padding:8px;border-radius:20px}.cs420-ai-smart__filters button{font-size:14px;padding:10px 14px}.cs420-ai-card__title{font-size:24px}.cs420-ai-card--hero .cs420-ai-card__title{font-size:28px}.cs420-ai-smart__track{grid-auto-columns:calc((100% - (16px * (var(--cs420-ai-cards-mobile) - 1))) / var(--cs420-ai-cards-mobile));gap:16px}}
