/* CBEZT PATCH 13H16 — externalized verbatim from resources/views/landing/blog/index.blade.php. */
  .blog-hero { position:relative; overflow:hidden; background:linear-gradient(125deg,#07182f 0%,#0d47a1 62%,#1565c0 100%); }
  .blog-hero::before { content:''; position:absolute; inset:0; background:radial-gradient(circle at 82% 16%,rgba(255,193,7,.26),transparent 24rem),repeating-linear-gradient(-45deg,rgba(255,255,255,.035) 0,rgba(255,255,255,.035) 2px,transparent 2px,transparent 21px); }
  .blog-shell { max-width:1200px; margin:0 auto; padding:0 1.25rem; }
  .blog-hero-grid { position:relative; min-height:300px; display:grid; grid-template-columns:minmax(0,1fr) minmax(240px,380px); align-items:center; gap:2rem; padding:3.8rem 0; }
  .blog-hero-grid.no-art { grid-template-columns:1fr; min-height:265px; }
  .blog-hero-grid.no-art .blog-hero-copy { max-width:760px; }
  .blog-eyebrow { display:inline-flex; align-items:center; gap:.45rem; padding:.34rem .72rem; border:1px solid rgba(255,193,7,.3); border-radius:999px; background:rgba(255,193,7,.14); color:#ffe49b; font-size:.72rem; font-weight:800; text-transform:uppercase; letter-spacing:.1em; }
  .blog-hero h1 { margin:.85rem 0 .7rem; max-width:650px; color:#fff; font-family:var(--font-display); font-size:clamp(2.75rem,7vw,5rem); font-weight:400; letter-spacing:.045em; line-height:.96; }
  .blog-hero-copy p { margin:0; max-width:590px; color:rgba(226,232,240,.88); font-size:1rem; line-height:1.72; }
  .blog-hero-art { position:relative; display:grid; place-items:center; height:270px; }
  .blog-hero-art::before { content:''; position:absolute; width:265px; height:265px; border-radius:50%; background:radial-gradient(circle,#ffe69c 0%,rgba(255,193,7,.16) 55%,transparent 68%); }
  .blog-hero-art img { position:relative; z-index:1; max-width:100%; max-height:270px; border-radius:1.3rem; object-fit:cover; filter:drop-shadow(0 18px 32px rgba(0,0,0,.25)); }
  .blog-content { background:#f8fbff; padding:2.3rem 0 4.5rem; }
  .blog-tools { display:flex; align-items:center; justify-content:space-between; gap:1rem; flex-wrap:wrap; margin-bottom:1.35rem; }
  .blog-search { display:flex; gap:.45rem; flex:1; min-width:min(100%,330px); max-width:540px; }
  .blog-search-field { position:relative; flex:1; }
  .blog-search-field svg { position:absolute; left:.9rem; top:50%; transform:translateY(-50%); width:1rem; color:#94a3b8; }
  .blog-search-field input { width:100%; height:3rem; border:1px solid #dae4f0; border-radius:.9rem; background:#fff; padding:0 1rem 0 2.55rem; color:#0f172a; font-size:.86rem; }
  .blog-search-field input:focus { outline:none; border-color:#1565c0; box-shadow:0 0 0 3px rgba(21,101,192,.12); }
  .blog-search button,.blog-reset { display:inline-flex; height:3rem; align-items:center; justify-content:center; border-radius:.9rem; padding:0 1rem; font-size:.78rem; font-weight:800; text-decoration:none; }
  .blog-search button { border:0; background:#1565c0; color:#fff; cursor:pointer; }
  .blog-reset { border:1px solid #dae4f0; background:#fff; color:#64748b; }
  .blog-categories { display:flex; flex-wrap:wrap; gap:.42rem; }
  .blog-category { display:inline-flex; align-items:center; gap:.38rem; padding:.53rem .78rem; border:1px solid #dae4f0; border-radius:999px; background:#fff; color:#64748b; font-size:.73rem; font-weight:800; text-decoration:none; }
  .blog-category.is-active { border-color:#1565c0; background:#1565c0; color:#fff; }
  .blog-category b { font-size:.63rem; opacity:.76; }
  .blog-result-info { margin:.6rem 0 1.25rem; color:#64748b; font-size:.82rem; }
  .blog-featured { display:grid; grid-template-columns:minmax(280px,1.03fr) minmax(280px,.97fr); overflow:hidden; margin-bottom:1.45rem; border:1px solid #e2e8f0; border-radius:1.35rem; background:#fff; box-shadow:0 14px 30px rgba(15,23,42,.05); text-decoration:none; }
  .blog-featured-media { min-height:315px; background:#e8f2ff; }
  .blog-featured-media img { width:100%; height:100%; min-height:315px; object-fit:cover; }
  .blog-placeholder { display:grid; place-items:center; width:100%; height:100%; min-height:215px; color:rgba(21,101,192,.35); background:linear-gradient(135deg,#dbeafe,#fff4cb); }
  .blog-placeholder svg { width:3.4rem; }
  .blog-featured-copy { display:flex; flex-direction:column; justify-content:center; padding:2rem; }
  .blog-highlight { display:inline-flex; align-self:flex-start; margin-bottom:.72rem; border-radius:999px; background:#fff6d9; color:#a16207; padding:.28rem .64rem; font-size:.67rem; font-weight:900; text-transform:uppercase; letter-spacing:.09em; }
  .blog-meta { display:flex; align-items:center; gap:.55rem; flex-wrap:wrap; color:#64748b; font-size:.7rem; font-weight:700; }
  .blog-pill { display:inline-flex; border-radius:999px; padding:.26rem .6rem; background:#e8f2ff; color:#1565c0; font-size:.64rem; font-weight:900; text-transform:uppercase; letter-spacing:.06em; }
  .blog-featured h2 { margin:.8rem 0 .62rem; color:#07152f; font-family:var(--font-display); font-size:clamp(1.85rem,3.4vw,2.55rem); font-weight:400; line-height:1.08; letter-spacing:.035em; }
  .blog-featured p { margin:0 0 1rem; color:#64748b; font-size:.87rem; line-height:1.67; }
  .blog-read { display:inline-flex; align-items:center; gap:.35rem; color:#1565c0; font-size:.77rem; font-weight:900; }
  .blog-read svg { width:.9rem; transition:transform .15s; }
  .blog-featured:hover .blog-read svg,.blog-card:hover .blog-read svg { transform:translateX(3px); }
  .blog-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.85rem; }
  .blog-card { display:flex; flex-direction:column; overflow:hidden; border:1px solid #e2e8f0; border-radius:1.05rem; background:#fff; box-shadow:0 5px 16px rgba(15,23,42,.035); color:inherit; text-decoration:none; transition:transform .17s,box-shadow .17s; }
  .blog-card:hover { transform:translateY(-3px); box-shadow:0 15px 27px rgba(15,23,42,.09); }
  .blog-card-media { height:185px; background:#e8f2ff; }
  .blog-card-media img { width:100%; height:100%; object-fit:cover; }
  .blog-card-copy { display:flex; flex-direction:column; flex:1; padding:1rem; }
  .blog-card h3 { margin:.62rem 0 .45rem; color:#07152f; font-family:var(--font-display); font-size:1.36rem; font-weight:400; letter-spacing:.035em; line-height:1.14; }
  .blog-card p { margin:0 0 .8rem; color:#64748b; font-size:.76rem; line-height:1.56; }
  .blog-card-footer { display:flex; align-items:center; justify-content:space-between; gap:.5rem; margin-top:auto; padding-top:.72rem; border-top:1px solid #f1f5f9; }
  .blog-author { color:#64748b; font-size:.67rem; font-weight:700; }
  .blog-empty { text-align:center; padding:4.2rem 1rem; border:1px dashed #d8e3f0; border-radius:1.2rem; background:#fff; }
  .blog-empty h3 { margin:.85rem 0 .45rem; color:#07152f; font-family:var(--font-display); font-size:2.35rem; font-weight:400; letter-spacing:.045em; line-height:1; }
  .blog-empty p { margin:0 auto 1.25rem; max-width:440px; color:#64748b; font-size:.88rem; line-height:1.6; }
  .blog-cta { display:flex; align-items:center; justify-content:space-between; gap:1.2rem; margin-top:2.7rem; padding:1.45rem 1.6rem; border-radius:1.2rem; background:linear-gradient(115deg,#07182f,#0d47a1); color:#fff; }
  .blog-cta h3 { margin:0 0 .28rem; color:#fff; font-family:var(--font-display); font-size:2rem; font-weight:400; letter-spacing:.045em; line-height:1; }
  .blog-cta p { margin:0; max-width:600px; color:rgba(226,232,240,.84); font-size:.8rem; line-height:1.55; }
  .blog-cta a { display:inline-flex; flex:none; align-items:center; justify-content:center; min-height:2.8rem; border-radius:.8rem; background:#ffc107; padding:0 1rem; color:#07182f; font-size:.77rem; font-weight:900; text-decoration:none; }
  @media (max-width: 980px) { .blog-hero-grid,.blog-featured { grid-template-columns:1fr; } .blog-hero-art { display:none; } .blog-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
  @media (max-width: 640px) { .blog-hero-grid,.blog-hero-grid.no-art { min-height:auto; padding:3.1rem 0; } .blog-content { padding-top:1.2rem; } .blog-tools,.blog-cta { align-items:stretch; flex-direction:column; } .blog-search { max-width:none; } .blog-grid { grid-template-columns:1fr; } .blog-featured-copy { padding:1.2rem; } .blog-featured-media,.blog-featured-media img { min-height:220px; } }

/* CBEZT PATCH 13H24 — complete manual dark-mode treatment for Blog index. */
html.cbz-dark .blog-content { background:#081523; }
html.cbz-dark .blog-search-field svg { color:#8EA2B5; }
html.cbz-dark .blog-search-field input {
  border-color:rgba(148,163,184,.18);
  background:#102B47;
  color:#F7FAFC;
}
html.cbz-dark .blog-search-field input::placeholder { color:#8297AA; }
html.cbz-dark .blog-search-field input:focus {
  border-color:#4C9BE8;
  box-shadow:0 0 0 3px rgba(76,155,232,.18);
}
html.cbz-dark .blog-reset,
html.cbz-dark .blog-category {
  border-color:rgba(148,163,184,.16);
  background:#0D2034;
  color:#A9BACB;
}
html.cbz-dark .blog-reset:hover,
html.cbz-dark .blog-category:hover:not(.is-active) {
  border-color:rgba(76,155,232,.42);
  background:#102B47;
  color:#DCEBFA;
}
html.cbz-dark .blog-category.is-active { border-color:#287AC8; background:#1565C0; color:#fff; }
html.cbz-dark .blog-result-info { color:#A9BACB; }
html.cbz-dark .blog-featured,
html.cbz-dark .blog-card,
html.cbz-dark .blog-empty {
  border-color:rgba(148,163,184,.14);
  background:#0D2034;
  box-shadow:0 14px 30px rgba(0,0,0,.18);
}
html.cbz-dark .blog-card:hover { box-shadow:0 16px 30px rgba(0,0,0,.3); }
html.cbz-dark .blog-featured-media,
html.cbz-dark .blog-card-media { background:#102B47; }
html.cbz-dark .blog-placeholder {
  color:rgba(96,165,250,.52);
  background:linear-gradient(135deg,#102B47,#17263A);
}
html.cbz-dark .blog-highlight { background:rgba(255,193,7,.13); color:#FFD76A; }
html.cbz-dark .blog-meta,
html.cbz-dark .blog-featured p,
html.cbz-dark .blog-card p,
html.cbz-dark .blog-author,
html.cbz-dark .blog-empty p { color:#A9BACB; }
html.cbz-dark .blog-pill { background:rgba(21,101,192,.24); color:#93C5FD; }
html.cbz-dark .blog-featured h2,
html.cbz-dark .blog-card h3,
html.cbz-dark .blog-empty h3 { color:#F7FAFC; }
html.cbz-dark .blog-card-footer { border-top-color:rgba(148,163,184,.12); }
html.cbz-dark .blog-read { color:#72B7FA; }
