.robo* helpers come from app.css (global). Everything here is scoped to #brinxBlog so it cannot leak into the app shell or the home page. ======================================================== */ #brinxBlog{--blog-accent: #ef5323;--blog-ink: #231f20;--blog-muted: #5f6368;--blog-line: #e8e8e8;--blog-surface: #ffffff;--blog-tint: #fdf3ef;background-color:#fafafa;color:var(--blog-ink)}#brinxBlog .blog-header{z-index:1030}#brinxBlog .links a{text-decoration:none;color:inherit;touch-action:manipulation}#brinxBlog .links a:hover,#brinxBlog .links .active-link{color:var(--blog-accent)!important}#brinxBlog .blog-hero{background:linear-gradient(180deg,var(--blog-tint) 0%,#fafafa 100%);border-bottom:1px solid var(--blog-line)}#brinxBlog .blog-hero__sub{color:var(--blog-muted);max-width:62ch}#brinxBlog .blog-badge{background-color:var(--blog-accent);color:#fff;font-size:12px;letter-spacing:.04em;text-transform:uppercase;padding:5px 12px;border-radius:999px;width:-moz-fit-content;width:fit-content}#brinxBlog .blog-featured{display:block;background-color:var(--blog-surface);border:1px solid var(--blog-line);border-radius:20px;overflow:hidden;color:inherit;transition:box-shadow .2s ease,transform .2s ease}#brinxBlog .blog-featured:hover{box-shadow:0 12px 32px #00000017;transform:translateY(-2px)}#brinxBlog .blog-featured__media{min-height:260px;background-color:var(--blog-tint);overflow:hidden}#brinxBlog .blog-featured__media img{width:100%;height:100%;min-height:260px;-o-object-fit:cover;object-fit:cover;display:block}#brinxBlog .blog-featured__excerpt{color:var(--blog-muted);margin-bottom:0}#brinxBlog .blog-readmore{color:var(--blog-accent)}#brinxBlog .blog-card{background-color:var(--blog-surface);border:1px solid var(--blog-line);border-radius:16px;overflow:hidden;color:inherit;transition:box-shadow .2s ease,transform .2s ease}#brinxBlog .blog-card:hover{box-shadow:0 10px 26px #00000014;transform:translateY(-2px)}#brinxBlog .blog-card__media{aspect-ratio:16 / 9;background-color:var(--blog-tint);overflow:hidden}#brinxBlog .blog-card__media img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}#brinxBlog .blog-card__excerpt{color:var(--blog-muted);font-size:14px;margin-bottom:16px}#brinxBlog .blog-card__meta{color:#8a8f98;font-size:12px}#brinxBlog .blog-empty{background-color:var(--blog-surface);border:1px dashed var(--blog-line);border-radius:16px;color:var(--blog-muted)}#brinxBlog .blog-pagination__link{color:var(--blog-accent);text-decoration:none}#brinxBlog .blog-pagination__link.is-disabled{color:#c4c4c4;pointer-events:none}#brinxBlog .blog-pagination__count{color:var(--blog-muted);font-size:14px}#brinxBlog .blog-back{color:var(--blog-muted);text-decoration:none}#brinxBlog .blog-back:hover{color:var(--blog-accent)}#brinxBlog .blog-post__byline{color:var(--blog-muted);font-size:14px}#brinxBlog .blog-post__cover img{width:100%;border-radius:16px;display:block}#brinxBlog .blog-post__body{font-size:17px;line-height:1.75;color:#2f3338}#brinxBlog .blog-post__body>*:first-child{margin-top:0}#brinxBlog .blog-post__body :is(h1,h2,h3,h4){font-family:roboBold,sans-serif;color:var(--blog-ink);margin-top:2.2em;margin-bottom:.6em;line-height:1.3}#brinxBlog .blog-post__body h1{font-size:1.9rem}#brinxBlog .blog-post__body h2{font-size:1.55rem}#brinxBlog .blog-post__body h3{font-size:1.28rem}#brinxBlog .blog-post__body h4{font-size:1.1rem}#brinxBlog .blog-post__body p{margin-bottom:1.35em}#brinxBlog .blog-post__body :is(ul,ol){margin-bottom:1.35em;padding-left:1.4em}#brinxBlog .blog-post__body li{margin-bottom:.5em}#brinxBlog .blog-post__body a{color:var(--blog-accent);text-decoration:underline;text-underline-offset:2px}#brinxBlog .blog-post__body img{max-width:100%;height:auto;border-radius:12px;margin:1.5em 0}#brinxBlog .blog-post__body blockquote{border-left:3px solid var(--blog-accent);background-color:var(--blog-tint);margin:1.8em 0;padding:1em 1.25em;border-radius:0 10px 10px 0;font-style:italic}#brinxBlog .blog-post__body blockquote>*:last-child{margin-bottom:0}#brinxBlog .blog-post__body pre{background-color:#1f2328;color:#e6edf3;padding:1em 1.2em;border-radius:10px;overflow-x:auto;font-size:14px;margin-bottom:1.5em}#brinxBlog .blog-post__body :not(pre)>code{background-color:#f1f3f5;padding:.15em .4em;border-radius:5px;font-size:.9em}#brinxBlog .blog-post__body table{width:100%;border-collapse:collapse;margin-bottom:1.5em;font-size:15px}#brinxBlog .blog-post__body :is(th,td){border:1px solid var(--blog-line);padding:.6em .8em;text-align:left}#brinxBlog .blog-post__body th{background-color:#f6f7f8}#brinxBlog .blog-post__body .ql-align-center{text-align:center}#brinxBlog .blog-post__body .ql-align-right{text-align:right}#brinxBlog .blog-post__body .ql-align-justify{text-align:justify}#brinxBlog .blog-post__cta{background-color:var(--blog-tint);border:1px solid #f6d9cf}#brinxBlog .blog-post__cta p{color:var(--blog-muted);margin-bottom:0}#brinxBlog .blog-cta-btn{display:inline-block;background-color:var(--blog-accent);color:#fff;padding:11px 26px;border-radius:8px;text-decoration:none;transition:background-color .2s ease,transform .15s ease}#brinxBlog .blog-cta-btn:hover{background-color:#d8431a;color:#fff;transform:translateY(-1px)}#brinxBlog .blog-footer{background-color:#262626}#brinxBlog .blog-footer .social-links{gap:20px}#brinxBlog .blog-footer .slink{background-color:#444;color:#fff;--size: 45px;width:var(--size);height:var(--size)}#brinxBlog .blog-footer .slink:hover,#brinxBlog .blog-footer a:hover{color:var(--blog-accent)!important}@media (max-width: 767.98px){#brinxBlog .blog-featured__media,#brinxBlog .blog-featured__media img{min-height:200px}#brinxBlog .blog-post__body{font-size:16px}}#brinxBlog .blog-draftBanner{background-color:#ffe9c7;color:#7a4b00;border-bottom:1px solid #f0d5a5}