/* Only the readable server-rendered fallback; React's existing design is retained. */
#pbict-blog-ssr { color: #eef5f0; background: #071d14; min-height: 100vh; font: 16px/1.7 system-ui, sans-serif; overflow-wrap: anywhere; }
#pbict-blog-ssr * { box-sizing: border-box; }
#pbict-blog-ssr a { color: #ffd17b; text-underline-offset: 4px; }
#pbict-blog-ssr a:focus-visible { outline: 3px solid #f4a623; outline-offset: 4px; }
#pbict-blog-ssr h1, #pbict-blog-ssr h2, #pbict-blog-ssr h3 { color: #fff; line-height: 1.3; }
#pbict-blog-ssr h1 { font-size: clamp(1.75rem, 4.5vw, 3rem); }
#pbict-blog-ssr .seo-nav { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; padding: 12px max(16px, calc((100vw - 1200px) / 2)); border-bottom: 1px solid #294633; }
#pbict-blog-ssr .seo-nav nav, #pbict-blog-ssr .seo-filters { display: flex; flex-wrap: wrap; gap: 8px 20px; }
#pbict-blog-ssr .seo-nav a, #pbict-blog-ssr .seo-filters a, #pbict-blog-ssr .seo-pagination a { display: inline-flex; align-items: center; min-height: 44px; }
#pbict-blog-ssr .seo-brand { font-size: 24px; font-weight: 800; text-decoration: none; }
#pbict-blog-ssr .seo-main { max-width: 1200px; margin: auto; padding: 24px clamp(12px, 3vw, 28px) 48px; }
#pbict-blog-ssr .seo-intro { text-align: center; padding: 24px 0; }
#pbict-blog-ssr .seo-kicker { color: #ffc65e; font-size: 13px; font-weight: 700; }
#pbict-blog-ssr .seo-filters { margin: 12px 0 28px; }
#pbict-blog-ssr .seo-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr)); gap: 24px; }
#pbict-blog-ssr .seo-card, #pbict-blog-ssr .seo-article { min-width: 0; background: #10281e; border: 1px solid #2a4735; border-radius: 16px; overflow: hidden; }
#pbict-blog-ssr .seo-article { max-width: 900px; margin: 24px auto; }
#pbict-blog-ssr .seo-card h2 { font-size: 21px; }
#pbict-blog-ssr .seo-card h2 a { color: #fff; text-decoration: none; }
#pbict-blog-ssr .seo-card-body, #pbict-blog-ssr .seo-article-body { padding: clamp(16px, 3vw, 32px); }
#pbict-blog-ssr .seo-byline { font-size: 14px; color: #b6c9bf; }
#pbict-blog-ssr .seo-excerpt { font-size: 19px; color: #d0ddd5; }
#pbict-blog-ssr img, #pbict-blog-ssr video { display: block; width: 100%; height: auto; max-height: 650px; object-fit: contain; }
#pbict-blog-ssr .seo-card .seo-cover { aspect-ratio: 16 / 9; object-fit: cover; }
#pbict-blog-ssr .seo-prose img { width: auto; max-width: 100%; }
#pbict-blog-ssr .seo-prose table { display: block; overflow-x: auto; max-width: 100%; border-collapse: collapse; }
#pbict-blog-ssr .seo-prose td, #pbict-blog-ssr .seo-prose th { border: 1px solid #486450; padding: 8px; }
#pbict-blog-ssr .seo-prose pre { overflow-x: auto; }
#pbict-blog-ssr .seo-document { padding: 28px; text-align: center; background: #163c28; }
#pbict-blog-ssr .seo-pagination { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 24px; margin: 32px 0; }