@layer base{:root{--black:#000;--dark:#0a0a0f;--dark-2:#0d0d18;--dark-3:#14141f;--gold:#d4a853;--gold-light:#e8c07a;--white:#fff;--gray-200:#d2d2d7;--gray-400:#86868b;--gray-600:#3a3a3c;--ease:cubic-bezier(.4, 0, .2, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--black);min-height:100vh;color:var(--white);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;overflow-x:hidden}img{max-width:100%;display:block}}.blog-body nav,.blog-body section,.blog-body header,.blog-body article,.blog-body aside{-webkit-backdrop-filter:none;backdrop-filter:none;display:block;position:static}.blog-body{color:var(--gray-200);overflow-wrap:break-word;font-size:16.5px;line-height:1.85}.blog-body h1,.blog-body h2,.blog-body h3,.blog-body h4{color:var(--white);letter-spacing:-.025em;margin:44px 0 16px;scroll-margin-top:110px;font-weight:800;line-height:1.25}.blog-body h1{font-size:clamp(28px,4vw,36px)}.blog-body h2{font-size:clamp(24px,3.2vw,29px)}.blog-body h3{font-size:clamp(19px,2.4vw,22px)}.blog-body h4{font-size:17px}.blog-body p{margin:0 0 20px}.blog-body a{color:var(--gold);transition:border-color .2s var(--ease);border-bottom:1px solid #d4a8534d;text-decoration:none}.blog-body a:hover{border-bottom-color:var(--gold)}.blog-body strong{color:var(--white);font-weight:700}.blog-body ul,.blog-body ol{margin:0 0 22px;padding-left:22px}.blog-body li{margin-bottom:10px}.blog-body ul li::marker{color:var(--gold)}.blog-body img{border-radius:16px;max-width:100%;height:auto;margin:28px 0}.blog-body blockquote{border-left:2px solid var(--gold);color:var(--gray-200);background:#d4a8530f;border-radius:0 14px 14px 0;margin:28px 0;padding:20px 26px}.blog-body blockquote p:last-child{margin-bottom:0}.blog-body code{color:var(--gold-light);background:#ffffff0f;border:1px solid #ffffff14;border-radius:6px;padding:2px 6px;font-size:.9em}.blog-body pre{background:var(--dark-2);border:1px solid #ffffff14;border-radius:14px;margin:0 0 24px;padding:20px 22px;overflow-x:auto}.blog-body pre code{color:var(--gray-200);background:0 0;border:none;padding:0}.blog-body hr{border:none;border-top:1px solid #ffffff14;margin:40px 0}.blog-body table{border-collapse:collapse;width:100%;margin:0 0 26px;font-size:14.5px;display:block;overflow-x:auto}.blog-body th,.blog-body td{text-align:left;border:1px solid #ffffff17;padding:12px 14px}.blog-body th{color:var(--white);background:#ffffff0a;font-weight:700}.blog-body .blog-header__category{color:var(--gold);letter-spacing:.1em;text-transform:uppercase;font-size:11px;font-weight:700;display:inline-block}.blog-body .blog-header__excerpt{color:var(--gray-400);font-size:18px;line-height:1.75}.blog-body .blog-toc{background:linear-gradient(145deg,#ffffff0d,#ffffff05);border:1px solid #ffffff14;border-radius:18px;margin:32px 0 40px;padding:26px 30px;display:block}.blog-body .blog-toc__title{letter-spacing:.1em;text-transform:uppercase;color:var(--gold);margin:0 0 14px;font-size:13px}.blog-body .blog-toc__list{color:var(--gray-400);margin:0;padding-left:20px}.blog-body .blog-toc a{color:var(--gray-200);border-bottom:none}.blog-body .blog-toc a:hover{color:var(--gold)}@media (max-width:640px){.blog-body{font-size:15.5px}.blog-body .blog-toc{padding:20px 22px}}
