/* CBEZT PATCH 13H16 — externalized verbatim from resources/views/landing/blog/show.blade.php. */
  .article-hero { position:relative; overflow:hidden; padding:4.2rem 0 5.5rem; background:linear-gradient(125deg,#07182f 0%,#0d47a1 66%,#1565c0 100%); }
  .article-hero::before { content:''; position:absolute; inset:0; background:radial-gradient(circle at 82% 10%,rgba(255,193,7,.24),transparent 23rem),repeating-linear-gradient(-45deg,rgba(255,255,255,.035) 0,rgba(255,255,255,.035) 2px,transparent 2px,transparent 20px); }
  .article-shell { position:relative; max-width:1180px; margin:0 auto; padding:0 1.25rem; }
  .article-breadcrumb { display:flex; align-items:center; gap:.48rem; flex-wrap:wrap; color:rgba(226,232,240,.64); font-size:.74rem; font-weight:700; margin-bottom:1.2rem; }
  .article-breadcrumb a { color:inherit; text-decoration:none; }
  .article-breadcrumb a:hover { color:#fff; }
  .article-breadcrumb svg { width:.7rem; }
  .article-tag { display:inline-flex; border-radius:999px; padding:.33rem .7rem; background:#ffc107; color:#07182f; font-size:.67rem; font-weight:900; letter-spacing:.08em; text-transform:uppercase; }
  .article-hero h1 { margin:.85rem 0 .8rem; max-width:880px; color:#fff; font-family:var(--font-display); font-size:clamp(2.65rem,7vw,4.85rem); font-weight:400; letter-spacing:.045em; line-height:.98; }
  .article-meta { display:flex; align-items:center; flex-wrap:wrap; gap:.65rem; color:rgba(226,232,240,.76); font-size:.75rem; font-weight:700; }
  .article-meta span { display:inline-flex; align-items:center; gap:.3rem; }
  .article-meta svg { width:.9rem; }
  .article-page { background:#f8fbff; padding:0 0 4.6rem; }
  .article-grid { position:relative; display:grid; grid-template-columns:minmax(0,760px) minmax(280px,340px); align-items:start; gap:1rem; margin-top:-2.7rem; }
  .article-main,.article-side-card { border:1px solid #e2e8f0; border-radius:1.2rem; background:#fff; box-shadow:0 12px 28px rgba(15,23,42,.05); }
  .article-main { overflow:hidden; }
  .article-cover { aspect-ratio:16/8.4; background:linear-gradient(135deg,#dbeafe,#fff3cb); }
  .article-cover img { width:100%; height:100%; object-fit:cover; }
  .blog-article-placeholder { display:grid; place-items:center; width:100%; height:100%; color:rgba(21,101,192,.35); background:linear-gradient(135deg,#dbeafe,#fff4cb); }
  .blog-article-placeholder svg { width:3.6rem; }
  .article-body { padding:clamp(1.2rem,4vw,2.3rem); }
  .article-lead { margin:0 0 1.55rem; padding:1rem 1.05rem; border-left:4px solid #1565c0; border-radius:0 .8rem .8rem 0; background:#f1f7ff; color:#334155; font-size:1rem; font-weight:600; font-style:italic; line-height:1.7; }
  .cbz-post-content { color:#334155; font-size:1rem; line-height:1.84; }
  .cbz-post-content p { margin:0 0 1.25rem; }
  .cbz-post-content h2,.cbz-post-content h3 { color:#07152f; font-family:var(--font-display); font-weight:400; letter-spacing:.04em; line-height:1.15; margin:2rem 0 .85rem; }
  .cbz-post-content h2 { font-size:2.1rem; }.cbz-post-content h3 { font-size:1.68rem; }
  .cbz-post-content img { display:block; max-width:100%; height:auto; margin:1.5rem auto; border-radius:1rem; box-shadow:0 12px 28px rgba(15,23,42,.08); }
  .cbz-post-content a { color:#1565c0; font-weight:700; text-decoration:underline; }
  .cbz-post-content blockquote { margin:1.5rem 0; border-left:4px solid #ffc107; border-radius:0 .75rem .75rem 0; background:#fffbeb; padding:1rem 1.1rem; color:#475569; }
  .cbz-post-content mark { border-radius:.22em; background:#fff0a6; color:inherit; padding:.06em .2em; -webkit-box-decoration-break:clone; box-decoration-break:clone; }
  .cbz-post-content ul,.cbz-post-content ol { margin:1rem 0 1.35rem; padding-left:1.5rem; }
  .cbz-post-content ul { list-style:disc outside; }
  .cbz-post-content ol { list-style:decimal outside; }
  .cbz-post-content ul ul { list-style:circle outside; }
  .cbz-post-content ol ol { list-style:lower-alpha outside; }
  .cbz-post-content li { margin:.35rem 0; padding-left:.12rem; }
  .cbz-post-content li::marker { color:#1565c0; font-weight:800; }
  .cbz-post-content li > p { margin:0; }
  .cbz-post-content li > ul,.cbz-post-content li > ol { margin:.45rem 0 .55rem; }
  .cbz-post-content table { display:block; overflow-x:auto; width:100%; border-collapse:collapse; margin:1.5rem 0; }
  .cbz-post-content th,.cbz-post-content td { border:1px solid #e2e8f0; padding:.72rem; text-align:left; }
  .cbz-post-content th { background:#f1f7ff; color:#07152f; }
  .article-tags { display:flex; align-items:center; flex-wrap:wrap; gap:.4rem; margin-top:1.8rem; padding-top:1.25rem; border-top:1px solid #eef2f7; }
  .article-tags strong { color:#64748b; font-size:.68rem; text-transform:uppercase; letter-spacing:.09em; }
  .article-tags span { border-radius:999px; background:#e8f2ff; color:#1565c0; padding:.28rem .58rem; font-size:.68rem; font-weight:800; }
  .article-share { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:.65rem; margin-top:1.2rem; padding-top:1.2rem; border-top:1px solid #eef2f7; }
  .article-share strong { font-size:.76rem; color:#07152f; }
  .article-share-links { display:flex; gap:.38rem; flex-wrap:wrap; }
  .article-share-links a,.article-share-links button { display:inline-flex; align-items:center; height:2.35rem; gap:.3rem; border-radius:.65rem; border:1px solid #e2e8f0; background:#fff; padding:0 .72rem; color:#475569; font-size:.7rem; font-weight:800; text-decoration:none; cursor:pointer; }
  .article-share-links a:first-child { border-color:#c4ead0; background:#f0fdf4; color:#15803d; }
  .article-sidebar { min-width:0; position:sticky; top:5.7rem; align-self:start; z-index:1; }
  .article-sidebar-sticky { display:grid; gap:.7rem; }
  .article-side-card { padding:1rem; }
  .article-side-kicker { display:inline-flex; margin-bottom:.68rem; border-radius:999px; background:#e8f2ff; color:#1565c0; padding:.25rem .55rem; font-size:.6rem; font-weight:900; letter-spacing:.09em; text-transform:uppercase; }
  .article-summary-card { overflow:hidden; padding:0; }
  .article-summary-head { padding:1rem 1rem .82rem; background:linear-gradient(125deg,#07182f,#0d47a1); color:#fff; }
  .article-summary-card .article-summary-head h3 { margin:0; color:#fff; text-shadow:0 1px 2px rgba(0,0,0,.18); }
  .article-summary-head .article-side-kicker { background:rgba(255,193,7,.18); color:#ffe094; }
  .article-facts { display:grid; grid-template-columns:1fr 1fr; gap:.58rem; padding:.85rem 1rem 1rem; }
  .article-fact { min-width:0; padding:.58rem .6rem; border-radius:.62rem; background:#f8fbff; border:1px solid #edf2f7; }
  .article-fact span { display:block; margin-bottom:.18rem; color:#64748b; font-size:.58rem; font-weight:900; letter-spacing:.08em; text-transform:uppercase; }
  .article-fact strong { display:block; overflow:hidden; text-overflow:ellipsis; color:#07152f; font-size:.7rem; line-height:1.4; font-weight:800; }
  .article-side-tags { display:flex; flex-wrap:wrap; gap:.33rem; padding:0 1rem 1rem; }
  .article-side-tags span { border-radius:999px; background:#e8f2ff; color:#1565c0; padding:.24rem .48rem; font-size:.61rem; font-weight:800; }
  .article-side-share p { margin:-.28rem 0 .7rem; color:#475569; font-size:.7rem; line-height:1.55; }
  .article-side-share-links { display:grid; grid-template-columns:1fr 1fr; gap:.38rem; }
  .article-side-share-links a { display:flex; align-items:center; justify-content:center; min-height:2.35rem; border-radius:.62rem; border:1px solid #e2e8f0; background:#f8fbff; color:#475569; font-size:.67rem; font-weight:850; text-decoration:none; }
  .article-side-share-links a:first-child { border-color:#c4ead0; background:#f0fdf4; color:#15803d; }
  .article-side-share-links a:hover { border-color:#1565c0; color:#1565c0; }
  .article-side-card h3 { margin:0 0 .7rem; color:#07152f; font-family:var(--font-display); font-size:1.45rem; font-weight:400; letter-spacing:.045em; line-height:1; }
  .article-author { display:flex; align-items:center; gap:.65rem; }
  .article-avatar { display:grid; place-items:center; width:2.7rem; height:2.7rem; border-radius:.72rem; background:#e8f2ff; color:#1565c0; font-size:1rem; font-weight:900; }
  .article-author strong { display:block; color:#07152f; font-size:.78rem; }
  .article-author span { display:block; color:#64748b; font-size:.67rem; margin-top:.12rem; }
  .article-mini-list { display:grid; gap:.55rem; }
  .article-mini { display:grid; grid-template-columns:58px minmax(0,1fr); align-items:center; gap:.52rem; color:inherit; text-decoration:none; }
  .article-mini img,.blog-mini-placeholder { width:58px; height:52px; border-radius:.55rem; object-fit:cover; background:#e8f2ff; }
  .blog-mini-placeholder { display:grid; place-items:center; color:rgba(21,101,192,.35); }
  .blog-mini-placeholder svg { width:1.4rem; }
  .article-mini strong { display:block; color:#07152f; font-size:.69rem; line-height:1.38; }
  .article-mini span { color:#64748b; font-size:.6rem; }
  .article-cta { border-radius:1.1rem; padding:1.15rem; background:linear-gradient(125deg,#07182f,#0d47a1); color:#fff; }
  .article-cta h3 { margin:0 0 .35rem; color:#fff; font-family:var(--font-display); font-size:1.72rem; font-weight:400; letter-spacing:.045em; line-height:1.05; }
  .article-cta p { margin:0 0 .8rem; color:rgba(255,255,255,.9); font-size:.72rem; line-height:1.58; }
  .article-cta a { display:flex; justify-content:center; align-items:center; min-height:2.55rem; border-radius:.67rem; background:#ffc107; color:#07182f; text-decoration:none; font-size:.72rem; font-weight:900; }
  .article-related { margin-top:1rem; }
  .article-related h2 { margin:0 0 .82rem; color:#07152f; font-family:var(--font-display); font-size:2rem; font-weight:400; letter-spacing:.045em; line-height:1; }
  .article-related-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.65rem; }
  .article-related-card { overflow:hidden; border:1px solid #e2e8f0; border-radius:.85rem; background:#fff; color:inherit; text-decoration:none; }
  .article-related-card img { width:100%; height:105px; object-fit:cover; background:#e8f2ff; }
  .article-related-card div { padding:.62rem; }
  .article-related-card strong { display:block; color:#07152f; font-family:var(--font-display); font-size:1rem; font-weight:400; letter-spacing:.035em; line-height:1.2; }
  .article-related-card span { display:block; margin-top:.26rem; color:#64748b; font-size:.6rem; }
  @media (max-width: 980px) { .article-grid { grid-template-columns:1fr; margin-top:-2rem; } .article-sidebar { position:static; } .article-sidebar-sticky { grid-template-columns:repeat(2,minmax(0,1fr)); } .article-sidebar-sticky .article-cta { grid-column:1 / -1; } }
  @media (max-width: 640px) { .article-hero { padding:3rem 0 4rem; } .article-body { padding:1.1rem; } .article-sidebar-sticky { grid-template-columns:1fr; } .article-related-grid { grid-template-columns:1fr; } }

/* CBEZT PATCH 13H24 — complete manual dark-mode treatment for Blog detail. */
html.cbz-dark .article-page { background:#081523; }
html.cbz-dark .article-main,
html.cbz-dark .article-side-card,
html.cbz-dark .article-related-card {
  border-color:rgba(148,163,184,.14);
  background:#0D2034;
  box-shadow:0 12px 28px rgba(0,0,0,.2);
}
html.cbz-dark .article-cover,
html.cbz-dark .blog-article-placeholder,
html.cbz-dark .article-mini img,
html.cbz-dark .blog-mini-placeholder { background:#102B47; }
html.cbz-dark .blog-article-placeholder,
html.cbz-dark .blog-mini-placeholder { color:rgba(96,165,250,.52); }
html.cbz-dark .article-lead {
  border-left-color:#4C9BE8;
  background:#102B47;
  color:#D6E0EA;
}
html.cbz-dark .cbz-post-content { color:#C2CEDA; }
html.cbz-dark .cbz-post-content h2,
html.cbz-dark .cbz-post-content h3 { color:#F7FAFC; }
html.cbz-dark .cbz-post-content a { color:#72B7FA; }
html.cbz-dark .cbz-post-content mark { background:rgba(255,193,7,.28); color:#FFF4C2; }
html.cbz-dark .cbz-post-content li::marker { color:#72B7FA; }
html.cbz-dark .cbz-post-content blockquote {
  background:rgba(255,193,7,.08);
  color:#D6E0EA;
}
html.cbz-dark .cbz-post-content th,
html.cbz-dark .cbz-post-content td { border-color:rgba(148,163,184,.18); }
html.cbz-dark .cbz-post-content th { background:#102B47; color:#F7FAFC; }
html.cbz-dark .article-tags,
html.cbz-dark .article-share { border-top-color:rgba(148,163,184,.12); }
html.cbz-dark .article-tags strong,
html.cbz-dark .article-fact span,
html.cbz-dark .article-author span,
html.cbz-dark .article-mini span,
html.cbz-dark .article-related-card span { color:#8EA2B5; }
html.cbz-dark .article-tags span,
html.cbz-dark .article-side-kicker,
html.cbz-dark .article-side-tags span { background:rgba(21,101,192,.24); color:#93C5FD; }
html.cbz-dark .article-share strong,
html.cbz-dark .article-side-card h3,
html.cbz-dark .article-fact strong,
html.cbz-dark .article-author strong,
html.cbz-dark .article-mini strong,
html.cbz-dark .article-related h2,
html.cbz-dark .article-related-card strong { color:#F7FAFC; }
html.cbz-dark .article-share-links a,
html.cbz-dark .article-share-links button,
html.cbz-dark .article-side-share-links a {
  border-color:rgba(148,163,184,.16);
  background:#102B47;
  color:#C2CEDA;
}
html.cbz-dark .article-share-links a:hover,
html.cbz-dark .article-share-links button:hover,
html.cbz-dark .article-side-share-links a:hover { border-color:#4C9BE8; color:#93C5FD; }
html.cbz-dark .article-share-links a:first-child,
html.cbz-dark .article-side-share-links a:first-child {
  border-color:rgba(74,222,128,.25);
  background:rgba(22,163,74,.12);
  color:#86EFAC;
}
html.cbz-dark .article-fact { border-color:rgba(148,163,184,.12); background:#102B47; }
html.cbz-dark .article-side-share p { color:#A9BACB; }
html.cbz-dark .article-avatar { background:rgba(21,101,192,.24); color:#93C5FD; }