.cfx550-blog,
.cfx550-article{
    background:var(--c32-bg,#fff)
}
.cfx550-blog-toolbar-section{
    padding:34px 0 10px
}
.cfx550-blog-toolbar{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:22px
}
.cfx550-category-strip{
    display:flex;
    align-items:center;
    gap:8px;
    flex-wrap:wrap
}
.cfx550-category-strip a{
    min-height:34px;
    display:inline-flex;
    align-items:center;
    gap:6px;
    padding:0 11px;
    border:1px solid var(--c32-line,#e8edf2);
    border-radius:999px;
    color:var(--c32-muted,#667085);
    background:var(--c32-card,#fff);
    font-size:7.5px;
    font-weight:800;
    transition:.2s
}
.cfx550-category-strip a:hover,
.cfx550-category-strip a.active{
    color:#fff;
    border-color:#f97316;
    background:#f97316
}
.cfx550-category-strip small{
    display:grid;
    min-width:18px;
    height:18px;
    place-items:center;
    padding:0 4px;
    border-radius:999px;
    color:inherit;
    background:rgba(15,23,42,.06);
    font-size:6px
}
.cfx550-category-strip a.active small,
.cfx550-category-strip a:hover small{
    background:rgba(255,255,255,.18)
}
html[data-theme="dark"] .cfx550-category-strip a{
    border-color:rgba(255,255,255,.08);
    color:#a7b5c6;
    background:#101d30
}
html[data-theme="dark"] .cfx550-category-strip a.active,
html[data-theme="dark"] .cfx550-category-strip a:hover{
    color:#fff;
    border-color:#f97316;
    background:#f97316
}
.cfx550-blog-search{
    display:flex;
    gap:7px;
    min-width:min(100%,330px)
}
.cfx550-blog-search input{
    min-width:0;
    flex:1;
    min-height:38px;
    padding:0 12px;
    border:1px solid var(--c32-line,#e8edf2);
    border-radius:10px;
    outline:none;
    color:var(--c32-text,#111827);
    background:var(--c32-card,#fff);
    font-family:inherit;
    font-size:7.5px
}
.cfx550-blog-search input:focus{
    border-color:rgba(249,115,22,.5);
    box-shadow:0 0 0 3px rgba(249,115,22,.07)
}
html[data-theme="dark"] .cfx550-blog-search input{
    color:#fff;
    border-color:rgba(255,255,255,.08);
    background:#101d30
}
.cfx550-blog-search button{
    min-width:70px;
    min-height:38px;
    padding:0 12px;
    border:0;
    border-radius:10px;
    color:#fff;
    background:#111827;
    font-family:inherit;
    font-size:7px;
    font-weight:900;
    cursor:pointer
}
html[data-theme="dark"] .cfx550-blog-search button{
    color:#0b1424;
    background:#fff
}
.cfx550-blog-context{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:20px;
    margin-top:18px;
    padding:18px;
    border:1px solid var(--c32-line,#e8edf2);
    border-radius:14px;
    background:var(--c32-soft,#f8fafc)
}
html[data-theme="dark"] .cfx550-blog-context{
    border-color:rgba(255,255,255,.07);
    background:#0d1828
}
.cfx550-blog-context span{
    display:block;
    color:var(--c32-muted,#667085);
    font-size:6.5px
}
.cfx550-blog-context strong{
    display:block;
    margin-top:2px;
    color:var(--c32-text,#111827);
    font-size:12px
}
.cfx550-blog-context p{
    max-width:650px;
    margin:6px 0 0;
    color:var(--c32-muted,#667085);
    font-size:7.5px;
    line-height:1.8
}
.cfx550-blog-context>a{
    color:#f97316;
    font-size:7px;
    font-weight:900;
    white-space:nowrap
}
html[data-theme="dark"] .cfx550-blog-context strong{
    color:#fff
}

.cfx550-featured-section{
    padding:34px 0 22px
}
.cfx550-featured-post{
    display:grid;
    grid-template-columns:1.04fr .96fr;
    min-height:440px;
    overflow:hidden;
    border:1px solid var(--c32-line,#e8edf2);
    border-radius:26px;
    background:var(--c32-card,#fff);
    box-shadow:0 24px 60px rgba(15,23,42,.065)
}
html[data-theme="dark"] .cfx550-featured-post{
    border-color:rgba(255,255,255,.08);
    background:#101d30
}
.cfx550-featured-media{
    display:block;
    min-height:440px;
    background:#081321
}
.cfx550-featured-media img{
    width:100%;
    height:100%;
    min-height:440px;
    display:block;
    object-fit:cover
}
.cfx550-featured-copy{
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding:42px
}
.cfx550-post-badges{
    display:flex;
    align-items:center;
    gap:7px;
    flex-wrap:wrap
}
.cfx550-post-badges>a,
.cfx550-post-badges>span{
    min-height:27px;
    display:inline-flex;
    align-items:center;
    padding:0 9px;
    border-radius:999px;
    color:#f97316;
    background:rgba(249,115,22,.09);
    font-size:6.5px;
    font-weight:900
}
.cfx550-post-badges .featured{
    color:#fff;
    background:#111827
}
html[data-theme="dark"] .cfx550-post-badges .featured{
    color:#0b1424;
    background:#fff
}
.cfx550-featured-copy h2{
    margin:17px 0 0;
    color:var(--c32-text,#111827);
    font-size:clamp(30px,4.2vw,49px);
    line-height:1.22;
    letter-spacing:-.045em
}
.cfx550-featured-copy h2 a{
    color:inherit
}
.cfx550-featured-copy>p{
    margin:13px 0 0;
    color:var(--c32-muted,#667085);
    font-size:9px;
    line-height:1.95
}
html[data-theme="dark"] .cfx550-featured-copy h2{
    color:#fff
}
html[data-theme="dark"] .cfx550-featured-copy>p{
    color:#a8b5c5
}
.cfx550-post-meta{
    display:flex;
    flex-wrap:wrap;
    gap:8px 14px;
    margin-top:20px;
    color:var(--c32-muted,#667085);
    font-size:6.8px
}
.cfx550-post-meta span{
    position:relative
}
.cfx550-post-meta span+span:before{
    content:"·";
    margin-inline-end:14px
}
.cfx550-read-link{
    display:inline-flex;
    align-items:center;
    gap:6px;
    align-self:flex-start;
    margin-top:24px;
    color:#f97316;
    font-size:8px;
    font-weight:900
}
.cfx550-read-link svg{
    width:15px;
    height:15px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.8
}
.cfx550-blog-placeholder{
    width:100%;
    height:100%;
    min-height:440px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:14px;
    color:#fff;
    background:
        radial-gradient(circle at 75% 20%,rgba(249,115,22,.16),transparent 24%),
        linear-gradient(145deg,#07111f,#101f35)
}
.cfx550-blog-placeholder span{
    color:#f97316;
    font:900 30px Consolas,monospace
}
.cfx550-blog-placeholder strong{
    color:#7f90a5;
    font:800 8px Consolas,monospace;
    letter-spacing:.15em
}
.cfx550-blog-placeholder.compact{
    min-height:220px
}
.cfx550-blog-placeholder.compact span{
    font-size:23px
}

.cfx550-posts-section{
    padding:28px 0 92px
}
.cfx550-posts-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:15px
}
.cfx550-post-card{
    overflow:hidden;
    display:flex;
    flex-direction:column;
    min-height:440px;
    border:1px solid var(--c32-line,#e8edf2);
    border-radius:21px;
    background:var(--c32-card,#fff);
    box-shadow:0 15px 38px rgba(15,23,42,.04);
    transition:transform .2s,border-color .2s,box-shadow .2s
}
.cfx550-post-card:hover{
    transform:translateY(-5px);
    border-color:rgba(249,115,22,.28);
    box-shadow:0 25px 50px rgba(15,23,42,.08)
}
html[data-theme="dark"] .cfx550-post-card{
    border-color:rgba(255,255,255,.07);
    background:#101d30
}
.cfx550-post-media{
    display:block;
    height:220px;
    background:#081321
}
.cfx550-post-media img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover
}
.cfx550-post-card-body{
    display:flex;
    flex:1;
    flex-direction:column;
    padding:21px
}
.cfx550-post-card-top{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px
}
.cfx550-post-card-top>a,
.cfx550-post-card-top>span{
    color:#f97316;
    font-size:6.5px;
    font-weight:900
}
.cfx550-post-card-top>small{
    color:var(--c32-muted,#667085);
    font-size:6.2px
}
.cfx550-post-card h2{
    margin:13px 0 0;
    color:var(--c32-text,#111827);
    font-size:17px;
    line-height:1.45;
    letter-spacing:-.025em
}
.cfx550-post-card h2 a{
    color:inherit
}
.cfx550-post-card-body>p{
    margin:9px 0 0;
    color:var(--c32-muted,#667085);
    font-size:7.8px;
    line-height:1.88
}
html[data-theme="dark"] .cfx550-post-card h2{
    color:#fff
}
html[data-theme="dark"] .cfx550-post-card-body>p{
    color:#9eacbd
}
.cfx550-post-card footer{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:15px;
    margin-top:auto;
    padding-top:20px
}
.cfx550-post-card footer strong{
    display:block;
    color:var(--c32-text,#111827);
    font-size:7.5px
}
.cfx550-post-card footer small{
    display:block;
    margin-top:3px;
    color:var(--c32-muted,#667085);
    font-size:6px
}
html[data-theme="dark"] .cfx550-post-card footer strong{
    color:#fff
}
.cfx550-post-card footer>a{
    width:34px;
    height:34px;
    display:grid;
    place-items:center;
    border-radius:10px;
    color:#f97316;
    background:rgba(249,115,22,.09);
    font-size:12px
}
.cfx550-empty{
    max-width:720px;
    margin:auto;
    padding:60px 30px;
    border:1px dashed var(--c32-line,#e8edf2);
    border-radius:22px;
    text-align:center
}
.cfx550-empty strong{
    color:var(--c32-text,#111827);
    font-size:18px
}
.cfx550-empty p{
    margin:8px 0 0;
    color:var(--c32-muted,#667085);
    font-size:8px
}
.cfx550-empty a{
    display:inline-flex;
    margin-top:17px;
    color:#f97316;
    font-size:8px;
    font-weight:900
}
html[data-theme="dark"] .cfx550-empty strong{
    color:#fff
}
.cfx550-pagination{
    margin-top:35px
}

.cfx550-article-hero{
    position:relative;
    overflow:hidden;
    padding:34px 0 78px;
    background:
        radial-gradient(circle at 11% 9%,rgba(249,115,22,.09),transparent 25%),
        #fff
}
html[data-theme="dark"] .cfx550-article-hero{
    background:
        radial-gradient(circle at 11% 9%,rgba(249,115,22,.12),transparent 25%),
        #0b1424
}
.cfx550-article-hero>.cfx-container{
    position:relative;
    z-index:2
}
.cfx550-article-effects{
    position:absolute;
    inset:0;
    overflow:hidden;
    pointer-events:none
}
.cfx550-article-effects>span{
    position:absolute;
    inset:0;
    opacity:.2;
    background-image:
        linear-gradient(var(--c32-line,#e8edf2) 1px,transparent 1px),
        linear-gradient(90deg,var(--c32-line,#e8edf2) 1px,transparent 1px);
    background-size:56px 56px;
    mask-image:linear-gradient(to bottom,transparent,#000 18%,#000 86%,transparent)
}
.cfx550-article-effects>i{
    position:absolute;
    width:300px;
    height:300px;
    right:-120px;
    bottom:-170px;
    border-radius:50%;
    background:#2563eb;
    filter:blur(48px);
    opacity:.04
}
.cfx550-article-effects>b{
    position:absolute;
    left:5%;
    bottom:8%;
    color:#111827;
    opacity:.018;
    font:900 42px Consolas,monospace
}
html[data-theme="dark"] .cfx550-article-effects>b{
    color:#fff;
    opacity:.035
}
.cfx550-article-head{
    max-width:970px;
    padding-top:10px
}
.cfx550-article-head h1{
    margin:15px 0 0;
    color:var(--c32-text,#111827);
    font-size:clamp(42px,6.3vw,78px);
    line-height:1.08;
    letter-spacing:-.06em
}
.cfx550-article-excerpt{
    max-width:820px;
    margin:18px 0 0;
    color:var(--c32-muted,#667085);
    font-size:11px;
    line-height:2
}
html[data-theme="dark"] .cfx550-article-head h1{
    color:#fff
}
html[data-theme="dark"] .cfx550-article-excerpt{
    color:#a8b5c5
}
.cfx550-article-meta{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:11px;
    margin-top:28px
}
.cfx550-article-meta>div{
    min-height:52px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding:8px 12px;
    border:1px solid var(--c32-line,#e8edf2);
    border-radius:12px;
    background:rgba(255,255,255,.62)
}
.cfx550-article-meta small{
    color:var(--c32-muted,#667085);
    font-size:6px
}
.cfx550-article-meta strong{
    margin-top:3px;
    color:var(--c32-text,#111827);
    font-size:7.5px
}
.cfx550-article-meta .cfx550-author{
    min-width:155px;
    flex-direction:row;
    align-items:center;
    justify-content:flex-start;
    gap:10px
}
.cfx550-author>span{
    width:34px;
    height:34px;
    display:grid;
    place-items:center;
    border-radius:10px;
    color:#f97316;
    background:rgba(249,115,22,.09);
    font-size:9px;
    font-weight:900
}
.cfx550-author>div{
    display:flex;
    flex-direction:column
}
html[data-theme="dark"] .cfx550-article-meta>div{
    border-color:rgba(255,255,255,.08);
    background:rgba(16,29,48,.7)
}
html[data-theme="dark"] .cfx550-article-meta strong{
    color:#fff
}
.cfx550-article-cover{
    margin-top:-28px;
    position:relative;
    z-index:3
}
.cfx550-article-cover figure{
    overflow:hidden;
    margin:0;
    border-radius:27px;
    box-shadow:0 32px 75px rgba(15,23,42,.15)
}
.cfx550-article-cover img{
    width:100%;
    max-height:650px;
    display:block;
    object-fit:cover
}
.cfx550-article-content-section{
    padding:76px 0 80px
}
.cfx550-article-layout{
    display:grid;
    grid-template-columns:180px minmax(0,820px);
    gap:48px;
    justify-content:center;
    align-items:start
}
.cfx550-article-side{
    position:sticky;
    top:95px;
    display:grid;
    gap:14px
}
.cfx550-side-card,
.cfx550-side-tags{
    padding:16px;
    border:1px solid var(--c32-line,#e8edf2);
    border-radius:14px;
    background:var(--c32-card,#fff)
}
html[data-theme="dark"] .cfx550-side-card,
html[data-theme="dark"] .cfx550-side-tags{
    border-color:rgba(255,255,255,.07);
    background:#101d30
}
.cfx550-side-card>span,
.cfx550-side-tags>span{
    display:block;
    color:var(--c32-muted,#667085);
    font-size:6px
}
.cfx550-side-card>strong{
    display:block;
    margin-top:4px;
    color:var(--c32-text,#111827);
    font-size:8px
}
.cfx550-side-card>a{
    display:inline-flex;
    margin-top:10px;
    color:#f97316;
    font-size:7px;
    font-weight:900
}
html[data-theme="dark"] .cfx550-side-card>strong{
    color:#fff
}
.cfx550-side-tags>div{
    display:flex;
    gap:5px;
    flex-wrap:wrap;
    margin-top:8px
}
.cfx550-side-tags small,
.cfx550-article-tags-bottom span{
    padding:5px 7px;
    border-radius:999px;
    color:var(--c32-muted,#667085);
    background:var(--c32-soft,#f8fafc);
    font-size:6px
}
html[data-theme="dark"] .cfx550-side-tags small,
html[data-theme="dark"] .cfx550-article-tags-bottom span{
    color:#a8b5c5;
    background:#0d1828
}
.cfx550-article-prose{
    color:var(--c32-text,#111827);
    font-size:10.5px;
    line-height:2.08
}
.cfx550-article-prose>*:first-child{
    margin-top:0
}
.cfx550-article-prose h1,
.cfx550-article-prose h2,
.cfx550-article-prose h3,
.cfx550-article-prose h4{
    margin:2em 0 .65em;
    color:var(--c32-text,#111827);
    line-height:1.35;
    letter-spacing:-.025em
}
.cfx550-article-prose h2{
    font-size:27px
}
.cfx550-article-prose h3{
    font-size:20px
}
.cfx550-article-prose p{
    margin:0 0 1.35em;
    color:var(--c32-muted,#4b5563)
}
.cfx550-article-prose ul,
.cfx550-article-prose ol{
    display:grid;
    gap:7px;
    margin:1.2em 0;
    padding-inline-start:24px;
    color:var(--c32-muted,#4b5563)
}
.cfx550-article-prose blockquote{
    margin:1.7em 0;
    padding:17px 20px;
    border-inline-start:3px solid #f97316;
    border-radius:0 13px 13px 0;
    color:var(--c32-muted,#4b5563);
    background:var(--c32-soft,#f8fafc)
}
html[dir="rtl"] .cfx550-article-prose blockquote{
    border-radius:13px 0 0 13px
}
.cfx550-article-prose code{
    padding:2px 5px;
    border-radius:6px;
    color:#f97316;
    background:rgba(249,115,22,.08);
    font-family:Consolas,monospace;
    font-size:.88em
}
.cfx550-article-prose pre{
    overflow:auto;
    margin:1.7em 0;
    padding:18px;
    border-radius:15px;
    color:#c9d4e2;
    background:#081321;
    direction:ltr;
    text-align:left
}
.cfx550-article-prose pre code{
    padding:0;
    color:inherit;
    background:transparent
}
.cfx550-article-prose a{
    color:#f97316;
    text-decoration:underline;
    text-underline-offset:3px
}
.cfx550-article-prose img{
    max-width:100%;
    height:auto;
    border-radius:16px
}
.cfx550-article-prose hr{
    margin:2.2em 0;
    border:0;
    border-top:1px solid var(--c32-line,#e8edf2)
}
html[data-theme="dark"] .cfx550-article-prose,
html[data-theme="dark"] .cfx550-article-prose h1,
html[data-theme="dark"] .cfx550-article-prose h2,
html[data-theme="dark"] .cfx550-article-prose h3,
html[data-theme="dark"] .cfx550-article-prose h4{
    color:#fff
}
html[data-theme="dark"] .cfx550-article-prose p,
html[data-theme="dark"] .cfx550-article-prose ul,
html[data-theme="dark"] .cfx550-article-prose ol,
html[data-theme="dark"] .cfx550-article-prose blockquote{
    color:#a8b5c5
}
html[data-theme="dark"] .cfx550-article-prose blockquote{
    background:#0d1828
}
.cfx550-article-tags-bottom{
    padding:0 0 45px
}
.cfx550-article-narrow{
    max-width:820px;
    display:flex;
    gap:7px;
    flex-wrap:wrap
}

.cfx550-related-section{
    padding:78px 0 88px;
    background:var(--c32-soft,#f8fafc)
}
html[data-theme="dark"] .cfx550-related-section{
    background:#0d1828
}
.cfx550-section-head{
    max-width:820px;
    margin:0 auto 32px;
    text-align:center
}
.cfx550-section-head h2{
    margin:11px 0 0;
    color:var(--c32-text,#111827);
    font-size:clamp(30px,4vw,47px);
    line-height:1.23;
    letter-spacing:-.045em
}
html[data-theme="dark"] .cfx550-section-head h2{
    color:#fff
}
.cfx550-related-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:14px
}
.cfx550-related-grid article{
    overflow:hidden;
    border:1px solid var(--c32-line,#e8edf2);
    border-radius:19px;
    background:var(--c32-card,#fff)
}
html[data-theme="dark"] .cfx550-related-grid article{
    border-color:rgba(255,255,255,.07);
    background:#101d30
}
.cfx550-related-media{
    display:block;
    height:190px
}
.cfx550-related-media img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover
}
.cfx550-related-grid article>div{
    padding:18px
}
.cfx550-related-grid small{
    color:#f97316;
    font-size:6.2px;
    font-weight:900
}
.cfx550-related-grid h3{
    margin:9px 0 0;
    color:var(--c32-text,#111827);
    font-size:14px;
    line-height:1.5
}
.cfx550-related-grid h3 a{
    color:inherit
}
.cfx550-related-grid article>div>span{
    display:block;
    margin-top:10px;
    color:var(--c32-muted,#667085);
    font-size:6px
}
html[data-theme="dark"] .cfx550-related-grid h3{
    color:#fff
}
.cfx550-article-final-cta{
    padding:20px 0 90px;
    background:var(--c32-bg,#fff)
}
.cfx550-article-final-card{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:30px;
    padding:38px;
    border-radius:25px;
    color:#fff;
    background:
        radial-gradient(circle at 85% 20%,rgba(249,115,22,.14),transparent 24%),
        #081321
}
.cfx550-article-final-card h2{
    max-width:760px;
    margin:10px 0 0;
    font-size:clamp(28px,4vw,44px);
    line-height:1.2
}
.cfx550-article-final-card p{
    max-width:680px;
    margin:9px 0 0;
    color:#a8b5c5;
    font-size:8.5px;
    line-height:1.9
}
.cfx550-article-final-card>a{
    min-height:47px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:0 18px;
    border-radius:11px;
    color:#fff;
    background:#f97316;
    font-size:8px;
    font-weight:900;
    white-space:nowrap
}
@media(max-width:1000px){
    .cfx550-blog-toolbar{
        align-items:stretch;
        flex-direction:column
    }
    .cfx550-featured-post{
        grid-template-columns:1fr
    }
    .cfx550-featured-media,
    .cfx550-featured-media img{
        min-height:340px;
        max-height:420px
    }
    .cfx550-posts-grid,
    .cfx550-related-grid{
        grid-template-columns:repeat(2,1fr)
    }
    .cfx550-article-layout{
        grid-template-columns:1fr
    }
    .cfx550-article-side{
        position:static;
        display:flex;
        flex-wrap:wrap
    }
    .cfx550-side-card,
    .cfx550-side-tags{
        min-width:210px;
        flex:1
    }
}
@media(max-width:680px){
    .cfx550-blog-toolbar-section{
        padding-top:24px
    }
    .cfx550-blog-search{
        min-width:0;
        width:100%
    }
    .cfx550-blog-context{
        flex-direction:column
    }
    .cfx550-featured-section{
        padding-top:24px
    }
    .cfx550-featured-copy{
        padding:25px
    }
    .cfx550-featured-media,
    .cfx550-featured-media img,
    .cfx550-blog-placeholder{
        min-height:260px
    }
    .cfx550-posts-section{
        padding-bottom:64px
    }
    .cfx550-posts-grid,
    .cfx550-related-grid{
        grid-template-columns:1fr
    }
    .cfx550-article-hero{
        padding-bottom:60px
    }
    .cfx550-article-head h1{
        font-size:42px
    }
    .cfx550-article-cover{
        margin-top:-12px
    }
    .cfx550-article-content-section{
        padding:58px 0 64px
    }
    .cfx550-article-prose{
        font-size:10px
    }
    .cfx550-article-side{
        display:grid
    }
    .cfx550-related-section{
        padding:64px 0
    }
    .cfx550-article-final-card{
        align-items:flex-start;
        flex-direction:column;
        padding:27px
    }
    .cfx550-article-final-cta{
        padding-bottom:64px
    }
}

/* ============================================================
   CODFIX v5.14.6 — Blog Experience Pro
   ============================================================ */

.cfx5146-blog-hero{
    position:relative;
    overflow:hidden;
    padding:28px 0 64px;
    background:
        radial-gradient(circle at 10% 10%,rgba(249,115,22,.10),transparent 27%),
        radial-gradient(circle at 92% 82%,rgba(37,99,235,.045),transparent 23%),
        #fff
}
html[data-theme="dark"] .cfx5146-blog-hero{
    background:
        radial-gradient(circle at 10% 10%,rgba(249,115,22,.12),transparent 27%),
        radial-gradient(circle at 92% 82%,rgba(37,99,235,.06),transparent 23%),
        #0b1424
}
.cfx5146-blog-hero>.cfx-container{position:relative;z-index:2}
.cfx5146-blog-hero-effects{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.cfx5146-blog-hero-effects>span{position:absolute;inset:0;opacity:.18;background-image:linear-gradient(var(--c32-line,#e8edf2) 1px,transparent 1px),linear-gradient(90deg,var(--c32-line,#e8edf2) 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(to bottom,transparent,#000 16%,#000 90%,transparent)}
.cfx5146-blog-hero-effects>i{position:absolute;width:300px;height:300px;inset-inline-end:-130px;bottom:-160px;border-radius:50%;background:#2563eb;filter:blur(50px);opacity:.045}
.cfx5146-blog-hero-effects>b{position:absolute;inset-inline-start:5%;bottom:7%;color:#111827;opacity:.018;font:900 38px Consolas,monospace}
html[data-theme="dark"] .cfx5146-blog-hero-effects>b{color:#fff;opacity:.035}
.cfx5146-blog-hero .cfx500-breadcrumb{margin-bottom:28px}
.cfx5146-blog-hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(390px,.95fr);gap:58px;align-items:center}
.cfx5146-blog-hero-copy{max-width:780px}
.cfx5146-kicker{display:inline-flex;align-items:center;gap:9px;color:#f97316;font-size:11px;font-weight:900;letter-spacing:.04em}
.cfx5146-kicker i{width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 0 7px rgba(249,115,22,.10)}
.cfx5146-blog-hero-copy h1{margin:15px 0 0;color:var(--c32-text,#111827);font-size:clamp(42px,5.2vw,68px);line-height:1.34;letter-spacing:-.045em}
.cfx5146-blog-hero-copy p{max-width:720px;margin:18px 0 0;color:var(--c32-muted,#667085);font-size:15px;line-height:2.05}
html[data-theme="dark"] .cfx5146-blog-hero-copy h1{color:#fff}
html[data-theme="dark"] .cfx5146-blog-hero-copy p{color:#a8b5c5}
.cfx5146-blog-hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:25px}
.cfx5146-blog-hero-actions a{min-height:48px;display:inline-flex;align-items:center;justify-content:center;padding:0 18px;border-radius:12px;font-size:13px;font-weight:900;transition:.2s}
.cfx5146-blog-hero-actions a.primary{color:#fff;background:#f97316;box-shadow:0 12px 26px rgba(249,115,22,.20)}
.cfx5146-blog-hero-actions a.secondary{color:var(--c32-text,#111827);border:1px solid var(--c32-line,#e8edf2);background:rgba(255,255,255,.72)}
.cfx5146-blog-hero-actions a:hover{transform:translateY(-2px)}
html[data-theme="dark"] .cfx5146-blog-hero-actions a.secondary{color:#fff;border-color:rgba(255,255,255,.09);background:#101d30}
.cfx5146-blog-hero-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
.cfx5146-blog-hero-tags span{padding:7px 11px;border:1px solid rgba(249,115,22,.14);border-radius:999px;color:#6b7280;background:rgba(255,255,255,.75);font-size:11px;font-weight:800}
html[data-theme="dark"] .cfx5146-blog-hero-tags span{color:#a8b5c5;border-color:rgba(249,115,22,.15);background:rgba(255,255,255,.035)}

.cfx5146-blog-hero-visual{position:relative}
.cfx5146-journal-window{overflow:hidden;border:1px solid rgba(255,255,255,.08);border-radius:28px;color:#fff;background:radial-gradient(circle at 80% 20%,rgba(249,115,22,.18),transparent 25%),linear-gradient(145deg,#07111f,#101f35);box-shadow:0 30px 75px rgba(15,23,42,.18)}
.cfx5146-journal-bar{height:48px;display:flex;align-items:center;gap:6px;padding:0 17px;border-bottom:1px solid rgba(255,255,255,.06);background:rgba(17,30,49,.78)}
.cfx5146-journal-bar>span{width:8px;height:8px;border-radius:50%;background:#43546a}.cfx5146-journal-bar>span:first-child{background:#f97316}
.cfx5146-journal-bar strong{margin-inline-start:auto;color:#718096;font:700 8px Consolas,monospace;letter-spacing:.12em}
.cfx5146-journal-main{min-height:225px;display:grid;grid-template-columns:92px 1fr;gap:22px;align-items:center;padding:34px}
.cfx5146-journal-mark{width:88px;height:88px;display:grid;place-items:center;border-radius:24px;color:#f97316;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.07);font:900 28px Consolas,monospace}
.cfx5146-journal-main small{display:block;color:#f97316;font-size:10px;font-weight:900}
.cfx5146-journal-main strong{display:block;margin-top:11px;color:#fff;font-size:23px;line-height:1.55}
.cfx5146-journal-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:0 22px 22px}
.cfx5146-journal-cards>div{min-height:96px;padding:14px;border:1px solid rgba(255,255,255,.07);border-radius:15px;background:rgba(255,255,255,.035)}
.cfx5146-journal-cards span{display:block;color:#f97316;font-size:9px;font-weight:900}
.cfx5146-journal-cards strong{display:block;margin-top:7px;font-size:14px}
.cfx5146-journal-cards small{display:block;margin-top:4px;color:#8291a4;font-size:9px;line-height:1.6}

.cfx5146-blog{background:#fff}
html[data-theme="dark"] .cfx5146-blog{background:#0b1424}
.cfx5146-toolbar-section{padding:42px 0 18px}
.cfx5146-toolbar-shell{padding:24px;border:1px solid var(--c32-line,#e8edf2);border-radius:24px;background:var(--c32-card,#fff);box-shadow:0 16px 40px rgba(15,23,42,.045)}
html[data-theme="dark"] .cfx5146-toolbar-shell{border-color:rgba(255,255,255,.07);background:#101d30}
.cfx5146-toolbar-head{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:18px}
.cfx5146-toolbar-head>div:first-child>span{display:block;color:#f97316;font-size:10px;font-weight:900}
.cfx5146-toolbar-head>div:first-child>strong{display:block;margin-top:5px;color:var(--c32-text,#111827);font-size:18px;line-height:1.6}
html[data-theme="dark"] .cfx5146-toolbar-head>div:first-child>strong{color:#fff}
.cfx5146-toolbar-stats{display:flex;gap:8px;flex:none}
.cfx5146-toolbar-stats>span{min-width:92px;display:flex;align-items:center;justify-content:center;gap:7px;padding:10px 12px;border-radius:13px;background:var(--c32-soft,#f8fafc);color:var(--c32-muted,#667085);font-size:10px;font-weight:800}
.cfx5146-toolbar-stats b{color:#f97316;font-size:18px}
html[data-theme="dark"] .cfx5146-toolbar-stats>span{background:#0d1828}
.cfx5146-blog-search{position:relative;display:flex;align-items:center;gap:8px;padding:7px;border:1px solid var(--c32-line,#e8edf2);border-radius:15px;background:var(--c32-soft,#f8fafc)}
.cfx5146-blog-search>svg{width:21px;height:21px;margin-inline-start:8px;fill:none;stroke:#94a3b8;stroke-width:1.8}
.cfx5146-blog-search input{min-width:0;flex:1;height:44px;border:0;outline:none;color:var(--c32-text,#111827);background:transparent;font-family:inherit;font-size:13px}
.cfx5146-blog-search button{height:44px;min-width:88px;padding:0 15px;border:0;border-radius:11px;color:#fff;background:#111827;font-family:inherit;font-size:12px;font-weight:900;cursor:pointer}
html[data-theme="dark"] .cfx5146-blog-search{border-color:rgba(255,255,255,.07);background:#0d1828}
html[data-theme="dark"] .cfx5146-blog-search input{color:#fff}
html[data-theme="dark"] .cfx5146-blog-search button{color:#0b1424;background:#fff}
.cfx5146-category-strip{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:16px}
.cfx5146-category-strip a{min-height:38px;display:inline-flex;align-items:center;gap:7px;padding:0 13px;border:1px solid var(--c32-line,#e8edf2);border-radius:999px;color:var(--c32-muted,#667085);background:var(--c32-card,#fff);font-size:11px;font-weight:850;transition:.2s}
.cfx5146-category-strip a:hover,.cfx5146-category-strip a.active{color:#fff;border-color:#f97316;background:#f97316;transform:translateY(-1px)}
.cfx5146-category-strip small{display:grid;min-width:20px;height:20px;place-items:center;padding:0 5px;border-radius:999px;background:rgba(15,23,42,.06);font-size:9px}
.cfx5146-category-strip a.active small,.cfx5146-category-strip a:hover small{background:rgba(255,255,255,.18)}
html[data-theme="dark"] .cfx5146-category-strip a{border-color:rgba(255,255,255,.08);color:#a7b5c6;background:#0d1828}
html[data-theme="dark"] .cfx5146-category-strip a:hover,html[data-theme="dark"] .cfx5146-category-strip a.active{color:#fff;border-color:#f97316;background:#f97316}
.cfx5146-blog-context{display:flex;align-items:flex-start;justify-content:space-between;gap:22px;margin-top:16px;padding:18px 20px;border:1px solid rgba(249,115,22,.18);border-radius:16px;background:#fffaf6}
.cfx5146-blog-context span{display:block;color:#f97316;font-size:9px;font-weight:900}
.cfx5146-blog-context strong{display:block;margin-top:4px;color:var(--c32-text,#111827);font-size:16px}
.cfx5146-blog-context p{max-width:760px;margin:7px 0 0;color:var(--c32-muted,#667085);font-size:12px;line-height:1.8}
.cfx5146-blog-context>a{color:#f97316;font-size:11px;font-weight:900;white-space:nowrap}
html[data-theme="dark"] .cfx5146-blog-context{border-color:rgba(249,115,22,.15);background:#111c2d}
html[data-theme="dark"] .cfx5146-blog-context strong{color:#fff}

.cfx5146-featured-section{padding:30px 0 22px}
.cfx5146-featured-post{display:grid;grid-template-columns:1.05fr .95fr;overflow:hidden;min-height:410px;border:1px solid var(--c32-line,#e8edf2);border-radius:28px;background:var(--c32-card,#fff);box-shadow:0 24px 60px rgba(15,23,42,.065)}
html[data-theme="dark"] .cfx5146-featured-post{border-color:rgba(255,255,255,.08);background:#101d30}
.cfx5146-featured-media{min-height:410px;display:block;background:#081321}
.cfx5146-featured-media>img{width:100%;height:100%;min-height:410px;display:block;object-fit:cover}
.cfx5146-featured-copy{display:flex;flex-direction:column;justify-content:center;padding:38px}
.cfx5146-featured-copy .cfx550-post-badges>a,.cfx5146-featured-copy .cfx550-post-badges>span{min-height:30px;padding:0 11px;font-size:10px}
.cfx5146-featured-copy h2{margin:17px 0 0;color:var(--c32-text,#111827);font-size:clamp(30px,3.6vw,46px);line-height:1.4;letter-spacing:-.035em}
.cfx5146-featured-copy h2 a{color:inherit}
.cfx5146-featured-copy>p{margin:14px 0 0;color:var(--c32-muted,#667085);font-size:14px;line-height:2;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
html[data-theme="dark"] .cfx5146-featured-copy h2{color:#fff}
html[data-theme="dark"] .cfx5146-featured-copy>p{color:#a8b5c5}
.cfx5146-featured-meta{display:flex;flex-wrap:wrap;gap:8px 14px;margin-top:20px;color:var(--c32-muted,#667085);font-size:11px}
.cfx5146-featured-meta span+span::before{content:"·";margin-inline-end:14px}
.cfx5146-read-link{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;margin-top:23px;color:#f97316;font-size:13px;font-weight:900}
.cfx5146-read-link svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8}

.cfx5146-section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:25px}
.cfx5146-section-head>div>span{display:block;color:#f97316;font-size:10px;font-weight:900;letter-spacing:.04em}
.cfx5146-section-head h2{max-width:860px;margin:9px 0 0;color:var(--c32-text,#111827);font-size:clamp(28px,3.6vw,45px);line-height:1.42;letter-spacing:-.035em}
.cfx5146-section-head>small{max-width:340px;color:var(--c32-muted,#667085);font-size:12px;line-height:1.8;text-align:end}
.cfx5146-section-head.centered{align-items:center;flex-direction:column;text-align:center}
.cfx5146-section-head.centered h2{margin-inline:auto}
.cfx5146-section-head.centered>small{text-align:center}
html[data-theme="dark"] .cfx5146-section-head h2{color:#fff}
.cfx5146-posts-section{padding:44px 0 84px}
.cfx5146-posts-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.cfx5146-post-card{overflow:hidden;display:flex;flex-direction:column;min-height:430px;border:1px solid var(--c32-line,#e8edf2);border-radius:22px;background:var(--c32-card,#fff);box-shadow:0 14px 36px rgba(15,23,42,.04);transition:transform .22s,border-color .22s,box-shadow .22s}
.cfx5146-post-card:hover{transform:translateY(-6px);border-color:rgba(249,115,22,.30);box-shadow:0 24px 52px rgba(15,23,42,.085)}
html[data-theme="dark"] .cfx5146-post-card{border-color:rgba(255,255,255,.07);background:#101d30}
.cfx5146-post-media{height:210px;display:block;background:#081321}
.cfx5146-post-media>img{width:100%;height:100%;display:block;object-fit:cover}
.cfx5146-post-body{display:flex;flex:1;flex-direction:column;padding:21px}
.cfx5146-post-top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.cfx5146-post-top>a,.cfx5146-post-top>span{color:#f97316;font-size:10px;font-weight:900}
.cfx5146-post-top>small{color:var(--c32-muted,#667085);font-size:9px}
.cfx5146-post-card h3{margin:13px 0 0;color:var(--c32-text,#111827);font-size:20px;line-height:1.55;letter-spacing:-.02em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:62px}
.cfx5146-post-card h3 a{color:inherit}
.cfx5146-post-body>p{margin:9px 0 0;color:var(--c32-muted,#667085);font-size:12px;line-height:1.9;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:46px}
html[data-theme="dark"] .cfx5146-post-card h3{color:#fff}
html[data-theme="dark"] .cfx5146-post-body>p{color:#9eacbd}
.cfx5146-post-card footer{display:flex;align-items:end;justify-content:space-between;gap:14px;margin-top:auto;padding-top:18px}
.cfx5146-post-card footer strong{display:block;color:var(--c32-text,#111827);font-size:10px}
.cfx5146-post-card footer small{display:block;margin-top:3px;color:var(--c32-muted,#667085);font-size:9px}
.cfx5146-post-card footer>a{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;color:#f97316;background:rgba(249,115,22,.09);font-size:13px;transition:.2s}
.cfx5146-post-card:hover footer>a{color:#fff;background:#f97316}
html[data-theme="dark"] .cfx5146-post-card footer strong{color:#fff}

.cfx5146-grid-note{min-height:430px;display:flex;flex-direction:column;justify-content:center;padding:30px;border:1px solid rgba(249,115,22,.18);border-radius:22px;background:radial-gradient(circle at 90% 10%,rgba(249,115,22,.09),transparent 26%),#fffaf6}
.cfx5146-grid-note.span-2{grid-column:span 2}
.cfx5146-grid-note>span{color:#f97316;font-size:10px;font-weight:900}
.cfx5146-grid-note h3{max-width:620px;margin:11px 0 0;color:var(--c32-text,#111827);font-size:clamp(25px,3vw,38px);line-height:1.5}
.cfx5146-grid-note p{max-width:620px;margin:12px 0 0;color:var(--c32-muted,#667085);font-size:13px;line-height:1.9}
.cfx5146-grid-note a{display:inline-flex;align-self:flex-start;margin-top:20px;color:#f97316;font-size:12px;font-weight:900}
html[data-theme="dark"] .cfx5146-grid-note{border-color:rgba(249,115,22,.14);background:radial-gradient(circle at 90% 10%,rgba(249,115,22,.08),transparent 26%),#101d30}
html[data-theme="dark"] .cfx5146-grid-note h3{color:#fff}

.cfx5146-topic-visual{position:relative;overflow:hidden;width:100%;height:100%;min-height:210px;display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding:26px;color:#fff;background:linear-gradient(145deg,#07111f,#101f35)}
.cfx5146-topic-visual.featured{min-height:410px;padding:34px}
.cfx5146-topic-visual.compact{min-height:210px}
.cfx5146-topic-grid{position:absolute;inset:0;opacity:.09;background-image:linear-gradient(rgba(255,255,255,.17) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.17) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,transparent,#000 20%,#000 95%)}
.cfx5146-topic-orb{position:absolute;width:210px;height:210px;inset-inline-end:-70px;top:-90px;border-radius:50%;background:#f97316;filter:blur(55px);opacity:.18}
.cfx5146-topic-icon{position:relative;z-index:2;width:72px;height:72px;display:grid;place-items:center;flex:none;border:1px solid rgba(255,255,255,.08);border-radius:22px;color:#f97316;background:rgba(255,255,255,.045)}
.cfx5146-topic-icon svg{width:34px;height:34px;fill:none;stroke:currentColor;stroke-width:1.7}
.cfx5146-topic-copy{position:relative;z-index:2;max-width:72%;text-align:start}
.cfx5146-topic-copy span{display:block;color:#f97316;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.05em}
.cfx5146-topic-copy strong{display:block;margin-top:8px;color:#fff;font-size:18px;line-height:1.55}
.cfx5146-topic-visual.featured .cfx5146-topic-icon{width:92px;height:92px}.cfx5146-topic-visual.featured .cfx5146-topic-icon svg{width:43px;height:43px}.cfx5146-topic-visual.featured .cfx5146-topic-copy strong{font-size:24px}
.cfx5146-topic-visual.key-hosting .cfx5146-topic-orb{background:#38bdf8}.cfx5146-topic-visual.key-hosting .cfx5146-topic-icon{color:#38bdf8}.cfx5146-topic-visual.key-hosting .cfx5146-topic-copy span{color:#7dd3fc}
.cfx5146-topic-visual.key-laravel .cfx5146-topic-orb{background:#fb7185}.cfx5146-topic-visual.key-laravel .cfx5146-topic-icon{color:#fb7185}.cfx5146-topic-visual.key-laravel .cfx5146-topic-copy span{color:#fda4af}
.cfx5146-topic-visual.key-ui .cfx5146-topic-orb{background:#a78bfa}.cfx5146-topic-visual.key-ui .cfx5146-topic-icon{color:#c4b5fd}.cfx5146-topic-visual.key-ui .cfx5146-topic-copy span{color:#c4b5fd}
.cfx5146-topic-visual.key-api .cfx5146-topic-orb{background:#34d399}.cfx5146-topic-visual.key-api .cfx5146-topic-icon{color:#6ee7b7}.cfx5146-topic-visual.key-api .cfx5146-topic-copy span{color:#6ee7b7}
.cfx5146-topic-visual.key-commerce .cfx5146-topic-orb{background:#f59e0b}.cfx5146-topic-visual.key-commerce .cfx5146-topic-icon{color:#fbbf24}.cfx5146-topic-visual.key-commerce .cfx5146-topic-copy span{color:#fbbf24}
.cfx5146-topic-visual.key-automation .cfx5146-topic-orb{background:#22c55e}.cfx5146-topic-visual.key-security .cfx5146-topic-orb{background:#ef4444}.cfx5146-topic-visual.key-mobile .cfx5146-topic-orb{background:#3b82f6}

.cfx5146-paths-section{padding:78px 0;background:var(--c32-soft,#f8fafc)}
html[data-theme="dark"] .cfx5146-paths-section{background:#0d1828}
.cfx5146-paths-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.cfx5146-paths-grid>a{min-height:150px;display:grid;grid-template-columns:44px 1fr auto;gap:15px;align-items:start;padding:21px;border:1px solid var(--c32-line,#e8edf2);border-radius:19px;color:inherit;background:var(--c32-card,#fff);transition:.2s}
.cfx5146-paths-grid>a:hover{transform:translateY(-4px);border-color:rgba(249,115,22,.28);box-shadow:0 16px 36px rgba(15,23,42,.06)}
.cfx5146-paths-grid>a>span{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;color:#f97316;background:rgba(249,115,22,.09);font-size:10px;font-weight:900}
.cfx5146-paths-grid h3{margin:0;color:var(--c32-text,#111827);font-size:17px;line-height:1.5}
.cfx5146-paths-grid p{margin:7px 0 0;color:var(--c32-muted,#667085);font-size:11px;line-height:1.8;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.cfx5146-paths-grid>a>small{color:#f97316;font-size:9px;font-weight:900;white-space:nowrap}
html[data-theme="dark"] .cfx5146-paths-grid>a{border-color:rgba(255,255,255,.07);background:#101d30}
html[data-theme="dark"] .cfx5146-paths-grid h3{color:#fff}

.cfx5146-newsletter-section{padding:72px 0 20px;background:var(--c32-bg,#fff)}
.cfx5146-newsletter-card{display:grid;grid-template-columns:1fr minmax(380px,.8fr);gap:40px;align-items:center;padding:38px;border-radius:28px;color:#fff;background:radial-gradient(circle at 85% 18%,rgba(249,115,22,.17),transparent 25%),#081321;box-shadow:0 25px 60px rgba(2,6,23,.14)}
.cfx5146-newsletter-card>div>span{color:#f97316;font-size:9px;font-weight:900;letter-spacing:.08em}
.cfx5146-newsletter-card h2{margin:10px 0 0;font-size:clamp(28px,3.5vw,43px);line-height:1.48}
.cfx5146-newsletter-card>div>p{max-width:650px;margin:10px 0 0;color:#a8b5c5;font-size:13px;line-height:1.9}
.cfx5146-newsletter-form>div{display:flex;gap:8px;padding:6px;border:1px solid rgba(255,255,255,.10);border-radius:14px;background:rgba(255,255,255,.055)}
.cfx5146-newsletter-form input[type="email"]{min-width:0;flex:1;height:46px;padding:0 13px;border:0;outline:none;color:#fff;background:transparent;font-family:inherit;font-size:12px}
.cfx5146-newsletter-form input::placeholder{color:#7e8ea3}
.cfx5146-newsletter-form button{min-width:110px;height:46px;border:0;border-radius:10px;color:#fff;background:#f97316;font-family:inherit;font-size:12px;font-weight:900;cursor:pointer}
.cfx5146-newsletter-form>label{display:flex;align-items:flex-start;gap:8px;margin-top:10px;color:#95a5b8;font-size:10px;line-height:1.7}
.cfx5146-newsletter-form>label input{margin-top:3px;accent-color:#f97316}
.cfx5146-newsletter-message{margin:9px 0 0;color:#86efac;font-size:10px}

/* Article polish */
.cfx5146-reading-progress{position:fixed;top:0;inset-inline:0;z-index:9999;height:3px;pointer-events:none;background:transparent}
.cfx5146-reading-progress span{display:block;width:0;height:100%;background:#f97316;box-shadow:0 0 12px rgba(249,115,22,.35)}
.cfx5146-article .cfx550-article-head h1{font-size:clamp(40px,5.4vw,68px);line-height:1.35;letter-spacing:-.04em}
.cfx5146-article .cfx550-article-excerpt{font-size:15px;line-height:2.05}
.cfx5146-article .cfx550-article-meta small{font-size:9px}.cfx5146-article .cfx550-article-meta strong{font-size:11px}
.cfx5146-article-cover figure{min-height:360px;background:#081321}
.cfx5146-article-cover .cfx5146-topic-visual{min-height:520px}
.cfx5146-article .cfx550-article-layout{grid-template-columns:240px minmax(0,820px);gap:44px}
.cfx5146-article .cfx550-side-card,.cfx5146-article .cfx550-side-tags,.cfx5146-toc-card{padding:17px;border:1px solid var(--c32-line,#e8edf2);border-radius:15px;background:var(--c32-card,#fff)}
html[data-theme="dark"] .cfx5146-toc-card{border-color:rgba(255,255,255,.07);background:#101d30}
.cfx5146-toc-card>span{display:block;color:#f97316;font-size:9px;font-weight:900}
.cfx5146-toc-card nav{display:grid;gap:8px;margin-top:12px}
.cfx5146-toc-card a{position:relative;padding-inline-start:12px;color:var(--c32-muted,#667085);font-size:10px;line-height:1.65;transition:.2s}
.cfx5146-toc-card a::before{content:"";position:absolute;inset-inline-start:0;top:.65em;width:5px;height:5px;border-radius:50%;background:#d1d5db}
.cfx5146-toc-card a.level-3{padding-inline-start:22px;font-size:9px}.cfx5146-toc-card a.level-3::before{inset-inline-start:10px}
.cfx5146-toc-card a:hover,.cfx5146-toc-card a.active{color:#f97316}.cfx5146-toc-card a.active::before{background:#f97316}
.cfx5146-article .cfx550-article-prose{font-size:15px;line-height:2.1;color:#334155}
html[data-theme="dark"] .cfx5146-article .cfx550-article-prose{color:#c2cfdd}
.cfx5146-article .cfx550-article-prose h2{scroll-margin-top:110px;margin-top:1.8em;font-size:30px;line-height:1.5}
.cfx5146-article .cfx550-article-prose h3{scroll-margin-top:110px;margin-top:1.6em;font-size:22px;line-height:1.55}
.cfx5146-article .cfx550-article-prose p{font-size:15px;line-height:2.05}
.cfx5146-article .cfx550-article-prose li{font-size:14px;line-height:1.95}
.cfx5146-article .cfx550-related-grid article{border-radius:20px}
.cfx5146-article .cfx550-article-final-card h2{font-size:clamp(27px,3.2vw,40px);line-height:1.5}
.cfx5146-article .cfx550-article-final-card p{font-size:13px;line-height:1.9}
.cfx5146-article .cfx550-article-final-card>a{font-size:12px}

@media(max-width:1100px){
    .cfx5146-blog-hero-grid{grid-template-columns:1fr;gap:34px}
    .cfx5146-blog-hero-copy{max-width:none}
    .cfx5146-blog-hero-visual{max-width:760px;width:100%}
    .cfx5146-featured-post{grid-template-columns:1fr}
    .cfx5146-featured-media,.cfx5146-featured-media>img{min-height:340px;max-height:430px}
    .cfx5146-posts-grid,.cfx5146-paths-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    .cfx5146-grid-note.span-2{grid-column:span 1}
    .cfx5146-newsletter-card{grid-template-columns:1fr}
    .cfx5146-article .cfx550-article-layout{grid-template-columns:1fr}
    .cfx5146-article .cfx550-article-side{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
    .cfx5146-toc-card{grid-column:1/-1}
}
@media(max-width:720px){
    .cfx5146-blog-hero{padding:22px 0 46px}
    .cfx5146-blog-hero-copy h1{font-size:38px;line-height:1.5}
    .cfx5146-blog-hero-copy p{font-size:13px}
    .cfx5146-blog-hero-actions{flex-direction:column;align-items:stretch}.cfx5146-blog-hero-actions a{width:100%}
    .cfx5146-journal-main{grid-template-columns:1fr;min-height:auto;padding:25px}.cfx5146-journal-mark{width:68px;height:68px}.cfx5146-journal-cards{grid-template-columns:1fr;padding:0 18px 18px}
    .cfx5146-toolbar-section{padding-top:28px}.cfx5146-toolbar-shell{padding:18px}.cfx5146-toolbar-head{align-items:flex-start;flex-direction:column}.cfx5146-toolbar-stats{width:100%}.cfx5146-toolbar-stats>span{flex:1}.cfx5146-blog-search{align-items:stretch;flex-wrap:wrap}.cfx5146-blog-search input{min-width:calc(100% - 45px)}.cfx5146-blog-search button{width:100%}
    .cfx5146-featured-copy{padding:25px}.cfx5146-featured-copy h2{font-size:30px}.cfx5146-featured-media,.cfx5146-featured-media>img,.cfx5146-topic-visual.featured{min-height:280px}
    .cfx5146-section-head{align-items:flex-start;flex-direction:column}.cfx5146-section-head h2{font-size:30px}.cfx5146-section-head>small{text-align:start}
    .cfx5146-posts-grid,.cfx5146-paths-grid{grid-template-columns:1fr}.cfx5146-post-card{min-height:auto}.cfx5146-post-media{height:205px}.cfx5146-grid-note{min-height:300px}
    .cfx5146-paths-section{padding:58px 0}.cfx5146-paths-grid>a{grid-template-columns:42px 1fr}.cfx5146-paths-grid>a>small{grid-column:2}
    .cfx5146-newsletter-section{padding-top:56px}.cfx5146-newsletter-card{padding:26px}.cfx5146-newsletter-card h2{font-size:30px}.cfx5146-newsletter-form>div{align-items:stretch;flex-direction:column}.cfx5146-newsletter-form button{width:100%}
    .cfx5146-article .cfx550-article-head h1{font-size:38px;line-height:1.5}.cfx5146-article .cfx550-article-excerpt{font-size:13px}.cfx5146-article-cover .cfx5146-topic-visual{min-height:290px}.cfx5146-article .cfx550-article-side{grid-template-columns:1fr}.cfx5146-toc-card{grid-column:auto}.cfx5146-article .cfx550-article-prose{font-size:14px}.cfx5146-article .cfx550-article-prose p{font-size:14px}.cfx5146-article .cfx550-article-prose h2{font-size:25px}.cfx5146-article .cfx550-article-prose h3{font-size:20px}
}