.docs-content img{margin:var(--size-20) 0;border-radius:var(--radius-md);border:1px solid var(--border-default)}.docs-content hr{border:none;border-top:1px solid var(--border-default);margin:var(--size-48) 0}.docs-content blockquote{margin:var(--size-32) 0;padding:var(--size-20) var(--size-24);border-left:4px solid var(--border-brand-primary);background-color:var(--background-raised);border-radius:0 var(--radius-md) var(--radius-md) 0}.docs-content blockquote p{margin-bottom:0;font-size:var(--font-size-xl);font-style:italic;font-weight:var(--font-weight-light);color:var(--foreground-base);line-height:1.5}.docs-content h3{position:relative;padding-left:var(--size-16)}.docs-content h3:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:.85em;background-color:var(--border-brand-primary);border-radius:2px}.docs-content table{border:none;border-radius:0;overflow:visible;background:transparent;margin-bottom:var(--size-32)}.docs-content table thead{display:none}.docs-content table tbody{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--size-12)}.docs-content table tbody tr{display:flex;flex-direction:column;gap:var(--size-8);padding:var(--size-16) var(--size-20);border:1px solid var(--border-default);border-radius:var(--radius-lg);background-color:var(--background-base);transition:background-color var(--motion-duration-fast) var(--motion-easing-ease-out),border-color var(--motion-duration-fast) var(--motion-easing-ease-out)}.docs-content table tbody tr:hover{background-color:var(--background-raised);border-color:var(--border-brand-primary)}.docs-content table tbody td:first-child{display:block;border:none;padding:0;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.6px;margin-bottom:var(--size-4)}.docs-content table tbody td:first-child strong{font-weight:inherit;color:inherit}.docs-content table tbody td:last-child{display:block;border:none;padding:0;font-size:var(--font-size-sm);color:var(--foreground-muted);line-height:1.6}.docs-content table tbody tr:nth-child(1) td:first-child{color:var(--color-moonstone-600, #2d8699)}.docs-content table tbody tr:nth-child(1):hover{border-color:var(--color-moonstone-600, #2d8699);background-color:#ecf6f6}.docs-content table tbody tr:nth-child(2) td:first-child{color:var(--color-moonstone-400, #4ebacf)}.docs-content table tbody tr:nth-child(2):hover{border-color:var(--color-moonstone-400, #4ebacf);background-color:var(--color-moonstone-100, #d6edf3)}.docs-content table tbody tr:nth-child(3) td:first-child{color:var(--color-wisteria-600, #aa6ac7)}.docs-content table tbody tr:nth-child(3):hover{border-color:var(--color-wisteria-600, #aa6ac7);background-color:var(--color-wisteria-100, #f4ecf8)}@media(max-width:640px){.docs-content table tbody{grid-template-columns:1fr}}.audience-split{display:grid;grid-template-columns:1fr 1fr;gap:var(--size-48);align-items:center;margin:var(--size-32) 0}.audience-split--reverse .audience-image{order:2}.audience-split--reverse .audience-content{order:1}.audience-image img{width:100%;height:360px;object-fit:cover;border-radius:var(--radius-lg);border:1px solid var(--border-default);display:block;margin:0}.audience-label{display:inline-block;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:1px;padding:var(--size-4) var(--size-10);border-radius:var(--radius-full, 999px);margin-bottom:var(--size-16)}.audience-label--people{background-color:var(--color-wisteria-100, #f4ecf8);color:var(--color-wisteria-700, #8b4dab)}.audience-label--clinics{background-color:var(--color-moonstone-100, #d6edf3);color:var(--color-moonstone-700, #226473)}.audience-content h2{margin-top:0;margin-bottom:var(--size-16);line-height:1.35}.audience-content p{color:var(--foreground-muted);line-height:1.7;margin-bottom:0}@media(max-width:768px){.audience-split{grid-template-columns:1fr;gap:var(--size-24)}.audience-split--reverse .audience-image,.audience-split--reverse .audience-content{order:unset}.audience-image img{height:240px}}.logo-showcase{display:flex;align-items:center;justify-content:center;gap:var(--size-48);padding:var(--size-48) var(--size-32);border:1px solid var(--border-default);border-radius:var(--radius-lg);background-color:#fff;margin:var(--size-32) 0}.logo-showcase-item{display:flex;flex-direction:column;align-items:center;gap:var(--size-16)}.logo-showcase-divider{width:1px;height:64px;background-color:var(--border-default);flex-shrink:0}.logo-showcase-label{font-size:var(--font-size-xs);color:var(--foreground-muted);text-transform:uppercase;letter-spacing:1px;font-weight:var(--font-weight-semibold)}.logo-showcase .logo-showcase-img{height:48px;width:auto;border:none!important;margin:0;border-radius:0}.logo-showcase .logo-showcase-img--mark{height:64px;width:64px;border-radius:var(--radius-md)!important}.image-grid{display:grid;gap:var(--size-16);margin:var(--size-32) 0}.image-grid--2{grid-template-columns:repeat(2,1fr)}.image-figure{display:flex;flex-direction:column;gap:var(--size-10);margin:0}.image-figure img{width:100%;height:220px;object-fit:cover;border-radius:var(--radius-md);border:1px solid var(--border-default);margin:0}.image-grid--mockup .image-figure img{object-fit:contain;background-color:var(--background-raised)}.image-figure figcaption{font-size:var(--font-size-xs);color:var(--foreground-muted);text-align:center}.image-grid--misuse .image-figure img{border-color:#fca5a5;background-color:#fff1f1}.image-grid--misuse .image-figure figcaption{color:#dc2626}.image-grid--cobranding .image-figure img{border:1px solid var(--border-default)!important;border-radius:var(--radius-lg)!important;background-color:#fff;padding:var(--size-32);box-sizing:border-box;object-fit:contain}.image-grid--cobranding .image-figure img{height:220px}.image-grid--cobranding .cobranding-stacked img{padding:var(--size-48)}.safe-zone-img{width:80%;height:auto;border:none!important;border-radius:0!important;background-color:transparent;padding:0;margin:var(--size-24) 0!important}.misuse-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--size-16);margin:var(--size-32) 0}.misuse-card{display:flex;flex-direction:column;gap:var(--size-12);border:1px solid #fca5a5;border-radius:var(--radius-lg);overflow:hidden;background-color:#fff1f2}.misuse-preview{display:flex;align-items:center;justify-content:center;height:140px;background-color:#fff;overflow:hidden}.misuse-preview img{height:48px;width:auto;border:none!important;margin:0!important;border-radius:0!important}.misuse-label{font-size:var(--font-size-xs);color:#991b1b;padding:var(--size-12) var(--size-16);line-height:1.5;font-weight:var(--font-weight-medium)}@media(max-width:768px){.misuse-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.misuse-grid{grid-template-columns:1fr}}@media(max-width:640px){.image-grid--2{grid-template-columns:1fr}}.do-dont{display:grid;grid-template-columns:1fr 1fr;gap:var(--size-16);margin:var(--size-32) 0}.do-column,.dont-column{padding:var(--size-24);border-radius:var(--radius-lg);border:1px solid var(--border-default)}.do-column{background-color:#f0fdf4;border-color:#86efac}.dont-column{background-color:#fff1f2;border-color:#fca5a5}.do-dont-label{display:inline-block;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:1px;padding:var(--size-4) var(--size-10);border-radius:var(--radius-full, 999px);margin-bottom:var(--size-16)}.do-dont-label--do{background-color:#bbf7d0;color:#166534}.do-dont-label--dont{background-color:#fecdd3;color:#991b1b}.do-column ul,.dont-column ul{margin:0;padding-left:var(--size-20);display:flex;flex-direction:column;gap:var(--size-8)}.do-column li,.dont-column li{font-size:var(--font-size-sm);line-height:1.6;color:var(--foreground-base)}@media(max-width:640px){.do-dont{grid-template-columns:1fr}}.docs-content p.body-16{font-size:16px!important;color:var(--foreground-muted);line-height:1.7;margin-bottom:var(--size-24)}.docs-content>h1+p,.docs-content>h1~p:first-of-type{font-size:var(--font-size-lg);color:var(--foreground-muted);line-height:1.7;margin-bottom:var(--size-24)}.docs-content.has-hero>.intro-card+p{font-size:16px;color:var(--foreground-base)}.intro-card{padding:var(--size-24) var(--size-28);border-radius:var(--radius-lg);border:1px solid var(--color-moonstone-200, #a8d9e5);background-color:var(--color-moonstone-50, #edf6f9);font-size:var(--font-size-base);color:var(--foreground-base);line-height:1.7;margin-bottom:var(--size-32)}.guide-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--size-16);margin:var(--size-32) 0 var(--size-48)}.guide-card{display:flex;flex-direction:column;gap:var(--size-12);padding:var(--size-24);border:1px solid var(--border-default);border-radius:var(--radius-lg);background-color:var(--background-raised);text-decoration:none;color:var(--foreground-base);transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.guide-card:hover{border-color:var(--border-brand-primary);box-shadow:var(--elevation-200);transform:translateY(-2px);text-decoration:none}.guide-card-icon{width:40px;height:40px;border-radius:var(--radius-md);border:none;margin:0}.guide-card-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--foreground-base);margin:0;padding-left:0}.guide-card-title:before{display:none}.guide-card-description{font-size:var(--font-size-sm);color:var(--foreground-muted);line-height:1.6;margin:0}@media(max-width:640px){.guide-cards{grid-template-columns:1fr}}.color-swatches{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--size-12);margin:var(--size-32) 0}.color-swatches--2{grid-template-columns:repeat(2,1fr)}.color-swatch{border-radius:var(--radius-lg);border:1px solid var(--border-default);overflow:hidden;background-color:var(--background-base)}.swatch-color{height:120px;width:100%}.color-swatches--2 .swatch-color{height:160px}.swatch-info{display:flex;flex-direction:column;gap:var(--size-4);padding:var(--size-14) var(--size-16);border-top:1px solid var(--border-default)}.swatch-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--foreground-base)}.swatch-hex{font-size:var(--font-size-xs);font-family:var(--font-family-mono, monospace);color:var(--foreground-muted);letter-spacing:.5px}.swatch-role{font-size:var(--font-size-xs);color:var(--foreground-muted);line-height:1.5;margin-top:var(--size-2)}@media(max-width:768px){.color-swatches{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.color-swatches{grid-template-columns:repeat(2,1fr)}.color-swatches--2{grid-template-columns:1fr}}.color-context-list{display:flex;flex-direction:column;gap:var(--size-12);margin:var(--size-24) 0}.color-context-row{display:flex;align-items:center;gap:var(--size-24);padding:var(--size-20) var(--size-24);border:1px solid var(--border-default);border-radius:var(--radius-lg);background-color:var(--background-raised)}.color-context-identity{display:flex;align-items:center;gap:var(--size-14);flex-shrink:0;width:180px}.color-context-swatch{width:44px;height:44px;border-radius:var(--radius-md);flex-shrink:0}.color-context-name{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--foreground-base)}.color-context-primary{display:block;font-size:var(--font-size-xs);color:var(--foreground-muted);margin-top:var(--size-2)}.color-context-tags{display:flex;flex-wrap:wrap;gap:var(--size-8)}.color-context-tag{font-size:var(--font-size-xs);color:var(--foreground-base);background-color:var(--background-base);border:1px solid var(--border-default);border-radius:var(--radius-full, 999px);padding:var(--size-6) var(--size-14)}@media(max-width:640px){.color-context-row{flex-direction:column;align-items:flex-start}.color-context-identity{width:auto}}.audience-palette-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--size-16);margin:var(--size-32) 0}.audience-palette-card{border:1px solid var(--border-default);border-radius:var(--radius-lg);background-color:var(--background-raised);overflow:hidden}.audience-palette-header{display:flex;align-items:center;gap:var(--size-14);padding:var(--size-24) var(--size-24) 0}.audience-palette-swatch{width:40px;height:40px;border-radius:var(--radius-md);flex-shrink:0}.audience-palette-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--foreground-base);margin:0;padding-left:0}.audience-palette-title:before{display:none}.audience-palette-body{padding:var(--size-14) var(--size-24) var(--size-24)}.audience-palette-desc{font-size:var(--font-size-sm);color:var(--foreground-muted);line-height:1.65;margin:0 0 var(--size-20)}.audience-palette-tags{display:flex;flex-direction:column;gap:var(--size-8)}.audience-palette-tag-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--foreground-muted);text-transform:uppercase;letter-spacing:.6px}.audience-palette-tags-list{display:flex;flex-wrap:wrap;gap:var(--size-6)}.audience-palette-tag{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--foreground-base);background-color:var(--background-base);border:1px solid var(--border-default);border-radius:var(--radius-full, 999px);padding:var(--size-4) var(--size-12)}@media(max-width:640px){.audience-palette-grid{grid-template-columns:1fr}}.gradient-swatches{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--size-12);margin:var(--size-32) 0}.gradient-swatch{border-radius:var(--radius-lg);border:1px solid var(--border-default);overflow:hidden;background-color:var(--background-base)}.gradient-preview{height:120px;width:100%}.gradient-info{display:flex;flex-direction:column;gap:var(--size-4);padding:var(--size-14) var(--size-16);border-top:1px solid var(--border-default)}.gradient-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--foreground-base)}.gradient-stops{font-size:var(--font-size-xs);font-family:var(--font-family-mono, monospace);color:var(--foreground-muted);letter-spacing:.5px}.gradient-role{font-size:var(--font-size-xs);color:var(--foreground-muted);line-height:1.5;margin-top:var(--size-2)}@media(max-width:640px){.gradient-swatches{grid-template-columns:1fr}.color-scale{grid-template-columns:repeat(5,1fr)!important}.scale-hex{display:none}}.chapter-hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:var(--size-48);margin-bottom:var(--size-64);padding-bottom:var(--size-48);border-bottom:1px solid var(--border-default)}.hero-eyebrow{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:1px;text-transform:uppercase;color:var(--foreground-interactive-primary);margin-bottom:var(--size-12)}.hero-title{font-size:clamp(2.5rem,4vw,3.75rem);font-weight:var(--font-weight-bold);line-height:1.1;letter-spacing:-.02em;color:var(--foreground-base);margin-bottom:var(--size-16);padding-left:0}.hero-title:before{display:none}.hero-description{font-size:var(--font-size-lg);color:var(--foreground-muted);line-height:1.7;margin-bottom:0}.hero-media{display:flex;justify-content:center;align-items:center}.hero-placeholder{width:100%;aspect-ratio:4 / 3;border-radius:var(--radius-lg);background-color:var(--color-moonstone-100, #d6edf3);border:1px dashed var(--color-moonstone-400, #4ebacf);display:flex;align-items:center;justify-content:center}.hero-icon{width:80px;height:80px;border:none;margin:0;border-radius:var(--radius-lg);opacity:.6}.docs-content.has-hero>h1{display:none}@media(max-width:768px){.chapter-hero{grid-template-columns:1fr}.hero-media{order:-1}}