:root{color-scheme:light;--color-ink: #172a3a;--color-ink-soft: #4b6070;--color-brand: #176b68;--color-brand-hover: #0f514f;--color-accent: #c47a2c;--color-background: #f7f8f6;--color-surface: #fff;--color-surface-elevated: #eef4f2;--color-border: #d6e0de;--color-success: #25734d;--color-warning: #9a6817;--color-error: #b34c46;--color-focus: #b96620;--content-width: 72rem;--reading-width: 43rem;--page-spacing: clamp(1rem, 3vw, 2rem);--section-spacing: clamp(3.5rem, 8vw, 7rem);--card-padding: clamp(1.25rem, 3vw, 2rem);--radius-small: .35rem;--radius-medium: .75rem;--radius-large: 1.25rem;--shadow-soft: 0 .75rem 2rem rgb(23 42 58 / .07);--shadow-focus: 0 0 0 .2rem rgb(185 102 32 / .28);--transition-fast: .15s ease;--transition-normal: .22s ease;--breakpoint-mobile: 40rem;--breakpoint-tablet: 52rem;--breakpoint-wide: 80rem;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--color-ink);background:var(--color-background);line-height:1.6;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;overflow-x:hidden}body.menu-is-open{overflow:hidden}img{display:block;max-width:100%;height:auto}button,input{font:inherit}a{color:var(--color-brand);text-underline-offset:.18em}a:hover{color:var(--color-brand-hover)}:focus-visible{outline:.18rem solid var(--color-focus);outline-offset:.18rem;box-shadow:var(--shadow-focus)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;z-index:20;top:.75rem;left:.75rem;transform:translateY(-150%);padding:.65rem 1rem;border-radius:var(--radius-small);background:var(--color-ink);color:#fff;font-weight:700;text-decoration:none;transition:transform var(--transition-fast)}.skip-link:focus{transform:translateY(0)}.container{width:min(calc(100% - (var(--page-spacing) * 2)),var(--content-width));margin-inline:auto}.container--wide{max-width:84rem}.container--narrow{max-width:var(--reading-width)}.container--full{width:100%;max-width:none}.site-header{position:relative;z-index:10;border-bottom:1px solid var(--color-border);background:#f7f8f6f0}.site-header__inner{display:flex;min-height:4.75rem;align-items:center;justify-content:space-between;gap:2rem}.site-brand{display:inline-flex;align-items:center;gap:.7rem;color:var(--color-ink);font-weight:760;letter-spacing:-.02em;text-decoration:none}.site-brand__mark{display:grid;width:2rem;height:2rem;place-items:center;border-radius:.45rem;background:var(--color-brand);color:#fff;font-size:.62rem;letter-spacing:.04em}.site-nav{display:flex;align-items:center;gap:clamp(1rem,3vw,2rem)}.site-nav a,.footer-links a{color:var(--color-ink-soft);font-size:.95rem;font-weight:620;text-decoration:none}.site-nav a{padding-block:.6rem;border-bottom:2px solid transparent}.site-nav a:hover,.site-nav a.is-current{color:var(--color-brand)}.site-nav a.is-current{border-bottom-color:var(--color-accent)}.menu-toggle{display:none;border:1px solid var(--color-border);border-radius:var(--radius-small);background:var(--color-surface);color:var(--color-ink);padding:.65rem;cursor:pointer}.menu-toggle__icon{display:grid;gap:.22rem;width:1.2rem}.menu-toggle__icon span{display:block;height:2px;background:currentColor}.page-section{padding-block:var(--section-spacing)}.page-section--tint{background:var(--color-surface-elevated)}.section-heading{max-width:42rem;margin-bottom:2rem}.section-heading h2{margin:.3rem 0 0;font-size:clamp(1.7rem,3vw,2.5rem);line-height:1.15;letter-spacing:-.03em}.eyebrow{margin:0;color:var(--color-brand);font-size:.75rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}h1,h2,h3,p{overflow-wrap:break-word}h1,h2,h3{color:var(--color-ink)}h1{font-size:clamp(2.4rem,7vw,5.2rem);line-height:1.02;letter-spacing:-.06em}h2{line-height:1.15;letter-spacing:-.035em}p{margin-block:0 1rem}.intro{max-width:56rem;padding-block:clamp(4.5rem,11vw,9rem) 4rem}.intro h1{max-width:11ch;margin:.75rem 0 1.25rem}.intro__summary{max-width:40rem;color:var(--color-ink-soft);font-size:clamp(1.1rem,2vw,1.35rem)}.placeholder{max-width:48rem;margin-bottom:var(--section-spacing);padding:var(--card-padding);border:1px solid var(--color-border);border-radius:var(--radius-medium);background:var(--color-surface);box-shadow:var(--shadow-soft)}.placeholder h2{margin-top:0}.button{display:inline-flex;min-height:2.8rem;align-items:center;justify-content:center;gap:.45rem;padding:.65rem 1.05rem;border:1px solid transparent;border-radius:var(--radius-small);font-weight:750;line-height:1.2;text-decoration:none;cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),transform var(--transition-fast)}.button:hover{transform:translateY(-1px)}.button--primary{background:var(--color-brand);color:#fff}.button--primary:hover{background:var(--color-brand-hover);color:#fff}.button--secondary{border-color:var(--color-brand);background:transparent;color:var(--color-brand)}.button--secondary:hover{background:var(--color-surface-elevated)}.button--text{min-height:auto;padding-inline:0;color:var(--color-brand)}.button:disabled,.button[aria-disabled=true]{opacity:.5;pointer-events:none;cursor:not-allowed}.card{display:block;padding:var(--card-padding);border:1px solid var(--color-border);border-radius:var(--radius-medium);background:var(--color-surface);color:inherit;text-decoration:none;box-shadow:0 .2rem .8rem #172a3a08}.card[href]{transition:border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast)}.card[href]:hover{border-color:var(--color-brand);box-shadow:var(--shadow-soft);transform:translateY(-2px)}.card--featured{background:var(--color-surface-elevated)}.category-badge{display:inline-flex;width:fit-content;padding:.25rem .55rem;border-radius:999px;background:#e8d7bf;color:#694116;font-size:.72rem;font-weight:800;letter-spacing:.04em}.article-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem .8rem;color:var(--color-ink-soft);font-size:.82rem}.article-meta>*+*:before{margin-right:.8rem;color:var(--color-border);content:"•"}.article-meta__category{color:var(--color-brand);font-weight:750}.site-footer{padding-block:4rem 1.5rem;border-top:1px solid var(--color-border);background:#eaf0ee;color:var(--color-ink-soft)}.site-footer__grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:3rem}.site-footer__intro{max-width:26rem}.site-brand--footer{margin-bottom:1rem}.footer-heading{margin:0 0 .8rem;color:var(--color-ink);font-size:.82rem;letter-spacing:.08em;text-transform:uppercase}.footer-links{display:grid;gap:.45rem}.footer-links a:hover{color:var(--color-brand)}.site-footer__bottom{margin-top:3rem;padding-top:1.25rem;border-top:1px solid var(--color-border);font-size:.82rem}.showcase{padding-block:3rem 6rem}.showcase h1{max-width:none;margin:.5rem 0 1rem;font-size:clamp(2.5rem,6vw,4.5rem)}.showcase__section{margin-top:4rem}.showcase__section h2{margin-bottom:1.25rem}.token-grid,.component-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.token{display:flex;min-height:7rem;flex-direction:column;justify-content:end;padding:1rem;border:1px solid var(--color-border);border-radius:var(--radius-medium);background:var(--color-surface)}.swatch{width:100%;height:3rem;margin-bottom:.75rem;border-radius:var(--radius-small)}.showcase__actions{display:flex;flex-wrap:wrap;gap:.75rem}.type-sample{margin:0}.type-sample small{display:block;color:var(--color-ink-soft)}.action-row{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.75rem}.page-section--tight{padding-block:clamp(2.5rem,6vw,4.5rem)}.page-section--top{padding-top:0}.page-intro{max-width:52rem;padding-block:clamp(4rem,10vw,7rem) 3rem}.page-intro h1{margin:.5rem 0 1rem}.page-intro>p:last-child{max-width:42rem;color:var(--color-ink-soft);font-size:1.18rem}.article-list{display:grid;gap:1.25rem}.article-list--two{grid-template-columns:repeat(2,minmax(0,1fr))}.article-card{display:grid;grid-template-columns:minmax(0,1fr);gap:0;overflow:hidden;padding:0}.article-card__image{width:100%;aspect-ratio:16 / 8;object-fit:cover;background:var(--color-surface-elevated)}.article-card__content{padding:var(--card-padding)}.article-card h3{margin:.75rem 0 .45rem;font-size:clamp(1.3rem,2.5vw,1.65rem);line-height:1.2;letter-spacing:-.025em}.article-card p{color:var(--color-ink-soft)}.article-card .article-meta{margin-top:1rem}.empty-state{max-width:42rem;padding:clamp(1.5rem,4vw,2.5rem);border:1px dashed #aebfbb;border-radius:var(--radius-medium);background:var(--color-surface)}.empty-state h2,.empty-state h3{margin-top:0}.empty-state p{color:var(--color-ink-soft)}.topic-grid,.principle-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}.topic,.principle-grid article{padding:1.25rem 0;border-top:1px solid var(--color-border)}.topic h3,.principle-grid h3{margin:.8rem 0 .35rem;font-size:1.15rem}.topic p,.principle-grid p{color:var(--color-ink-soft)}.split-section{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1fr);gap:clamp(2rem,8vw,8rem)}.split-section h2{margin-top:.35rem;font-size:clamp(1.8rem,4vw,3rem);letter-spacing:-.04em}.text-link{font-weight:750}.resource-panel{display:flex;align-items:end;justify-content:space-between;gap:2rem;padding:clamp(1.5rem,5vw,3rem);border:1px solid var(--color-border);border-radius:var(--radius-large);background:var(--color-surface)}.resource-panel h2{margin:.35rem 0 .6rem}.resource-panel p:last-child{max-width:42rem;color:var(--color-ink-soft)}.breadcrumbs{padding-top:2rem;font-size:.88rem}.breadcrumbs ol{display:flex;flex-wrap:wrap;gap:.4rem;padding:0;margin:0;list-style:none}.breadcrumbs li+li:before{margin-right:.4rem;color:var(--color-ink-soft);content:"/"}.breadcrumbs span{color:var(--color-ink-soft)}.article-page{padding-bottom:1rem}.article-header{padding-block:2.5rem 2rem}.article-header h1{margin:.75rem 0 1rem;font-size:clamp(2.35rem,6vw,4.45rem)}.article-header__summary{max-width:39rem;color:var(--color-ink-soft);font-size:clamp(1.1rem,2vw,1.3rem)}.article-header .article-meta{margin-top:1.25rem}.tag-list{display:flex;flex-wrap:wrap;gap:.5rem;padding:0;margin:1.25rem 0 0;list-style:none}.tag-list li{padding:.2rem .55rem;border:1px solid var(--color-border);border-radius:999px;color:var(--color-ink-soft);font-size:.78rem}.article-featured-image{width:100%;margin-bottom:2rem;border-radius:var(--radius-medium);background:var(--color-surface-elevated)}.prose{color:#253b4a;font-size:1.06rem}.prose>:first-child{margin-top:0}.prose h2{margin:2.5rem 0 .75rem;font-size:clamp(1.55rem,3vw,2.2rem)}.prose h3{margin:2rem 0 .65rem;font-size:1.25rem}.prose li+li{margin-top:.35rem}.prose blockquote{margin:1.75rem 0;padding:.25rem 0 .25rem 1.25rem;border-left:.25rem solid var(--color-accent);color:var(--color-ink-soft);font-size:1.1rem}.prose hr{margin-block:2.5rem;border:0;border-top:1px solid var(--color-border)}.prose pre{overflow-x:auto;padding:1rem;border-radius:var(--radius-small);background:var(--color-ink);color:#f7f8f6}.prose code{font-size:.9em}.prose :not(pre)>code{padding:.1em .3em;border-radius:.2rem;background:var(--color-surface-elevated)}.prose table{display:block;width:max-content;max-width:100%;overflow-x:auto;border-collapse:collapse}.prose th,.prose td{padding:.65rem .8rem;border:1px solid var(--color-border);text-align:left}.prose th{background:var(--color-surface-elevated)}.article-back{margin-block:2.5rem}.author-placeholder{max-width:52rem}.author-placeholder h2{margin:.35rem 0 .75rem}.author-placeholder>p:not(.eyebrow){color:var(--color-ink-soft)}.contact-layout{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1fr);gap:clamp(2rem,8vw,6rem)}.contact-layout h2{margin-top:0}.contact-placeholder{display:inline-block;padding:.35rem .6rem;border:1px dashed #aebfbb;border-radius:var(--radius-small);color:var(--color-ink-soft);font-weight:700}.contact-form{display:grid;gap:1rem;padding:var(--card-padding);border:1px solid var(--color-border);border-radius:var(--radius-medium);background:var(--color-surface)}.contact-form label{display:block;margin-bottom:.35rem;font-weight:700}textarea{width:100%;padding:.65rem .75rem;border:1px solid #aebfbb;border-radius:var(--radius-small);background:var(--color-surface);color:var(--color-ink);resize:vertical}.contact-form .button{justify-self:start}.policy-page{padding-block:clamp(4rem,10vw,7rem)}.policy-page h1{margin:.5rem 0 1rem}.policy-notice{padding:1rem 1.15rem;border-left:.25rem solid var(--color-accent);background:#fff5e9;color:#684616}.not-found{max-width:48rem;padding-block:clamp(6rem,15vw,12rem)}.not-found h1{margin:.5rem 0 1rem}.not-found>p:not(.eyebrow){max-width:38rem;color:var(--color-ink-soft);font-size:1.18rem}@media(max-width:40rem){.site-header__inner{min-height:4.25rem}.menu-toggle{display:block}.site-nav{position:absolute;top:100%;right:var(--page-spacing);left:var(--page-spacing);display:none;padding:.75rem;border:1px solid var(--color-border);border-radius:0 0 var(--radius-medium) var(--radius-medium);background:var(--color-surface);box-shadow:var(--shadow-soft)}.site-nav a{display:block;padding:.75rem;border:0}.menu-toggle[aria-expanded=true]+.site-nav{display:grid}.site-footer__grid,.topic-grid,.principle-grid,.article-list--two,.contact-layout,.split-section,.token-grid,.component-grid{grid-template-columns:1fr}.resource-panel{align-items:start;flex-direction:column}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.article-featured{margin:0 0 2rem;padding:.5rem;border:1px solid var(--color-border);border-radius:var(--radius-medium);background:var(--color-surface-elevated)}.article-featured-image{width:100%;margin:0;border-radius:calc(var(--radius-medium) - .25rem)}.article-featured figcaption,.prose figcaption{padding:.55rem .35rem .1rem;color:var(--color-ink-soft);font-size:.82rem}.prose p,.prose ul,.prose ol,.prose blockquote,.prose table,.prose pre,.prose details{margin-block:0 1.15rem}.prose a{overflow-wrap:anywhere}.prose pre{max-width:100%;white-space:pre}.prose table{width:100%;max-width:100%}.prose th,.prose td{min-width:8rem}.prose img{width:100%;min-height:4rem;margin-block:1.5rem;padding:.35rem;border:1px solid var(--color-border);border-radius:var(--radius-small);background:var(--color-surface-elevated);object-fit:contain}.prose a:has(>img){display:block;color:inherit}.prose a:has(>img) img{margin-block:0}.prose details{padding:.8rem 1rem 0;border:1px solid var(--color-border);border-radius:var(--radius-small);background:var(--color-surface)}.prose details[open]{border-color:#aebfbb;background:var(--color-surface-elevated)}.prose summary{display:list-item;padding:.1rem 2rem .8rem 0;color:var(--color-ink);font-weight:750;cursor:pointer}.prose details[open] summary{color:var(--color-brand-hover)}.prose details p{margin-bottom:.8rem}