.article-max{max-width:900px;margin:0 auto}.article-layout{display:grid;grid-template-columns:minmax(0,1fr);max-width:800px;margin:0 auto}@media (min-width: 1100px){.article-layout{grid-template-columns:minmax(0,1fr) 260px;gap:40px;max-width:1160px}.article-max{max-width:1160px}}.article-main{min-width:0}.blog-hero .title span{color:var(--accent)}.post-hero .title{font-size:clamp(30px,4.4vw,56px);line-height:1.1;max-width:980px;margin-left:auto;margin-right:auto}.post-hero .subtitle{margin-bottom:0}.meta-row{display:flex;justify-content:center;gap:8px 20px;flex-wrap:wrap;color:var(--muted);font-size:14px;margin:20px 0 32px}.breadcrumbs{display:flex;align-items:center;gap:6px;white-space:nowrap;overflow:hidden;font-size:14px;color:var(--muted);margin-top:8px}.breadcrumbs a{flex:none;display:inline-flex;align-items:center;min-height:32px;padding:0 2px;color:var(--muted);text-decoration:none}.breadcrumbs a:hover{color:var(--accent);text-decoration:underline}.breadcrumbs span{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;color:var(--text)}.key-takeaways{background:linear-gradient(135deg,#ff2d8714,#6bc2ff0f);border:1px solid rgba(255,45,135,.25);border-radius:14px;padding:24px 28px;margin:0 auto 28px;max-width:800px;position:relative;overflow:hidden}@media (min-width: 1100px){.key-takeaways{max-width:none}}.key-takeaways:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent),var(--accent-2))}.key-takeaways-title{font-size:1.05rem;font-weight:800;color:var(--accent);margin-bottom:14px;display:flex;align-items:center;gap:8px}.key-takeaways ul{list-style:none}.key-takeaways li{position:relative;padding:6px 0 6px 24px;color:var(--text);font-size:.95rem;line-height:1.6}.key-takeaways li:before{content:"✓";position:absolute;left:0;color:var(--accent);font-weight:700}.mobile-toc{display:block;margin:0 auto 24px;max-width:800px}@media (min-width: 1100px){.mobile-toc{display:none}}.mobile-toc-toggle{width:100%;background:var(--card);border:1px solid var(--border);border-radius:12px;padding:14px 18px;color:var(--text);font-size:.95rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:space-between;transition:border-color .2s ease}.mobile-toc-toggle:hover,.mobile-toc-toggle:focus-visible{border-color:var(--accent);outline:none}.mobile-toc-chevron{transition:transform .3s ease;color:var(--accent)}.mobile-toc-chevron.open{transform:rotate(180deg)}.mobile-toc-list{list-style:none;padding:12px 18px 4px;background:var(--card);border:1px solid var(--border);border-top:none;border-radius:0 0 12px 12px}.mobile-toc-list li{margin-bottom:2px}.mobile-toc-list a{display:block;padding:8px 12px;border-radius:6px;font-size:.9rem;color:var(--muted);text-decoration:none;transition:all .2s ease}.mobile-toc-list a:hover{color:var(--text);background:#ffffff0a}.mobile-toc-list a.active{color:var(--accent);background:#ff2d8714}.mobile-toc-list .toc-h3{padding-left:24px;font-size:.85rem}article.blog-content{padding:44px;font-size:18px;line-height:1.75;color:var(--text)}article.blog-content picture{display:block;margin-bottom:28px}article.blog-content img{max-width:100%;border-radius:12px}article.blog-content h2{font-size:clamp(22px,2.4vw,28px);line-height:1.25;font-weight:800;letter-spacing:-.01em;margin:1.9em 0 .55em}article.blog-content h3{font-size:clamp(18px,1.9vw,21px);line-height:1.3;font-weight:700;margin:1.5em 0 .45em}article.blog-content picture+h2,article.blog-content picture+h3{margin-top:0}article.blog-content p{margin:0 0 1.1em}article.blog-content ul,article.blog-content ol{margin:0 0 1.15em;padding-left:1.4em}article.blog-content li{margin-bottom:.5em;padding-left:.2em}article.blog-content li::marker{color:var(--accent);font-weight:700}article.blog-content strong{color:var(--text)}article.blog-content a{color:var(--accent)!important;text-decoration:underline!important;text-decoration-thickness:1px!important;text-underline-offset:3px;font-weight:600;transition:color .2s ease}article.blog-content a:hover{color:var(--text)!important}article.blog-content code{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.88em;padding:2px 6px;border-radius:6px;background:var(--card-2);border:1px solid var(--border);overflow-wrap:anywhere}article.blog-content table{width:100%;margin:.4em 0 1.4em;border-collapse:separate;border-spacing:0;border:1px solid var(--border);border-radius:14px;overflow:hidden;font-size:15px;line-height:1.55}article.blog-content th,article.blog-content td{padding:12px 16px;text-align:left;vertical-align:top;border-bottom:1px solid var(--border)}article.blog-content th+th,article.blog-content td+td{border-left:1px solid var(--border)}article.blog-content th{background:color-mix(in oklab,var(--accent) 14%,transparent);color:var(--text);font-weight:700}article.blog-content tbody tr:last-child td{border-bottom:none}article.blog-content tbody tr:nth-child(2n) td{background:#ffffff06}article.blog-content details{margin:0 0 14px;border-radius:18px;border:1px solid var(--border);background:linear-gradient(180deg,var(--card-2),var(--card));overflow:hidden}article.blog-content details[open]{background:linear-gradient(180deg,#ffffff1a,#ffffff12)}article.blog-content summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 22px;font-size:16px;font-weight:800;line-height:1.45;color:var(--text)}article.blog-content summary::-webkit-details-marker{display:none}article.blog-content summary:after{content:"+";flex:none;width:32px;height:32px;border-radius:10px;display:grid;place-items:center;font-weight:900;line-height:1;font-size:18px;color:var(--accent);background:var(--card);border:1px solid var(--border)}article.blog-content details[open] summary:after{content:"−"}article.blog-content details[open]>summary{border-bottom:1px solid var(--border);margin-bottom:12px}article.blog-content details>:not(summary){padding:0 22px;margin:0 0 12px;font-size:15px;line-height:1.7;color:var(--muted)}article.blog-content details>:last-child{margin-bottom:0;padding-bottom:18px}.tag-list{display:flex;gap:8px;flex-wrap:wrap;margin-top:32px}.tag-pill{padding:4px 14px;border-radius:999px;font-size:.8125rem;font-weight:600;background:var(--card);border:1px solid var(--border);color:var(--muted)}.author-box{display:flex;align-items:center;gap:20px;padding:24px;background:var(--card);border:1px solid var(--border);border-radius:12px;margin-top:40px;box-shadow:0 4px 12px #0003}.author-box img{width:80px;height:80px;border-radius:50%;object-fit:cover;border:3px solid var(--accent);flex-shrink:0}.author-box h4{margin:0 0 8px;color:var(--text);font-size:1.1rem}.author-box p{margin:0;color:var(--muted);line-height:1.6;font-size:.95rem}.post-nav{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:40px}.post-nav-link{display:flex;flex-direction:column;padding:20px;background:var(--card);border:1px solid var(--border);border-radius:12px;text-decoration:none;transition:all .25s ease;overflow:hidden}.post-nav-link:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 6px 20px #0003}.post-nav-label{font-size:.8rem;text-transform:uppercase;letter-spacing:.5px;color:var(--accent);font-weight:700;margin-bottom:6px}.post-nav-title{font-size:.95rem;color:var(--text);font-weight:600;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.post-nav-link.next{text-align:right}.post-nav-link:only-child{grid-column:1 / -1;max-width:50%}.post-nav-link.next:only-child{margin-left:auto}.related-articles{margin-top:40px}.related-grid{display:grid;gap:16px}.share-section{margin-top:40px;padding:28px;background:#ffffff08;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:16px}.share-section h3{font-size:1.2rem;margin-bottom:18px;font-weight:700;text-align:center;background:linear-gradient(135deg,var(--accent),var(--accent-2));-webkit-background-clip:text;background-clip:text;color:transparent}.share-buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;max-width:800px;margin:0 auto}.share-btn{display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:12px 20px;border:none;border-radius:12px;color:#fff;text-decoration:none;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}.share-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000004d;filter:brightness(1.1)}.share-btn:active{transform:translateY(0) scale(.98)}.share-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.share-btn svg{width:20px;height:20px;flex-shrink:0}.share-x{background:#000}.share-facebook{background:#1877f2}.share-reddit{background:#ff4500}.share-whatsapp{background:#25d366}.cta-block{background:linear-gradient(180deg,var(--card-2),var(--card));border:2px solid var(--accent);border-radius:16px;padding:40px 32px;margin-top:40px;text-align:center;box-shadow:0 8px 28px #00000059,0 0 20px var(--accent-2);animation:ctaPulse 6s ease-in-out infinite}.cta-block h3{font-size:1.8rem;font-weight:900;margin-bottom:14px;background:linear-gradient(90deg,var(--accent),var(--accent-2));-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 2px 10px rgba(0,0,0,.4)}.cta-block p{font-size:1.05rem;margin-bottom:20px;color:var(--text);line-height:1.7}.cta-btn{display:inline-block;padding:14px 38px;border-radius:999px;background:linear-gradient(90deg,var(--accent),var(--accent-2),var(--accent));background-size:200% 100%;animation:sheen 4s linear infinite;color:#fff;font-size:1rem;font-weight:800;text-transform:uppercase;text-decoration:none;box-shadow:0 12px 30px #ff2d8773;transition:transform .2s ease}.cta-btn:hover{transform:translateY(-3px) scale(1.05)}.cta-btn:active{transform:translateY(1px)}@keyframes ctaPulse{0%,to{box-shadow:0 8px 28px #00000059,0 0 20px var(--accent-2)}50%{box-shadow:0 12px 36px #00000073,0 0 40px var(--accent)}}.article-sidebar{display:none}@media (min-width: 1100px){.article-sidebar{display:block;position:relative}.sidebar-sticky{position:sticky;top:var(--header-offset);max-height:calc(100vh - var(--header-offset) - 24px);overflow-y:auto;display:flex;flex-direction:column;gap:20px;scrollbar-width:thin;scrollbar-color:var(--accent) transparent}.sidebar-sticky::-webkit-scrollbar{width:4px}.sidebar-sticky::-webkit-scrollbar-thumb{background:var(--accent);border-radius:2px}}.sidebar-toc{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:18px}.sidebar-toc-title{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--accent);margin-bottom:14px;display:flex;align-items:center;gap:8px}.sidebar-toc-list{list-style:none}.sidebar-toc-list li{margin-bottom:2px}.sidebar-toc-list a{display:block;padding:6px 12px;border-radius:6px;font-size:.82rem;line-height:1.4;color:var(--muted);text-decoration:none;transition:all .2s ease;border-left:2px solid transparent}.sidebar-toc-list a:hover{color:var(--text);background:#ffffff0a}.sidebar-toc-list a.active{color:var(--accent);background:#ff2d8714;border-left-color:var(--accent);font-weight:600}.sidebar-toc-list .toc-h3{padding-left:24px;font-size:.78rem}.sidebar-cta{background:linear-gradient(180deg,var(--card-2),var(--card));border:1px solid var(--accent);border-radius:12px;padding:20px;text-align:center;transition:opacity .25s ease,visibility .25s ease}.sidebar-cta.is-hidden{opacity:0;visibility:hidden}.sidebar-cta h4{font-size:.95rem;font-weight:800;margin-bottom:8px;background:linear-gradient(90deg,var(--accent),var(--accent-2));-webkit-background-clip:text;background-clip:text;color:transparent}.sidebar-cta p{font-size:.82rem;color:var(--muted);margin-bottom:14px;line-height:1.5}.sidebar-cta .cta-btn{display:block;padding:10px 16px;font-size:.8rem}.post-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.post-card{display:flex;flex-direction:column;padding:0;overflow:hidden}.post-card-media{display:block}.post-card-img{display:block;width:100%;height:220px;object-fit:cover}.post-card-body{display:flex;flex-direction:column;flex:1;padding:20px 22px 22px}.post-card-meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;margin-bottom:10px}.post-card-title{font-size:1.1rem;font-weight:800;line-height:1.4;margin-bottom:8px}.post-card-link{display:block;color:var(--text);text-decoration:none;transition:color .2s ease}.post-card-link:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit}.post-card:hover .post-card-link{color:var(--accent)}.post-card:has(.post-card-link:focus-visible){outline:2px solid var(--accent);outline-offset:2px}.post-card-link:focus-visible{outline:none}.post-card-desc{color:var(--muted);font-size:.92rem;line-height:1.6}.post-card-date{font-size:.8125rem;color:var(--muted)}.cat-tag{position:relative;z-index:1;display:inline-flex;align-items:center;min-height:28px;padding:3px 12px;border-radius:999px;font-size:.8125rem;font-weight:600;text-decoration:none;color:var(--accent);background:color-mix(in oklab,var(--accent) 14%,transparent);border:1px solid color-mix(in oklab,var(--accent) 30%,transparent);transition:background .2s ease}.cat-tag:hover{background:color-mix(in oklab,var(--accent) 24%,transparent)}@media (min-width: 769px){.post-grid>.post-card.has-img:last-child:nth-child(odd){grid-column:1 / -1;flex-direction:row}.post-grid>.post-card.has-img:last-child:nth-child(odd) .post-card-media{flex:0 0 46%}.post-grid>.post-card.has-img:last-child:nth-child(odd) .post-card-img{height:100%;min-height:240px}.post-grid>.post-card.has-img:last-child:nth-child(odd) .post-card-body{justify-content:center;padding:28px 32px}}@media (max-width: 768px){article.blog-content{padding:22px 18px;font-size:16px;line-height:1.7}article.blog-content picture{margin-bottom:22px}article.blog-content h2{font-size:21px}article.blog-content h3{font-size:18px}article.blog-content summary{padding:16px 18px;font-size:15px}article.blog-content details>:not(summary){padding-left:18px;padding-right:18px}.key-takeaways{padding:18px 16px;margin-bottom:20px}.key-takeaways-title,.key-takeaways li{font-size:.95rem}.meta-row{font-size:13px;gap:6px 14px;margin:16px 0 24px}.breadcrumbs{font-size:13px}.post-nav{grid-template-columns:1fr;gap:12px}.post-nav-link{padding:16px}.post-nav-link:only-child{max-width:100%}.post-nav-link.next:only-child{margin-left:0}.share-section{padding:20px 16px}.share-section h3{font-size:1.1rem}.share-buttons{grid-template-columns:repeat(2,1fr);gap:8px}.cta-block{padding:30px 20px}.cta-block h3{font-size:1.4rem}.cta-block p{font-size:.95rem}.cta-btn{width:100%;min-height:48px;padding:14px 20px;font-size:.9rem}.author-box{flex-direction:column;text-align:center;padding:16px}.post-grid{grid-template-columns:1fr}.post-card-img{height:auto;aspect-ratio:16 / 9}.post-card-body{padding:18px}}@media (max-width: 600px){article.blog-content table,article.blog-content tbody,article.blog-content tr,article.blog-content td{display:block}article.blog-content table{border:none;border-radius:0;overflow:visible}article.blog-content thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}article.blog-content tbody tr{margin-bottom:12px;border:1px solid var(--border);border-radius:14px;overflow:hidden}article.blog-content tbody tr:last-child{margin-bottom:0}article.blog-content td,article.blog-content tbody tr:nth-child(2n) td{padding:10px 14px;border-left:none;background:none}article.blog-content td+td{border-left:none}article.blog-content tbody tr:last-child td{border-bottom:1px solid var(--border)}article.blog-content tbody tr td:last-child{border-bottom:none}article.blog-content td[data-label]:before{content:attr(data-label);display:block;margin-bottom:2px;font-size:12.5px;font-weight:700;color:var(--muted)}article.blog-content tbody tr td:first-child{font-weight:700;background:color-mix(in oklab,var(--accent) 12%,transparent)}}