.cg-doc.cs-root{padding:0;border-radius:0;background:none;color:var(--ink);font-size:15px;line-height:1.65}.cg-header{padding:8px 0 0}.cg-header>p{font-size:22px;font-weight:600;letter-spacing:-.02em;margin:12px 0 24px}.cg-section-nav{display:flex;gap:28px;border-bottom:1px solid var(--hairline)}.cg-section-nav a{padding:12px 0;min-height:44px;color:var(--ink);font-size:15px;font-weight:600;text-decoration:none}.cg-section-nav a:hover{color:var(--accent-text)}.cg-doc .cg-section{margin-top:48px}.cg-doc h2{font-size:26px;margin:0 0 16px;scroll-margin-top:96px}.cg-doc h3{font-size:18px;margin:32px 0 12px}.cg-doc p{margin:12px 0 20px;color:var(--ink-soft)}.cg-role-intro{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:28px 0 36px}.cg-role-intro>div{border-top:1px solid var(--hairline);padding:18px 0}.cg-role-intro p{font-size:14px;margin:8px 0 12px}.cg-role-intro code,.cg-naming code{font-size:13px}.cg-naming{padding:14px 20px;border-radius:8px;background:var(--surface-soft)}.cg-principles{margin:24px 0}.cg-principles>div{display:grid;grid-template-columns:150px 1fr;gap:20px;border-bottom:1px solid var(--hairline);padding:16px 0}.cg-principles dt{font-weight:600}.cg-principles dd{margin:0;color:var(--ink-soft)}.cg-doc .cg-note{font-size:13px;color:var(--ink-soft)}.cg-filters{display:flex;align-items:end;gap:16px;flex-wrap:wrap;margin:24px 0 12px}.cg-filters label{display:grid;gap:8px;font-size:13px;font-weight:600}.cg-filters label:first-child{flex:1;min-width:220px}.cg-filters input,.cg-filters select,.cg-reset{min-height:44px;border:1px solid var(--ink-soft);border-radius:8px;padding:10px 12px;background:var(--surface);color:var(--ink);font:inherit;font-size:14px}.cg-filters input::placeholder{color:var(--ink-soft)}.cg-filters select{min-width:136px}.cg-doc .cg-count{font-size:13px;color:var(--ink-soft);margin:14px 0}.cg-table-scroll{overflow-x:auto;max-width:100%;border-top:1px solid var(--hairline)}.cg-doc .cg-table{width:100%;min-width:820px;border-collapse:collapse;table-layout:fixed;font-size:14px}.cg-doc .cg-table th,.cg-doc .cg-table td{padding:18px 12px;border:0;border-bottom:1px solid var(--hairline);text-align:left;vertical-align:middle;background:transparent}.cg-doc .cg-table thead th{font-size:12px;font-weight:600;color:var(--ink-soft);background:var(--surface-soft)}.cg-table th:first-child{width:34%}.cg-table th:nth-child(2){width:26%}.cg-table th:nth-child(3),.cg-table th:nth-child(4){width:20%}.cg-doc .cg-table small{font-size:11px;color:var(--ink-soft);margin-top:6px;overflow-wrap:anywhere}.cg-copy{padding:0;border:0;background:none;color:var(--accent-text);text-align:left;font:inherit;font-size:12px;line-height:1.6;overflow-wrap:anywhere;min-height:32px}.cg-copy:hover{text-decoration:underline}.cg-source{font-weight:400}.cg-value{display:flex;align-items:center;gap:10px}.cg-value code{font-size:12px}.cg-swatch{display:block;flex:none;width:32px;height:32px;border-radius:8px;border:1px solid var(--hairline);background:linear-gradient(var(--cg-swatch),var(--cg-swatch)),var(--cg-canvas,#fff)}.cg-doc .cg-contrast{min-width:600px}.cg-contrast th:first-child{width:48%}.cg-contrast th:nth-child(n+2){width:17.33%}.cg-ramp{display:grid;grid-template-columns:repeat(11,minmax(58px,1fr));gap:8px;overflow-x:auto;padding:4px 4px 12px}.cg-ramp button{padding:0;border:0;background:none;font:inherit;text-align:left;min-height:100px}.cg-ramp .cg-swatch{width:100%;height:58px;border-radius:8px}.cg-ramp b{display:block;font-size:13px;margin-top:10px}.cg-ramp code{display:block;font-size:10px;color:var(--ink-soft);margin-top:3px}.cg-library{padding:0;list-style:none;margin:24px 0}.cg-library li{padding:18px 0;display:flex;justify-content:space-between;gap:16px;border-bottom:1px solid var(--hairline)}.cg-library a{font-size:14px;color:var(--accent-text)}.cg-library span{font-size:13px;color:var(--ink-soft)}.cg-footer{margin-top:48px;border-top:1px solid var(--hairline);padding:8px 0 0}.cg-downloads{display:flex;gap:20px;flex-wrap:wrap;font-size:14px}.cg-feedback{position:fixed;bottom:24px;right:24px;z-index:35;max-width:calc(100vw - 48px);background:var(--surface-soft);border-radius:8px;padding:10px 16px;font-size:13px!important;color:var(--ink)!important}.cg-feedback:empty{display:none}.cg-visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.cg-doc a:focus-visible,.cg-doc input:focus-visible,.cg-doc select:focus-visible,.cg-doc button:focus-visible,.cg-table-scroll:focus-visible{outline:2px solid var(--accent-text);outline-offset:2px}.cg-index-meta{display:flex;gap:12px;flex-wrap:wrap;font-size:12px;color:var(--ink-soft);margin:28px 0}.cg-index-meta span{padding:0}.cg-index-quick{display:flex;gap:24px;flex-wrap:wrap;font-size:14px;margin:24px 0 32px}.cg-index-quick a{color:var(--accent-text)}.cg-index-rules{margin-top:36px;border-top:1px solid var(--hairline);padding-top:24px}.cg-index-rules h2{font-size:20px}.cg-index-rules p{font-size:14px;max-width:700px}.cg-index-reference{font-size:12px;color:var(--ink-soft);margin-top:32px}
@media(max-width:700px){.cg-role-intro{grid-template-columns:1fr;gap:4px}.cg-principles>div{grid-template-columns:1fr;gap:6px}.cg-library li{flex-direction:column;gap:4px}.cg-filters{gap:12px}.cg-filters label:first-child{width:100%;flex:auto}.cg-filters label:not(:first-child){flex:1}.cg-filters select{width:100%}.cg-section-nav{gap:24px}.cg-doc .cg-section{margin-top:36px}}