.blog-page{--blog-font:var(--font-sans,'Funnel Sans',system-ui,-apple-system,'Segoe UI',sans-serif);--blog-font-display:var(--font-display,'Funnel Display','Funnel Sans',system-ui,sans-serif);--blog-font-mono:var(--font-mono,'JetBrains Mono',ui-monospace,monospace);--blog-bg:#f8f9fc;--blog-surface:#ffffff;--blog-border:#e2e8f0;--blog-text:#1a1d21;--blog-muted:#5c6570;--blog-accent:#4f46e5;--blog-accent-secondary:#0891b2;--blog-accent-soft:rgba(79,70,229,0.1);--blog-radius:10px;--blog-radius-sm:6px;--blog-shadow:0 1px 3px rgba(15,23,42,0.06);--blog-sidebar:30%;--epcl-main-color:var(--blog-accent);--epcl-secondary-color:var(--blog-accent-secondary);--epcl-titles-color:var(--blog-text);--epcl-meta-color:var(--blog-muted);--epcl-boxes-background-color:var(--blog-surface);--epcl-boxes-border-color:var(--blog-border);--epcl-border-color:var(--blog-border);--epcl-boxes-shadow:var(--blog-shadow);font-family:var(--blog-font);background:var(--blog-bg);color:var(--blog-text);padding:calc(var(--header-h, 70px) + 1.5rem) 0 3rem;margin-top:0;font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased;width:100%;max-width:100%;overflow-x:clip;box-sizing:border-box;}body.page-blog{overflow-x:hidden;}body.page-blog .site-header{background:#0d0d0d;border-bottom:1px solid rgba(255,255,255,0.08);}body.page-blog .site-header .header-inner{max-width:1140px;}.blog-page h1,.blog-page h2,.blog-page h3,.blog-page h4,.blog-page h5{color:var(--blog-text);text-transform:none;letter-spacing:-0.03em;font-family:var(--blog-font-display);font-weight:600;}.blog-wrap{width:min(1140px,100%);max-width:100%;margin:0 auto;padding:0 1.25rem;box-sizing:border-box;}.blog-crumb{display:flex;flex-wrap:wrap;gap:0.35rem 0.5rem;align-items:center;font-size:0.82rem;color:var(--blog-muted);margin-bottom:1.75rem;}.blog-crumb a{color:var(--blog-muted);text-decoration:none;}.blog-crumb a:hover{color:var(--blog-accent);}.blog-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:2rem;align-items:start;width:100%;max-width:100%;min-width:0;}@media (min-width:992px){.blog-layout{grid-template-columns:var(--blog-sidebar) minmax(0,1fr);gap:2.5rem;align-items:stretch;}}#sidebar,.blog-runesoft-sidebar{z-index:2;padding-left:0;min-width:0;}#sidebar.enable-sticky{position:relative;align-self:stretch;max-height:none;overflow:visible;}@media (min-width:992px){#sidebar.enable-sticky .widget_epcl_toc{position:sticky;top:calc(var(--header-h, 70px) + 1rem);z-index:2;margin-bottom:0;padding:0.35rem 0 0;background:var(--blog-bg);}#sidebar.enable-sticky .widget_epcl_toc .toc{max-height:calc(100vh - var(--header-h, 70px) - 5.5rem);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;-ms-overflow-style:none;}#sidebar.enable-sticky .widget_epcl_toc .toc::-webkit-scrollbar{display:none;width:0;height:0;}}#sidebar .widget{display:block;margin-bottom:28px;}#sidebar .widget:last-child{margin-bottom:0;}#sidebar .widget-title{margin-bottom:20px;padding-left:0;font-weight:800;font-size:20px;display:flex;align-items:center;}#sidebar .widget-title.title.medium{font-size:20px;line-height:1.4;margin-bottom:20px;}#sidebar .widget-title.bordered{position:relative;z-index:2;color:var(--epcl-titles-color);}#sidebar .widget-title.bordered.gray-border::after{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:var(--epcl-border-color);z-index:-1;}#sidebar .widget-title.bordered span{background:var(--blog-bg);padding-right:16px;}#sidebar .bg-box{background-color:var(--epcl-boxes-background-color);border-radius:var(--blog-radius);border:1px solid var(--epcl-boxes-border-color);box-shadow:var(--epcl-boxes-shadow);position:relative;}#sidebar .widget_epcl_article_info div.meta{padding:24px 28px;}#sidebar .widget_epcl_article_info div.meta .meta-info{display:block;margin-left:0;margin-bottom:10px;font-size:15px;color:var(--epcl-meta-color);line-height:1.6;}#sidebar .widget_epcl_article_info div.meta .meta-info:last-child{margin-bottom:0;}#sidebar .widget_epcl_article_info .fw-semibold,#sidebar .widget_epcl_article_info .name{font-weight:600;color:var(--epcl-titles-color);}#sidebar .widget_epcl_article_info .tag-name{color:var(--tag-color,var(--epcl-main-color));font-weight:600;text-decoration:none;}#sidebar .widget_epcl_article_info .tag-name:hover{text-decoration:underline;}#sidebar .widget_epcl_article_info .author-name{font-weight:600;color:var(--epcl-titles-color);}#sidebar .widget_epcl_article_info .difficulty{display:flex;align-items:center;flex-wrap:wrap;gap:8px;}#sidebar .widget_epcl_article_info .difficulty .rating{display:inline-flex;font-size:16px;letter-spacing:2px;}#sidebar .widget_epcl_article_info .rating .star{color:#d4d9e8;}#sidebar .widget_epcl_article_info .rating .star.is-on{color:#ffb800;}#sidebar .widget_epcl_toc .toc{padding:20px 24px;}#sidebar .toc-list{list-style:none;margin:0;padding:0;}#sidebar .toc-list li{border-bottom:1px solid var(--epcl-border-color);}#sidebar .toc-list li:last-child{border-bottom:0;}#sidebar .toc-list a{display:block;padding:10px 0;font-size:14px;line-height:1.45;color:var(--epcl-meta-color);text-decoration:none;transition:color 0.2s;}#sidebar .toc-list a:hover,#sidebar .toc-list a.is-active{color:var(--epcl-main-color);font-weight:600;}#sidebar .toc-list a.is-active{font-weight:700;border-left:2px solid var(--epcl-main-color);padding-left:6px;margin-left:-2px;}#sidebar .widget_epcl_posts_thumbs .item{margin-bottom:20px;}#sidebar .widget_epcl_posts_thumbs .item:last-child{margin-bottom:0;}#sidebar .epcl-flex{display:flex;width:100%;align-items:center;gap:14px;}#sidebar .post.item.is-current .title.usmall{color:var(--epcl-main-color);}#sidebar .thumb{flex:0 0 100px;width:100px;height:100px;border-radius:var(--blog-radius-sm);overflow:hidden;display:block;background:#eee;text-decoration:none;}#sidebar .thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 0.3s ease;}#sidebar .thumb.translate-effect:hover img{transform:scale(1.06);}#sidebar .widget_epcl_posts_thumbs .right{flex:1;min-width:0;}#sidebar .widget_epcl_posts_thumbs .title.usmall{font-size:15px;font-weight:700;line-height:1.35;margin:0 0 6px;color:var(--epcl-titles-color);}#sidebar .underline-effect a{color:inherit;text-decoration:none;background-image:linear-gradient(to right,var(--epcl-titles-color) 0%,var(--epcl-titles-color) 100%);background-size:0% 2px;background-repeat:no-repeat;background-position:left 90%;transition:background-size 0.2s ease;}#sidebar .underline-effect a:hover{background-size:100% 2px;}#sidebar .widget_epcl_posts_thumbs .meta.small{font-size:13px;color:var(--epcl-meta-color);}#sidebar .clear{clear:both;}.screen-reader-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;}.blog-tag{display:inline-block;color:var(--tag,var(--blog-accent));text-decoration:none;font-weight:700;}.blog-tag:hover{text-decoration:underline;}.blog-tag--lg{font-size:0.95rem;margin-left:0.25rem;}.left-content.np-mobile{min-width:0;}.main-article.bg-box.section{background:var(--blog-surface);border:1px solid var(--blog-border);border-radius:var(--blog-radius);box-shadow:var(--blog-shadow);padding:2rem 1.5rem 2.25rem;}@media (min-width:768px){.main-article.bg-box.section{padding:2.5rem 2.75rem 2.75rem;}}.main-article .info.textcenter{text-align:center;margin-bottom:1.75rem;}.main-article .main-title.title.ularge{font-size:clamp(1.85rem,4.5vw,2.65rem);font-weight:800;line-height:1.15;letter-spacing:-0.025em;margin:0 0 0.85rem;color:var(--blog-text);}.main-article .meta.small{font-size:0.92rem;color:var(--blog-muted);}.main-article .blog-byline{margin:0 0 0.35rem;font-size:0.95rem;color:var(--blog-muted);}.main-article .blog-byline a{color:var(--blog-accent);font-weight:600;text-decoration:none;}.main-article .blog-byline a:hover{text-decoration:underline;}.main-article .meta .fw-semibold{font-weight:600;color:var(--blog-muted);}.main-article .post-featured-image{margin:0 0 2rem;border-radius:var(--blog-radius-sm);overflow:hidden;line-height:0;}.main-article .post-featured-image img{width:100%;height:auto;display:block;aspect-ratio:16 / 9;object-fit:cover;}.main-article .post-content{margin-bottom:0;}.main-article .post-content.post-video{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--blog-border);}.main-article .post-content .title.medium{font-size:1.35rem;font-weight:800;margin:0 0 1rem;}.main-article .post-footer{margin-top:2.5rem;padding-top:1.75rem;border-top:1px solid var(--blog-border);}.blog-soft-cta{margin-bottom:1.5rem;padding:1rem 1.15rem;background:var(--blog-accent-soft);border:1px solid rgba(79,70,229,0.15);border-radius:var(--blog-radius-sm);}.blog-next-step__eyebrow{margin:0 0 0.35rem;font-size:0.72rem;font-weight:800;letter-spacing:0.07em;text-transform:uppercase;color:#5b6575;}.blog-next-step__hint{margin:-0.35rem 0 0.85rem;font-size:0.9rem;line-height:1.45;color:#5b6575;}.blog-next-step--soft{background:rgba(20,33,61,0.035);border-color:rgba(20,33,61,0.1);}.blog-next-step--soft .blog-next-step__eyebrow{color:#6b7280;}.blog-soft-cta__lead{margin:0 0 0.85rem;font-size:0.98rem;font-weight:600;line-height:1.45;color:var(--blog-text);}.blog-next-step .blog-soft-cta__lead{margin-bottom:0.45rem;}.blog-next-step__hint+.blog-soft-cta__actions{margin-top:0;}.blog-soft-cta__actions{display:flex;flex-wrap:wrap;gap:0.65rem;}.blog-soft-cta__actions .btn{text-decoration:none;}.blog-soft-cta p{margin:0;font-size:0.9375rem;line-height:1.55;color:var(--blog-muted);}.blog-soft-cta a{color:var(--blog-accent);font-weight:600;text-decoration:none;}.blog-soft-cta a:hover{text-decoration:underline;}@media (max-width:480px){.blog-soft-cta__actions{flex-direction:column;}.blog-soft-cta__actions .btn{width:100%;text-align:center;}}.blog-author-card{display:flex;gap:0.85rem;padding:1rem 1.05rem;align-items:flex-start;}.blog-author-stage{position:relative;flex:0 0 8.75rem;width:8.75rem;height:9.5rem;margin:0;}.blog-author-photo{position:absolute;left:50%;bottom:0;z-index:1;width:68%;height:auto;max-height:100%;object-fit:contain;object-position:center bottom;transform:translateX(-50%);border:0;border-radius:0;background:none;}.blog-author-stack{position:absolute;inset:0;z-index:2;margin:0;padding:0;list-style:none;pointer-events:none;}.blog-author-stack__item{position:absolute;left:var(--x);top:var(--y);width:1.7rem;height:1.7rem;transform:translate(-50%,-50%);}.blog-author-stack__item img{display:block;width:100%;height:100%;object-fit:contain;}.blog-author-stack__item--laravel{--x:50%;--y:8%;}.blog-author-stack__item--html{--x:90%;--y:30%;}.blog-author-stack__item--css{--x:90%;--y:70%;}.blog-author-stack__item--js{--x:50%;--y:94%;}.blog-author-stack__item--mysql{--x:10%;--y:70%;}.blog-author-stack__item--php{--x:10%;--y:30%;}.blog-author-label{margin:0 0 0.15rem;font-size:0.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:0.06em;color:var(--blog-muted);}.blog-author-name{margin:0 0 0.35rem;font-size:0.9375rem;font-weight:700;color:var(--blog-text);line-height:1.3;}.blog-author-bio{margin:0 0 0.55rem;font-size:0.8125rem;line-height:1.5;color:var(--blog-muted);}.blog-author-links{display:flex;gap:0.65rem;flex-wrap:wrap;}.blog-author-links a{font-size:0.8125rem;font-weight:600;color:var(--blog-accent);text-decoration:none;}.blog-author-links a:hover{text-decoration:underline;}#sidebar .widget_author_box{margin-bottom:20px;}.main-article .share-box{display:flex;align-items:center;flex-wrap:wrap;gap:0.75rem;margin-bottom:1.75rem;}.main-article .share-box .title.usmall{font-size:0.95rem;font-weight:700;margin:0;color:var(--blog-text);}.main-article .share-copy{background:var(--blog-surface);border:1px solid var(--blog-border);color:var(--blog-text);font-size:0.85rem;font-weight:600;padding:0.45rem 1.1rem;border-radius:999px;cursor:pointer;transition:border-color 0.15s,color 0.15s;}.main-article .share-copy:hover{border-color:var(--blog-accent);color:var(--blog-accent);}.main-article .prev-article{margin-bottom:2rem;}.main-article .prev-label{display:block;font-size:0.78rem;font-weight:600;text-transform:uppercase;letter-spacing:0.05em;color:var(--blog-muted);margin-bottom:0.4rem;}.main-article .prev-article .title.usmall{font-size:1rem;font-weight:700;margin:0;line-height:1.45;}.main-article .underline-effect a{color:var(--blog-text);text-decoration:none;background-image:linear-gradient(to right,var(--blog-text) 0%,var(--blog-text) 100%);background-size:0% 2px;background-repeat:no-repeat;background-position:left 90%;transition:background-size 0.2s ease,color 0.2s;}.main-article .underline-effect a:hover{color:var(--blog-accent);background-size:100% 2px;}.main-article .category-box{padding:1.5rem 1.75rem;margin-top:0.5rem;}.main-article .category-box .widget-title{font-size:1.05rem;font-weight:700;margin:0 0 1rem;position:relative;z-index:2;color:var(--blog-muted);}.main-article .category-box .widget-title.bordered.gray-border::after{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:var(--blog-border);z-index:-1;}.main-article .category-box .widget-title span{background:var(--blog-surface);padding-right:14px;}.main-article .category-box .widget-title strong{color:var(--blog-text);}.main-article .tag-name--pill{display:inline-block;margin-bottom:1.1rem;padding:0.3rem 0.75rem;border-radius:999px;font-size:0.82rem;font-weight:700;color:var(--epcl-main-color);background:color-mix(in srgb,var(--epcl-main-color) 12%,white);border:1px solid color-mix(in srgb,var(--epcl-main-color) 30%,transparent);text-decoration:none;}.main-article .tag-name--pill:hover{text-decoration:underline;}.main-article .category-list{list-style:none;margin:0 0 1.15rem;padding:0;display:flex;flex-direction:column;gap:0.65rem;}.main-article .category-list li{display:flex;align-items:flex-start;gap:0.65rem;}.main-article .cat-num{flex:0 0 1.25rem;font-weight:800;font-size:0.9rem;color:var(--blog-accent);line-height:1.5;}.main-article .category-list .title.usmall{font-size:0.95rem;font-weight:600;margin:0;line-height:1.45;}.main-article .view-all{font-size:0.88rem;font-weight:600;color:var(--blog-accent);text-decoration:none;}.main-article .view-all:hover{text-decoration:underline;}.blog-main,.left-content.blog-main{min-width:0;}.blog-head{margin-bottom:1.75rem;padding-bottom:1.25rem;border-bottom:1px solid var(--blog-border);}.blog-title{font-size:clamp(1.75rem,4vw,2.35rem);font-weight:800;line-height:1.12;letter-spacing:-0.025em;margin:0 0 0.65rem;color:var(--blog-text);}.blog-pub{margin:0;font-size:0.92rem;color:var(--blog-muted);}.blog-body,.gh-content{font-size:1.0625rem;line-height:1.75;color:#2b2f36;}.blog-body>p:first-child,.gh-content>p:first-child{font-size:1.125rem;color:#3d4450;}.blog-body h2,.gh-content h2,.blog-h2{font-size:1.5rem;font-weight:800;margin:2rem 0 0.75rem;color:var(--blog-text);scroll-margin-top:100px;letter-spacing:-0.02em;}.blog-body h3,.gh-content h3{font-size:1.2rem;font-weight:700;margin:1.5rem 0 0.6rem;}.blog-body p,.gh-content p{margin:0 0 1.15rem;}.blog-body a,.gh-content a{color:var(--blog-accent);text-decoration:underline;text-underline-offset:2px;}.blog-body strong,.gh-content strong{font-weight:700;color:var(--blog-text);}.blog-body ul,.blog-body ol,.gh-content ul,.gh-content ol{margin:0 0 1.15rem;padding-left:1.35rem;}.blog-body blockquote,.gh-content blockquote{margin:1.5rem 0;padding:0.85rem 1rem;border-left:4px solid var(--blog-accent);background:var(--blog-accent-soft);border-radius:0 8px 8px 0;color:var(--blog-muted);}.blog-body pre,.gh-content pre{background:#1e293b;color:#e2e8f0;border-radius:8px;padding:1rem 1.15rem;overflow-x:auto;font-size:0.8125rem;font-family:var(--blog-font-mono);margin:1.25rem 0;line-height:1.55;}.blog-body code,.gh-content code{background:#f1f5f9;padding:0.15rem 0.4rem;border-radius:4px;font-size:0.875em;font-family:var(--blog-font-mono);color:#334155;}.blog-body img,.gh-content img{max-width:100%;height:auto;border-radius:8px;margin:1.25rem 0;}.blog-video-block{margin-top:2rem;}.blog-embed{position:relative;padding-bottom:56.25%;height:0;border-radius:8px;overflow:hidden;background:#000;}.blog-embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0;}.blog-video{width:100%;border-radius:8px;background:#000;}.blog-foot{margin-top:2.5rem;padding-top:1.5rem;border-top:1px solid var(--blog-border);display:flex;flex-direction:column;gap:1.5rem;}.blog-share{display:flex;align-items:center;flex-wrap:wrap;gap:0.65rem;}.blog-share-t{font-size:0.88rem;font-weight:700;color:var(--blog-text);}.blog-share-btn{background:var(--blog-surface);border:1px solid var(--blog-border);color:var(--blog-text);font-size:0.85rem;font-weight:600;padding:0.4rem 1rem;border-radius:999px;cursor:pointer;transition:border-color 0.15s,color 0.15s;}.blog-share-btn:hover{border-color:var(--blog-accent);color:var(--blog-accent);}.blog-prev-k{display:block;font-size:0.78rem;font-weight:600;text-transform:uppercase;letter-spacing:0.05em;color:var(--blog-muted);margin-bottom:0.35rem;}.blog-prev-a{font-size:1rem;font-weight:700;color:var(--blog-accent);text-decoration:none;line-height:1.4;}.blog-prev-a:hover{text-decoration:underline;}.blog-cat-block{background:#f8f9fb;border:1px solid var(--blog-border);border-radius:var(--blog-radius);padding:1.25rem 1.35rem;}.blog-cat-h{font-size:1rem;font-weight:600;color:var(--blog-muted);margin:0 0 1rem;line-height:1.5;}.blog-cat-h strong{color:var(--blog-text);}.blog-cat-list{list-style:none;margin:0 0 1rem;padding:0;display:flex;flex-direction:column;gap:0.55rem;}.blog-cat-list li{display:flex;align-items:flex-start;gap:0.65rem;}.blog-cat-n{flex:0 0 1.25rem;font-weight:800;font-size:0.9rem;color:var(--blog-accent);line-height:1.5;}.blog-cat-list a{color:var(--blog-text);font-weight:600;font-size:0.95rem;text-decoration:none;line-height:1.45;}.blog-cat-list a:hover{color:var(--blog-accent);}.blog-cat-all{font-size:0.88rem;font-weight:600;color:var(--blog-accent);text-decoration:none;}.blog-cat-all:hover{text-decoration:underline;}.blog-cta{text-align:center;padding:1.35rem;background:linear-gradient(135deg,rgba(99,102,241,0.08),rgba(0, 199, 254,0.1));border:1px solid var(--blog-border);border-radius:var(--blog-radius);}.blog-cta p{margin:0 0 0.85rem;color:var(--blog-muted);font-size:0.95rem;}.blog-cta-btn{display:inline-block;background:#00C7FE;color:#15171a;font-weight:700;font-size:0.9rem;padding:0.6rem 1.35rem;border-radius:999px;text-decoration:none;transition:filter 0.15s;}.blog-cta-btn:hover{filter:brightness(1.05);}.blog-index-head{margin-bottom:1.75rem;padding-bottom:1.5rem;border-bottom:1px solid var(--blog-border);}.blog-index-kicker{font-size:0.78rem;font-weight:700;text-transform:uppercase;letter-spacing:0.08em;color:var(--blog-accent);margin:0 0 0.4rem;}.blog-index-title{font-size:clamp(2rem,5vw,2.75rem);font-weight:800;margin:0 0 0.45rem;letter-spacing:-0.03em;color:var(--blog-text);}.blog-index-lead{margin:0;font-size:1.05rem;color:var(--blog-muted);max-width:640px;line-height:1.6;}.blog-index-tags-wrap{position:relative;margin:0 0 1.75rem;max-width:100%;min-width:0;}.blog-index-tags{display:flex;flex-wrap:nowrap;gap:0.5rem;margin:0;padding:0.15rem 2.25rem 0.35rem 0;max-width:100%;min-width:0;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scrollbar-width:none;-ms-overflow-style:none;}.blog-index-tags::-webkit-scrollbar{display:none;width:0;height:0;}.blog-index-tags--scroll{-webkit-mask-image:linear-gradient(90deg,#000 0%,#000 78%,transparent 100%);mask-image:linear-gradient(90deg,#000 0%,#000 78%,transparent 100%);}.blog-index-tags-hint{position:absolute;top:50%;right:0;transform:translateY(-50%);z-index:2;display:inline-flex;align-items:center;gap:0.15rem;padding:0.28rem 0.45rem 0.28rem 0.55rem;border-radius:999px;background:color-mix(in srgb,var(--blog-bg) 82%,transparent);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border:1px solid var(--blog-border);color:var(--blog-muted);pointer-events:none;box-shadow:0 1px 4px rgba(15,23,42,0.06);animation:blog-tags-hint-pulse 2.4s ease-in-out infinite;}.blog-index-tags-hint-label{font-size:0.65rem;font-weight:700;text-transform:uppercase;letter-spacing:0.04em;line-height:1;}.blog-index-tags-hint-arrows{font-size:0.85rem;font-weight:700;line-height:1;letter-spacing:-0.12em;color:var(--blog-accent);}@keyframes blog-tags-hint-pulse{0%,100%{transform:translateY(-50%) translateX(0);opacity:0.92;}50%{transform:translateY(-50%) translateX(3px);opacity:1;}}@media (prefers-reduced-motion:reduce){.blog-index-tags-hint{animation:none;}}.blog-index-tag{display:inline-flex;align-items:center;flex:0 0 auto;padding:0.35rem 0.85rem;border-radius:999px;font-size:0.82rem;font-weight:600;text-decoration:none;white-space:nowrap;color:var(--tag,var(--blog-accent));background:color-mix(in srgb,var(--tag,var(--blog-accent)) 12%,white);border:1px solid color-mix(in srgb,var(--tag,var(--blog-accent)) 35%,transparent);transition:background 0.15s,transform 0.15s,color 0.15s;}.blog-index-tag:hover{background:color-mix(in srgb,var(--tag,var(--blog-accent)) 20%,white);transform:translateY(-1px);}.blog-index-tag.is-active{color:#fff;background:var(--tag,var(--blog-accent));border-color:transparent;}.blog-index-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:1.5rem;align-items:start;width:100%;max-width:100%;min-width:0;}.blog-index-main{min-width:0;max-width:100%;}.blog-cat-sidebar{display:none;}.blog-cat-sidebar-title{margin:0 0 0.75rem;font-size:0.75rem;font-weight:700;text-transform:uppercase;letter-spacing:0.07em;color:var(--blog-muted);}.blog-cat-nav{display:flex;flex-direction:column;gap:0.25rem;padding:0.75rem;background:var(--blog-surface);border:1px solid var(--blog-border);border-radius:var(--blog-radius);box-shadow:var(--blog-shadow);}.blog-cat-link{display:flex;align-items:center;gap:0.5rem;padding:0.55rem 0.65rem;border-radius:var(--blog-radius-sm);text-decoration:none;color:var(--blog-text);font-size:0.9rem;font-weight:500;transition:background 0.15s;}.blog-cat-link:hover{background:#f1f5f9;}.blog-cat-link.is-active{background:color-mix(in srgb,var(--tag,var(--blog-accent)) 14%,white);color:var(--blog-text);font-weight:700;}.blog-cat-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;background:var(--tag,var(--blog-accent));}.blog-cat-link-name{flex:1;min-width:0;}.blog-cat-link-count{font-size:0.75rem;font-weight:700;color:var(--blog-muted);background:#f1f5f9;border-radius:999px;min-width:1.5rem;text-align:center;padding:0.1rem 0.4rem;}.blog-cat-link.is-active .blog-cat-link-count{background:color-mix(in srgb,var(--tag,var(--blog-accent)) 22%,white);color:var(--blog-text);}@media (min-width:992px){.blog-index-layout{grid-template-columns:220px minmax(0,1fr);gap:2.25rem;}.blog-cat-sidebar{display:block;position:sticky;top:calc(var(--header-h, 70px) + 1rem);}.blog-index-tags-wrap{display:none;}}.blog-index-featured{margin-bottom:2rem;}.blog-index-section-title{display:flex;align-items:center;position:relative;z-index:2;font-size:1.35rem;font-weight:800;margin:0 0 1.35rem;color:var(--blog-text);}.blog-index-section-title::after{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:var(--blog-border);z-index:-1;}.blog-index-section-title span{background:var(--blog-bg);padding-right:16px;}.blog-index-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:1.25rem;width:100%;max-width:100%;}@media (min-width:600px){.blog-index-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}@media (min-width:992px){.blog-index-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;}}.blog-index-card{margin:0;min-width:0;max-width:100%;height:100%;}.blog-index-card-link{display:flex;flex-direction:column;height:100%;width:100%;max-width:100%;background:var(--blog-surface);border:1px solid var(--blog-border);border-radius:var(--blog-radius);box-shadow:var(--blog-shadow);overflow:hidden;text-decoration:none;color:inherit;transition:transform 0.2s ease,box-shadow 0.2s ease;}.blog-index-card-link:hover{transform:translateY(-4px);box-shadow:0 10px 28px rgba(0,0,0,0.08);}.blog-index-card-img{display:block;width:100%;max-width:100%;aspect-ratio:16 / 10;overflow:hidden;background:#e8eaf0;flex-shrink:0;}.blog-index-card-img img{width:100%;max-width:100%;height:100%;object-fit:cover;display:block;transition:transform 0.35s ease;}.blog-index-card-link:hover .blog-index-card-img img{transform:scale(1.05);}.blog-index-card-body{padding:1.1rem 1.15rem 1.2rem;display:flex;flex-direction:column;flex:1;gap:0.4rem;min-width:0;max-width:100%;}.blog-index-card-tag{display:inline-block;align-self:flex-start;font-size:0.72rem;font-weight:700;text-transform:uppercase;letter-spacing:0.04em;color:var(--tag,var(--blog-accent));}.blog-index-card-title{font-size:1.05rem;font-weight:800;line-height:1.35;margin:0;color:var(--blog-text);overflow-wrap:anywhere;word-break:break-word;}.blog-index-card-excerpt{font-size:0.88rem;line-height:1.55;color:var(--blog-muted);margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;word-break:break-word;flex:1;}.blog-index-card-meta{display:flex;align-items:center;flex-wrap:wrap;gap:0.35rem;font-size:0.78rem;color:var(--blog-muted);margin-top:auto;padding-top:0.35rem;}.blog-empty{text-align:center;color:var(--blog-muted);padding:2rem;}.blog-empty a{color:var(--blog-accent);}.blog-pagination{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:0.65rem 0.85rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--blog-border);}.blog-pagination-pages{display:flex;flex-wrap:wrap;gap:0.35rem;list-style:none;margin:0;padding:0;}.blog-pagination-btn,.blog-pagination-page{display:inline-flex;align-items:center;justify-content:center;min-height:2.25rem;min-width:2.25rem;padding:0.35rem 0.75rem;border-radius:var(--blog-radius-sm);border:1px solid var(--blog-border);background:var(--blog-surface);color:var(--blog-text);font-size:0.875rem;font-weight:600;text-decoration:none;font-family:var(--blog-font);transition:background 0.15s,border-color 0.15s,color 0.15s;}.blog-pagination-btn:hover,.blog-pagination-page:hover{border-color:color-mix(in srgb,var(--blog-accent) 45%,var(--blog-border));color:var(--blog-accent);}.blog-pagination-page.is-current{background:var(--blog-accent);border-color:var(--blog-accent);color:#fff;pointer-events:none;}.blog-pagination-btn.is-disabled{opacity:0.45;pointer-events:none;}.blog-home-zone{padding:0;margin-top:0.5rem;}.blog-home-grid{display:grid;grid-template-columns:1fr;gap:1.35rem;}@media (min-width:640px){.blog-home-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;}}@media (min-width:992px){.blog-home-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.65rem;}}.blog-home-card{margin:0;min-width:0;height:100%;}.blog-home-card-link{display:flex;flex-direction:column;height:100%;background:linear-gradient(165deg,rgba(26,26,26,0.98) 0%,rgba(18,18,18,0.98) 100%);border:1px solid rgba(255,255,255,0.09);border-radius:16px;overflow:hidden;text-decoration:none;color:inherit;box-shadow:0 4px 24px rgba(0,0,0,0.25);transition:transform 0.25s ease,border-color 0.25s ease,box-shadow 0.25s ease;}.blog-home-card-link:hover{transform:translateY(-6px);border-color:rgba(0, 199, 254,0.35);box-shadow:0 16px 40px rgba(0,0,0,0.4),0 0 0 1px rgba(0, 199, 254,0.08);}.blog-home-card-link:hover .blog-home-card-media img{transform:scale(1.06);}.blog-home-card-link:hover .blog-home-card-cta{color:#00C7FE;transform:translateX(3px);}.blog-home-card-media{position:relative;aspect-ratio:16 / 9;overflow:hidden;background:#1e1e1e;}.blog-home-card-media::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,0.55) 0%,transparent 45%);pointer-events:none;}.blog-home-card-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 0.45s ease;}.blog-home-card-cat{position:absolute;left:0.85rem;top:0.85rem;z-index:1;display:inline-block;padding:0.35rem 0.7rem;border-radius:999px;font-size:0.75rem;font-weight:700;letter-spacing:0.02em;color:#fff;background:color-mix(in srgb,var(--tag,#00C7FE) 82%,black);border:1px solid rgba(255,255,255,0.15);backdrop-filter:blur(6px);line-height:1.2;}.blog-home-card-body{display:flex;flex-direction:column;flex:1;gap:0.65rem;padding:1.25rem 1.3rem 1.35rem;min-width:0;}.blog-home-card-title{margin:0;font-size:clamp(1.05rem,2.2vw,1.2rem);font-weight:700;line-height:1.4;letter-spacing:-0.015em;color:#ffffff;}.blog-home-card-excerpt{margin:0;font-size:0.9375rem;font-weight:400;line-height:1.65;color:rgba(255,255,255,0.72);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;flex:1;}.blog-home-card-foot{display:flex;align-items:flex-end;justify-content:space-between;gap:0.75rem;margin-top:auto;padding-top:0.85rem;border-top:1px solid rgba(255,255,255,0.08);}.blog-home-card-meta{display:flex;flex-wrap:wrap;align-items:center;gap:0.45rem;font-size:0.8125rem;font-weight:500;color:rgba(255,255,255,0.5);line-height:1.4;}.blog-home-card-dot{width:3px;height:3px;border-radius:50%;background:rgba(255,255,255,0.35);flex-shrink:0;}.blog-home-card-cta{flex-shrink:0;font-size:0.8125rem;font-weight:700;color:rgba(255,255,255,0.85);transition:color 0.2s ease,transform 0.2s ease;white-space:nowrap;}.blog-home-card-cta::after{content:" →";}.blog-home-card--video .blog-home-card-media.is-landscape,#blog .blog-home-card--video .blog-home-card-media.is-landscape{aspect-ratio:16 / 9;}.blog-home-card--video .blog-home-card-media.is-portrait,#blog .blog-home-card--video .blog-home-card-media.is-portrait{width:100%;max-width:100%;max-height:none;aspect-ratio:9 / 16;}.blog-home-card--video .blog-home-card-media.is-portrait img,#blog .blog-home-card--video .blog-home-card-media.is-portrait img{object-fit:contain;object-position:center center;}.blog-home-card--video .blog-home-card-media.is-square,#blog .blog-home-card--video .blog-home-card-media.is-square{aspect-ratio:1 / 1;}@media (max-width:767px){.blog-home-card--video .blog-home-card-link,#blog .blog-home-card--video .blog-home-card-link{flex-direction:column;height:auto;}.blog-home-card--video .blog-home-card-media.is-portrait,#blog .blog-home-card--video .blog-home-card-media.is-portrait{width:100%;max-width:100%;max-height:none;flex-shrink:0;aspect-ratio:9 / 16;}.blog-home-card--video .blog-home-card-body,#blog .blog-home-card--video .blog-home-card-body{width:100%;max-width:100%;flex:0 0 auto;}}.blog-home-card-play{position:absolute;left:50%;top:50%;z-index:2;transform:translate(-50%,-50%);width:3.25rem;height:3.25rem;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:rgba(0,0,0,0.55);color:#fff;border:2px solid rgba(255,255,255,0.9);box-shadow:0 6px 20px rgba(0,0,0,0.35);pointer-events:none;transition:transform 0.2s ease,background-color 0.2s ease,border-color 0.2s ease;}.blog-home-card-play svg{display:block;margin-left:0.12rem;}.blog-home-card-link:hover .blog-home-card-play,.blog-home-card-link:focus-visible .blog-home-card-play{background:rgba(0, 199, 254,0.92);border-color:#00C7FE;color:#000;transform:translate(-50%,-50%) scale(1.06);}.blog-home-card-type{position:absolute;left:0.85rem;top:0.85rem;z-index:2;display:inline-flex;align-items:center;padding:0.28rem 0.55rem;border-radius:4px;font-size:0.65rem;font-weight:800;letter-spacing:0.08em;text-transform:uppercase;color:#14213d;background:rgba(0, 199, 254,0.92);border:1px solid rgba(0, 199, 254,0.5);line-height:1.2;}.blog-home-card-duration{position:absolute;right:0.75rem;bottom:0.75rem;z-index:2;padding:0.18rem 0.45rem;border-radius:4px;font-size:0.72rem;font-weight:700;letter-spacing:0.02em;color:#fff;background:rgba(0,0,0,0.72);line-height:1.2;pointer-events:none;}.blog-home-card-catline{margin:0;}.blog-home-card-catline-tag{font-size:0.72rem;font-weight:700;letter-spacing:0.06em;text-transform:uppercase;color:var(--tag,#00C7FE);}.blog-home-card--video{border-color:transparent;}@media (prefers-reduced-motion:reduce){.blog-home-card-play,.blog-home-card-link:hover .blog-home-card-play{transition:none;transform:translate(-50%,-50%);}}#blog .blog-eyebrow{font-size:0.8rem;letter-spacing:0.12em;}#blog .block-sub{font-size:1.05rem;color:rgba(255,255,255,0.62);max-width:36rem;margin-left:auto;margin-right:auto;line-height:1.6;}@media (max-width:991px){.blog-layout{display:flex;flex-direction:column;min-width:0;max-width:100%;}.left-content.blog-main,.blog-main{order:-1;min-width:0;max-width:100%;}#sidebar{display:none !important;}.blog-wrap{padding:0 1rem;}.main-article.bg-box.section{padding:1.35rem 1rem 1.75rem;}.main-article .main-title.title.ularge{font-size:clamp(1.45rem,6.5vw,1.85rem);overflow-wrap:anywhere;word-break:break-word;}.blog-index-title{font-size:clamp(1.75rem,8vw,2.25rem);}.blog-index-lead{font-size:0.95rem;}.blog-index-card-body{padding:0.95rem 1rem 1.05rem;}.blog-author-card{flex-wrap:wrap;}.blog-pagination{gap:0.5rem;}.blog-pagination-btn{padding:0.35rem 0.6rem;font-size:0.8125rem;}}@media (max-width:639px){.blog-home-card-foot{flex-direction:column;align-items:flex-start;}.blog-home-card-cta{margin-top:0.15rem;}.blog-page{padding-left:0;padding-right:0;padding-bottom:2.5rem;}.blog-index-tags-wrap{margin-left:-1rem;margin-right:-1rem;padding-left:1rem;padding-right:0.35rem;width:calc(100% + 2rem);max-width:none;box-sizing:border-box;}.blog-index-tags{padding-left:0;padding-right:2.5rem;}.blog-index-tags-hint{right:0.35rem;}}.blog-cluster-cta{margin:0 0 1.25rem;padding:1rem 1.15rem;border-radius:12px;border:1px solid rgba(20,33,61,0.12);background:#f7f8fa;}.blog-cluster-cta__text{margin:0;font-size:0.95rem;line-height:1.5;color:#5b6575;}.blog-cluster-cta__text a{color:#14213d;font-weight:600;text-decoration:underline;text-underline-offset:2px;}.blog-cluster-cta__text a:hover,.blog-cluster-cta__text a:focus-visible{color:#00C7FE;}.blog-page--feed .blog-feed-head{max-width:40rem;margin:0 0 1.5rem;}.blog-feed-subtitle{margin:0 0 0.55rem;font-family:var(--blog-font-display,var(--font-display,inherit));font-size:clamp(1.15rem,2.5vw,1.4rem);font-weight:500;line-height:1.35;color:#14213d;}.blog-feed-share{margin:1.1rem 0 0;padding:0.85rem 1rem;border-radius:12px;border:1px solid rgba(20,33,61,0.12);background:rgba(0, 199, 254,0.08);}.blog-feed-share--quiet{margin-top:0.85rem;padding:0.35rem 0 0;border:0;border-radius:0;background:transparent;}.blog-feed-share__label{margin:0 0 0.55rem;font-size:0.78rem;font-weight:700;letter-spacing:0.06em;text-transform:uppercase;color:#5b6575;}.blog-feed-share--quiet .blog-feed-share__label{margin-bottom:0.25rem;font-weight:600;letter-spacing:0.04em;text-transform:none;font-size:0.8rem;color:#6b7280;}.blog-feed-share__actions{display:flex;flex-wrap:wrap;gap:0.45rem;}.blog-feed-share--quiet .blog-feed-share__actions{gap:0.15rem 0.35rem;}.blog-feed-share__toast{margin:0.55rem 0 0;font-size:0.85rem;font-weight:600;color:#14213d;}.blog-feed-share--quiet .blog-feed-share__toast{margin-top:0.35rem;font-size:0.8rem;font-weight:500;color:#5b6575;}.blog-feed-search{margin-top:1.35rem;}.blog-feed-search__label{display:block;margin:0 0 0.45rem;font-size:0.78rem;font-weight:700;letter-spacing:0.06em;text-transform:uppercase;color:#5b6575;}.blog-feed-search__row{display:flex;gap:0.5rem;align-items:stretch;}.blog-feed-search__input{flex:1 1 auto;min-width:0;padding:0.7rem 0.9rem;border:1px solid rgba(20,33,61,0.14);border-radius:10px;background:#fff;color:#14213d;font-size:0.95rem;}.blog-feed-search__input:focus{outline:none;border-color:#00C7FE;box-shadow:0 0 0 3px rgba(0, 199, 254,0.25);}.blog-feed-search__btn{flex:0 0 auto;padding:0.7rem 1.1rem;border:0;border-radius:10px;background:#00C7FE;color:#000;font-weight:700;font-size:0.9rem;cursor:pointer;}.blog-feed-search__btn:hover,.blog-feed-search__btn:focus-visible{background:#00A9D8;outline:none;}.blog-feed-filters-wrap{margin:0 0 1.5rem;overflow:hidden;}.blog-feed-type-wrap{margin:0 0 0.85rem;}.blog-feed-type{display:flex;flex-wrap:wrap;gap:0.4rem;align-items:center;}.blog-feed-type__link{display:inline-flex;align-items:center;gap:0.35rem;padding:0.4rem 0.85rem;border-radius:999px;border:1px solid rgba(20,33,61,0.14);background:#fff;color:#3d4654;font-size:0.82rem;font-weight:700;text-decoration:none;line-height:1.2;transition:background-color 0.15s ease,border-color 0.15s ease,color 0.15s ease;}.blog-feed-type__link:hover,.blog-feed-type__link:focus-visible{border-color:rgba(20,33,61,0.28);color:#14213d;outline:none;}.blog-feed-type__link.is-active{background:#14213d;border-color:#14213d;color:#fff;}.blog-feed-type__count{display:inline-flex;min-width:1.15rem;justify-content:center;font-size:0.72rem;font-weight:700;opacity:0.72;}.blog-feed-type__link.is-active .blog-feed-type__count{opacity:0.85;}.blog-feed-filters{display:flex;gap:0.45rem;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding-bottom:0.15rem;}.blog-feed-filters::-webkit-scrollbar{display:none;}.blog-feed-filter{flex:0 0 auto;padding:0.4rem 0.85rem;border-radius:999px;border:1px solid rgba(20,33,61,0.12);background:#fff;color:#14213d;font-size:0.82rem;font-weight:600;text-decoration:none;white-space:nowrap;transition:border-color 0.2s ease,background-color 0.2s ease,color 0.2s ease;}.blog-feed-filter:hover{border-color:rgba(0, 199, 254,0.45);}.blog-feed-filter.is-active{background:#14213d;border-color:#14213d;color:#fff;}.blog-feed-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:1.5rem;align-items:start;}.blog-feed-aside{display:none;}.blog-feed-mobile-cta{display:block;}@media (min-width:992px){.blog-feed-layout{grid-template-columns:minmax(0,1fr) minmax(15rem,18rem);gap:1.75rem;}.blog-feed-aside{display:block;}.blog-feed-mobile-cta{display:none;}}.blog-feed-section-title{margin:0 0 1rem;font-family:var(--blog-font-display,var(--font-display,inherit));font-size:1.05rem;font-weight:600;color:#14213d;}.blog-feed-starter{margin:0 0 1.75rem;padding:1rem 1.1rem;border-radius:14px;border:1px solid rgba(20,33,61,0.1);background:#fff;}.blog-feed-starter-list{list-style:none;margin:0;padding:0;display:grid;gap:0.65rem;}.blog-feed-starter-list a{display:flex;flex-direction:column;gap:0.15rem;text-decoration:none;color:inherit;padding:0.35rem 0;}.blog-feed-starter-cat{font-size:0.7rem;font-weight:700;letter-spacing:0.06em;text-transform:uppercase;color:#00C7FE;}.blog-feed-starter-title{font-size:0.95rem;font-weight:600;color:#14213d;line-height:1.35;}.blog-feed-starter-list a:hover .blog-feed-starter-title{color:#0a1020;text-decoration:underline;text-underline-offset:2px;}.blog-feed-list{display:grid;gap:1rem;}.blog-feed-section-bar{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:0.65rem 1rem;margin:0 0 1rem;}.blog-feed-section-bar .blog-feed-section-title{margin:0;}.blog-feed-sort{display:inline-flex;gap:0.35rem;align-items:center;}.blog-feed-sort__link{padding:0.3rem 0.7rem;border-radius:999px;border:1px solid rgba(20,33,61,0.12);background:#fff;color:#5b6575;font-size:0.78rem;font-weight:700;text-decoration:none;white-space:nowrap;transition:background-color 0.15s ease,border-color 0.15s ease,color 0.15s ease;}.blog-feed-sort__link:hover{border-color:rgba(0, 199, 254,0.45);color:#14213d;}.blog-feed-sort__link.is-active{background:#14213d;border-color:#14213d;color:#fff;}.blog-feed-post{display:grid;grid-template-columns:3rem minmax(0,1fr);gap:0.65rem 0.85rem;padding:1rem 1rem 1.05rem;border-radius:14px;border:1px solid rgba(20,33,61,0.1);background:#fff;box-shadow:0 1px 2px rgba(20,33,61,0.04);transition:border-color 0.2s ease,box-shadow 0.2s ease,opacity 0.2s ease,transform 0.2s ease;}.blog-feed-post.is-reordering{opacity:0.92;transform:translateY(4px);}.blog-feed-post:hover{border-color:rgba(0, 199, 254,0.35);box-shadow:0 8px 24px rgba(20,33,61,0.06);}.blog-feed-votes,.blog-feed-post__votes{display:flex;flex-direction:column;align-items:center;gap:0.35rem;padding-top:0.1rem;}.blog-feed-votes__pill{display:flex;flex-direction:column;align-items:center;width:2.75rem;padding:0.2rem 0;border-radius:999px;border:1px solid rgba(20,33,61,0.12);background:#f7f8fa;overflow:hidden;}.blog-feed-vote{width:2.75rem;height:2.5rem;min-width:44px;min-height:40px;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:0;background:transparent;color:#14213d;cursor:pointer;padding:0;transition:background-color 0.18s ease,color 0.18s ease,transform 0.18s ease;}.blog-feed-vote__icon{display:block;pointer-events:none;}.blog-feed-vote:hover,.blog-feed-vote:focus-visible{background:rgba(0, 199, 254,0.12);color:#14213d;outline:none;}.blog-feed-vote.is-press{transform:scale(0.92);}.blog-feed-vote--up.is-active{background:rgba(0, 199, 254,0.28);color:#7a4a00;}.blog-feed-vote--down.is-active{background:rgba(20,33,61,0.1);color:#14213d;}.blog-feed-votes__score{font-size:0.78rem;font-weight:800;line-height:1;color:#14213d;padding:0.15rem 0;min-height:1rem;transition:transform 0.18s ease;}.blog-feed-votes__score.is-pulse{transform:scale(1.12);}.blog-feed-vote-hint{font-size:0.62rem;font-weight:700;letter-spacing:0.02em;text-align:center;color:#5b6575;line-height:1.2;max-width:3.4rem;}.blog-feed-post__counts{font-weight:600;color:#5b6575;}.blog-feed-post__cat{margin:0 0 0.35rem;}.blog-feed-post__cat a,.blog-feed-post__cat span{font-size:0.72rem;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;color:#00C7FE;text-decoration:none;}.blog-feed-post__cat a:hover{text-decoration:underline;}.blog-feed-post__title{margin:0 0 0.45rem;font-family:var(--blog-font-display,var(--font-display,inherit));font-size:clamp(1.05rem,2.2vw,1.28rem);font-weight:600;line-height:1.3;color:#14213d;}.blog-feed-post__title a{color:inherit;text-decoration:none;}.blog-feed-post__title a:hover{color:#0a1020;}.blog-feed-post__excerpt{margin:0 0 0.65rem;font-size:0.92rem;line-height:1.55;color:#5b6575;}.blog-feed-post__meta{display:flex;flex-wrap:wrap;gap:0.35rem 0.45rem;margin:0 0 0.85rem;font-size:0.8rem;color:#6b7280;}.blog-feed-post__media{margin:0 0 0.85rem;border-radius:10px;overflow:hidden;aspect-ratio:16 / 9;background:#14213d;max-width:28rem;}.blog-feed-post__media img{width:100%;height:100%;object-fit:cover;display:block;}.blog-feed-post__actions{display:flex;flex-wrap:wrap;gap:0.45rem;}.blog-feed-post__actions--x{gap:0.15rem 0.35rem;align-items:center;}.blog-feed-xact{display:inline-flex;align-items:center;gap:0.4rem;margin:0;padding:0.4rem 0.7rem;border:0;border-radius:999px;background:transparent;color:#536471;font:inherit;font-size:0.82rem;font-weight:600;line-height:1.2;text-decoration:none;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background-color 0.15s ease,color 0.15s ease;}.blog-feed-xact__icon{display:block;flex-shrink:0;}.blog-feed-xact:hover,.blog-feed-xact:focus-visible{background:rgba(15,20,25,0.06);color:#0f1419;outline:none;}.blog-feed-xact--wa{color:#1f7a45;}.blog-feed-xact--wa:hover,.blog-feed-xact--wa:focus-visible{background:rgba(37,211,102,0.12);color:#176b3a;}.blog-feed-action{display:inline-flex;align-items:center;justify-content:center;padding:0.45rem 0.85rem;border-radius:999px;border:1px solid rgba(20,33,61,0.14);background:#fff;color:#14213d;font-size:0.82rem;font-weight:700;text-decoration:none;cursor:pointer;line-height:1.2;transition:background-color 0.15s ease,border-color 0.15s ease,color 0.15s ease;}.blog-feed-action:hover,.blog-feed-action:focus-visible{border-color:rgba(0, 199, 254,0.55);outline:none;}.blog-feed-action--primary{background:#00C7FE;border-color:#00C7FE;color:#000;}.blog-feed-action--primary:hover,.blog-feed-action--primary:focus-visible{background:#00A9D8;border-color:#00A9D8;}.blog-feed-action--whatsapp{background:#25d366;border-color:#25d366;color:#fff;}.blog-feed-action--whatsapp:hover,.blog-feed-action--whatsapp:focus-visible{background:#1ebe57;border-color:#1ebe57;color:#fff;}.blog-feed-action.is-active{background:rgba(0, 199, 254,0.16);border-color:#00C7FE;}.blog-feed-post__toast{margin:0.55rem 0 0;font-size:0.8rem;font-weight:600;color:#0f5132;}.blog-feed-soft-cta{padding:1.1rem 1.15rem;border-radius:14px;border:1px dashed rgba(0, 199, 254,0.45);background:rgba(0, 199, 254,0.08);}.blog-feed-soft-cta__title{margin:0 0 0.75rem;font-size:0.98rem;font-weight:600;color:#14213d;}.blog-feed-soft-cta__actions{display:flex;flex-wrap:wrap;gap:0.45rem;}.blog-feed-side-card{padding:1rem 1.05rem;border-radius:14px;border:1px solid rgba(20,33,61,0.1);background:#fff;margin-bottom:0.85rem;}.blog-feed-side-title{margin:0 0 0.65rem;font-size:0.95rem;font-weight:600;color:#14213d;}.blog-feed-side-text{margin:0 0 0.65rem;font-size:0.88rem;line-height:1.45;color:#5b6575;}.blog-feed-side-text--soft{margin-top:0.85rem;}.blog-feed-side-cats{display:grid;gap:0.35rem;}.blog-feed-side-cat{display:flex;justify-content:space-between;gap:0.5rem;padding:0.4rem 0.55rem;border-radius:8px;text-decoration:none;color:#14213d;font-size:0.84rem;font-weight:600;}.blog-feed-side-cat:hover,.blog-feed-side-cat.is-active{background:#f7f8fa;}.blog-feed-side-cat span:last-child{color:#6b7280;font-weight:500;}.blog-feed-side-btn{display:inline-flex;width:100%;justify-content:center;padding:0.55rem 0.85rem;border-radius:10px;border:1px solid rgba(20,33,61,0.14);background:#fff;color:#14213d;font-weight:700;font-size:0.88rem;text-decoration:none;margin-bottom:0.4rem;box-sizing:border-box;}.blog-feed-side-btn--primary{background:#00C7FE;border-color:#00C7FE;color:#000;}.blog-feed-side-btn:hover{border-color:#00C7FE;}.blog-feed-side-wa{display:inline-flex;width:100%;justify-content:center;align-items:center;margin:0 0 0.55rem;box-sizing:border-box;text-align:center;}.blog-feed-side-card--cta .blog-feed-side-wa.btn-orange{color:#111;}.blog-feed-side-card--cta .blog-feed-side-wa.btn-whatsapp{color:#fff;}@media (max-width:575px){.blog-feed-post{grid-template-columns:2.85rem minmax(0,1fr);padding:0.9rem 0.85rem;gap:0.5rem 0.65rem;}.blog-feed-votes__pill,.blog-feed-vote{width:2.6rem;min-width:40px;}.blog-feed-post__media{max-width:none;}.blog-feed-filters-wrap{margin-left:-1rem;margin-right:-1rem;padding-left:1rem;width:calc(100% + 2rem);max-width:none;box-sizing:border-box;}.blog-feed-section-bar{flex-direction:column;align-items:flex-start;}}.blog-feed-post__topline{display:flex;flex-wrap:wrap;align-items:center;gap:0.4rem 0.65rem;margin-bottom:0.15rem;}.blog-feed-post__topline .blog-feed-post__cat{margin:0;}.blog-feed-type-badge{display:inline-flex;align-items:center;gap:0.2rem;font-size:0.65rem;font-weight:800;letter-spacing:0.1em;text-transform:uppercase;color:#14213d;background:rgba(0, 199, 254,0.18);border:1px solid rgba(0, 199, 254,0.35);border-radius:4px;padding:0.18rem 0.4rem;line-height:1.2;}.blog-feed-post--video{border-color:rgba(0, 199, 254,0.22);}.blog-feed-post--video:hover{border-color:rgba(0, 199, 254,0.45);}.blog-feed-thumb-link{display:block;position:relative;width:100%;height:100%;color:inherit;text-decoration:none;}.blog-feed-post__media--video{position:relative;max-width:28rem;}.blog-feed-post__media--video.is-landscape{aspect-ratio:16 / 9;}.blog-feed-post__media--video.is-square{aspect-ratio:1 / 1;max-width:20rem;}.blog-feed-post__media--video.is-portrait{aspect-ratio:9 / 16;max-width:15rem;}.blog-feed-play{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:3.25rem;height:3.25rem;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:rgba(0,0,0,0.55);color:#fff;border:2px solid rgba(255,255,255,0.85);pointer-events:none;}.blog-feed-duration{position:absolute;right:0.45rem;bottom:0.45rem;padding:0.15rem 0.4rem;border-radius:4px;background:rgba(0,0,0,0.72);color:#fff;font-size:0.72rem;font-weight:700;letter-spacing:0.02em;line-height:1.2;pointer-events:none;}.blog-video-wrap{max-width:42rem;}.blog-video-wrap:has(.blog-video-player.is-portrait),.blog-video-wrap:has(.blog-video--portrait){max-width:36rem;}.blog-video-show__header{margin-bottom:1.1rem;}.blog-video-show__header .blog-feed-post__cat{display:flex;flex-wrap:wrap;align-items:center;gap:0.45rem 0.65rem;}.blog-video-show__title{margin:0.35rem 0 0.55rem;font-family:var(--blog-font-display,var(--font-display,inherit));font-size:clamp(1.45rem,3.6vw,2.05rem);font-weight:700;line-height:1.22;color:#14213d;}.blog-video-show__meta{margin:0;font-size:0.9rem;color:#5b6575;display:flex;flex-wrap:wrap;gap:0.3rem 0.45rem;}.blog-video-show__meta a{color:#14213d;font-weight:600;text-decoration:none;}.blog-video-show__meta a:hover{text-decoration:underline;}.blog-video-player{width:100%;margin:0 0 1.15rem;border-radius:12px;overflow:hidden;background:#0a1020;position:relative;}.blog-video-player.is-landscape,.blog-video-player.blog-video--landscape{aspect-ratio:16 / 9;max-width:100%;}.blog-video-player.is-square,.blog-video-player.blog-video--square{aspect-ratio:1 / 1;max-width:min(100%,32rem);margin-inline:auto;}.blog-video-player.is-portrait,.blog-video-player.blog-video--portrait{aspect-ratio:9 / 16;width:100%;max-width:min(100%,26rem);margin-inline:auto;}.blog-video-player__el,.blog-video-player__fallback img{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:contain;object-position:center;background:#0a1020;}.blog-video-player__fallback{position:absolute;inset:0;}.blog-video-player__embed{position:absolute;inset:0;width:100%;height:100%;}.blog-video-player__embed iframe{width:100%;height:100%;border:0;display:block;}.blog-inline-video__tap{position:absolute;inset:0;z-index:2;margin:0;padding:0;border:0;background:transparent;cursor:pointer;appearance:none;-webkit-appearance:none;-webkit-tap-highlight-color:transparent;}.blog-inline-video__play{position:absolute;left:50%;top:48%;z-index:3;transform:translate(-50%,-50%);width:3.5rem;height:3.5rem;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;border:2px solid rgba(255,255,255,0.92);background:rgba(0,0,0,0.58);color:#fff;pointer-events:none;box-shadow:0 8px 22px rgba(0,0,0,0.35);}.blog-inline-video__play svg{display:block;margin-left:0.14rem;}.blog-inline-video__duration{position:absolute;right:0.7rem;bottom:0.7rem;z-index:3;padding:0.18rem 0.45rem;border-radius:4px;font-size:0.72rem;font-weight:700;letter-spacing:0.02em;line-height:1.2;color:#fff;background:rgba(0,0,0,0.72);border:1px solid rgba(255,255,255,0.12);pointer-events:none;}.blog-video-player.is-playing .blog-inline-video__play,.blog-feed-post__media.is-playing .blog-inline-video__play,.blog-inline-video__play[hidden]{display:none !important;}.blog-video-player.is-playing .blog-inline-video__duration,.blog-feed-post__media.is-playing .blog-inline-video__duration,.blog-feed-post__media.is-playing .blog-feed-duration{display:none !important;}.blog-feed-post__video{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:contain;object-position:center;background:#0a1020;}.blog-feed-post__media--video[data-inline-video]{overflow:hidden;border-radius:12px;background:#0a1020;}.blog-video-show__desc{margin:0 0 1rem;font-size:1.02rem;line-height:1.6;color:#3d4654;}.blog-video-show__toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:0.85rem 1.1rem;margin-bottom:1.5rem;padding-bottom:1.15rem;border-bottom:1px solid rgba(20,33,61,0.1);}.blog-feed-votes--inline{flex-direction:row;align-items:center;gap:0.55rem;padding-top:0;}.blog-feed-votes__pill--row{flex-direction:row;width:auto;padding:0 0.15rem;}.blog-feed-votes__pill--row .blog-feed-vote{width:2.6rem;}.blog-feed-votes--inline .blog-feed-vote-hint{max-width:none;text-align:left;font-size:0.75rem;}.blog-video-show__notes{margin:0 0 1.75rem;}.blog-video-show__notes .title.medium{margin:0 0 0.85rem;font-size:1.2rem;}.blog-video-related{margin-top:2rem;padding-top:1.25rem;border-top:1px solid rgba(20,33,61,0.1);}.blog-video-related__lead{margin:0.35rem 0 0;font-size:0.92rem;color:#5b6575;line-height:1.45;}.blog-video-related__list{list-style:none;margin:0.75rem 0 0;padding:0;display:grid;gap:0.55rem;}.blog-video-related__list a{display:flex;flex-wrap:wrap;align-items:baseline;gap:0.4rem 0.55rem;padding:0.7rem 0.85rem;border-radius:10px;border:1px solid rgba(20,33,61,0.1);background:#fff;color:#14213d;text-decoration:none;font-weight:600;font-size:0.95rem;line-height:1.35;}.blog-video-related__list a:hover{border-color:rgba(0, 199, 254,0.45);}.blog-video-related__more{margin:1rem 0 0;}@media (max-width:575px){.blog-feed-post__media--video.is-portrait{max-width:min(100%,18rem);}.blog-video-player.is-portrait,.blog-video-player.blog-video--portrait{max-width:100%;width:100%;border-radius:10px;}.blog-video-show__toolbar{flex-direction:column;align-items:flex-start;}}@media (prefers-reduced-motion:reduce){.blog-feed-post,.blog-feed-filter,.blog-feed-type__link,.blog-feed-action,.blog-feed-xact,.blog-feed-vote,.blog-feed-votes__score{transition:none;}.blog-feed-post.is-reordering,.blog-feed-vote.is-press,.blog-feed-votes__score.is-pulse{transform:none;}}
.blog-index-kicker{display:flex;align-items:center;gap:.75rem;margin:0 0 .85rem}.blog-brand-logo,.blog-byline-logo,.blog-author-logo{display:block;width:auto;max-width:9rem;height:1.7rem;object-fit:contain;background:#080d16;box-sizing:content-box}.blog-brand-logo{height:3.15rem;max-width:16rem;padding:.4rem .6rem;border-radius:.7rem}.blog-byline-logo{height:1.7rem;max-width:9rem;padding:.18rem .32rem;border-radius:.4rem}.blog-author-logo{height:2.35rem;max-width:12rem;margin:0 0 .65rem;padding:.28rem .45rem;border-radius:.4rem}.main-article .blog-byline{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.45rem}.blog-index-kicker__place{letter-spacing:.08em}.gh-content > .container, .blog-body > .container { width: 100%; max-width: none; margin: 0; padding-left: 0; padding-right: 0; } .gh-content .display-5, .blog-body .display-5 { font-size: clamp(1.85rem, 1.15rem + 2.1vw, 2.55rem); line-height: 1.15; letter-spacing: -0.03em; margin: 0 0 0.85rem; } .gh-content .lead, .blog-body .lead { font-size: 1.2rem; line-height: 1.6; color: var(--blog-muted, #5c6570); } .gh-content .h3, .blog-body .h3 { font-size: 1.45rem; } .gh-content .h5, .blog-body .h5 { font-size: 1.15rem; } .gh-content .fw-bold, .blog-body .fw-bold { font-weight: 700; } .gh-content .fw-semibold, .blog-body .fw-semibold { font-weight: 600; } .gh-content .text-muted, .blog-body .text-muted { color: var(--blog-muted, #5c6570); } .gh-content .my-2, .blog-body .my-2 { margin-top: 0.5rem; margin-bottom: 0.5rem; } .gh-content .my-3, .blog-body .my-3 { margin-top: 1rem; margin-bottom: 1rem; } .gh-content .my-4, .blog-body .my-4 { margin-top: 1.5rem; margin-bottom: 1.5rem; } .gh-content .my-5, .blog-body .my-5 { margin-top: 3rem; margin-bottom: 3rem; } .gh-content .mt-2, .blog-body .mt-2 { margin-top: 0.5rem; } .gh-content .mt-3, .blog-body .mt-3 { margin-top: 1rem; } .gh-content .mt-5, .blog-body .mt-5 { margin-top: 3rem; } .gh-content .mb-0, .blog-body .mb-0 { margin-bottom: 0; } .gh-content .mb-2, .blog-body .mb-2 { margin-bottom: 0.5rem; } .gh-content .mb-5, .blog-body .mb-5 { margin-bottom: 3rem; } .gh-content .p-3, .blog-body .p-3 { padding: 1rem; } .gh-content .p-4, .blog-body .p-4 { padding: 1.5rem; } .gh-content .px-3, .blog-body .px-3 { padding-left: 1rem; padding-right: 1rem; } .gh-content .py-3, .blog-body .py-3 { padding-top: 1rem; padding-bottom: 1rem; } @media (min-width: 768px) { .gh-content .p-md-5, .blog-body .p-md-5 { padding: 3rem; } } .gh-content .border, .blog-body .border { border: 1px solid var(--blog-border, #e2e8f0); } .gh-content .border-0, .blog-body .border-0 { border: 0; } .gh-content .rounded, .blog-body .rounded { border-radius: 0.85rem; } .gh-content .shadow-sm, .blog-body .shadow-sm { box-shadow: 0 10px 28px -18px rgba(15, 23, 42, 0.45); } .gh-content .bg-light, .blog-body .bg-light { background: #f4f6fb; } .gh-content .bg-primary, .blog-body .bg-primary { background: var(--blog-accent, #4f46e5); color: #fff; } .gh-content .card, .blog-body .card { background: #fff; border-radius: 1rem; box-shadow: 0 12px 32px -22px rgba(15, 23, 42, 0.55); } .gh-content .card-body, .blog-body .card-body { display: block; } .gh-content .card h2, .gh-content .card h3, .blog-body .card h2, .blog-body .card h3 { margin: 0 0 0.75rem; letter-spacing: -0.02em; } .gh-content .card p:last-child, .blog-body .card p:last-child { margin-bottom: 0; } .gh-content .badge, .blog-body .badge { display: inline-block; padding: 0.28rem 0.62rem; border-radius: 999px; font-size: 0.75rem; font-weight: 700; letter-spacing: 0.04em; line-height: 1.2; vertical-align: middle; } .gh-content .alert, .blog-body .alert { padding: 0.9rem 1rem; border-radius: 0.85rem; border: 1px solid transparent; line-height: 1.55; } .gh-content .alert strong, .blog-body .alert strong { color: inherit; } .gh-content .alert-light, .blog-body .alert-light { background: #f8f9fc; border-color: var(--blog-border, #e2e8f0); color: var(--blog-text, #1a1d21); } .gh-content .alert-primary, .blog-body .alert-primary { background: var(--blog-accent-soft, rgba(79, 70, 229, 0.1)); color: #312e81; } .gh-content .alert-success, .blog-body .alert-success { background: #ecfdf3; color: #14532d; } .gh-content .alert-warning, .blog-body .alert-warning { background: #fffbeb; color: #78350f; } .gh-content .list-unstyled, .blog-body .list-unstyled { list-style: none; padding-left: 0; margin-left: 0; } .gh-content a.btn, .blog-body a.btn { display: inline-flex; align-items: center; justify-content: center; gap: 0.4rem; padding: 0.7rem 1.15rem; border-radius: 999px; border: 1px solid transparent; font-weight: 700; line-height: 1.2; text-decoration: none; cursor: pointer; } .gh-content a.btn-lg, .blog-body a.btn-lg { padding: 0.9rem 1.4rem; font-size: 1.05rem; } .gh-content a.btn-primary, .blog-body a.btn-primary { background: var(--blog-accent, #4f46e5); color: #fff; } .gh-content a.btn-primary:hover, .blog-body a.btn-primary:hover { background: #4338ca; color: #fff; text-decoration: none; }