From 62087924c2b39f0a2029206799545f21c154b625 Mon Sep 17 00:00:00 2001
From: Fernando Rivas <fenandos@hotmail.com>
Date: Fri, 14 Aug 2026 17:04:25 -0600
Subject: [PATCH] add shadows

---
 static/css/ops.css | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/static/css/ops.css b/static/css/ops.css
index d0d801a..7d5ddc2 100644
--- a/static/css/ops.css
+++ b/static/css/ops.css
@@ -65,8 +65,8 @@ code { overflow-wrap: anywhere; }
 .ops-hero .ops-eyebrow { color: #002424; }
 
 .ops-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: .85rem; margin: 1.5rem 0 2.5rem; }
-.ops-stat { display: flex; flex-direction: column; gap: .1rem; padding: 1rem; background: var(--ops-panel); border: 2px outset var(--ops-panel); color: var(--ops-ink); text-decoration: none; }
-.ops-stat:hover { border-style: inset; }
+.ops-stat { display: flex; flex-direction: column; gap: .1rem; padding: 1rem; background: var(--ops-panel); border: 2px outset var(--ops-panel); box-shadow: var(--ops-shadow); color: var(--ops-ink); text-decoration: none; transition: transform .12s ease; }
+.ops-stat:hover { transform: translate(-2px, -2px); border-style: inset; }
 .ops-stat strong { color: var(--ops-bg); font-size: 1.9rem; }
 .ops-stat span { color: var(--ops-ink-muted); text-transform: uppercase; font-size: .78rem; letter-spacing: .04em; }
 
@@ -91,8 +91,8 @@ code { overflow-wrap: anywhere; }
 .ops-tags a, .ops-tags span { color: inherit; }
 
 .ops-list { display: grid; gap: 1rem; }
-.ops-list-item { padding: 1rem 1.1rem; background: var(--ops-panel); border: 2px solid var(--ops-border); border-left: 8px solid var(--ops-teal); color: var(--ops-ink); }
-.ops-list-item:hover { border-left-color: var(--ops-accent); background: var(--ops-panel-2); }
+.ops-list-item { padding: 1rem 1.1rem; background: var(--ops-panel); border: 2px solid var(--ops-border); border-left: 8px solid var(--ops-teal); box-shadow: var(--ops-shadow); color: var(--ops-ink); transition: transform .12s ease; }
+.ops-list-item:hover { transform: translate(-2px, -2px); border-left-color: var(--ops-accent); background: var(--ops-panel-2); }
 .ops-list-item h2, .ops-list-item h3 { margin: .45rem 0 .3rem; color: var(--ops-ink); }
 .ops-list-item p { color: var(--ops-ink-muted); margin: .25rem 0; }
 .ops-list-item__meta { display: flex; flex-wrap: wrap; gap: .4rem .75rem; align-items: center; color: var(--ops-ink-muted); font-size: .82rem; }