body.page-blog-article{background:#fff}.article-layout{max-width:1100px;margin:0 auto;padding:90px 40px 80px;display:grid;grid-template-columns:1fr 280px;gap:64px;align-items:start}.sidebar{position:sticky;top:80px;display:flex;flex-direction:column;gap:20px;margin-top:280px}.breadcrumb{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--ink3);margin-bottom:28px;flex-wrap:wrap}.breadcrumb a{color:var(--ink3);text-decoration:none;transition:color .15s}.breadcrumb a:hover{color:var(--powder)}.article-header{margin-bottom:40px}.article-cat{display:inline-flex;align-items:center;gap:7px;font-size:10.5px;font-weight:700;letter-spacing:1px;text-transform:uppercase;font-family:IBM Plex Mono,monospace;margin-bottom:18px;padding:5px 14px;border-radius:20px;background:var(--bg);border:1px solid var(--border)}.article-title{font-size:38px;font-weight:700;letter-spacing:-1px;line-height:1.1;color:var(--ink);margin-bottom:18px}.article-desc{font-size:17.5px;color:var(--ink2);line-height:1.6;margin-bottom:28px;max-width:640px}.article-meta{display:flex;align-items:center;gap:20px;font-size:13px;color:var(--ink3);padding:14px 20px;background:var(--bg);border-radius:12px;border:1px solid var(--border);flex-wrap:wrap}.meta-item{display:flex;align-items:center;gap:6px}.meta-sep{width:1px;height:16px;background:var(--border)}.article-body h2{font-size:23px;font-weight:700;letter-spacing:-.4px;color:var(--ink);margin:48px 0 16px;line-height:1.25;padding-bottom:10px;border-bottom:2px solid var(--powder-l);text-wrap:balance}.article-body h3{font-size:17px;font-weight:600;letter-spacing:-.2px;color:var(--ink);margin:32px 0 10px;text-wrap:balance}.article-body p{font-size:15.5px;color:var(--ink2);line-height:1.75;margin-bottom:18px}.article-body ul,.article-body ol{margin:12px 0 22px 20px;display:flex;flex-direction:column;gap:10px}.article-body li{font-size:15.5px;color:var(--ink2);line-height:1.65}.article-body li::marker{color:var(--powder)}.article-body strong{color:var(--ink);font-weight:600}.article-body em{font-style:italic}.article-body a{color:var(--powder);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--powder-l);transition:text-decoration-color .15s}.article-body a:hover{text-decoration-color:var(--powder);color:#4a7390}.article-body hr{border:none;border-top:1px solid var(--border);margin:44px 0}.article-body table{width:100%;border-collapse:collapse;margin:24px 0;font-size:14px;border-radius:10px;overflow:hidden;border:1px solid var(--border)}.article-body th{text-align:left;font-weight:600;color:var(--ink);padding:12px 16px;background:var(--bg);border-bottom:2px solid var(--border);font-size:13px}.article-body td{padding:11px 16px;border-bottom:1px solid var(--border);color:var(--ink2)}.article-body tr:last-child td{border-bottom:none}.article-body tr:hover td{background:var(--bg)}.article-body pre{background:var(--ink);border-radius:14px;padding:24px 28px;margin:24px 0;overflow-x:auto;box-shadow:0 4px 20px #1a19171f}.article-body pre code{font-family:IBM Plex Mono,monospace;font-size:13.5px;color:#ffffffd9;line-height:1.6}.article-body code{font-family:IBM Plex Mono,monospace;font-size:13px;background:var(--powder-xl);padding:2px 7px;border-radius:5px;color:var(--powder);border:1px solid var(--powder-l)}.article-body pre code{background:none;padding:0;border-radius:0;color:#ffffffd9;border:none}.article-body blockquote{background:var(--powder-xl);border:1px solid var(--powder-l);border-left:4px solid var(--powder);border-radius:0 12px 12px 0;padding:20px 24px;margin:28px 0;box-shadow:0 2px 12px #5c85a00f}.article-body blockquote p{font-size:14.5px;color:var(--ink2);line-height:1.65;margin:0}.article-body blockquote p+p{margin-top:8px}.sidebar-box{background:var(--bg);border:1px solid var(--border);border-radius:16px;padding:24px;box-shadow:0 2px 12px #1a19170a}.sidebar-box h4{font-size:11px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:var(--powder);margin-bottom:16px;font-family:IBM Plex Mono,monospace;display:flex;align-items:center;gap:8px}.sidebar-box h4:before{content:"";display:block;width:3px;height:14px;background:var(--powder);border-radius:2px}nav.toc-list{display:flex!important;flex-direction:column;gap:1px;box-sizing:border-box;border-left:2px solid var(--border);margin-left:4px;padding-left:0}.toc-item{display:block;font-size:13px;color:var(--ink3);text-decoration:none;padding:8px 14px;margin-left:-2px;border-left:2px solid transparent;transition:color .2s,border-left-color .2s;line-height:1.4;text-align:left}.toc-item:hover{color:var(--ink);border-left-color:var(--ink3);background:transparent}.toc-item.active{color:var(--powder);border-left-color:var(--powder);font-weight:600;background:var(--powder-xl)}.cassio-box{background:linear-gradient(135deg,var(--powder) 0%,#4A7390 100%);border-radius:16px;padding:28px 24px;text-align:center;box-shadow:0 4px 20px #5c85a033}.cassio-box h4{font-size:15.5px;font-weight:700;color:#fff;margin-bottom:10px;letter-spacing:-.2px}.cassio-box p{font-size:12.5px;color:#fffc;line-height:1.55;margin-bottom:20px}.cassio-box a{display:block;background:#fff;color:var(--powder);padding:11px 16px;border-radius:10px;font-size:13.5px;font-weight:700;text-decoration:none;transition:color .2s,border-left-color .2s;box-shadow:0 2px 8px #00000014}.cassio-box a:hover{transform:translateY(-1px);box-shadow:0 4px 14px #0000001f}.related{padding:60px 40px;max-width:1100px;margin:0 auto;border-top:1px solid var(--border)}.related h3{font-size:20px;font-weight:700;letter-spacing:-.3px;margin-bottom:24px}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.related-card{background:var(--bg);border:1px solid var(--border);border-radius:12px;padding:22px;text-decoration:none;color:inherit;transition:box-shadow .2s,transform .2s;display:flex;flex-direction:column;gap:8px}.related-card:hover{box-shadow:0 6px 24px #1a191714;transform:translateY(-2px)}.related-cat{font-size:10.5px;font-weight:700;letter-spacing:.7px;text-transform:uppercase;font-family:IBM Plex Mono,monospace}.related-card h4{font-size:14.5px;font-weight:600;letter-spacing:-.2px;line-height:1.3;color:var(--ink)}.related-card span{font-size:12px;color:var(--ink3);margin-top:auto}@media(max-width:900px){.article-layout{grid-template-columns:1fr}.sidebar{position:static;margin-top:0}.related-grid{grid-template-columns:1fr 1fr}}@media(max-width:768px){.article-layout{padding:80px 20px 60px;gap:32px}.article-title{font-size:26px}.article-desc{font-size:15px}.article-meta{flex-direction:column;gap:10px;align-items:flex-start}.meta-sep{display:none}.article-body h2{font-size:20px;margin:36px 0 12px;text-wrap:balance}.article-body h3{font-size:16px;text-wrap:balance}.article-body p,.article-body li{font-size:14.5px}.article-body table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;white-space:nowrap}.article-body pre{padding:16px;border-radius:10px}.article-body blockquote{padding:16px 18px;margin:20px 0}.related{padding:40px 20px}.related-grid{grid-template-columns:1fr}}@media(max-width:480px){.article-layout{padding:72px 16px 48px}.article-title{font-size:23px}.breadcrumb{font-size:11.5px}.article-body pre code{font-size:12px}}