:root{--cs-primary:#ad0347;--cs-primary-dark:#6f0230;--cs-primary-light:#de2a6c;--cs-accent:#fc0;--cs-bg:#fff;--cs-bg-tint:#f6f6f7;--cs-bg-tint-2:#ececef;--cs-card:#0e0e10;--cs-card-hover:#1a1a1d;--cs-card-border:#1a1a1d;--cs-text:#0a0a0c;--cs-text-muted:#4a4a52;--cs-text-subtle:#8a8a93;--cs-text-on-card:#fff;--cs-text-on-card-muted:#ffffffb8;--cs-text-on-card-subtle:#ffffff80;--cs-border:#e3e3e7;--cs-border-strong:#d2d2d8;--cs-radius-sm:8px;--cs-radius:14px;--cs-radius-lg:20px;--cs-shadow-sm:0 1px 2px #0000000a, 0 1px 1px #00000005;--cs-shadow:0 6px 18px #0000000f, 0 2px 4px #0000000a;--cs-shadow-lg:0 24px 48px #0000001f, 0 4px 8px #0000000f;--cs-shadow-card:0 10px 28px #0e0e102e, 0 2px 6px #0e0e101a;--cs-max-w:1200px;--cs-max-w-narrow:1200px;--cs-max-w-prose:760px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{color:var(--cs-text);background:var(--cs-bg);min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}button{cursor:pointer;font-family:inherit}.cs-header{z-index:50;-webkit-backdrop-filter:saturate(180%)blur(16px);border-bottom:1px solid var(--cs-border);background:#ffffffe0;padding:0 24px;position:sticky;top:0}.cs-header-inner{max-width:var(--cs-max-w);align-items:center;gap:24px;margin:0 auto;padding:14px 0;display:flex}.cs-logo{letter-spacing:-.5px;color:var(--cs-text);align-items:baseline;gap:8px;font-size:20px;font-weight:800;display:flex}.cs-logo .dot{background:var(--cs-primary);border-radius:50%;width:8px;height:8px;display:inline-block}.cs-logo .badge{letter-spacing:1px;text-transform:uppercase;color:var(--cs-text-subtle);border:1px solid var(--cs-border-strong);border-radius:100px;margin-left:4px;padding:3px 8px;font-size:11px;font-weight:600}.cs-nav{align-items:center;gap:4px;margin-left:auto;display:flex}.cs-nav a{color:var(--cs-text-muted);border-radius:100px;padding:8px 14px;font-size:14px;font-weight:500;transition:background .15s,color .15s}.cs-nav a:hover{background:var(--cs-bg-tint);color:var(--cs-text)}.cs-nav a.cta{background:var(--cs-text);color:#fff;font-weight:600}.cs-nav a.cta:hover{background:var(--cs-primary);color:#fff}.cs-hero{text-align:center;background:linear-gradient(180deg, #fff 0%, var(--cs-bg-tint) 100%);border-bottom:1px solid var(--cs-border);padding:96px 24px 80px;position:relative}.cs-hero:before{content:"";pointer-events:none;background:radial-gradient(at 20% 0,#ad034714,#0000 50%),radial-gradient(at 80% 0,#ffcc001a,#0000 50%);position:absolute;inset:0}.cs-hero-inner{max-width:var(--cs-max-w-narrow);margin:0 auto;position:relative}.cs-hero h1{letter-spacing:-1.8px;color:var(--cs-text);margin-bottom:16px;font-size:clamp(36px,5.5vw,56px);font-weight:800;line-height:1.05}.cs-hero p{color:var(--cs-text-muted);margin-bottom:36px;font-size:18px}.cs-search{max-width:640px;margin:0 auto;position:relative}.cs-search input{border:1px solid var(--cs-border-strong);width:100%;height:60px;color:var(--cs-text);box-shadow:var(--cs-shadow-sm);background:#fff;border-radius:100px;outline:none;padding:0 28px 0 60px;font-size:16px;transition:border-color .15s,box-shadow .15s}.cs-search input:focus{border-color:var(--cs-text);box-shadow:0 0 0 4px #00000014, var(--cs-shadow-sm)}.cs-search input::placeholder{color:var(--cs-text-subtle)}.cs-search-icon{width:18px;height:18px;color:var(--cs-text-subtle);pointer-events:none;position:absolute;top:50%;left:24px;transform:translateY(-50%)}.cs-search-results{border:1px solid var(--cs-border-strong);border-radius:var(--cs-radius);box-shadow:var(--cs-shadow-lg);z-index:100;text-align:left;background:#fff;max-height:60vh;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow:hidden}.cs-search-empty{color:var(--cs-text-subtle);padding:22px 24px;font-size:14px}.cs-search-result{border-bottom:1px solid var(--cs-border);color:var(--cs-text);padding:14px 22px;transition:background .1s;display:block}.cs-search-result:last-child{border-bottom:none}.cs-search-result:hover,.cs-search-result.active{background:var(--cs-bg-tint)}.cs-search-result .title{margin-bottom:2px;font-size:15px;font-weight:600}.cs-search-result .meta{color:var(--cs-text-subtle);text-transform:uppercase;letter-spacing:.6px;font-size:11px}.cs-main{max-width:var(--cs-max-w);margin:0 auto;padding:64px 24px 96px}.cs-main-narrow{max-width:var(--cs-max-w-narrow);margin:0 auto;padding:56px 24px 96px}.cs-cat-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;display:grid}.cs-cat-card{background:var(--cs-card);color:var(--cs-text-on-card);border:1px solid var(--cs-card-border);border-radius:var(--cs-radius);padding:28px;transition:transform .18s,box-shadow .18s,background .15s;display:block;position:relative;overflow:hidden}.cs-cat-card:after{content:"→";color:var(--cs-text-on-card-subtle);font-size:18px;transition:transform .2s,color .2s;position:absolute;top:26px;right:26px}.cs-cat-card:hover{background:var(--cs-card-hover);box-shadow:var(--cs-shadow-card);transform:translateY(-3px)}.cs-cat-card:hover:after{color:var(--cs-primary-light);transform:translate(4px)}.cs-cat-icon{background:linear-gradient(135deg, var(--cs-primary) 0%, var(--cs-primary-dark) 100%);color:#fff;border-radius:10px;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:18px;font-size:22px;display:flex}.cs-cat-card h3{color:#fff;letter-spacing:-.2px;margin-bottom:6px;font-size:17px;font-weight:700}.cs-cat-card p{color:var(--cs-text-on-card-muted);margin-bottom:16px;font-size:14px;line-height:1.55}.cs-cat-card .count{color:var(--cs-text-on-card-subtle);text-transform:uppercase;letter-spacing:.6px;font-size:11px;font-weight:700}.cs-section-head{border-bottom:1px solid var(--cs-border);justify-content:space-between;align-items:baseline;margin-bottom:24px;padding-bottom:14px;display:flex}.cs-section-head h2{letter-spacing:-.6px;color:var(--cs-text);font-size:26px;font-weight:800}.cs-section-head .count,.cs-section-head a{color:var(--cs-text-subtle);font-size:14px}.cs-section-head a:hover{color:var(--cs-text)}.cs-breadcrumb{color:var(--cs-text-subtle);flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:28px;font-size:13px;display:flex}.cs-breadcrumb a:hover{color:var(--cs-text)}.cs-breadcrumb .sep{opacity:.4}.cs-breadcrumb .current{color:var(--cs-text);font-weight:500}.cs-article-list{border:1px solid var(--cs-border);border-radius:var(--cs-radius);box-shadow:var(--cs-shadow-sm);background:#fff;overflow:hidden}.cs-article-list a{border-bottom:1px solid var(--cs-border);color:var(--cs-text);justify-content:space-between;align-items:center;gap:16px;padding:18px 24px;transition:background .1s;display:flex}.cs-article-list a:last-child{border-bottom:none}.cs-article-list a:hover{background:var(--cs-bg-tint)}.cs-article-list .title{font-size:15px;font-weight:500}.cs-article-list .arrow{color:var(--cs-text-subtle);font-size:18px;transition:transform .15s,color .15s}.cs-article-list a:hover .arrow{color:var(--cs-primary);transform:translate(3px)}.cs-article{border:1px solid var(--cs-border);border-radius:var(--cs-radius-lg);box-shadow:var(--cs-shadow);background:#fff;padding:56px}.cs-article h1{letter-spacing:-1.2px;color:var(--cs-text);margin-bottom:14px;font-size:clamp(30px,4vw,40px);font-weight:800;line-height:1.15}.cs-article-meta{color:var(--cs-text-subtle);border-bottom:1px solid var(--cs-border);margin-bottom:36px;padding-bottom:24px;font-size:13px}.cs-article-body{color:var(--cs-text);font-size:16px;line-height:1.78}.cs-article-body>*{max-width:var(--cs-max-w-prose)}.cs-article-body>table,.cs-article-body>pre,.cs-article-body>blockquote{max-width:100%}.cs-article-body h2{letter-spacing:-.4px;color:var(--cs-text);margin:40px 0 14px;font-size:22px;font-weight:800}.cs-article-body h3{color:var(--cs-text);margin:28px 0 10px;font-size:17px;font-weight:700}.cs-article-body p{color:var(--cs-text);margin-bottom:16px}.cs-article-body ol,.cs-article-body ul{margin-bottom:18px;padding-left:24px}.cs-article-body li{color:var(--cs-text);margin-bottom:8px}.cs-article-body strong{font-weight:700}.cs-article-body a{color:var(--cs-primary);border-bottom:1px solid #ad03474d}.cs-article-body a:hover{color:var(--cs-primary-dark);border-bottom-color:var(--cs-primary-dark)}.cs-article-body code{background:var(--cs-bg-tint);border:1px solid var(--cs-border);border-radius:4px;padding:2px 6px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.9em}.cs-article-body pre{background:var(--cs-card);color:#f5f5f7;border-radius:var(--cs-radius-sm);border:none;margin-bottom:18px;padding:18px 20px;font-size:13px;overflow-x:auto}.cs-article-body pre code{color:inherit;background:0 0;border:none;padding:0}.cs-article-body blockquote{border-left:3px solid var(--cs-primary);color:var(--cs-text-muted);background:#ad03470a;border-radius:0 8px 8px 0;margin:22px 0;padding:6px 18px;font-style:italic}.cs-article-body table{border-collapse:collapse;border:1px solid var(--cs-border);table-layout:auto;border-radius:8px;width:100%;margin:24px 0;font-size:14px;overflow:hidden}.cs-article-body table th,.cs-article-body table td{word-break:normal;overflow-wrap:anywhere}@media (max-width:720px){.cs-article-body table{font-size:13px}.cs-article-body table th,.cs-article-body table td{padding:8px 10px}}.cs-article-body th,.cs-article-body td{border-bottom:1px solid var(--cs-border);text-align:left;padding:12px 14px}.cs-article-body th{background:var(--cs-bg-tint);font-weight:700}.cs-article-body tbody tr:last-child th,.cs-article-body tbody tr:last-child td{border-bottom:none}.cs-article-body hr{border:none;border-top:1px solid var(--cs-border);margin:32px 0}.cs-helpful{background:var(--cs-bg-tint);border:1px solid var(--cs-border);border-radius:var(--cs-radius);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:56px;padding:24px 28px;display:flex}.cs-helpful h4{color:var(--cs-text);font-size:15px;font-weight:600}.cs-helpful .actions{gap:10px;display:flex}.cs-helpful button{border:1px solid var(--cs-border-strong);color:var(--cs-text);background:#fff;border-radius:100px;padding:8px 20px;font-size:14px;font-weight:500;transition:background .15s,border-color .15s,color .15s}.cs-helpful button:hover{background:var(--cs-text);color:#fff;border-color:var(--cs-text)}.cs-helpful button.thanks{background:var(--cs-text);border-color:var(--cs-text);color:#fff}.cs-related{margin-top:36px}.cs-related h3{text-transform:uppercase;letter-spacing:1px;color:var(--cs-text-subtle);margin-bottom:12px;font-size:12px;font-weight:700}.cs-footer{border-top:1px solid var(--cs-border);background:var(--cs-bg-tint);margin-top:80px;padding:64px 24px 40px}.cs-footer-inner{max-width:var(--cs-max-w);grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;margin:0 auto;display:grid}.cs-footer h5{text-transform:uppercase;letter-spacing:1px;color:var(--cs-text-subtle);margin-bottom:14px;font-size:12px;font-weight:700}.cs-footer ul li{margin-bottom:8px;list-style:none}.cs-footer a{color:var(--cs-text-muted);font-size:14px;transition:color .15s}.cs-footer a:hover{color:var(--cs-text)}.cs-footer-bottom{max-width:var(--cs-max-w);border-top:1px solid var(--cs-border);color:var(--cs-text-subtle);flex-wrap:wrap;justify-content:space-between;gap:12px;margin:32px auto 0;padding-top:24px;font-size:12px;display:flex}@media (max-width:720px){.cs-header{padding:0 16px}.cs-header-inner{gap:12px;padding:12px 0}.cs-nav a{padding:6px 10px;font-size:13px}.cs-nav a:not(.cta){display:none}.cs-hero{padding:64px 16px 56px}.cs-main,.cs-main-narrow{padding:40px 16px 60px}.cs-article{border-radius:var(--cs-radius);padding:32px 24px}.cs-footer-inner{grid-template-columns:1fr 1fr;gap:28px}}