/* Dimensions and palette follow the approved 2026-10-21 DC layouts. */
.cd-header{display:flex;align-items:center;gap:20px;height:60px;padding:0 24px;border-bottom:1px solid var(--cd-border)}
.code-brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--cd-fg);font-size:19px;font-weight:700;letter-spacing:-.02em;white-space:nowrap}
.cd-brand-mark{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:8px;background:var(--cd-accent);color:var(--cd-accent-fg)}
.cd-brand-mark svg{width:18px;height:18px}
.code-logo{max-width:100px;max-height:32px;width:auto;object-fit:contain}
.code-logo--light,html[data-theme=light] .code-logo--dark{display:none}
html[data-theme=light] .code-logo--light{display:block}
.cd-project-badge{font-family:var(--cd-mono);font-size:12px;padding:2px 9px;border:1px solid var(--cd-border);border-radius:999px;color:var(--cd-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px}
.cd-header-spacer{flex:1}
.cd-search-trigger{display:flex;align-items:center;gap:8px;height:34px;padding:0 10px 0 12px;border:1px solid var(--cd-border);border-radius:999px;background:var(--cd-surface);color:var(--cd-muted);font-size:14px;white-space:nowrap}
.cd-search-trigger svg{width:15px;height:15px}
kbd{font-family:var(--cd-mono);font-size:11px;padding:1px 6px;border:1px solid var(--cd-border);border-radius:6px;color:var(--cd-faint);white-space:nowrap}
.cd-header-nav{display:flex;align-items:center;gap:22px;font-size:15px;font-weight:500}
.cd-header-nav a{text-decoration:none}
.cd-scheme{display:flex;align-items:center;justify-content:center;width:36px;height:36px;flex-shrink:0;border:1px solid var(--cd-border);border-radius:10px;color:var(--cd-fg)}
.cd-scheme svg{width:17px;height:17px}
.code-footer{padding:28px 24px;border-top:1px solid var(--cd-border);color:var(--cd-faint);font-size:14px}
.cd-preview{padding:12px 24px;border-bottom:1px solid var(--cd-border);color:var(--cd-accent)}

.cd-frame{display:flex;align-items:stretch;min-height:calc(100vh - 140px)}
.cd-rail{flex:0 0 36px;background-image:repeating-linear-gradient(135deg,var(--cd-hatch) 0,var(--cd-hatch) 1px,transparent 1px,transparent 9px)}
.cd-rail-left{border-right:1px solid var(--cd-border)}
.cd-rail-right{border-left:1px solid var(--cd-border)}
.cd-sidebar{flex:1 1 280px;max-width:300px;min-width:240px;padding:24px 20px 40px 24px;border-right:1px solid var(--cd-border);position:sticky;top:0;align-self:flex-start;height:100vh;overflow:auto}
.cd-main{flex:999 1 560px;min-width:0;display:flex;justify-content:center;padding:56px 40px 80px}
.cd-main>.cd-article{width:100%;max-width:780px}
.cd-toc{flex:0 0 240px;padding:56px 24px 40px 8px;position:sticky;top:0;align-self:flex-start;max-height:100vh;overflow:auto}
.cd-frame-hub .cd-rail{flex:1 1 0;min-width:16px}
.cd-frame-hub .cd-main{flex:0 1 1200px;display:block;padding:0}
.cd-frame-hub .cd-rail-left{border-left:0}
.cd-header-menu,.cd-drawer-navigation,.cd-sidebar-mobile,.cd-drawer-head{display:none}
.code-backdrop{position:fixed;inset:0;z-index:80;background:rgba(8,9,11,.6)}

.cd-project-switch{position:relative;margin-bottom:28px}
.cd-project-switch summary{display:flex;align-items:center;gap:10px;min-height:44px;padding:0 12px;border:1px solid var(--cd-border);border-radius:10px;background:var(--cd-surface);font-size:15px;font-weight:600;cursor:pointer;list-style:none}
.cd-project-switch summary::-webkit-details-marker{display:none}
.cd-project-switch summary svg{width:17px;height:17px;color:var(--cd-accent)}
.cd-project-switch summary svg:last-child{width:16px;height:16px;color:var(--cd-faint)}
.cd-project-switch summary span{flex:1}
.cd-project-switch ul{list-style:none;margin:8px 0 0;padding:6px;border:1px solid var(--cd-border);border-radius:10px;background:var(--cd-surface)}
.cd-project-switch a{display:block;padding:8px;text-decoration:none;font-size:14px;border-radius:6px}
.cd-project-switch a:hover{background:var(--cd-bg)}
.cd-nav-chapter{margin-top:28px}
.cd-nav-chapter h2,.s-code-toc h2{margin:0 0 10px;font-family:var(--cd-mono);font-size:12px;line-height:1.6;letter-spacing:.16em;text-transform:uppercase;font-weight:400;color:var(--cd-faint)}
.cd-nav-chapter ul{list-style:none;margin:0;padding:0}
/* The guide line is drawn by the links themselves, so the active mark cannot drift off it at fractional zoom. */
.cd-nav-chapter a{display:block;padding:5px 0 5px 16px;text-decoration:none;font-size:15px;border-left:1px solid var(--cd-border);color:var(--cd-muted)}
.cd-nav-chapter a[aria-current=page]{border-left-color:var(--cd-fg);color:var(--cd-fg);font-weight:600}
.cd-nav-overview,.cd-nav-project{display:block;color:var(--cd-muted);text-decoration:none;font-size:15px;padding:6px 0}
.cd-nav-overview[aria-current],.cd-nav-project[aria-current]{color:var(--cd-fg);font-weight:600}
.s-code-toc h2{margin-bottom:12px}
.s-code-toc ul{display:flex;flex-direction:column;gap:9px;list-style:none;margin:0;padding:0;font-size:14px}
.s-code-toc a{color:var(--cd-muted);text-decoration:none}
.s-code-toc a[aria-current]{color:var(--cd-accent);font-weight:600}
.cd-toc-h3{padding-left:14px}

.cd-article h1{font-size:40px;line-height:1.15;font-weight:700;letter-spacing:-.025em;overflow-wrap:anywhere}
.cd-article-eyebrow{margin:0 0 12px;font-family:var(--cd-mono);font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--cd-accent)}
.cd-article-updated{margin-top:56px;padding-top:24px;border-top:1px solid var(--cd-border);font-size:14px;color:var(--cd-faint)}
.cd-pagination{display:flex;flex-wrap:wrap;gap:14px;margin-top:20px}
.cd-pagination a{flex:1 1 240px;padding:16px 20px;border:1px solid var(--cd-border);border-radius:12px;text-decoration:none}
.cd-pagination a span{display:block;font-size:13px;color:var(--cd-faint)}
.cd-pagination a strong{display:block;margin-top:2px;font-weight:600}
.cd-pagination-next{text-align:right}
.cd-prose{overflow-wrap:anywhere}
.cd-prose>p:first-child{margin:20px 0 0;font-size:18px;line-height:1.65;color:var(--cd-muted)}
.cd-prose p{margin:18px 0;color:var(--cd-muted)}
.cd-prose h2{margin:48px 0 18px;font-size:24px;line-height:1.3;font-weight:700;letter-spacing:-.01em}
.cd-prose h3{margin:28px 0 12px;font-size:19px;font-weight:600}
.cd-prose h4{margin:24px 0 10px;font-size:17px}
.cd-prose a{color:var(--cd-accent);text-underline-offset:3px}
.cd-prose img{display:block;border-radius:8px}
.cd-prose ul{padding-left:24px;margin:18px 0}
.cd-prose li{margin:8px 0}
.cd-prose li>p{margin:0}
.cd-prose>ol{list-style:none;counter-reset:steps;padding:0;margin:28px 0;display:flex;flex-direction:column;gap:36px}
.cd-prose>ol>li{position:relative;counter-increment:steps;padding-left:44px;margin:0;min-height:32px;color:var(--cd-muted);font-size:15px}
.cd-prose>ol>li:before{content:counter(steps,decimal-leading-zero);position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:center;width:28px;height:32px;border:1px solid var(--cd-border-strong);border-radius:4px;font-family:var(--cd-mono);font-size:12px;color:var(--cd-fg)}
.cd-prose>ol>li>strong:first-child{font-size:17px;font-weight:600;color:var(--cd-fg)}
.cd-prose ol ol{padding-left:24px;list-style:decimal}
.cd-prose blockquote,.cd-prose [data-code-callout]{position:relative;margin:40px 0;padding:18px 20px 18px 54px;border:1px solid var(--cd-border);border-radius:12px;background:var(--cd-surface);font-size:15px;color:var(--cd-fg)}
.cd-prose blockquote:before,.cd-prose [data-code-callout]:before{content:'i';position:absolute;left:20px;top:20px;display:flex;align-items:center;justify-content:center;width:20px;height:20px;border:1.7px solid var(--cd-accent);border-radius:50%;font-size:13px;font-family:var(--cd-mono);font-weight:500;color:var(--cd-accent)}
.cd-prose blockquote p,.cd-prose [data-code-callout] p{color:var(--cd-fg);margin:0}
.cd-prose hr{border:0;border-top:1px solid var(--cd-border);margin:40px 0}
.cd-prose :not(pre)>code{font-family:var(--cd-mono);font-size:.85em;padding:1px 6px;border-radius:6px;border:1px solid var(--cd-border)}
.cd-table-scroll{overflow:auto;margin:24px 0;max-width:100%;border:1px solid var(--cd-border);border-radius:10px}
.cd-prose table{width:100%;border-collapse:collapse;font-size:14px}
.cd-prose td,.cd-prose th{padding:12px 16px;text-align:left;border-bottom:1px solid var(--cd-border);min-width:100px}
.cd-prose th{background:var(--cd-surface);font-weight:600}
.cd-prose tr:last-child td{border-bottom:0}

