.accordion{flex-direction:column;display:flex}.accordion__item{border-bottom:1px solid var(--border)}.accordion__trigger{width:100%;padding:var(--space-4)0;font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--weight-medium);color:var(--text);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;outline:none;justify-content:space-between;align-items:center;display:flex}.accordion__trigger[data-hovered]{color:var(--primary)}.accordion__trigger[data-focus-visible]{box-shadow:var(--focus-ring)}.accordion__title{text-align:left}.accordion__chevron{color:var(--text-muted);transition:transform var(--transition-normal);flex-shrink:0}[data-expanded]>h3>.accordion__trigger .accordion__chevron{transform:rotate(180deg)}.accordion__panel{color:var(--text-muted);font-size:var(--text-sm);line-height:var(--leading-normal);grid-template-rows:0fr;transition:grid-template-rows .2s;display:grid}[data-expanded]>.accordion__panel{grid-template-rows:1fr}.accordion__panel-inner{overflow:hidden}.accordion__panel-inner>div{padding-bottom:var(--space-4)}
.badge{padding:var(--space-1)var(--space-2);font-size:var(--text-xs);font-weight:var(--weight-medium);border-radius:var(--radius-sm);vertical-align:middle;border:1px solid #0000;align-items:center;line-height:1;display:inline-flex}.badge--default{background:var(--surface-raised);border-color:var(--border);color:var(--text-muted)}.badge--gold{background:var(--primary-subtle);border-color:var(--gold-700);color:var(--gold-300)}.badge--success{background:var(--success-subtle);color:var(--success);border-color:#166534}.badge--danger{background:var(--danger-subtle);color:var(--danger);border-color:#991b1b}
.article-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:inherit;transition:border-color var(--transition-normal);flex-direction:column;text-decoration:none;display:flex;overflow:hidden}.article-card:hover{border-color:var(--primary)}.article-card__image{aspect-ratio:16/9;background:var(--surface-raised);overflow:hidden}.article-card__image img{object-fit:cover;width:100%;height:100%}.article-card__body{gap:var(--space-3);padding:var(--space-5);flex-direction:column;display:flex}.article-card__meta{align-items:center;gap:var(--space-3);display:flex}.article-card__date{align-items:center;gap:var(--space-1);font-size:var(--text-xs);color:var(--text-subtle);display:flex}.article-card__title{font-size:var(--text-lg);font-weight:var(--weight-medium);line-height:var(--leading-tight);color:var(--text)}.article-card__excerpt{font-size:var(--text-sm);color:var(--text-muted);line-height:var(--leading-normal);-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.article-card--featured{border-color:var(--border)}.article-card--featured .article-card__title{font-size:var(--text-xl);font-weight:var(--weight-bold)}@media (max-width:768px){.article-card--featured .article-card__title{font-size:var(--text-lg)}}
.button{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-2)var(--space-4);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--weight-medium);line-height:var(--leading-tight);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast);border:1px solid #0000;outline:none;display:inline-flex}.button--lg{padding:var(--space-3)var(--space-6);font-size:var(--text-base)}.button[data-focus-visible]{box-shadow:var(--focus-ring)}.button[data-disabled]{opacity:.5;cursor:not-allowed}.button--primary{background:var(--primary);color:var(--neutral-950)}.button--primary[data-hovered]{background:var(--primary-hover)}.button--primary[data-pressed]{background:var(--primary-active)}.button--secondary{background:var(--surface-raised);border-color:var(--border);color:var(--text)}.button--secondary[data-hovered]{background:var(--neutral-700)}.button--secondary[data-pressed]{background:var(--neutral-600)}.button--quiet{color:var(--text-muted);background:0 0}.button--quiet[data-hovered]{background:var(--surface-raised);color:var(--text)}.button--quiet[data-pressed]{background:var(--neutral-700)}
.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--space-6)}.card--outlined{background:0 0}.card--highlighted{border-color:var(--primary)}
.checkbox{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text);cursor:pointer;display:flex}.checkbox[data-disabled]{opacity:.5;cursor:not-allowed}.checkbox__box{flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;display:flex}.checkbox__box svg{fill:none;width:12px;height:12px;stroke:var(--neutral-950);stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round;opacity:0;transition:opacity var(--transition-fast)}.checkbox[data-selected] .checkbox__box svg{opacity:1}
.modal-overlay{z-index:100;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-overlay[data-entering]{animation:.2s overlay-enter}.modal-overlay[data-exiting]{animation:.15s overlay-exit}@keyframes overlay-enter{0%{opacity:0}}@keyframes overlay-exit{to{opacity:0}}.dialog{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-6);outline:none;min-width:320px;max-width:480px;max-height:85vh;overflow:auto;box-shadow:0 16px 48px #00000080}.modal-overlay[data-entering] .dialog{animation:.2s dialog-enter}.modal-overlay[data-exiting] .dialog{animation:.15s dialog-exit}@keyframes dialog-enter{0%{opacity:0;transform:scale(.97)translateY(4px)}}@keyframes dialog-exit{to{opacity:0;transform:scale(.97)translateY(4px)}}.dialog__title{font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--text);margin:0 0 var(--space-2)0}
.field-label{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text)}.field-description{font-size:var(--text-xs);color:var(--text-muted)}.field-error{font-size:var(--text-xs);color:var(--danger)}
.link{color:var(--primary);font-size:var(--text-sm);transition:color var(--transition-fast),text-decoration var(--transition-fast);border-radius:var(--radius-sm);outline:none;text-decoration:none}.link[data-hovered]{color:var(--primary-hover);text-decoration:underline}.link[data-pressed]{color:var(--primary-active)}.link[data-focus-visible]{box-shadow:var(--focus-ring)}
.popover{background:var(--surface-overlay);border:1px solid var(--border);border-radius:var(--radius-md);max-height:inherit;outline:none;overflow:auto;box-shadow:0 8px 24px #0006}.popover[data-entering]{animation:.15s popover-enter}.popover[data-exiting]{animation:.1s popover-exit}@keyframes popover-enter{0%{opacity:0;transform:translateY(-4px)}}@keyframes popover-exit{to{opacity:0;transform:translateY(-4px)}}
.menu{padding:var(--space-1);outline:none}.menu__item{padding:var(--space-2)var(--space-3);font-size:var(--text-sm);color:var(--text);border-radius:var(--radius-sm);cursor:pointer;outline:none}.menu__item[data-focused]{background:var(--surface-raised)}.menu__item[data-disabled]{opacity:.5;cursor:not-allowed}.menu__separator{background:var(--border);height:1px;margin:var(--space-1)0}
.navbar{z-index:50;background:color-mix(in srgb,var(--background)80%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border);position:sticky;top:0}.navbar__inner{max-width:var(--container-max);padding:var(--space-3)var(--container-padding);align-items:center;margin:0 auto;display:flex}.navbar__logo{flex-shrink:0}.navbar__links{align-items:center;gap:var(--space-6);flex:1;justify-content:center;display:flex}.navbar__link{align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-muted);transition:color var(--transition-fast);display:inline-flex}.navbar__link:hover{color:var(--text)}.navbar__link--active{color:var(--primary)}.navbar__link--disabled{cursor:default;opacity:.5}.navbar__link--disabled:hover{color:var(--text-muted)}.navbar__badge{font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--primary);background:var(--primary-subtle);padding:1px var(--space-2);border-radius:var(--radius-full);white-space:nowrap}.navbar__right{align-items:center;gap:var(--space-3);flex-shrink:0;display:flex}.navbar__hamburger{color:var(--text);cursor:pointer;padding:var(--space-2);border-radius:var(--radius-sm);-webkit-tap-highlight-color:transparent;background:0 0;border:none;outline:none;justify-content:center;align-items:center;display:none}.navbar__hamburger[data-hovered]{background:var(--surface-raised)}.navbar__hamburger[data-pressed]{background:var(--neutral-700)}.navbar__hamburger[data-focus-visible]{box-shadow:var(--focus-ring)}@keyframes navbar-slide-down{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1024px){.navbar__inner{max-width:var(--container-max-tablet)}}@media (max-width:768px){.navbar__inner{justify-content:space-between}.navbar__links{background:var(--surface);border-bottom:1px solid var(--border);padding:var(--space-6)var(--container-padding);align-items:stretch;gap:var(--space-5);flex-direction:column;display:none;position:absolute;top:100%;left:0;right:0}.navbar__links--open{animation:.2s ease-out navbar-slide-down;display:flex}.navbar__link{font-size:var(--text-base);padding:var(--space-2)0}.navbar__cta{display:none}.navbar__hamburger{order:1;display:flex}}
.prose{font-size:var(--text-base);line-height:var(--leading-normal);color:var(--text)}.prose h2{font-size:var(--text-2xl);font-weight:var(--weight-bold);line-height:var(--leading-tight);margin-top:var(--space-10);margin-bottom:var(--space-4);color:var(--text)}.prose h3{font-size:var(--text-xl);font-weight:var(--weight-semibold);line-height:var(--leading-tight);margin-top:var(--space-8);margin-bottom:var(--space-3);color:var(--text)}.prose p{margin-bottom:var(--space-4)}.prose a{color:var(--primary);text-underline-offset:2px;text-decoration:underline}.prose a:hover{color:var(--primary-hover)}.prose strong{font-weight:var(--weight-semibold);color:var(--text)}.prose ul,.prose ol{margin-bottom:var(--space-4);padding-left:var(--space-6)}.prose ul{list-style-type:disc}.prose ol{list-style-type:decimal}.prose li{margin-bottom:var(--space-2);color:var(--text-muted)}.prose li strong{color:var(--text)}.prose blockquote{border-left:3px solid var(--primary);padding-left:var(--space-4);margin-bottom:var(--space-4);color:var(--text-muted);font-style:italic}.prose code{background:var(--surface-raised);border-radius:var(--radius-sm);color:var(--primary);padding:2px 6px;font-family:SF Mono,Fira Code,Fira Mono,Roboto Mono,monospace;font-size:.875em}.prose pre{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--space-4);margin-bottom:var(--space-4);overflow-x:auto}.prose pre code{color:var(--text-muted);font-size:var(--text-sm);background:0 0;border-radius:0;padding:0}.prose img{border-radius:var(--radius-sm);max-width:100%;height:auto;margin-bottom:var(--space-4)}.prose hr{border:none;border-top:1px solid var(--border);margin:var(--space-8)0}.prose table{border-collapse:collapse;width:100%;margin-bottom:var(--space-4);font-size:var(--text-sm);-webkit-overflow-scrolling:touch;display:block;overflow-x:auto}.prose th{text-align:left;font-weight:var(--weight-semibold);padding:var(--space-2)var(--space-3);border-bottom:2px solid var(--border);color:var(--text)}.prose td{padding:var(--space-2)var(--space-3);border-bottom:1px solid var(--border);color:var(--text-muted)}.prose>:first-child{margin-top:0}.prose>:last-child{margin-bottom:0}
.radio-group{gap:var(--space-2);flex-direction:column;display:flex}.radio-group__label{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text)}.radio{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text);cursor:pointer;display:flex}.radio[data-disabled]{opacity:.5;cursor:not-allowed}.radio__circle{border-radius:var(--radius-full);flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;display:flex}.radio__dot{border-radius:var(--radius-full);background:var(--neutral-950);opacity:0;width:8px;height:8px;transition:opacity var(--transition-fast)}.radio[data-selected] .radio__dot{opacity:1}
.section{max-width:var(--container-max);padding:var(--space-16)var(--container-padding);margin:0 auto}@media (max-width:1024px){.section{max-width:var(--container-max-tablet)}}
.select{gap:var(--space-1);flex-direction:column;display:flex}.select__trigger{justify-content:space-between;align-items:center;gap:var(--space-2);padding:var(--space-2)var(--space-3);font-family:var(--font-sans);font-size:var(--text-sm);color:var(--text);cursor:pointer;outline:none;display:flex}.select__trigger[data-focus-visible]{box-shadow:var(--focus-ring)}.select__value[data-placeholder]{color:var(--text-subtle)}.select__chevron{fill:none;width:16px;height:16px;stroke:var(--text-muted);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.select__listbox{padding:var(--space-1);outline:none}.select__option{padding:var(--space-2)var(--space-3);font-size:var(--text-sm);color:var(--text);border-radius:var(--radius-sm);cursor:pointer;outline:none}.select__option[data-focused]{background:var(--surface-raised)}.select__option[data-selected]{color:var(--primary)}
.stat{gap:var(--space-1);flex-direction:column;display:flex}.stat__value{font-size:var(--text-2xl);font-weight:var(--weight-bold);color:var(--text);position:relative}.stat__placeholder{visibility:hidden}.stat__animated{position:absolute;inset:0}.stat__label{font-size:var(--text-sm);color:var(--text-muted)}
.switch{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text);cursor:pointer;display:flex}.switch[data-disabled]{opacity:.5;cursor:not-allowed}.switch__track{border-radius:var(--radius-full);background:var(--neutral-700);border:1px solid var(--border);width:36px;height:20px;transition:background var(--transition-fast),border-color var(--transition-fast);flex-shrink:0;position:relative}.switch[data-selected] .switch__track{background:var(--primary);border-color:var(--primary)}.switch[data-focus-visible] .switch__track{box-shadow:var(--focus-ring)}.switch__handle{border-radius:var(--radius-full);background:var(--text);width:14px;height:14px;transition:transform var(--transition-fast);position:absolute;top:2px;left:2px}.switch[data-selected] .switch__handle{background:var(--neutral-950);transform:translate(16px)}
.tabs{flex-direction:column;display:flex}.tab-list{border-bottom:1px solid var(--border);display:flex}.tab{padding:var(--space-2)var(--space-4);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-muted);cursor:pointer;transition:color var(--transition-fast),border-color var(--transition-fast);background:0 0;border:none;border-bottom:2px solid #0000;outline:none;margin-bottom:-1px}.tab[data-hovered]{color:var(--text)}.tab[data-selected]{color:var(--primary);border-bottom-color:var(--primary)}.tab[data-focus-visible]{box-shadow:var(--focus-ring)}.tab-panel{padding:var(--space-4)0;outline:none;animation:.2s tab-panel-in}@keyframes tab-panel-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}
.text-area{gap:var(--space-1);flex-direction:column;display:flex}.text-area__input{padding:var(--space-2)var(--space-3);font-family:var(--font-sans);font-size:var(--text-sm);color:var(--text);resize:vertical;outline:none;min-height:80px}.text-area__input::placeholder{color:var(--text-subtle)}
.text-field{gap:var(--space-1);flex-direction:column;display:flex}.text-field__input{padding:var(--space-2)var(--space-3);font-family:var(--font-sans);font-size:var(--text-sm);color:var(--text);outline:none}.text-field__input::placeholder{color:var(--text-subtle)}
.tooltip{background:var(--surface-raised);border:1px solid var(--gold-800);border-radius:var(--radius-sm);padding:var(--space-1)var(--space-2);font-size:var(--text-xs);color:var(--text);max-width:200px;box-shadow:0 4px 12px #0000004d}.tooltip[data-entering]{animation:.12s tooltip-enter}.tooltip[data-exiting]{animation:80ms tooltip-exit}@keyframes tooltip-enter{0%{opacity:0;transform:translateY(2px)}}@keyframes tooltip-exit{to{opacity:0;transform:translateY(2px)}}
.wave{width:100%;margin-bottom:-1px;line-height:0}.wave--flip{margin-top:-1px;margin-bottom:0;transform:rotate(180deg)}.wave__svg{width:100%;height:140px;display:block}