:root{--cs-bg:#f5f7fa;--cs-card-bg:#ffffff;--cs-text:#0f172a;--cs-muted:#5b6473;--cs-badge-bg:#1e2551;--cs-shadow:0 10px 30px rgba(20,24,40,0.08);--cs-shadow-hover:0 14px 40px rgba(20,24,40,0.12);--cs-radius-lg:24px;--cs-radius-md:16px}.cs-page{background:var(--cs-bg);padding:64px 16px 96px}.cs-container{max-width:1200px;margin:6% auto 0}.cs-header{text-align:left;margin-bottom:55px}.cs-header h1{font-size:clamp(28px,3.5vw,40px);line-height:1.2;color:var(--cs-text);margin:0 0 15px}.cs-sub{color:#6b7280;font-size:16px;max-width:720px}.cs-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:28px;gap:28px}@media (max-width:1100px){.cs-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:720px){.cs-grid{grid-template-columns:1fr}}.cs-card{position:relative;display:flex;flex-direction:column;background:var(--cs-card-bg);border-radius:var(--cs-radius-lg);box-shadow:var(--cs-shadow);padding:28px;transition:box-shadow .3s ease,transform .3s ease}.cs-card:hover{transform:translateY(-2px);box-shadow:var(--cs-shadow-hover)}.cs-badge{width:56px;height:56px;border-radius:50%;background:var(--cs-badge-bg);color:#fff;font-weight:700;display:grid;place-items:center;box-shadow:0 6px 18px rgba(30,37,81,.22);margin-bottom:18px;letter-spacing:.5px}.cs-title{color:var(--cs-text);font-size:clamp(20px,2.2vw,26px);line-height:1.25;margin:0 0 10px;font-weight:700}.cs-excerpt{color:var(--cs-muted);font-size:16px;line-height:1.6;margin:0 0 18px}.cs-media{background:#f1f2f6;overflow:hidden;box-shadow:inset 0 0 0 1px rgba(0,0,0,.04);margin-top:4px}.cs-media,.cs-media img{border-radius:var(--cs-radius-md)}.cs-media img{display:block;width:100%;height:auto;transform:translateZ(0)}.cs-actions{margin-top:14px}.cs-link{text-decoration:none;font-weight:600;color:#111827;border-bottom:1px solid rgba(17,24,39,.2);padding-bottom:2px;transition:color .2s ease,border-color .2s ease}.cs-link:hover{color:#0f172a;border-color:#0f172a}@media screen and (max-width:768px){.cs-page{background:var(--cs-bg);padding:20px 16px 96px}}