@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/fef07dbb0973bf53-s.12tyk43_3sh9u.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/8a480f0b521d4e75-s.0jzbimsg8vl84.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/53b9e256198e5412-s.0-wfv7uh4i7h9.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7178b3e590c64307-s.0nx0ww8fni_q3.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/caa3a2e1cccd8315-s.p.09~u27dqhyhd6.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Fallback;src:local(Arial);ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.0%;size-adjust:104.76%}.geist_a71539c9-module__T19VSG__className{font-family:Geist,Geist Fallback;font-style:normal}.geist_a71539c9-module__T19VSG__variable{--font-geist-sans:"Geist", "Geist Fallback"}
@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5ce348bf30bf5439-s.0ee55_hj9qcer.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/4fa387ec64143e14-s.0.qu-9752pffj.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/6306c77e7c8268e4-s.0mao5jbfbduzp.woff2)format("woff2");unicode-range:U+2000-2001,U+2004-2008,U+200A,U+23B8-23BD,U+2500-259F}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7d817b4c03b0c5f1-s.0uzt.a6d44yda.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/bbc41e54d2fcbd21-s.0mvwgmnhv29no.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/797e433ab948586e-s.p.09zddjkbdep5a.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono Fallback;src:local(Arial);ascent-override:74.67%;descent-override:21.92%;line-gap-override:0.0%;size-adjust:134.59%}.geist_mono_8d43a2aa-module__8Li5zG__className{font-family:Geist Mono,Geist Mono Fallback;font-style:normal}.geist_mono_8d43a2aa-module__8Li5zG__variable{--font-geist-mono:"Geist Mono", "Geist Mono Fallback"}
:root{--background:#f5f7f8;--foreground:#111827;--muted:#5f6b7a;--line:#d8e0e6;--panel:#fff;--panel-soft:#eef4f5;--accent:#0f766e;--accent-dark:#0b4f4a;--accent-soft:#dff3ef;--chip:#e6f4f1;--chip-text:#0b5f59;--shadow-sm:0 8px 24px #1118270f;--shadow-md:0 20px 50px #1118271a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at top left, #0f766e1c, transparent 34rem), linear-gradient(180deg, #fbfcfd 0%, var(--background) 46%);color:var(--foreground);font-family:var(--font-geist-sans), Arial, sans-serif;text-rendering:optimizelegibility;margin:0}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline-offset:3px;outline:3px solid #0f766e47}.site-shell{flex-direction:column;min-height:100vh;display:flex}.container{width:min(1120px,100% - 40px);margin:0 auto}.header{z-index:10;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fbfcfddb;border-bottom:1px solid #d8e0e6c7;position:sticky;top:0;box-shadow:inset 0 1px #ffffffb8}.nav{justify-content:space-between;align-items:center;gap:28px;min-height:76px;display:flex}.brand{letter-spacing:0;align-items:center;gap:12px;font-weight:800;display:flex}.brand-mark{color:#fff;background:linear-gradient(135deg,#111827 0%,#0f766e 100%);border:1px solid #ffffff57;border-radius:10px;place-items:center;width:42px;height:42px;font-weight:900;display:grid;box-shadow:0 12px 28px #0f766e3b}.brand small{color:var(--muted);margin-top:2px;font-size:12px;font-weight:600;display:block}.nav-links{color:#344054;align-items:center;gap:4px;font-size:14px;font-weight:700;display:flex}.nav-links a{border-radius:8px;padding:10px 12px;transition:background .16s,color .16s}.nav-links a:hover,.nav-links a.active{color:var(--accent-dark);background:#0f766e17}.main{flex:1}.page-hero{padding:84px 0 44px}.eyebrow{color:var(--accent-dark);text-transform:uppercase;letter-spacing:.08em;margin:0 0 14px;font-size:13px;font-weight:900}h1{letter-spacing:0;max-width:860px;margin:0;font-size:clamp(42px,6.6vw,76px);line-height:.98}.lead{max-width:730px;color:var(--muted);margin:22px 0 0;font-size:19px;line-height:1.75}.section{padding:34px 0 86px}.section-title{margin:0 0 22px;font-size:25px;line-height:1.2}.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.content-grid{grid-template-columns:1fr 320px;align-items:start;gap:40px;display:grid}.card{background:var(--panel);height:100%;box-shadow:var(--shadow-sm);border:1px solid #d8e0e6e0;border-radius:8px;transition:border-color .18s,box-shadow .18s,transform .18s;overflow:hidden}.card:hover{box-shadow:var(--shadow-md);border-color:#0f766e47;transform:translateY(-3px)}.card-media{aspect-ratio:16/9;background:linear-gradient(135deg,#0f766e33,#0000 58%),linear-gradient(135deg,#e8f0ff,#d8f7f0 52%,#fff4cf);position:relative;overflow:hidden}.card-media img{object-fit:cover;width:100%;height:100%;transition:transform .22s;display:block}.card:hover .card-media img{transform:scale(1.035)}.card-body{padding:22px}.card h2,.card h3{margin:0;font-size:21px;line-height:1.25}.card h2 a:hover,.card h3 a:hover{color:var(--accent-dark)}.card p{color:var(--muted);margin:13px 0 0;line-height:1.68}.meta{color:#778291;margin-top:16px;font-size:13px;font-weight:650}.tags{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.tag{background:var(--chip);color:var(--chip-text);border:1px solid #0f766e1a;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:800}.actions{flex-wrap:wrap;gap:10px;margin-top:22px;display:flex}.button{border:1px solid var(--line);color:#182230;background:#fff;border-radius:8px;justify-content:center;align-items:center;min-height:42px;padding:0 16px;font-size:14px;font-weight:800;transition:border-color .16s,background .16s,box-shadow .16s,color .16s,transform .16s;display:inline-flex;box-shadow:inset 0 1px #ffffffd9}.button.primary{border-color:var(--accent);background:var(--accent);color:#fff;box-shadow:0 12px 28px #0f766e33}.button:hover{color:var(--accent-dark);border-color:#0f766e5c;transform:translateY(-1px)}.button.primary:hover{background:var(--accent-dark);color:#fff}.sidebar{border:1px solid var(--line);color:var(--muted);box-shadow:var(--shadow-sm);background:#ffffffbd;border-radius:8px;padding:22px}.sidebar h2{color:var(--foreground);margin:0 0 10px;font-size:18px}.sidebar p{line-height:1.7}.article{max-width:780px;padding-bottom:86px}.article h1{font-size:clamp(36px,5.8vw,62px)}.article-body{color:#344054;margin-top:34px;font-size:18px;line-height:1.86}.article-body h2{color:var(--foreground);margin-top:42px;line-height:1.2}.article-body p{margin:18px 0}.article-list{margin:18px 0;padding-left:1.45rem}.article-list li{margin:8px 0;padding-left:4px}.article-checklist{gap:10px;margin:18px 0;padding:0;list-style:none;display:grid}.article-checklist li{align-items:flex-start;gap:12px;display:flex}.article-checklist input{width:18px;height:18px;accent-color:var(--accent);flex:none;margin:8px 0 0}.article-checklist span{min-width:0}.article-checklist .is-checked span{color:var(--muted);text-decoration:line-through;text-decoration-thickness:1px}.notion-code-block{color:#eef2f6;white-space:pre;box-shadow:var(--shadow-sm);background:#111827;border:1px solid #d9e2ea;border-radius:8px;margin:24px 0;padding:24px;font-family:ui-monospace,SFMono-Regular,SF Mono,Consolas,Liberation Mono,Menlo,monospace;font-size:14px;line-height:1.6;display:block;overflow-x:auto}.notion-code-block code{font:inherit;color:inherit;background:0 0}.code-line{display:inline}.code-comment{color:#94a3b8}.code-command,.code-value{color:#5eead4}.article-image{margin:30px 0}.article-image img{border:1px solid var(--line);width:100%;height:auto;box-shadow:var(--shadow-sm);border-radius:8px;display:block}.article-image figcaption{color:var(--muted);margin-top:10px;font-size:14px;line-height:1.5}.footer{border-top:1px solid var(--line);background:#ffffffb8;padding:52px 0}.footer-grid{grid-template-columns:1.4fr repeat(3,1fr);gap:28px;display:grid}.footer h3,.footer h4{margin:0 0 12px}.footer p,.footer a{color:var(--muted);line-height:1.7}.footer a:hover{color:var(--accent-dark)}.footer-links{gap:8px;display:grid}.empty-state{color:var(--muted);box-shadow:var(--shadow-sm);background:#ffffffbd;border:1px dashed #0f766e52;border-radius:8px;padding:32px}@media (max-width:980px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.content-grid,.footer-grid{grid-template-columns:1fr}}@media (max-width:880px){.container{width:min(100% - 32px,1120px)}.nav{flex-direction:column;align-items:flex-start;gap:14px;padding:16px 0}.nav-links{width:100%;padding-bottom:4px;overflow-x:auto}.sidebar{padding:20px}.page-hero{padding:54px 0 32px}h1{font-size:clamp(38px,12vw,56px)}.lead{font-size:17px}}@media (max-width:640px){.grid{grid-template-columns:1fr}.brand{max-width:100%}.brand small{font-size:11px}.nav-links a{padding:9px 10px}.section{padding-bottom:64px}.card-body,.sidebar,.empty-state{padding:18px}.footer{padding:40px 0}}