.cs-site{display:flex;flex-direction:column;min-height:100vh}.cs-site-header{display:flex;align-items:baseline;justify-content:space-between;gap:var(--cs-space-6);padding:var(--cs-space-6) var(--cs-space-8);border-bottom:var(--cs-hairline)}.cs-wordmark{font-family:var(--cs-font-display);font-size:22px;font-weight:600;text-decoration:none;color:var(--cs-ink);letter-spacing:-.01em}.cs-wordmark-period{color:var(--cs-accent)}.cs-site-nav{display:flex;gap:var(--cs-space-6);font-family:var(--cs-mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase}.cs-site-nav a{color:var(--cs-ink-soft);text-decoration:none;transition:color .15s ease}.cs-site-nav a:hover{color:var(--cs-accent)}.cs-site-main{flex:1 1;padding:var(--cs-space-8);max-width:1200px;width:100%;margin:0 auto}.cs-site-footer{display:flex;justify-content:space-between;gap:var(--cs-space-4);padding:var(--cs-space-6) var(--cs-space-8);border-top:var(--cs-hairline);font-family:var(--cs-mono);font-size:11px;letter-spacing:.04em;color:var(--cs-muted)}.cs-library-header{display:flex;flex-direction:column;gap:var(--cs-space-4);margin-bottom:var(--cs-space-8)}.cs-library-title{font-family:var(--cs-font-display);font-size:34px;font-weight:600;margin:0;color:var(--cs-ink)}.cs-search-form{display:flex;gap:var(--cs-space-2);max-width:480px}.cs-search-input{flex:1 1;font-family:var(--cs-font-body);font-size:14px;padding:var(--cs-space-2) var(--cs-space-3);border:var(--cs-hairline);border-radius:var(--cs-radius-sm);background:var(--cs-paper-raised);color:var(--cs-ink)}.cs-search-input:focus{outline:2px solid var(--cs-accent);outline-offset:-1px}.cs-search-submit{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;font-family:var(--cs-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--cs-paper);background:var(--cs-ink);border:none;border-radius:var(--cs-radius-sm);padding:0 var(--cs-space-4);transition:background .15s ease}.cs-search-submit:hover{background:var(--cs-accent)}.cs-kind-selector{display:flex;gap:var(--cs-space-4);font-family:var(--cs-mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase}.cs-kind-selector a{color:var(--cs-ink-soft);text-decoration:none;padding-bottom:3px;border-bottom:2px solid transparent;transition:color .15s ease,border-color .15s ease}.cs-kind-selector a:hover{color:var(--cs-ink)}.cs-kind-selector a.cs-kind-active{color:var(--cs-accent);border-bottom-color:var(--cs-accent)}.cs-library-layout{display:grid;grid-template-columns:220px 1fr;grid-gap:var(--cs-space-8);gap:var(--cs-space-8);align-items:start}.cs-entry-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));grid-gap:var(--cs-space-6);gap:var(--cs-space-6)}.cs-library-empty{font-family:var(--cs-font-body);color:var(--cs-muted);padding:var(--cs-space-8) 0}.cs-library-empty a{color:var(--cs-accent)}.cs-pagination{display:flex;justify-content:space-between;margin-top:var(--cs-space-8);font-family:var(--cs-mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase}.cs-pagination a{color:var(--cs-ink);text-decoration:none;border-bottom:2px solid var(--cs-accent);padding-bottom:2px}.cs-pagination span{color:var(--cs-muted)}.cs-entry-detail{max-width:760px;margin:0 auto;gap:var(--cs-space-8)}.cs-entry-detail,.cs-entry-hero{display:flex;flex-direction:column}.cs-entry-hero{gap:var(--cs-space-4);padding-bottom:var(--cs-space-8);border-bottom:var(--cs-hairline)}.cs-entry-kicker{display:flex;align-items:baseline;gap:var(--cs-space-4);margin:0;font-family:var(--cs-mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--cs-muted)}.cs-entry-kind{color:var(--cs-accent);font-weight:500}.cs-entry-featured{color:var(--cs-ink-soft)}.cs-entry-title{font-family:var(--cs-font-display);font-size:clamp(34px,5vw,46px);font-weight:600;line-height:1.08;letter-spacing:-.02em;margin:0;color:var(--cs-ink)}.cs-entry-standfirst{font-family:var(--cs-font-body);font-size:18px;line-height:1.55;color:var(--cs-ink-soft);margin:0;max-width:56ch}.cs-entry-credit{font-family:var(--cs-font-body);font-size:14px;color:var(--cs-muted);margin:10px 0 0}.cs-entry-tags{display:flex;flex-wrap:wrap;gap:var(--cs-space-3)}.cs-entry-section{display:flex;flex-direction:column;gap:var(--cs-space-4)}.cs-section-heading{font-family:var(--cs-mono);font-size:11px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--cs-muted);margin:0;display:flex;align-items:center;gap:var(--cs-space-3)}.cs-section-heading:before{content:"";width:20px;height:2px;background:var(--cs-accent)}.cs-install-panel{border:var(--cs-hairline);border-radius:var(--cs-radius);background:var(--cs-paper-raised);padding:var(--cs-space-2) var(--cs-space-4)}.cs-install-meta{margin:0}.cs-install-row{display:grid;grid-template-columns:120px 1fr;grid-gap:var(--cs-space-4);gap:var(--cs-space-4);align-items:baseline;padding:var(--cs-space-3) 0}.cs-install-row+.cs-install-row{border-top:var(--cs-hairline)}.cs-install-row dt{font-family:var(--cs-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--cs-muted)}.cs-install-row dd{margin:0;font-family:var(--cs-font-body);font-size:14px;line-height:1.5;color:var(--cs-ink);word-break:break-word}.cs-install-row dd a{color:var(--cs-accent);text-decoration:none;border-bottom:1px solid var(--cs-accent-wash-strong);transition:border-color .15s ease}.cs-install-row dd a:hover{border-bottom-color:var(--cs-accent)}.cs-install-command{display:inline-flex;align-items:center;gap:var(--cs-space-3);flex-wrap:wrap}.cs-install-command code{font-family:var(--cs-mono);font-size:13px;background:var(--cs-paper);border:var(--cs-hairline);border-radius:var(--cs-radius-sm);padding:var(--cs-space-1) var(--cs-space-2)}.cs-install-copy{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;font-family:var(--cs-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--cs-paper);background:var(--cs-ink);border:none;border-radius:var(--cs-radius-sm);padding:var(--cs-space-1) var(--cs-space-3);transition:background .15s ease}.cs-install-copy:hover{background:var(--cs-accent)}.cs-host-chips{display:inline-flex;flex-wrap:wrap;gap:var(--cs-space-2)}.cs-host-chip{font-family:var(--cs-mono);font-size:11px;letter-spacing:.04em;color:var(--cs-ink-soft);border:var(--cs-hairline);border-radius:var(--cs-radius-sm);padding:2px var(--cs-space-2);background:var(--cs-paper)}.cs-demo-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-gap:var(--cs-space-6);gap:var(--cs-space-6)}.cs-demo-figure{margin:0;display:flex;flex-direction:column;gap:var(--cs-space-2)}.cs-demo-figure img{width:100%;height:auto;display:block;border-radius:var(--cs-radius);border:var(--cs-hairline)}.cs-demo-figure figcaption{font-family:var(--cs-mono);font-size:11px;letter-spacing:.04em;color:var(--cs-muted)}.cs-entry-body{font-family:var(--cs-font-body);font-size:16px;line-height:1.7;color:var(--cs-ink)}.cs-entry-body p{margin:0 0 var(--cs-space-4)}.cs-entry-body p:last-child{margin-bottom:0}.cs-entry-body h2,.cs-entry-body h3{font-family:var(--cs-font-display);font-weight:600;color:var(--cs-ink);margin:var(--cs-space-6) 0 var(--cs-space-3)}.cs-entry-body strong{font-weight:600}.cs-entry-body code{font-family:var(--cs-mono);font-size:.88em;background:var(--cs-accent-wash);border-radius:var(--cs-radius-sm);padding:1px var(--cs-space-1)}.cs-entry-body ol,.cs-entry-body ul{margin:0 0 var(--cs-space-4);padding-left:var(--cs-space-6)}.cs-entry-body a{color:var(--cs-accent)}.cs-related-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));grid-gap:var(--cs-space-6);gap:var(--cs-space-6)}.cs-home{gap:88px;padding-bottom:var(--cs-space-8)}.cs-hero,.cs-home{display:flex;flex-direction:column}.cs-hero{gap:var(--cs-space-4);max-width:760px;padding:48px 0 8px}.cs-hero-kicker{font-family:var(--cs-mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--cs-accent);margin:0}.cs-hero-headline{font-family:var(--cs-font-display);font-size:clamp(40px,6vw,72px);font-weight:600;line-height:1.04;letter-spacing:-.02em;margin:0;color:var(--cs-ink)}.cs-hero-sub{font-family:var(--cs-font-body);font-size:19px;line-height:1.6;color:var(--cs-ink-soft);margin:0;max-width:58ch}.cs-hero-actions{display:flex;flex-wrap:wrap;gap:var(--cs-space-4);margin-top:var(--cs-space-4)}.cs-btn{display:inline-flex;align-items:center;font-family:var(--cs-mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;border-radius:var(--cs-radius-sm);padding:var(--cs-space-3) var(--cs-space-6);transition:background .15s ease,color .15s ease,border-color .15s ease}.cs-btn-primary{color:var(--cs-paper);background:var(--cs-accent);border:1px solid var(--cs-accent)}.cs-btn-primary:hover{background:var(--cs-ink);border-color:var(--cs-ink)}.cs-btn-ghost{color:var(--cs-ink);background:transparent;border:var(--cs-hairline)}.cs-btn-ghost:hover{border-color:var(--cs-accent);color:var(--cs-accent)}.cs-featured,.cs-preview{display:flex;flex-direction:column;gap:var(--cs-space-6)}.cs-start{padding:var(--cs-space-6) 0;border-top:var(--cs-hairline);border-bottom:var(--cs-hairline)}.cs-start,.cs-start-prose{display:flex;flex-direction:column;gap:var(--cs-space-4)}.cs-start-prose{max-width:62ch}.cs-start-prose p{font-family:var(--cs-font-body);font-size:17px;line-height:1.6;color:var(--cs-ink-soft);margin:0}.cs-start-cue{color:var(--cs-ink)!important;font-weight:500}.cs-start-card{max-width:640px}.cs-start-more{margin:0}.cs-link{color:var(--cs-accent);font-family:var(--cs-font-body);text-decoration:none;border-bottom:1px solid transparent}.cs-link:hover{border-bottom-color:var(--cs-accent)}.cs-featured-card{max-width:640px}.cs-featured-card .cs-entry-card-title{font-size:28px}.cs-featured-card .cs-entry-card-media{aspect-ratio:16/9}.cs-featured-card .cs-entry-card-body{padding:var(--cs-space-6);gap:var(--cs-space-3)}.cs-preview-header{display:flex;align-items:baseline;justify-content:space-between;gap:var(--cs-space-4)}.cs-preview-viewall{font-family:var(--cs-mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--cs-ink);text-decoration:none;border-bottom:2px solid var(--cs-accent);padding-bottom:2px}.cs-preview-viewall:hover{color:var(--cs-accent)}.cs-personas{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:var(--cs-space-8) 64px;gap:var(--cs-space-8) 64px;padding:var(--cs-space-8) 0;border-top:var(--cs-hairline);border-bottom:var(--cs-hairline)}.cs-persona{display:flex;flex-direction:column;gap:var(--cs-space-3)}.cs-persona p:not(.cs-section-heading){font-family:var(--cs-font-body);font-size:16px;line-height:1.65;color:var(--cs-ink-soft);margin:0}.cs-subscribe{display:flex;flex-direction:column;gap:var(--cs-space-3);max-width:520px;padding-bottom:var(--cs-space-8)}.cs-subscribe-headline{font-family:var(--cs-font-display);font-size:28px;font-weight:600;line-height:1.2;margin:0;color:var(--cs-ink)}.cs-subscribe-form{display:flex;flex-wrap:wrap;gap:var(--cs-space-3);margin-top:var(--cs-space-2)}.cs-subscribe-input{flex:1 1;min-width:220px;font-family:var(--cs-font-body);font-size:15px;padding:var(--cs-space-3) var(--cs-space-4);border:var(--cs-hairline);border-radius:var(--cs-radius-sm);background:var(--cs-paper-raised);color:var(--cs-ink)}.cs-subscribe-input:focus{outline:2px solid var(--cs-accent);outline-offset:-1px}.cs-subscribe-submit{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;font-family:var(--cs-mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--cs-paper);background:var(--cs-ink);border:none;border-radius:var(--cs-radius-sm);padding:0 var(--cs-space-6);transition:background .15s ease}.cs-subscribe-submit:hover{background:var(--cs-accent)}.cs-subscribe-submit:disabled{opacity:.6;cursor:default}.cs-subscribe-done{font-family:var(--cs-font-body);font-size:16px;color:var(--cs-accent);margin:var(--cs-space-2) 0 0}.cs-subscribe-error{width:100%;font-family:var(--cs-font-body);font-size:13px;color:var(--cs-error);margin:0}.cs-referral{display:flex;flex-direction:column;gap:var(--cs-space-3);max-width:32rem}.cs-referral-lead{font-family:var(--cs-font-body);font-size:15px;color:var(--cs-ink-soft);margin:0}.cs-referral-share{display:flex;gap:var(--cs-space-2)}.cs-referral-link{flex:1 1;min-width:0;font-family:var(--cs-mono);font-size:13px;padding:var(--cs-space-2) var(--cs-space-3);border:var(--cs-hairline);background:var(--cs-paper-raised);color:var(--cs-ink)}.cs-referral-tiers{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--cs-space-1)}.cs-referral-tier{font-family:var(--cs-font-body);font-size:14px;color:var(--cs-muted)}.cs-referral-tier--unlocked{color:var(--cs-accent)}.cs-not-found{display:flex;flex-direction:column;gap:var(--cs-space-4);align-items:flex-start;padding:96px 0}.cs-not-found-title{font-family:var(--cs-font-display);font-size:34px;font-weight:600;margin:0;color:var(--cs-ink)}@media (max-width:720px){.cs-personas{gap:var(--cs-space-6)}.cs-library-layout,.cs-personas{grid-template-columns:1fr}.cs-site-header{flex-direction:column;align-items:flex-start;gap:var(--cs-space-3)}.cs-install-row{grid-template-columns:1fr;gap:var(--cs-space-1)}}.cs-privacy{display:flex;flex-direction:column;gap:var(--cs-space-6);max-width:720px}.cs-privacy-title{font-family:var(--cs-font-display);font-size:32px;color:var(--cs-ink);margin:0}.cs-privacy-updated{font-family:var(--cs-mono);font-size:12px;letter-spacing:.04em;color:var(--cs-muted);margin:0}.cs-privacy p{color:var(--cs-ink-soft);line-height:1.6;margin:0}.cs-privacy a{color:var(--cs-accent)}