:root{--color-primary: #663399;--color-primary-dark: #4b2573;--color-primary-light: #8f63c7;--color-accent: #2f8f83;--color-accent-soft: #dff3ef;--color-background: #fbfaf8;--color-surface: #ffffff;--color-surface-muted: #f1edf6;--color-text: #1f1b24;--color-text-muted: #62596b;--color-border: #ddd4e8;--color-warning: #b7791f;--color-success: #2f855a;--font-family-base: "Atkinson Hyperlegible", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 3rem;--space-8: 4rem;--radius-sm: .5rem;--radius-md: .875rem;--radius-lg: 1.25rem;--shadow-soft: 0 1rem 2.5rem rgba(31, 27, 36, .06);--max-width: 70rem;--line-height: 1.65;--line-height-tight: 1.15;--font-size-xs: .875rem;--font-size-sm: 1rem;--font-size-md: 1.125rem;--font-size-lg: 1.375rem;--font-size-xl: 1.75rem;--font-size-2xl: 2.25rem;--font-size-3xl: 3rem}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body,h1,h2,h3,h4,p,ul,ol,blockquote,figure{margin:0}ul,ol{padding:0}img,svg{display:block;max-width:100%}button,input,textarea,select{font:inherit}body{min-height:100vh;background:var(--color-background);color:var(--color-text);font-family:var(--font-family-base);font-size:var(--font-size-sm);line-height:var(--line-height);letter-spacing:0;text-rendering:optimizeLegibility}a{color:var(--color-primary-dark);text-decoration-thickness:.08em;text-underline-offset:.18em}a:hover{color:var(--color-primary)}code{padding:.1em .35em;border-radius:var(--radius-sm);background:var(--color-surface-muted);color:var(--color-primary-dark);font-size:.95em}pre{overflow-x:auto;padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface)}pre code{padding:0;background:transparent;color:inherit}:focus-visible,.is-focus-visible{outline:3px solid var(--color-accent);outline-offset:4px}::selection{background:var(--color-accent-soft);color:var(--color-text)}.container{width:min(100% - 2rem,var(--max-width));margin-inline:auto}.section{padding-block:var(--space-7)}.section--muted{background:var(--color-surface-muted)}.hero{position:relative;overflow:hidden;padding-block:var(--space-8)}.hero:before{position:absolute;inset:var(--space-5) auto auto 0;width:.5rem;height:8rem;background:var(--color-primary);content:""}.hero--compact{padding-block:var(--space-7)}.hero__grid{display:grid;gap:var(--space-6)}.hero__content{max-width:48rem}.hero__aside{align-self:start}.card-grid{display:grid;grid-template-columns:1fr;gap:var(--space-4)}.stack{display:grid;gap:var(--space-4)}.stack--large{gap:var(--space-6)}.button-group{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-5)}h1,h2,h3,h4{color:var(--color-text);font-weight:700;line-height:var(--line-height-tight);letter-spacing:0}h1{max-width:13ch;font-size:var(--font-size-2xl)}h2{font-size:var(--font-size-xl)}h3{font-size:var(--font-size-lg)}h4{font-size:var(--font-size-md)}p{max-width:68ch}.hero__subtitle{margin-top:var(--space-4);color:var(--color-primary-dark);font-size:var(--font-size-lg);line-height:1.45}.hero__subtitle+p{margin-top:var(--space-4);color:var(--color-text-muted);font-size:var(--font-size-md)}.section-heading{display:grid;gap:var(--space-3);max-width:48rem;margin-bottom:var(--space-6)}.section-heading--narrow{max-width:42rem}.section-heading p{color:var(--color-text-muted);font-size:var(--font-size-md)}.text-small{color:var(--color-text-muted);font-size:var(--font-size-xs)}.eyebrow{color:var(--color-text-muted);font-size:var(--font-size-xs);font-weight:700;text-transform:uppercase}.quote{max-width:48rem;padding:var(--space-5);border-left:.35rem solid var(--color-primary);background:var(--color-surface);border-radius:0 var(--radius-lg) var(--radius-lg) 0;color:var(--color-text-muted)}.skip-link{position:absolute;z-index:20;top:var(--space-3);left:var(--space-3);transform:translateY(-160%);padding:var(--space-2) var(--space-3);background:var(--color-primary-dark);color:var(--color-surface);border-radius:var(--radius-sm)}.skip-link:focus{transform:translateY(0)}.site-header{border-bottom:1px solid var(--color-border);background:#fbfaf8f5}.header__inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-4);padding-block:var(--space-4)}.brand{display:inline-flex;align-items:center;gap:var(--space-3);color:var(--color-text);text-decoration:none}.brand:hover{color:var(--color-text)}.brand__mark{display:inline-flex;align-items:center;justify-content:center;min-width:3.25rem;min-height:3.25rem;border:2px solid var(--color-primary);border-radius:50%;color:var(--color-primary-dark);font-weight:700;line-height:1}.brand__name{max-width:12rem;color:var(--color-text-muted);font-size:var(--font-size-xs);font-weight:700;line-height:1.3}.site-nav{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.site-nav__link{padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);color:var(--color-text);font-size:var(--font-size-xs);font-weight:700;text-decoration:none}.site-nav__link:hover,.site-nav__link[aria-current=page]{background:var(--color-surface-muted);color:var(--color-primary-dark)}.language-switcher{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:999px;background:var(--color-surface);color:var(--color-text-muted);font-size:var(--font-size-xs);font-weight:700}.language-switcher__link{color:var(--color-text-muted);text-decoration:none}.language-switcher__link[aria-current=page]{color:var(--color-primary-dark);text-decoration:underline;text-decoration-thickness:.12em;text-underline-offset:.18em}.language-switcher__divider{color:var(--color-border)}.button{display:inline-flex;align-items:center;justify-content:center;min-height:2.75rem;padding:.75rem 1rem;border:1px solid transparent;border-radius:999px;font-weight:700;line-height:1.2;text-align:center;text-decoration:none}.button--primary{background:var(--color-primary);color:var(--color-surface)}.button--primary:hover{background:var(--color-primary-dark);color:var(--color-surface)}.button--secondary{border-color:var(--color-primary-dark);background:var(--color-surface);color:var(--color-primary-dark)}.button--secondary:hover{border-color:var(--color-primary);background:var(--color-surface-muted);color:var(--color-primary-dark)}.button--ghost{background:transparent;color:var(--color-primary-dark)}.button--ghost:hover{background:var(--color-surface-muted)}.card,.highlight-card,.swatch-card,.blog-card{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface)}.card{padding:var(--space-5)}.card--compact{padding:var(--space-4)}.card h3,.highlight-card h2,.highlight-card h3{margin-bottom:var(--space-3)}.card p,.highlight-card p{color:var(--color-text-muted)}.highlight-card{display:grid;gap:var(--space-3);padding:var(--space-5);border-color:var(--color-primary-light);box-shadow:var(--shadow-soft)}.highlight-card__rule{width:4rem;height:.35rem;background:var(--color-accent);border-radius:999px}.principle-list{display:grid;grid-template-columns:1fr;gap:var(--space-3);list-style:none}.principle-list li{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);font-weight:700}.principle-list__marker{flex:0 0 auto;width:.75rem;height:.75rem;margin-top:.45rem;border-radius:50%;background:var(--color-accent)}.callout{padding:var(--space-5);border:1px solid var(--color-border);border-left:.35rem solid var(--color-accent);border-radius:var(--radius-lg);background:var(--color-accent-soft)}.callout>*+*{margin-top:var(--space-3)}.contact-link{font-size:var(--font-size-lg);font-weight:700}.site-footer{border-top:1px solid var(--color-border);background:var(--color-surface)}.footer__inner{display:grid;gap:var(--space-4);padding-block:var(--space-5)}.footer__links{display:flex;flex-wrap:wrap;gap:var(--space-3) var(--space-5);list-style:none}.footer__license{max-width:72rem;color:var(--color-text-muted);font-size:var(--font-size-xs)}.detail-list{display:grid;gap:var(--space-2);padding-left:1.25rem}.detail-list li{color:var(--color-text-muted)}.swatch-grid{display:grid;grid-template-columns:1fr;gap:var(--space-4)}.swatch-card{display:grid;gap:var(--space-2);padding:var(--space-4)}.swatch-card__sample{width:100%;min-height:4rem;border-radius:var(--radius-md);background:var(--swatch-color)}.swatch-card__sample--bordered{border:1px solid var(--color-border)}.swatch-card h3{font-size:var(--font-size-sm)}.swatch-card p{color:var(--color-text-muted);font-size:var(--font-size-xs)}.swatch-card p:first-of-type{color:var(--color-text);font-weight:700}.component-slab,.layout-demo{border:1px dashed var(--color-primary-light);border-radius:var(--radius-md);background:var(--color-surface)}.component-slab{display:grid;gap:var(--space-4);padding:var(--space-5)}.layout-demo{padding:var(--space-4);color:var(--color-text-muted);font-weight:700}.layout-demo--container{max-width:32rem;margin-inline:auto;text-align:center}.layout-demo--section{padding-block:var(--space-6)}.site-header--demo,.site-footer--demo{border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.site-header--demo{background:var(--color-background)}.form{display:grid;gap:var(--space-5);max-width:42rem}.form-field{display:grid;gap:var(--space-2)}.form-label{font-weight:700}.input,.textarea{width:100%;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text)}.input{min-height:2.75rem;padding:.75rem 1rem}.textarea{min-height:9rem;padding:1rem;resize:vertical}.input:focus,.textarea:focus{border-color:var(--color-primary)}.input--error{border-color:var(--color-warning)}.form-help,.form-error{font-size:var(--font-size-xs)}.form-help{color:var(--color-text-muted)}.form-error{color:#7a4a10;font-weight:700}.form-check{display:flex;align-items:flex-start;gap:var(--space-3)}.form-check input{width:1.15rem;height:1.15rem;margin-top:.3rem;accent-color:var(--color-primary)}.blog-list{display:grid;gap:var(--space-4);max-width:48rem}.blog-card{display:grid;gap:var(--space-4);padding:var(--space-5)}.blog-card__body{display:grid;gap:var(--space-3)}.blog-card__title{font-size:var(--font-size-lg)}.blog-card__title a{color:var(--color-text);text-decoration:none}.blog-card__title a:hover{color:var(--color-primary-dark);text-decoration:underline;text-decoration-thickness:.08em;text-underline-offset:.18em}.blog-card p{color:var(--color-text-muted)}.article-meta{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-4);align-items:center;color:var(--color-text-muted);font-size:var(--font-size-xs)}.tag-list{display:flex;flex-wrap:wrap;gap:var(--space-2);list-style:none}.tag-list li{padding:.15rem .55rem;border:1px solid var(--color-border);border-radius:999px;background:var(--color-surface);color:var(--color-primary-dark);font-size:var(--font-size-xs);font-weight:700}.empty-state{max-width:48rem;padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);color:var(--color-text-muted)}.article-container{max-width:48rem}.article-hero .eyebrow{margin-bottom:var(--space-4)}.article-header{display:grid;gap:var(--space-4)}.article-header h1{max-width:18ch}.article-hero__figure{display:grid;gap:var(--space-2);margin-top:var(--space-5)}.article-hero__figure img{width:100%;border-radius:var(--radius-lg)}.article-hero__figure figcaption{color:var(--color-text-muted);font-size:var(--font-size-xs)}.article-description{color:var(--color-primary-dark);font-size:var(--font-size-lg);line-height:1.45}.article-section{padding-top:0}.prose{display:grid;gap:var(--space-4);max-width:68ch}.prose h2,.prose h3,.prose h4{margin-top:var(--space-5)}.prose p,.prose li{color:var(--color-text)}.prose ul,.prose ol{display:grid;gap:var(--space-2);padding-left:1.35rem}.prose blockquote{padding:var(--space-5);border-left:.35rem solid var(--color-primary);border-radius:0 var(--radius-lg) var(--radius-lg) 0;background:var(--color-surface);color:var(--color-text-muted)}.prose blockquote p{color:inherit}.prose figure{display:grid;gap:var(--space-2)}.image--section{max-width:100%;max-height:350px;margin:0 auto}.prose figcaption{color:var(--color-text-muted);font-size:var(--font-size-xs)}.post-navigation{display:grid;grid-template-columns:1fr;gap:var(--space-3);margin-top:var(--space-7)}.post-navigation__link{display:grid;gap:var(--space-2);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);color:var(--color-text);text-decoration:none}.post-navigation__link:hover{border-color:var(--color-primary-light);color:var(--color-primary-dark)}.post-navigation__link span,.back-link{color:var(--color-text-muted);font-size:var(--font-size-xs)}.back-link{margin-top:var(--space-5)}.rss-link{display:inline-flex;width:fit-content;margin-top:var(--space-4);color:var(--color-primary-dark);font-weight:700}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(min-width:44rem){body{font-size:var(--font-size-md)}h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}.hero__grid{grid-template-columns:minmax(0,1.45fr) minmax(17rem,.8fr);align-items:center}.card-grid,.swatch-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.principle-list{grid-template-columns:repeat(2,minmax(0,1fr))}.footer__inner{grid-template-columns:1fr auto;align-items:center}.footer__license{grid-column:1 / -1}.post-navigation{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:62rem){.header__inner{flex-wrap:nowrap}.site-nav{justify-content:center}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}