/* WebsiteDelivered blog — owned by wd-ops/marketing-site/blog/blog_render.py (BLOG_CSS).
   Namespaced .wdb-* on purpose: /assets/css/main.css is a PURGED Tailwind build, so any utility
   class the blog invented would silently not exist. Do not convert this to Tailwind utilities.
   Light theme only (founder ruling); matches the site's <meta name="color-scheme" content="light">. */
.wdb-wrap{max-width:1120px;margin:0 auto;padding:0 20px}
.wdb-hero{background:linear-gradient(180deg,#f8fafc 0%,#fff 100%);border-bottom:1px solid #e2e8f0;padding:56px 0 44px}
.wdb-hero h1{font-family:'Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-weight:800;letter-spacing:-.03em;color:#0f172a;font-size:clamp(30px,4.4vw,44px);line-height:1.12;margin:0 0 12px}
.wdb-hero p{color:#475569;font-size:17px;line-height:1.6;margin:0;max-width:640px}
.wdb-eyebrow{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:#1a56db;margin-bottom:12px}

/* index cards */
.wdb-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;padding:48px 0 64px}
.wdb-card{display:flex;flex-direction:column;background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:26px;text-decoration:none;transition:box-shadow .18s ease,transform .18s ease,border-color .18s ease}
.wdb-card:hover{box-shadow:0 12px 32px rgba(15,23,42,.10);transform:translateY(-2px);border-color:#bfdbfe}
.wdb-card-cat{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#1a56db;margin-bottom:10px}
.wdb-card h2{font-family:'Plus Jakarta Sans',-apple-system,sans-serif;font-weight:700;letter-spacing:-.02em;color:#0f172a;font-size:19px;line-height:1.32;margin:0 0 10px}
.wdb-card:hover h2{color:#1a56db}
.wdb-card p{color:#64748b;font-size:14.5px;line-height:1.6;margin:0 0 18px;flex:1}
.wdb-card-meta{font-size:12.5px;color:#94a3b8;display:flex;gap:8px;align-items:center}
.wdb-empty{padding:48px 0 64px;color:#64748b}

/* article */
.wdb-article{padding:44px 0 8px;max-width:720px;margin:0 auto}
.wdb-crumb{font-size:13px;color:#64748b;margin-bottom:22px}
.wdb-crumb a{color:#1a56db;text-decoration:none}
.wdb-crumb a:hover{text-decoration:underline}
.wdb-article h1{font-family:'Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-weight:800;letter-spacing:-.03em;color:#0f172a;font-size:clamp(28px,4vw,40px);line-height:1.16;margin:0 0 14px}
.wdb-dek{font-size:19px;line-height:1.55;color:#475569;margin:0 0 20px}
.wdb-meta{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:13px;color:#94a3b8;padding-bottom:26px;border-bottom:1px solid #e2e8f0;margin-bottom:32px}
.wdb-body{max-width:720px;margin:0 auto;color:#1e293b;font-size:17px;line-height:1.75}
.wdb-body p{margin:0 0 20px}
.wdb-body h2{font-family:'Plus Jakarta Sans',-apple-system,sans-serif;font-weight:700;letter-spacing:-.02em;color:#0f172a;font-size:25px;line-height:1.3;margin:40px 0 14px}
.wdb-body h3{font-family:'Plus Jakarta Sans',-apple-system,sans-serif;font-weight:700;color:#0f172a;font-size:19px;line-height:1.4;margin:30px 0 10px}
.wdb-body ul{margin:0 0 20px;padding-left:22px}
.wdb-body li{margin:0 0 9px}
.wdb-body strong{color:#0f172a;font-weight:700}
.wdb-body a{color:#1a56db}

/* faq */
.wdb-faq{max-width:720px;margin:44px auto 0;padding-top:32px;border-top:1px solid #e2e8f0}
.wdb-faq h2{font-family:'Plus Jakarta Sans',-apple-system,sans-serif;font-weight:800;letter-spacing:-.02em;color:#0f172a;font-size:23px;margin:0 0 20px}
.wdb-faq-q{font-weight:700;color:#0f172a;font-size:16.5px;margin:22px 0 7px}
.wdb-faq-a{color:#475569;font-size:16px;line-height:1.7;margin:0}

/* cta */
.wdb-cta{max-width:720px;margin:52px auto 72px;background:linear-gradient(135deg,#1a56db 0%,#1e40af 100%);border-radius:18px;padding:38px 34px;text-align:center}
.wdb-cta h2{font-family:'Plus Jakarta Sans',-apple-system,sans-serif;font-weight:800;letter-spacing:-.02em;color:#fff;font-size:25px;line-height:1.28;margin:0 0 10px}
.wdb-cta p{color:#dbeafe;font-size:16px;line-height:1.6;margin:0 0 24px}
.wdb-cta-btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.wdb-btn{display:inline-block;font-weight:700;font-size:15px;padding:13px 26px;border-radius:10px;text-decoration:none;transition:transform .15s ease,background .15s ease}
.wdb-btn-primary{background:#fff;color:#1a56db}
.wdb-btn-primary:hover{transform:translateY(-1px);background:#f1f5f9}
.wdb-btn-ghost{background:rgba(255,255,255,.12);color:#fff;border:1px solid rgba(255,255,255,.35)}
.wdb-btn-ghost:hover{background:rgba(255,255,255,.2)}

@media(max-width:640px){
  .wdb-hero{padding:40px 0 32px}
  .wdb-grid{grid-template-columns:1fr;gap:18px;padding:32px 0 48px}
  .wdb-cta{padding:30px 22px;margin:40px auto 56px}
  .wdb-body{font-size:16.5px}
}