.ocs-grid-wrap{margin:1rem 0}
  .ocs-grid-search{width:100%;padding:.6rem;border:1px solid #e5e7eb;border-radius:.5rem;margin-bottom:.75rem}
  .ocs-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}
  .ocs-card{position:relative;display:flex;flex-direction:column;border:1px solid #e5e7eb;border-radius:16px;overflow:hidden;text-decoration:none;background:#fff;transition:transform .15s ease, box-shadow .15s ease}
  .ocs-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.06)}
  .ocs-badge{position:absolute;top:10px;left:10px;background:#22c55e;color:#fff;font-weight:700;font-size:11px;padding:4px 8px;border-radius:999px}
  .ocs-card-thumb{aspect-ratio:16/9;object-fit:cover;background:#f3f4f6;display:block}
  .ocs-card-thumb--placeholder{display:flex;align-items:center;justify-content:center;font-size:28px}
  .ocs-card-body{padding:12px}
  .ocs-card-title{margin:0 0 6px;font-size:16px;color:#111827;line-height:1.2}
  .ocs-card-excerpt{margin:0;color:#4b5563;font-size:14px}
  .ocs-embed{margin:1rem 0;position:relative}
  .ocs-embed iframe{width:100%;min-height:70vh;border:0;border-radius:12px;background:#fff}
  .ocs-btn{display:inline-block;background:#111827;color:#fff;padding:.65rem 1rem;border-radius:.6rem;text-decoration:none}
  .ocs-note{background:#eefcf3;border:1px solid #d1fae5;padding:.75rem 1rem;border-radius:.6rem;margin:.75rem 0;color:#065f46}