.code-markdown-code{position:relative;margin:24px 0;border:1px solid var(--cd-code-border);border-radius:12px;background:#1b1e22;color:#e8eaed;overflow:hidden}
.code-markdown-language{display:flex;align-items:center;min-height:46px;padding:9px 54px 9px 14px;font-size:13px;color:#a3a9b2}
.code-markdown-code pre,.cd-prose>pre{margin:0 4px 4px;padding:14px 18px;border-radius:8px;background:#0f1113;color:#e8eaed;font-family:var(--cd-mono);font-size:14px;line-height:1.7;overflow:auto;white-space:pre;overflow-wrap:normal;scrollbar-color:#626a77 #0f1113}
.code-markdown-code pre::-webkit-scrollbar-track{background:#0f1113}
.code-markdown-code pre::-webkit-scrollbar-thumb{border-color:#0f1113}
.code-markdown-code code{font-family:inherit;font-size:inherit;color:inherit;background:none;border:0;padding:0}
.code-markdown-code button[data-code-copy]{position:absolute;top:5px;right:6px;display:flex;align-items:center;justify-content:center;gap:6px;width:32px;height:32px;border:0;border-radius:6px;background:transparent;color:#a3a9b2}
.code-markdown-code button[data-code-copy]:hover{background:#2b3038;color:#fff}
.code-markdown-code button[data-code-copy-state=copied]{width:auto;min-width:32px;white-space:nowrap;color:#a8d68a}
.code-markdown-code button[data-code-copy-state=copied]:after{content:attr(aria-label);font-size:12px}
.code-markdown-code button[data-code-copy-state=error]{color:#ff8fa3}
.code-markdown-code button:focus-visible{outline-color:#8fb8ff}
.cd-prose>pre{margin:24px 0;padding:18px;border:1px solid var(--cd-code-border)}
.cd-code-syntax-variable{color:#8fb8ff}
.cd-code-syntax-tag{color:#ff8fa3}
.cd-code-syntax-string{color:#a8d68a}

.cd-project-chapters section{margin-top:40px}
.cd-project-chapters h2{font-size:24px;margin:0 0 18px}
.s-code-project__list{padding:0;margin:0;list-style:none}
.s-code-project__list li{padding:16px 0;border-bottom:1px solid var(--cd-border)}
.s-code-project__list a{display:flex;align-items:center;justify-content:space-between;text-decoration:none;font-weight:500}
.s-code-project__list p{margin:4px 0 0;font-size:14px;color:var(--cd-muted)}

.cd-hub-section{padding:64px 64px 72px;border-bottom:1px solid var(--cd-border)}
.cd-block-label{margin:0 0 14px;font-family:var(--cd-mono);font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--cd-faint)}
.cd-hub h2{font-size:32px;line-height:1.2;font-weight:700;letter-spacing:-.02em}
.cd-hub-hero{padding-top:88px}
.cd-hub-hero .cd-block-label{margin-bottom:18px;color:var(--cd-accent)}
.cd-hub-hero h1{font-size:56px;line-height:1.08;font-weight:700;letter-spacing:-.03em;max-width:820px}
.cd-hub-intro{margin:22px 0 0;max-width:720px;font-size:19px;line-height:1.6;color:var(--cd-muted)}
.cd-hero-search{margin:36px 0 0;max-width:680px}
.cd-hero-search label,.s-code-search-form label{display:block;margin-bottom:8px;font-size:14px;font-weight:500;color:var(--cd-muted)}
.cd-hero-search-input-wrap,.cd-search-row{display:flex;align-items:center;gap:12px;height:56px;padding:0 12px 0 18px;border:1px solid var(--cd-border-strong);border-radius:14px;background:var(--cd-surface)}
.cd-hero-search-input-wrap>svg,.cd-search-row>svg{color:var(--cd-faint);width:20px;height:20px}
.cd-hero-search input,.cd-search-row input{width:100%;min-width:0;border:0;outline:0;background:transparent;font-size:16px;color:var(--cd-fg)}
.cd-hero-search input::placeholder,.cd-search-row input::placeholder{color:var(--cd-faint);opacity:1}
.cd-hero-search-input-wrap:focus-within,.cd-search-row:focus-within{outline:2px solid var(--cd-accent);outline-offset:3px}
.cd-popular{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:16px;font-size:14px}
.cd-popular>span{color:var(--cd-faint)}
.cd-popular a{padding:4px 12px;border:1px solid var(--cd-border);border-radius:999px;text-decoration:none}
.cd-hub-heading-row{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:28px}
.cd-hub-filters{display:flex;flex-wrap:wrap;gap:6px}
.cd-filter{text-decoration:none;color:var(--cd-fg);display:inline-flex;align-items:center;justify-content:center;gap:6px;height:34px;padding:0 14px;border-radius:999px;border:1px solid var(--cd-border);font-size:14px;font-weight:600}
.cd-filter[aria-pressed=true],.cd-filter[aria-current=page]{border-color:var(--cd-accent);background:var(--cd-accent);color:var(--cd-accent-fg)}
.cd-project-grid,.cd-start-grid{display:flex;flex-wrap:wrap;gap:16px}
.cd-project-tile{flex:1 1 300px;display:flex;flex-direction:column;gap:14px;min-height:236px;padding:24px;border:1px solid var(--cd-border);border-radius:14px;background:var(--cd-surface);text-decoration:none;color:var(--cd-fg)}
.cd-project-tile-top{display:flex;align-items:center;justify-content:space-between}
.cd-project-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:10px;border:1px solid var(--cd-border);background:var(--cd-bg);color:var(--cd-accent)}
.cd-project-kind{font-family:var(--cd-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--cd-faint)}
.cd-project-name{font-size:21px;font-weight:700;letter-spacing:-.01em}
.cd-project-description{flex:1;font-size:15px;line-height:1.6;color:var(--cd-muted)}
.cd-project-count{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:500;color:var(--cd-accent)}
.cd-project-count svg{width:15px;height:15px}
.cd-start-grid{margin-top:28px}
.cd-start-card{flex:1 1 300px;display:flex;gap:16px;padding:22px;border:1px solid var(--cd-border);border-radius:14px;text-decoration:none;color:var(--cd-fg)}
.cd-start-number{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:30px;height:34px;border:1px solid var(--cd-border-strong);border-radius:4px;font-family:var(--cd-mono);font-size:12px}
.cd-start-content{display:flex;flex-direction:column;gap:6px}
.cd-start-title{font-size:17px;font-weight:600}
.cd-start-description{font-size:15px;color:var(--cd-muted)}
.cd-recent-heading{align-items:baseline;gap:16px;margin-bottom:20px}
.cd-recent-heading>a{font-size:15px;font-weight:500;color:var(--cd-accent);text-decoration:none}
.cd-recent-list{list-style:none;padding:0;margin:0;border-top:1px solid var(--cd-border)}
.cd-recent-list li{border-bottom:1px solid var(--cd-border)}
.cd-recent-row{display:flex;align-items:center;gap:24px;padding:14px 0;text-decoration:none;color:var(--cd-fg)}
.cd-recent-main{display:flex;flex:1 1 auto;flex-direction:column;gap:2px;min-width:0}
.cd-recent-title{font-size:16px;font-weight:500;line-height:1.4}
.cd-recent-row:hover .cd-recent-title{color:var(--cd-link-accent,var(--cd-accent))}
.cd-recent-project{overflow:hidden;font-size:13px;line-height:1.4;color:var(--cd-muted);white-space:nowrap;text-overflow:ellipsis}
.cd-recent-date{flex:0 0 auto;font-family:var(--cd-mono);font-size:13px;color:var(--cd-faint);white-space:nowrap}
.cd-developers-grid{display:flex;flex-wrap:wrap;gap:40px;align-items:flex-start}
.cd-developers-copy{flex:1 1 320px;min-width:0}
.cd-developers-copy h2{margin-bottom:16px}
.cd-developers-copy p{margin-bottom:20px;color:var(--cd-muted)}
.cd-developers-methods{display:flex;flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;font-family:var(--cd-mono);font-size:14px;color:var(--cd-accent);overflow-wrap:anywhere}
.cd-helper-code{flex:1.3 1 420px;min-width:0;margin:0;border-radius:14px}
.cd-code-caption{display:flex;align-items:center;justify-content:space-between;min-height:48px;padding:10px 14px;font-size:13px;color:#a3a9b2}
.cd-helper-code pre{padding:18px 20px;border-radius:10px;line-height:1.75}
.cd-hub-support{padding-bottom:80px;border-bottom:0}
.cd-support-panel{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:28px;padding:40px;border:1px solid var(--cd-border);border-radius:18px;background-color:var(--cd-surface);background-image:repeating-linear-gradient(135deg,var(--cd-hatch) 0,var(--cd-hatch) 1px,transparent 1px,transparent 9px)}
.cd-support-copy{flex:1 1 360px}
.cd-support-copy h2{font-size:30px;margin-bottom:10px}
.cd-support-copy p{font-size:17px;color:var(--cd-muted)}
.cd-support-actions{display:flex;flex-wrap:wrap;gap:12px}
.cd-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 22px;border-radius:12px;font-weight:600;text-decoration:none}
.cd-button-primary{background:var(--cd-accent);color:var(--cd-accent-fg)}
.cd-button-primary:hover{color:var(--cd-accent-fg);filter:brightness(1.1)}
.cd-button-secondary{border:1px solid var(--cd-border-strong);color:var(--cd-fg)}

.s-code-search-form{position:relative;margin:28px 0}
.cd-search-row button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:0;border-radius:8px}
.cd-search-status:empty{display:none}
.cd-search-status{font-size:14px;color:var(--cd-muted);margin:12px 0 0}
.cd-search-results{max-height:50vh;overflow:auto;border:1px solid var(--cd-border);border-radius:10px;margin-top:12px}
.cd-search-results a{display:block;padding:12px 16px;text-decoration:none;border-bottom:1px solid var(--cd-border)}
.cd-search-results a:last-child{border-bottom:0}
.cd-search-results a:hover,.cd-search-results a:focus{background:var(--cd-surface)}
.cd-search-results a strong{display:block;font-size:16px;font-weight:600}
.cd-search-results a span{display:block;font-size:13px;color:var(--cd-muted)}
.cd-search-dialog{margin:12vh auto 0;width:min(680px,calc(100% - 32px));max-height:76vh;overflow:auto;padding:24px;border:1px solid var(--cd-border-strong);border-radius:18px;background:var(--cd-bg);color:var(--cd-fg);box-shadow:0 24px 100px #0005}
.cd-search-dialog::backdrop{background:rgba(8,9,11,.6)}
.cd-dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}
.cd-dialog-heading h2{font-size:20px}
.cd-dialog-heading button,.cd-drawer-head button{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:0;border-radius:10px}
.cd-search-dialog .s-code-search-form{margin:16px 0 0}
.cd-search-summary{color:var(--cd-faint);font-size:14px;margin:24px 0}
.cd-search-list{list-style:none;padding:0;margin:24px 0}
.cd-search-list li{padding:24px 0;border-top:1px solid var(--cd-border)}
.cd-search-list h2{font-size:23px;margin-bottom:12px}
.cd-search-list h2 a{text-decoration:none}
.cd-search-list li>p:last-child{color:var(--cd-muted)}
.cd-error>p:not(.cd-article-eyebrow){margin:20px 0;color:var(--cd-muted)}
.cd-visually-hidden,.code-sr-only,.code-markdown-code>[role=status]{position:absolute!important;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

@media(max-width:1100px){.cd-toc{display:none}
.cd-header{gap:14px}
.cd-header-nav{gap:16px}
.cd-project-badge{max-width:130px}
}

@media(max-width:900px){.cd-header-nav,.cd-rail,.cd-project-badge{display:none}
.cd-header{height:56px;padding:0 16px;gap:10px}
.code-brand{font-size:17px;gap:9px}
.cd-brand-mark{width:28px;height:28px}
.cd-brand-mark svg{width:16px;height:16px}
.cd-search-trigger,.cd-scheme{width:44px;height:44px;justify-content:center;padding:0;border:0;border-radius:10px;background:transparent;color:var(--cd-fg)}
.cd-search-trigger svg,.cd-scheme svg{width:19px;height:19px}
.cd-search-trigger span,.cd-search-trigger kbd{display:none}
.cd-header-menu{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:44px;height:44px;padding:0;border:0;border-radius:10px;color:var(--cd-fg)}
.cd-header-menu svg{width:22px;height:22px}
.cd-drawer-navigation{display:flex;flex-direction:column;gap:4px;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid var(--cd-border)}
.cd-drawer-navigation a{display:flex;align-items:center;min-height:44px;padding:8px 12px;border-radius:8px;text-decoration:none;font-weight:500}
.cd-drawer-navigation a:hover{background:var(--cd-surface)}
.cd-desktop-navigation{display:none}
.cd-sidebar{position:fixed;inset:0 auto 0 0;z-index:90;display:none;width:320px;max-width:calc(100vw - 48px);min-width:0;height:100dvh;max-height:100dvh;padding:16px 20px 24px;background:var(--cd-bg);overflow:auto}
.cd-sidebar[aria-hidden=false]{display:block}
.cd-drawer-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}
.cd-drawer-head strong{font-size:17px}
.cd-nav-chapter{margin-top:24px}
.cd-nav-chapter h2{margin-bottom:8px}
.cd-nav-chapter a{padding:9px 0 9px 16px;min-height:44px}
.cd-nav-overview,.cd-nav-project,.cd-project-switch a{min-height:44px;display:flex;align-items:center}
.cd-main{padding:32px 20px 40px}
.cd-article h1{font-size:31px;line-height:1.18}
.cd-article-eyebrow{margin-bottom:10px}
.cd-prose>p:first-child{margin-top:16px;font-size:17px;line-height:1.6}
.cd-prose h2{margin:36px 0 16px;font-size:22px}
.cd-prose h3{font-size:17px}
.cd-prose>ol{margin-top:24px;gap:28px}
.cd-prose>ol>li{padding-left:42px}
.code-markdown-code pre{padding:12px 14px;font-size:13px;line-height:1.7}
.code-markdown-code button[data-code-copy]{width:44px;height:44px;top:0;right:2px}
.code-markdown-code button[data-code-copy-state=copied]{width:auto;min-width:44px}
.code-markdown-language{min-height:46px}
.cd-prose [data-code-callout],.cd-prose blockquote{margin-top:30px;padding:16px 16px 16px 48px}
.cd-prose blockquote:before,.cd-prose [data-code-callout]:before{left:16px;top:18px}
.cd-pagination{flex-direction:column;gap:12px;margin-top:36px}
.cd-pagination a{flex:auto;padding:14px 18px}
.cd-pagination-next{text-align:left}
.cd-article-updated{margin-top:36px}
.cd-pad{padding-left:20px;padding-right:20px}
.cd-hub-section{padding-top:44px;padding-bottom:48px}
.cd-hub-hero{padding-top:52px}
.cd-hub-hero h1{font-size:36px;line-height:1.12}
.cd-hub-intro{font-size:17px}
.cd-hub h2{font-size:27px}
.cd-hub-heading-row{align-items:flex-start}
.cd-project-tile{min-width:0;flex-basis:100%}
.cd-start-card{flex-basis:100%}
.cd-filter{min-height:44px}
.cd-popular a{min-height:44px;display:flex;align-items:center}
.cd-hero-search-input-wrap kbd{display:none}
.cd-recent-row{flex-direction:column-reverse;align-items:flex-start;gap:4px}.cd-recent-main{width:100%}
.cd-developers-copy,.cd-helper-code{flex-basis:100%}
.cd-support-panel{padding:24px}
.cd-support-copy{flex-basis:100%}
.cd-search-row button{min-width:44px;height:44px}
.cd-search-dialog{margin-top:8vh;padding:20px;max-height:84vh}
.cd-search-results a{min-height:44px}
.cd-header-spacer{min-width:0}
.cd-search-list h2{font-size:21px}
}

@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}
}


.cd-hero-search input{font-size:17px;height:100%}
.cd-hero-search kbd{font-size:12px;padding:3px 8px}
.cd-search-results a>span{display:block;font-size:16px;font-weight:500;color:var(--cd-fg)}
.cd-search-results a>small{display:block;font-size:13px;color:var(--cd-muted)}


.code-brand{min-width:0}
.code-brand>span:last-child{overflow:hidden;text-overflow:ellipsis}
.cd-brand-mark{flex-shrink:0}
@media(max-width:900px){.code-brand{max-width:calc(100vw - 140px)}
.cd-mobile-bar button{max-width:65%;min-width:0}
.cd-mobile-bar button span{overflow:hidden;text-overflow:ellipsis}
}


.cd-search-list li{overflow-wrap:anywhere}
/* The approved blue needs a small text-only adjustment on light surfaces for AA. */
:root{--cd-link-accent:var(--cd-accent)}
html[data-theme=light] .cd-project-tile,html[data-theme=light] .cd-support-panel,html[data-theme=light] .cd-prose [data-code-callout],html[data-theme=light] .cd-prose blockquote{--cd-link-accent:color-mix(in srgb,var(--cd-accent) 94%,#000)}
.cd-project-count,.cd-prose a,.cd-button-secondary:hover{color:var(--cd-link-accent)}
.cd-project-tile:hover{color:var(--cd-fg)}

/* Tags replace the type filter when the hub has a tag catalogue. */
.cd-tag-count{font-size:12px;opacity:.8}
.cd-project-tags{display:flex;flex-wrap:wrap;gap:6px}
.cd-project-tag{padding:3px 8px;border:1px solid var(--cd-border);border-radius:999px;color:var(--cd-muted);font-size:12px;line-height:1.5}
#projects[aria-busy=true] .cd-project-grid{opacity:.6}

/* Code blocks stay dark in both schemes, so tokens use one GitHub-dark palette. */
.cd-hl-c{color:#8b949e;font-style:italic}
.cd-hl-k{color:#ff7b72}
.cd-hl-s{color:#a5d6ff}
.cd-hl-v{color:#ffa657}
.cd-hl-f{color:#d2a8ff}
.cd-hl-t{color:#7ee787}
.cd-hl-a,.cd-hl-n{color:#79c0ff}
.cd-hl-p{color:#8b949e}