:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#101936;--muted:#64708f;--line:#e1e7f4;--paper:#fbfdff;--soft:#f5f8ff;--soft-blue:#eef4ff;--accent:#5364f5;--accent-strong:#4051e5;--accent-light:#dfe5ff;--lavender:#e6e7ff;--green:#65bd7c;--gold:#f1bf62;--white:#fff;--shadow:0 24px 68px #45599721;--card-shadow:0 18px 44px #45599714;--serif:Georgia, "Times New Roman", serif;--sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:linear-gradient(180deg, #fff 0%, #f8fbff 42%, #fff 100%), var(--paper);color:var(--ink);font-family:var(--sans);margin:0;line-height:1.55}a{color:inherit;text-decoration:none}img{max-width:100%}h1,h2,h3,p{margin-top:0}h1,.blog-hero h2,.article-body h2,.index-page h1{font-family:var(--serif);letter-spacing:0}.blog-header,.blog-footer{justify-content:space-between;align-items:center;max-width:1240px;margin:0 auto;padding:24px 44px;display:flex}.blog-header{background:#ffffffe0;border-bottom:1px solid #e1e7f4c7}.blog-footer{color:var(--muted);border-top:1px solid #e1e7f4e6;gap:24px;margin-top:18px}.blog-footer p{max-width:760px;margin:0;font-size:13px}.brand,.blog-nav{align-items:center;display:flex}.brand{color:var(--ink);letter-spacing:0;flex-wrap:wrap;gap:9px;font-size:25px;font-weight:850}.brand-icon{border-radius:8px;flex:none;width:34px;height:34px;box-shadow:0 10px 24px #4559971f}.brand-name{align-items:baseline;gap:0;display:inline-flex}.brand-name strong{color:var(--accent);font:inherit}.brand-section{border:1px solid var(--line);color:var(--muted);text-transform:uppercase;background:linear-gradient(#fff,#f4f7ff);border-radius:999px;padding:7px 9px;font-size:12px;font-weight:850;line-height:1}.blog-nav{gap:30px}.blog-nav a{font-size:14px;font-weight:750}.blog-nav a:hover,.post-preview h2 a:hover,.article-body a:hover,.source-box a:hover,.back-link:hover{color:var(--accent-strong)}.blog-hero{border-bottom:1px solid #e1e7f4b8;max-width:1240px;margin:0 auto;padding:86px 72px 68px;position:relative}.eyebrow{color:var(--accent-strong);letter-spacing:0;text-transform:uppercase;margin:0 0 14px;font-size:12px;font-weight:850}h1{margin-bottom:24px;font-size:clamp(46px,6.2vw,72px);line-height:1.05}.blog-hero p:last-child{color:var(--muted);max-width:760px;font-size:19px;line-height:1.7}.content-grid{grid-template-columns:minmax(0,1fr) 300px;gap:36px;max-width:1180px;margin:0 auto;padding:52px 44px 82px;display:grid}.post-list{gap:18px;display:grid}.post-preview{background:linear-gradient(180deg, #fffffff7, #fcfdfff7), var(--white);border:1px solid var(--line);box-shadow:var(--card-shadow);border-radius:10px;padding:28px}.post-meta{color:var(--muted);margin-bottom:12px;font-size:13px;font-weight:800}.post-preview h2{font-family:var(--sans);letter-spacing:0;margin-bottom:12px;font-size:28px;font-weight:850;line-height:1.14}.post-preview p{color:var(--muted)}.tag-row,.topic-cloud{flex-wrap:wrap;gap:8px;display:flex}.tag-row{margin-top:18px}.tag-row a,.topic-cloud a{border:1px solid var(--line);color:var(--ink);background:linear-gradient(#fff,#f4f7ff);border-radius:999px;padding:7px 10px;font-size:13px;font-weight:750;box-shadow:inset 0 1px #fff}.tag-row a:hover,.topic-cloud a:hover{border-color:var(--accent-light);color:var(--accent-strong)}.sidebar{align-content:start;gap:24px;display:grid}.sidebar section{background:linear-gradient(180deg, #fffffff7, #fcfdfff7), var(--white);border:1px solid var(--line);box-shadow:var(--card-shadow);border-radius:10px;padding:22px}.sidebar h2{margin-bottom:16px;font-size:18px;font-weight:850}.sidebar ul{gap:12px;margin:0;padding:0;list-style:none;display:grid}.sidebar li a{justify-content:space-between;align-items:center;gap:16px;display:flex}.sidebar li span{background:var(--soft-blue);border:1px solid var(--line);color:var(--accent-strong);text-align:center;border-radius:999px;min-width:28px;padding:2px 8px;font-size:12px;font-weight:850}.article-shell,.index-page{max-width:920px;margin:0 auto;padding:64px 28px 86px}.article-header{border-bottom:1px solid var(--line);margin-bottom:38px;padding-bottom:34px}.article-header h1{max-width:860px}.article-header>p:last-of-type{color:var(--muted);font-size:20px;line-height:1.65}.back-link{color:var(--accent-strong);margin-bottom:24px;font-size:14px;font-weight:850;display:inline-block}.article-body{font-size:18px}.article-body h2{margin:48px 0 14px;font-size:34px;line-height:1.14}.article-body h3{margin:34px 0 12px;font-size:23px;font-weight:850}.article-body p,.article-body li{color:#313b56}.article-body p{line-height:1.78}.article-body li{margin-bottom:8px}.article-body a{color:var(--accent-strong);text-underline-offset:3px;font-weight:750;text-decoration:underline}.article-body blockquote{background:linear-gradient(180deg, #fff, var(--soft-blue));border:1px solid var(--line);border-left:4px solid var(--gold);border-radius:8px;margin:30px 0;padding:18px 22px;box-shadow:inset 0 1px #fff}.article-body blockquote p{margin-bottom:0}.article-body ul,.article-body ol{padding-left:24px}.source-box{background:linear-gradient(180deg, #fffffff7, #fcfdfff7), var(--white);border:1px solid var(--line);box-shadow:var(--card-shadow);border-radius:10px;margin-top:48px;padding:24px}.source-box h2{margin-bottom:12px;font-size:20px;font-weight:850}.source-box ul{margin-bottom:0;padding-left:22px}.source-box a{color:var(--accent-strong);text-underline-offset:3px;font-weight:750;text-decoration:underline}.index-page h1{font-size:clamp(40px,6.5vw,66px)}.index-list{gap:12px;margin-top:36px;display:grid}.index-list a{background:linear-gradient(180deg, #fffffff7, #fcfdfff7), var(--white);border:1px solid var(--line);box-shadow:var(--card-shadow);border-radius:10px;justify-content:space-between;align-items:center;gap:18px;padding:18px 20px;display:flex}.index-list a:hover{border-color:var(--accent-light)}.index-list span{font-size:18px;font-weight:850}.index-list small{color:var(--muted);font-size:13px;font-weight:750}a:focus-visible{outline-offset:2px;outline:3px solid #5364f538}@media (max-width:900px){.blog-header,.blog-footer{flex-direction:column;align-items:flex-start;gap:18px}.content-grid{grid-template-columns:1fr}.blog-hero:after{display:none}}@media (max-width:640px){.blog-header,.blog-footer{padding:20px 22px}.brand{font-size:22px}.blog-nav{flex-wrap:wrap;gap:16px}.blog-hero{padding:52px 28px 46px}.content-grid{padding:36px 22px 64px}.article-shell,.index-page{padding:48px 22px 72px}h1{font-size:42px}.post-preview,.sidebar section,.source-box{padding:22px}.index-list a{flex-direction:column;align-items:flex-start;gap:6px}}