html:has(.blog-featured-hero) .header{position:absolute;left:0;right:0;background:#0a1d3a73!important;backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.08)}html:has(.blog-featured-hero) .topbar{background:#06122a8c!important;border-bottom:1px solid rgba(255,255,255,.05)}.blog-featured-hero{position:relative;min-height:clamp(560px,85vh,760px);display:flex;align-items:center;margin-top:-120px;padding-top:160px;padding-bottom:clamp(48px,6vw,80px);background-size:cover;background-position:center;background-repeat:no-repeat;color:#fff;overflow:clip}.blog-featured-hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg,#06122a73,#060c1ce6);backdrop-filter:blur(2px) brightness(.9);z-index:1}.blog-featured-hero-container{position:relative;z-index:5;width:100%}.blog-featured-hero-content{max-width:980px;text-align:left}.blog-featured-hero-badge-row{display:flex;align-items:center;gap:14px;margin-bottom:20px}.blog-featured-hero-badge{display:inline-block;font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#fff;background:var(--royal);padding:8px 16px;border-radius:8px;box-shadow:0 4px 14px #0057ff66}.blog-featured-hero-label{font-size:.72rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--sky)}.blog-featured-hero-title{font-family:Bebas Neue,sans-serif;font-size:clamp(2.4rem,5.2vw,4.4rem);line-height:.95;color:#fff;margin-bottom:20px;letter-spacing:.012em}.blog-featured-hero-title a{color:#fff;text-decoration:none;transition:color .3s}.blog-featured-hero-title a:hover{color:var(--sky)}.blog-featured-hero-desc{font-size:clamp(.96rem,1.25vw,1.15rem);color:#cdd9f0;font-weight:500;line-height:1.65;margin-bottom:26px;max-width:76ch}.blog-featured-hero-meta{display:flex;align-items:center;gap:10px;font-size:.86rem;color:#ffffffa6;font-weight:600;margin-bottom:32px}.blog-featured-hero-meta .sep{color:var(--sky);opacity:.8}.blog-featured-hero-btn{display:inline-flex;align-items:center;gap:8px;padding:1.05em 2em;font-size:.92rem;font-weight:700;letter-spacing:.015em;background:var(--royal);color:#fff;border-radius:11px;box-shadow:0 10px 24px #0057ff66;transition:all .4s var(--ease);position:relative;overflow:hidden;align-self:flex-start}.blog-featured-hero-btn:hover{background:var(--royal-2);transform:translateY(-3px);box-shadow:0 16px 36px #0057ff80}.blog-featured-hero-btn .ic{width:18px;height:18px;stroke-width:2.1;transition:transform .4s var(--ease)}.blog-featured-hero-btn:hover .ic{transform:translate(4px)}.blog-list-section{padding-block:clamp(48px,6vw,88px) var(--pad);background:var(--white)}.blog-list-title-band{margin-bottom:40px}.blog-list-title-band h2{font-size:clamp(2.2rem,4vw,3rem);color:var(--navy);margin-bottom:8px}.blog-list-title-band p{color:var(--muted);font-weight:500}.blog-detail-section{padding-block:clamp(48px,6vw,88px);background:var(--white)}.blog-detail-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:clamp(30px,4vw,64px);align-items:start}.blog-detail-header{margin-bottom:36px}.blog-detail-cat{display:inline-block;font-size:.74rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--royal);margin-bottom:14px}.blog-detail-title{font-family:Bebas Neue,sans-serif;font-size:clamp(2.4rem,5.2vw,4.4rem);line-height:.94;color:var(--navy);margin-bottom:18px}.blog-detail-meta{display:flex;flex-wrap:wrap;align-items:center;gap:12px;font-size:.84rem;color:var(--muted);font-weight:600}.blog-detail-meta .ic{width:16px;height:16px}.blog-detail-meta .sep{opacity:.4}.blog-detail-banner-wrap{width:100%;border-radius:var(--r-xl);overflow:hidden;box-shadow:var(--shadow-m);border:1px solid var(--line);aspect-ratio:21/9;margin-bottom:40px;background:var(--paper)}.blog-detail-banner-wrap img{width:100%;height:100%;object-fit:cover}.blog-content{font-family:Montserrat,sans-serif;color:var(--ink);line-height:1.8;font-size:1.02rem;font-weight:500}.blog-h1{font-family:Bebas Neue,sans-serif;font-size:clamp(2.2rem,3.8vw,3.2rem);color:var(--navy);margin-top:36px;margin-bottom:16px;line-height:.98}.blog-h2{font-family:Bebas Neue,sans-serif;font-size:clamp(1.8rem,3.2vw,2.6rem);color:var(--navy);margin-top:32px;margin-bottom:14px;line-height:1;border-bottom:1px solid var(--line);padding-bottom:6px}.blog-h3{font-family:Montserrat,sans-serif;font-weight:700;font-size:1.22rem;color:var(--navy);margin-top:24px;margin-bottom:12px;line-height:1.3}.blog-h4{font-family:Montserrat,sans-serif;font-weight:700;font-size:1.08rem;color:var(--navy);margin-top:20px;margin-bottom:10px}.blog-p{margin-bottom:22px}.blog-ul{list-style-type:none;margin-bottom:24px;padding-left:6px}.blog-li{position:relative;padding-left:28px;margin-bottom:10px;line-height:1.7}.blog-li:before{content:"";position:absolute;left:6px;top:11px;width:6px;height:6px;border-radius:50%;background:var(--royal);box-shadow:0 0 0 3px #0057ff29}.blog-quote{position:relative;background:var(--paper);border-left:4px solid var(--royal);border-radius:0 12px 12px 0;padding:22px 28px;margin:30px 0;font-style:italic;color:var(--navy-2);font-weight:600}.blog-quote .blog-p{margin-bottom:0}.blog-link{color:var(--royal);font-weight:700;border-bottom:1.5px solid rgba(0,87,255,.25);transition:all .2s ease}.blog-link:hover{color:var(--royal-2);border-bottom-color:var(--royal-2);background:#0057ff0d}.blog-content code{font-family:monospace;background:var(--paper-2);padding:3px 6px;border-radius:5px;font-size:.9em;color:var(--navy)}.blog-sidebar{position:sticky;top:calc(clamp(84px,11vh,118px) + 24px);display:flex;flex-direction:column;gap:28px}.blog-widget{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:26px;box-shadow:var(--shadow-s)}.blog-widget h4{font-family:Bebas Neue,sans-serif;font-size:1.6rem;color:var(--navy);margin-bottom:18px;border-bottom:1px solid var(--line);padding-bottom:8px;letter-spacing:.02em}.blog-share-list{display:flex;gap:10px}.blog-share-btn{flex:1;height:44px;border-radius:10px;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;gap:8px;font-size:.8rem;font-weight:700;color:var(--navy);background:var(--paper);transition:all .3s}.blog-share-btn:hover{background:var(--navy);color:#fff;border-color:var(--navy);transform:translateY(-2px)}.blog-share-btn .ic{width:16px;height:16px}.blog-share-btn.wa:hover{background:#25d366;border-color:#25d366;color:#fff}.blog-widget-tags{display:flex;flex-wrap:wrap;gap:8px}.blog-tag-pill{font-size:.76rem;font-weight:600;color:var(--muted);background:var(--paper);border:1px solid var(--line);border-radius:100px;padding:7px 14px;transition:all .25s}.blog-tag-pill:hover{border-color:var(--royal);color:var(--royal);background:#fff}.blog-related-list{display:flex;flex-direction:column;gap:16px}.blog-related-item{display:flex;gap:12px;align-items:center;transition:transform .25s}.blog-related-item:hover{transform:translate(4px)}.blog-related-img{width:68px;height:68px;border-radius:10px;overflow:hidden;background:var(--paper);flex-shrink:0;border:1px solid var(--line)}.blog-related-img img{width:100%;height:100%;object-fit:cover}.blog-related-info{display:flex;flex-direction:column;gap:4px}.blog-related-title{font-weight:700;font-size:.86rem;color:var(--navy);line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-related-date{font-size:.74rem;color:var(--muted-2);font-weight:600}.blog-sidebar-cta{background:linear-gradient(135deg,#0c2656,#0a1d3a 52%,#06122a);color:#fff;border:1px solid rgba(255,255,255,.1);border-radius:var(--r-lg);padding:28px;text-align:center;box-shadow:var(--shadow-m)}.blog-sidebar-cta h4{font-family:Bebas Neue,sans-serif;font-size:1.8rem;color:#fff;margin-bottom:10px;line-height:1.05}.blog-sidebar-cta p{font-size:.88rem;color:#c3d1ea;margin-bottom:22px;line-height:1.6}.blog-sidebar-cta .btn{width:100%;justify-content:center}.blog-visual-card{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:24px;background:radial-gradient(circle at 30% 20%,#153875,#071530);color:#ffffffd9;text-align:center;border-radius:12px}.blog-visual-card .ico{color:var(--sky);margin-bottom:12px}.blog-visual-card .ico .ic{width:44px;height:44px}.blog-visual-card span{font-family:Montserrat,sans-serif;font-size:.64rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted-2);margin-bottom:6px}.blog-visual-card p{font-family:Montserrat,sans-serif;font-size:.82rem;font-style:italic;max-width:40ch;line-height:1.4}@media(max-width:1024px){.blog-featured-card{grid-template-columns:1fr;min-height:auto}.blog-featured-image-wrap{aspect-ratio:16/9}}@media(max-width:900px){.blog-detail-grid{grid-template-columns:1fr}.blog-sidebar{position:static;margin-top:40px}}@media(max-width:560px){.blog-featured-content{padding:24px}.blog-featured-badge{margin-bottom:14px}.blog-featured-title{font-size:1.8rem}.blog-featured-desc{margin-bottom:20px}.blog-detail-banner-wrap{aspect-ratio:16/10}}.blog-detail-tags-row{display:flex;flex-wrap:wrap;gap:clamp(6px,1.5vw,10px);margin-top:20px}.blog-detail-hashtag{font-size:.76rem;font-weight:600;color:var(--sky);background:#0057ff14;border:1px solid rgba(0,87,255,.16);padding:6px 14px;border-radius:100px;letter-spacing:.02em;text-transform:capitalize}.blog-toc-widget{position:sticky;top:110px;align-self:start}.blog-toc ul{list-style-type:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.blog-toc li{margin:0;padding:0}.blog-toc li a{display:block;font-family:Montserrat,sans-serif;color:var(--muted);text-decoration:none;font-size:.88rem;font-weight:500;line-height:1.4;transition:all .2s var(--ease)}.blog-toc li.toc-level-2 a{font-weight:600;color:var(--navy)}.blog-toc li.toc-level-3 a{padding-left:14px;border-left:2px solid var(--line);font-size:.82rem;color:var(--muted-2)}.blog-toc li a:hover,.blog-toc li.toc-level-2 a:hover,.blog-toc li.toc-level-3 a:hover{color:var(--royal);border-left-color:var(--royal)}
