/* Webza.cz – minimal custom CSS, zbytek řeší Tailwind CDN */

body{font-family:'Plus Jakarta Sans',system-ui,sans-serif}

.bg-grid-pattern{
  background-size:40px 40px;
  background-image:linear-gradient(to right,rgba(15,23,42,.04) 1px,transparent 1px),
                   linear-gradient(to bottom,rgba(15,23,42,.04) 1px,transparent 1px);
}

.shadow-soft{box-shadow:0 4px 40px -2px rgba(15,23,42,.05)}
.shadow-glow{box-shadow:0 0 40px -10px rgba(14,165,233,.4)}

/* HEADER scroll state */
.header-scrolled{
  background:rgba(255,255,255,.85);
  backdrop-filter:saturate(180%) blur(16px);
  -webkit-backdrop-filter:saturate(180%) blur(16px);
  border-bottom:1px solid #e2e8f0;
  box-shadow:0 1px 0 rgba(15,23,42,.04),0 4px 20px rgba(15,23,42,.03);
}

/* Accordion */
details > summary{list-style:none}
details > summary::-webkit-details-marker{display:none}
details[open] summary ~ *{animation:sweep .3s ease-in-out}
@keyframes sweep{0%{opacity:0;transform:translateY(-10px)}100%{opacity:1;transform:translateY(0)}}

/* Article prose styling (inside .art-body) */
.art-body{color:#475569;font-size:17px;line-height:1.85}
.art-body h2{color:#0f172a;font-size:30px;font-weight:800;margin:48px 0 16px;letter-spacing:-.02em;line-height:1.2}
.art-body h3{color:#0f172a;font-size:22px;font-weight:800;margin:32px 0 12px;letter-spacing:-.02em}
.art-body p{margin-bottom:18px}
.art-body ul,.art-body ol{margin:0 0 22px 22px}
.art-body li{margin-bottom:10px;line-height:1.75}
.art-body strong{color:#0f172a;font-weight:700}
.art-body blockquote{border-left:4px solid #0ea5e9;padding:18px 24px;margin:28px 0;background:#f0f9ff;border-radius:0 12px 12px 0;color:#0f172a;font-style:italic;font-size:18px}
.art-body a{color:#0284c7;font-weight:600;text-decoration:underline;text-underline-offset:3px}

/* Slate-850 (custom shade) */
.bg-slate-850{background:#151f32}

/* Header nav links – animované podtržení (jen desktop) */
.nav-link{position:relative;color:#0f172a;font-weight:500;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:geometricPrecision}
.nav-link::after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:2px;background:#0ea5e9;border-radius:2px;transform:scaleX(0);transform-origin:left center;transition:transform .3s cubic-bezier(.65,0,.35,1)}
.nav-link:hover::after{transform:scaleX(1)}