@layer axiom.reset,axiom.tokens,axiom.base,axiom.layout,axiom.components,axiom.utilities;@layer axiom.base{html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}body{line-height:1;}ol,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}table{border-collapse:collapse;border-spacing:0;}*,*:before,*:after{box-sizing:border-box;}@supports (--a-use-css-reset:true){*,*::before,*::after{box-sizing:border-box;}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}html{text-size-adjust:100%;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}body{line-height:1.6;}ol,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}table{border-collapse:collapse;border-spacing:0;}button{background:none;border:none;padding:0;font:inherit;cursor:pointer;outline:inherit;}img,svg,video,canvas,audio,iframe,embed,object{display:block;max-width:100%;height:auto;}:focus-visible{outline:3px solid var(--a-color-primary,#0077cc);outline-offset:2px;}:focus:not(:focus-visible){outline:none;}input,button,textarea,select{font:inherit;}input:invalid{box-shadow:none;}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";}}:root{--a-color-primary-h:210;--a-color-primary-s:80%;--a-color-primary-l:50%;--a-space-none:0;--a-space-tiny:4px;--a-space-small:8px;--a-space-base:16px;--a-space-medium:24px;--a-space-large:32px;--a-space-xlarge:48px;--a-space-xxlarge:64px;--a-padding-tiny:var(--a-space-tiny);--a-padding-small:var(--a-space-small);--a-padding-base:var(--a-space-base);--a-padding-medium:var(--a-space-medium);--a-padding-large:var(--a-space-large);--a-padding-xlarge:var(--a-space-xlarge);--a-padding-xxlarge:var(--a-space-xxlarge);--a-margin-tiny:var(--a-space-tiny);--a-margin-small:var(--a-space-small);--a-margin-base:var(--a-space-base);--a-margin-medium:var(--a-space-medium);--a-margin-large:var(--a-space-large);--a-margin-xlarge:var(--a-space-xlarge);--a-margin-xxlarge:var(--a-space-xxlarge);--a-heading-margin-top:var(--a-margin-medium);--a-heading-margin-bottom:var(--a-margin-base);--a-paragraph-margin-bottom:var(--a-margin-base);--a-block-element-margin-bottom:var(--a-margin-base);--a-grid-gutter:var(--a-space-base);--a-font-family-sans:"Open Sans",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Helvetica Neue",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";--a-font-family-mono:"Courier New",Courier,monospace;--a-font-size-base:1rem;--a-font-size-small:calc(var(--a-font-size-base) * 0.875);--a-line-height-base:1.6;--a-line-height-heading:1.3;--a-heading-scale:1.15;--a-font-weight-normal:400;--a-font-weight-medium:500;--a-font-weight-bold:700;--a-font-size-h6:calc(var(--a-font-size-base) / var(--a-heading-scale));--a-font-size-h5:var(--a-font-size-base);--a-font-size-h4:calc(var(--a-font-size-base) * var(--a-heading-scale));--a-font-size-h3:calc(var(--a-font-size-h4) * var(--a-heading-scale));--a-font-size-h2:calc(var(--a-font-size-h3) * var(--a-heading-scale));--a-font-size-h1:calc(var(--a-font-size-h2) * var(--a-heading-scale));--a-border-width-base:1px;--a-border-style-base:solid;--a-border-radius-small:3px;--a-border-radius-base:5px;--a-border-radius-large:8px;--a-layout-max-width:1200px;--a-layout-gutter:clamp(var(--a-space-s),4vw,var(--a-space-l));--a-grid-min-column:min(100%,18rem);--a-grid-min-column-mobile:min(100%,14rem);--a-min-input-size:260px;--a-inline-label-width:100px;--a-inline-validation-width:160px;--a-decorate-containers:false;--a-gradient-primary:linear-gradient( 135deg,var(--a-color-primary) 0%,color-mix(in srgb,var(--a-color-primary) 70%,#0ea5e9) 100% );--a-gradient-sunset:linear-gradient(135deg,#f97316 0%,#facc15 100%);--a-gradient-ocean:linear-gradient(135deg,#0ea5e9 0%,#2dd4bf 100%);--a-gradient-forest:linear-gradient(135deg,#10b981 0%,#84cc16 100%);--a-color-on-gradient:oklch(98% 0 0);}:root{--a-breakpoint-xs:480px;--a-breakpoint-sm:576px;--a-breakpoint-md:768px;--a-breakpoint-lg:992px;--a-breakpoint-xl:1200px;--a-breakpoint-xxl:1400px;--a-theme-light:"light";--a-theme-dark:"dark";--a-theme-blue:"blue";--a-theme-gray:"gray";--a-theme-sunset:"sunset";--a-theme-forest:"forest";--a-theme-metallic-chic:"metallic-chic";--a-theme-deep-vintage:"deep-vintage";--a-theme-mechanical-floaty:"mechanical-floaty";--a-theme-cool-collected:"cool-collected";--a-theme-cinematic-dark:"cinematic-dark";--a-theme-cinematic-red:"cinematic-red";--a-theme-monotone-light:"monotone-light";--a-theme-monotone-dark:"monotone-dark";--a-version:"0.1";--a-build-date:"2023-07-25";--a-use-css-reset:true;--a-enable-animations:true;--a-enable-transitions:true;--a-enable-fonts:true;--a-transition-speed-fast:0.2s;--a-transition-speed-normal:0.3s;--a-transition-speed-slow:0.5s;--a-transition-timing:ease-in-out;--a-font-display:swap;}#color-palette .swatch{width:100px;height:100px;border-radius:50%;border:1px solid var(--a-color-outline);position:relative;display:flex;align-items:center;justify-content:center;text-align:center;box-sizing:content-box;margin-bottom:60px;color:var(--a-color-on-primary);}#color-palette .swatch.primary{background-color:var(--a-color-primary);}#color-palette .swatch.secondary{background-color:var(--a-color-secondary);}#color-palette .swatch.tertiary{background-color:var(--a-color-tertiary);}#color-palette .swatch.surface{background-color:var(--a-color-surface);color:var(--a-color-on-surface);}#color-palette .swatch.on-surface{background-color:var(--a-color-on-surface);color:var(--a-color-surface);}#color-palette .swatch.outline{background-color:var(--a-color-outline);color:var(--a-color-on-surface-variant);}#color-palette .swatch.primary-container{background-color:var(--a-color-primary-container);}#color-palette .swatch.secondary-container{background-color:var(--a-color-secondary-container);}#color-palette .swatch.tertiary-container{background-color:var(--a-color-tertiary-container);}#color-palette .swatch.error-container{background-color:var(--a-color-error-container);}#color-palette .swatch.analogous-1{background-color:var(--a-color-analogous-1);}#color-palette .swatch.analogous-2{background-color:var(--a-color-analogous-2);}#color-palette .swatch.analogous-1-container{background-color:var(--a-color-analogous-1-container);}#color-palette .swatch.analogous-2-container{background-color:var(--a-color-analogous-2-container);}#color-palette .swatch.success{background-color:var(--a-color-success);}#color-palette .swatch.warning{background-color:var(--a-color-warning);}#color-palette .swatch.error{background-color:var(--a-color-error);}#color-palette .swatch.info{background-color:var(--a-color-info);}#color-palette .swatch.gradient-primary{background:var(--a-gradient-primary);}#color-palette .swatch.gradient-sunset{background:var(--a-gradient-sunset);}#color-palette .swatch.gradient-ocean{background:var(--a-gradient-ocean);}#color-palette .swatch.gradient-forest{background:var(--a-gradient-forest);}#color-palette .swatch.gray-1{background-color:var(--a-color-gray-1);color:var(--a-color-on-surface);}#color-palette .swatch.gray-5{background-color:var(--a-color-gray-5);color:var(--a-color-on-surface);}#color-palette .swatch.gray-10{background-color:var(--a-color-gray-10);color:var(--a-color-on-surface);}#color-palette .swatch.gray-15{background-color:var(--a-color-gray-15);color:var(--a-color-on-surface);}#color-palette .swatch.gray-20{background-color:var(--a-color-gray-20);color:var(--a-color-on-surface);}#color-palette .swatch.gray-25{background-color:var(--a-color-gray-25);color:var(--a-color-on-surface);}#color-palette .swatch.gray-30{background-color:var(--a-color-gray-30);color:var(--a-color-on-surface);}#color-palette .swatch.gray-36{background-color:var(--a-color-gray-36);color:var(--a-color-surface);}#color-palette .swatch .info{position:absolute;bottom:-50px;left:50%;transform:translateX(-50%);width:150px;text-align:center;background-color:transparent;color:var(--a-color-on-surface);margin:0;padding:0;}#color-palette .swatch .info h4{font-size:var(--a-font-size-base);margin:0 0 var(--a-space-xs);}#color-palette .swatch .info p{font-family:var(--a-font-family-mono);font-size:var(--a-font-size-sm);color:var(--a-color-on-surface-variant);margin:0;}#color-palette .swatch span{display:flex;align-items:center;justify-content:center;height:100%;width:100%;font-weight:var(--a-font-weight-bold);text-align:center;}#color-palette .swatch.primary-container span{color:var(--a-color-on-primary-container);}#color-palette .swatch.secondary-container span{color:var(--a-color-on-secondary-container);}#color-palette .swatch.tertiary-container span{color:var(--a-color-on-tertiary-container);}#color-palette .swatch.error-container span{color:var(--a-color-on-error-container);}#color-palette .swatch.analogous-1-container span{color:var(--a-color-on-analogous-1-container);}#color-palette .swatch.analogous-2-container span{color:var(--a-color-on-analogous-2-container);}#color-palette .color-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--a-space-l);row-gap:var(--a-space-3xl);margin-bottom:var(--a-space-xl);}#color-palette .greyscale-grid{grid-template-columns:repeat(auto-fit,minmax(80px,1fr));row-gap:var(--a-space-2xl);}#color-palette .swatch.small{width:60px;height:60px;margin-bottom:40px;}#color-palette .swatch.small .info{bottom:-40px;width:100px;}#color-palette .swatch.small .info p{font-size:0.8rem;}#color-palette h3{font-size:var(--a-font-size-h3);font-weight:var(--a-font-weight-bold);margin-bottom:var(--a-space-m);padding-bottom:var(--a-space-s);border-bottom:1px solid var(--a-color-outline);}#color-palette .actions{display:flex;justify-content:center;gap:var(--a-space-m);margin-top:var(--a-space-l);}*,*::before,*::after{box-sizing:border-box;}body{margin:0;font-family:var(--a-font-family-sans);font-size:var(--a-font-size-base);line-height:var(--a-line-height-base);color:var(--a-color-on-surface);background-color:var(--a-color-surface);overflow-x:hidden;}body[data-axiom-scroll-lock="true"]{overscroll-behavior:contain;}.axiom-body{}a{color:var(--a-color-primary);text-decoration:none;transition:color 0.2s ease;}a:hover{text-decoration:underline;color:var(--a-color-primary);filter:brightness(85%);}.is-hidden{display:none !important;}header.main{background-color:var(--a-color-surface);border-bottom:1px solid var(--a-color-outline);height:60px;z-index:1000;}header.main nav{display:flex;justify-content:flex-start;align-items:center;height:100%;max-width:1400px;margin:0 auto;padding:0 var(--a-space-m);gap:var(--a-space-l);}header.main .brand{font-family:var(--a-font-family-mono);font-weight:var(--a-font-weight-bold);font-size:1.75rem;text-decoration:none;color:var(--a-color-on-surface);flex-shrink:0;}header.main .brand .primary{color:var(--a-color-primary);}header.main ul.links{display:flex;gap:var(--a-space-l);list-style:none;margin:0;padding:0;flex:1;justify-content:center;align-items:center;}header.main ul.links a{color:var(--a-color-on-surface-variant);text-decoration:none;font-weight:var(--a-font-weight-bold);transition:color 0.2s ease;}header.main ul.links a:hover{color:var(--a-color-primary);}header.main .actions{display:flex;align-items:center;gap:var(--a-space-m);flex-shrink:0;margin-left:auto;}header.main .jump-menu{position:relative;}header.main .jump-menu button{background:none;border:1px solid var(--a-color-outline);border-radius:var(--a-border-radius-medium);padding:var(--a-space-s) var(--a-space-m);cursor:pointer;}header.main .jump-menu ul{position:absolute;top:100%;right:0;background:var(--a-color-surface);border:1px solid var(--a-color-outline);border-radius:var(--a-border-radius-medium);list-style:none;margin:0;padding:var(--a-space-s);display:none;}header.main .jump-menu ul.is-open{display:block;}header.main .jump-menu ul li a{display:block;padding:var(--a-space-s) var(--a-space-m);text-decoration:none;color:var(--a-color-on-surface);}header.main .jump-menu ul li a:hover{background:var(--a-color-surface-variant);}header.main .actions>*{background-color:transparent !important;border:1px solid transparent !important;color:var(--a-color-on-surface-variant) !important;display:flex;align-items:center;justify-content:center;gap:var(--a-space-xs);padding:var(--a-space-xs) var(--a-space-s);border-radius:var(--a-border-radius-base);transition:all 0.2s ease;cursor:pointer;font-size:1rem;height:40px;text-decoration:none;}header.main .actions>*:hover{color:var(--a-color-on-surface) !important;border-color:var(--a-color-outline) !important;background-color:var(--a-color-surface-variant) !important;}header.main .menu.toggle{display:none;border:none;background-color:transparent;}.search-results{max-height:50vh;overflow-y:auto;}.search-results .result-item{padding:var(--a-space-m);border-bottom:1px solid var(--a-color-outline);}.search-results .result-item:last-child{border-bottom:none;}.search-results .result-item a{text-decoration:none;color:var(--a-color-on-surface);}.search-results .result-item h4{margin:0 0 var(--a-space-s);color:var(--a-color-primary);}@media (min-width:var(--a-breakpoint-md)){}@media (min-width:768px){}#typography h1,#typography h2,#typography h3,#typography h4,#typography h5,#typography h6{font-family:var(--a-font-family-sans);font-weight:var(--a-font-weight-bold);margin-top:var(--a-space-l);margin-bottom:var(--a-space-s);color:var(--a-color-on-surface);}#typography h1{font-size:var(--a-font-size-h1);line-height:1.2;}#typography h2{font-size:var(--a-font-size-h2);line-height:1.25;}#typography h3{font-size:var(--a-font-size-h3);line-height:1.3;}#typography h4{font-size:var(--a-font-size-h4);line-height:1.4;}#typography h5{font-size:var(--a-font-size-h5);line-height:1.5;}#typography h6{font-size:var(--a-font-size-h6);line-height:1.6;font-weight:var(--a-font-weight-bold);}#typography p{font-size:var(--a-font-size-base);line-height:var(--a-line-height-base);margin-bottom:var(--a-space-m);color:var(--a-color-on-surface);max-width:65ch;}#typography strong{font-weight:var(--a-font-weight-bold);}#typography em{font-style:italic;}#typography u{text-decoration:underline;}#typography blockquote{border-left:4px solid var(--a-color-primary);padding-left:var(--a-space-m);margin:var(--a-space-l) 0;font-style:italic;color:var(--a-color-on-surface-variant);}#typography blockquote cite{display:block;margin-top:var(--a-space-s);font-size:0.9rem;color:var(--a-color-on-surface);font-style:normal;}#typography ul,#typography ol{padding-left:var(--a-space-l);margin-bottom:var(--a-space-m);}#typography ul li,#typography ol li{margin-bottom:var(--a-space-s);}h1{font-family:var(--ax-font-heading);font-size:var(--a-font-size-h1);font-weight:700;line-height:var(--a-line-height-heading);margin:var(--a-heading-margin-top) 0 var(--a-heading-margin-bottom) 0;}h2{font-family:var(--ax-font-heading);font-size:var(--a-font-size-h2);font-weight:700;line-height:var(--a-line-height-heading);margin:var(--a-heading-margin-top) 0 var(--a-heading-margin-bottom) 0;}h3{font-family:var(--ax-font-heading);font-size:var(--a-font-size-h3);font-weight:600;line-height:var(--a-line-height-heading);margin:var(--a-heading-margin-top) 0 var(--a-heading-margin-bottom) 0;}h4{font-family:var(--ax-font-heading);font-size:var(--a-font-size-h4);font-weight:600;line-height:var(--a-line-height-heading);margin:var(--a-heading-margin-top) 0 var(--a-heading-margin-bottom) 0;}h5{font-family:var(--ax-font-heading);font-size:var(--a-font-size-h5);font-weight:500;line-height:var(--a-line-height-heading);margin:var(--a-heading-margin-top) 0 var(--a-heading-margin-bottom) 0;}h6{font-family:var(--ax-font-heading);font-size:var(--a-font-size-h6);font-weight:500;line-height:var(--a-line-height-heading);margin:var(--a-heading-margin-top) 0 var(--a-heading-margin-bottom) 0;}.actions{display:flex;justify-content:center;gap:var(--a-space-m);flex-wrap:wrap;}section>div[style*="max-width:900px"]{max-width:900px;text-align:center;}section:has(>div>article.card:first-child){background:linear-gradient(135deg,var(--a-color-primary-container) 0%,var(--a-color-secondary-container) 100%);}section:has(>div>article.card:first-child) article.card main{padding:var(--a-space-2xl);}section.hero .actions{margin:var(--a-space-l) 0 0 0;}.button,button{padding:var(--a-space-s) var(--a-space-m);font-size:var(--a-font-size-base);border-radius:var(--a-border-radius-medium);border:1px solid transparent;cursor:pointer;transition:all 0.2s ease;text-decoration:none;display:inline-block;font-weight:var(--a-font-weight-bold);text-align:center;}.button:focus-visible,button:focus-visible{outline:2px solid var(--a-color-primary);outline-offset:2px;}.button:hover{text-decoration:none;filter:brightness(90%);}.button.secondary:hover,button.secondary:hover{filter:brightness(85%);}.button.primary,button.primary{background-color:var(--a-color-primary);color:var(--a-color-on-primary);}.button.secondary,button.secondary{background-color:var(--a-color-secondary);color:var(--a-color-on-secondary);}.button.medium,button.medium{padding:var(--a-space-s) var(--a-space-m);font-size:var(--a-font-size-base);}.button.large,button.large,.button[data-size="large"],button[data-size="large"]{padding:var(--a-space-m) var(--a-space-l);font-size:1.25rem;}.button.small,button.small,.button[data-size="small"],button[data-size="small"]{padding:var(--a-space-xs) var(--a-space-s);font-size:0.875rem;}.button.floating,button.floating{position:fixed;bottom:var(--a-space-xl);right:var(--a-space-xl);z-index:1000;}button:disabled,.button:disabled,.button[disabled],button[disabled]{opacity:0.6;cursor:not-allowed;filter:none;}section.hero{background:var(--a-gradient-primary);color:var(--a-color-on-gradient);text-align:center;padding:var(--a-space-xxl) var(--a-space-xl);scroll-margin-top:60px;position:relative;width:100%;max-width:100%;overflow-x:hidden;box-sizing:border-box;}section.hero .content{display:flex;flex-direction:column;align-items:center;width:100%;max-width:100%;overflow-x:hidden;box-sizing:border-box;}section.hero.small{padding:calc(var(--a-space-xxl) + 80px) var(--a-space-xl) var(--a-space-xxl);}section.hero h1{font-size:clamp(2.2rem,6vw,3.5rem);font-weight:var(--a-font-weight-black);margin:0 0 var(--a-space-m) 0;line-height:1.1;color:white;max-width:100%;}section.hero .tagline{font-size:var(--a-font-size-lg);max-width:100%;margin:0 auto var(--a-space-m) auto;opacity:0.9;color:rgba(255,255,255,0.92);}section.hero .actions{display:flex;justify-content:center;gap:var(--a-space-m);flex-wrap:wrap;margin:0;padding:0;width:100%;max-width:100%;}section.hero>.content>p:not(.tagline){font-size:var(--a-font-size-base);max-width:700px;margin:var(--a-space-m) auto 0 auto;opacity:0.95;color:var(--a-color-on-gradient);line-height:1.6;text-align:center;}section.hero .button.primary{background-color:var(--a-color-on-gradient);color:var(--a-color-primary);}section.hero .button.secondary{background-color:transparent;border-color:var(--a-color-on-gradient);color:var(--a-color-on-gradient);}section.hero @media (max-width:768px){main>section:first-child{padding-top:max(var(--a-space-2xl),calc(60px + var(--a-space-m)));}section.hero{padding:var(--a-space-xl) var(--a-space-m);}section.hero.small{padding:calc(var(--a-space-xl) + 80px) var(--a-space-m) var(--a-space-xl);}section.hero h1{margin-bottom:var(--a-space-s);line-height:1.2;}section.hero .tagline{font-size:var(--a-font-size-base);max-width:100%;margin:0 auto var(--a-space-m) auto;}section.hero .actions{flex-direction:column;gap:var(--a-space-s);margin:var(--a-space-m) 0 0 0;width:100%;max-width:100%;}section.hero .button{width:100%;padding:var(--a-space-m) var(--a-space-l) !important;font-size:var(--a-font-size-base);}section.hero .button.primary,section.hero .button.secondary,section.hero .button.outline{padding:var(--a-space-m) var(--a-space-l) !important;}section.hero>.content>p:not(.tagline){font-size:var(--a-font-size-sm);margin:var(--a-space-l) auto 0 auto;max-width:100%;}}@media (max-width:480px){main>section:first-child{padding-top:max(var(--a-space-2xl),calc(60px + var(--a-space-l)));}section.hero{padding:var(--a-space-xl) var(--a-space-m);}section.hero h1{font-size:clamp(1.6rem,4vw,3.5rem);max-width:100%;margin-bottom:var(--a-space-xs);line-height:1.25;font-weight:var(--a-font-weight-bold);}section.hero .tagline{font-size:var(--a-font-size-sm);max-width:100%;margin:0 auto var(--a-space-m) auto;}section.hero .actions{gap:var(--a-space-xs);margin:var(--a-space-m) auto 0 auto;max-width:100%;padding:0 var(--a-space-s);}section.hero .button{padding:var(--a-space-s) var(--a-space-m) !important;font-size:var(--a-font-size-xs);}section.hero .button.primary,section.hero .button.secondary,section.hero .button.outline{padding:var(--a-space-s) var(--a-space-m) !important;}section.hero>.content>p:not(.tagline){font-size:var(--a-font-size-base);margin:var(--a-space-m) auto 0 auto;max-width:100%;}}@media (max-width:420px){html,body{width:100%;max-width:100%;overflow-x:hidden;box-sizing:border-box;}*{box-sizing:border-box;}section.hero{padding:var(--a-space-m) var(--a-space-s);}section.hero.small{padding:calc(var(--a-space-m) + 80px) var(--a-space-s) var(--a-space-m);}section.hero h1{font-size:clamp(1.4rem,3.5vw,3.5rem);margin:0 0 var(--a-space-s) 0;line-height:1.25;}section.hero .tagline{font-size:var(--a-font-size-xs);margin:0 auto var(--a-space-s) auto;}section.hero .actions{gap:var(--a-space-xs);margin:var(--a-space-m) auto 0 auto;padding:0 var(--a-space-xs);}section.hero .button{padding:var(--a-space-xs) var(--a-space-s) !important;font-size:var(--a-font-size-xs);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}section.hero>.content>p:not(.tagline){font-size:0.9rem;margin:var(--a-space-m) auto 0 auto;}}#color-palette{width:100%;max-width:100%;overflow-x:hidden;box-sizing:border-box;}#color-palette .color-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--a-space-l);row-gap:120px;margin-bottom:var(--a-space-xl);width:100%;max-width:100%;overflow-x:hidden;}@media (max-width:480px){#color-palette .color-grid{row-gap:var(--a-space-2xl);}#color-palette .swatch{margin-bottom:var(--a-space-2xl);}#color-palette .swatch .info{bottom:calc(-1 * var(--a-space-2xl));}}@media (max-width:420px){#color-palette{padding:var(--a-space-m);}#color-palette .color-grid{grid-template-columns:repeat(2,1fr);gap:var(--a-space-m);row-gap:var(--a-space-2xl);}#color-palette .swatch{width:100%;height:auto;aspect-ratio:1 / 1;min-height:80px;margin-bottom:var(--a-space-xl);}#color-palette .swatch .info{bottom:calc(-1 * var(--a-space-xl));width:calc(100% + var(--a-space-m));max-width:100%;left:50%;transform:translateX(-50%);}#color-palette .swatch .info p{font-size:0.7rem;}#color-palette .greyscale-grid{grid-template-columns:repeat(4,1fr);gap:var(--a-space-m);row-gap:var(--a-space-xl);}#color-palette .swatch.small{width:100%;height:auto;aspect-ratio:1 / 1;min-height:50px;margin-bottom:35px;}#color-palette .swatch.small .info{bottom:-35px;width:calc(100% + var(--a-space-s));max-width:100%;left:50%;transform:translateX(-50%);}#color-palette .swatch.small .info p{font-size:0.65rem;}}section{padding:var(--a-space-xl) 0;}section header{text-align:center;margin-bottom:var(--a-space-xl);}section header h2{font-size:2.2rem;font-weight:var(--a-font-weight-bold);margin:0 0 var(--a-space-s);}#philosophy header{max-width:800px;margin-left:auto;margin-right:auto;}#philosophy header p{font-size:1.1rem;line-height:1.8;color:var(--a-color-on-surface-variant);}.container{max-width:var(--a-layout-max-width);margin:0 auto;padding-inline:var(--a-layout-gutter);}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(var(--a-grid-min-column),1fr));gap:var(--a-space-l);}img,svg,video,canvas,iframe{max-width:100%;}pre,table{max-width:100%;overflow-x:auto;}@media (max-width:768px){.grid{gap:var(--a-space-m);}}@media (max-width:480px){.grid{grid-template-columns:minmax(0,1fr);}}.card{position:relative;display:flex;flex-direction:column;min-width:0;max-width:100%;overflow:hidden;word-wrap:break-word;overflow-wrap:break-word;word-break:break-word;background:var(--a-color-surface);background-clip:border-box;border:1px solid var(--a-color-outline);border-radius:var(--a-border-radius-large);box-shadow:var(--a-shadow-medium);padding:var(--a-space-l);transition:transform 0.2s ease,box-shadow 0.2s ease;}.card>header{margin-bottom:0;}.card>main{margin-top:0;}.card>footer{margin-top:auto;gap:var(--a-space-m);}.card>*{min-width:0;max-width:100%;overflow:hidden;}.card:hover{transform:translateY(-5px);box-shadow:var(--a-shadow-large);}a.card{text-decoration:none;color:var(--a-color-on-surface);}.card i{font-size:2rem;color:var(--a-color-primary);margin-bottom:var(--a-space-m);}.card h3{margin:0 0 0;}a.card,button.card{cursor:pointer;text-decoration:none;color:inherit;}a.card:hover,button.card:hover{transform:translateY(-4px);box-shadow:var(--a-shadow-lg);border-color:var(--a-color-primary);}.card>figure{margin:calc(var(--a-space-l) * -1) calc(var(--a-space-l) * -1) var(--a-space-m);padding:var(--a-space-xl);border-bottom:1px solid var(--ax-border);border-radius:var(--a-border-radius-base) var(--a-border-radius-base) 0 0;display:flex;align-items:center;justify-content:center;overflow:hidden;background-color:var(--ax-background-secondary);}.card>figure>*{max-width:100%;margin:0;}.card>.axicon:first-child{font-size:2.5rem;color:var(--a-color-primary);margin-bottom:var(--a-space-m);display:block;}.card{display:flex;flex-direction:column;}.card>footer{margin-top:auto;padding-top:var(--a-space-m);border-top:none;background:transparent;}.card.ghost{background:transparent;border:none;box-shadow:none;text-align:center;padding:0;}.card.ghost:hover{transform:translateY(-2px);box-shadow:none;}.card.ghost>.axicon:first-child{margin-left:auto;margin-right:auto;}.card.adaptive-media{display:flex;flex-direction:column;}.card.adaptive-media>header{order:1;margin-bottom:var(--a-space-m);}.card.adaptive-media>figure{order:2;margin:0 calc(var(--a-space-l) * -1) var(--a-space-m) calc(var(--a-space-l) * -1);flex-shrink:0;}.card.adaptive-media>figure img,.card.adaptive-media>figure video{width:100%;height:auto;display:block;border-radius:var(--a-border-radius-medium);}.card.adaptive-media>main{order:3;flex:1;}.card.adaptive-media>footer{order:4;margin-top:var(--a-space-m);}@media (min-width:640px){.card.adaptive-media{flex-direction:row;align-items:flex-start;gap:var(--a-space-l);}.card.adaptive-media>header{flex:0 0 100%;order:1;}.card.adaptive-media>figure{order:2;flex:0 0 45%;margin:0;min-width:0;}.card.adaptive-media>figure img,.card.adaptive-media>figure video{border-radius:var(--a-border-radius-medium);}.card.adaptive-media>main{order:3;flex:1;min-width:0;}.card.adaptive-media>footer{flex:0 0 100%;order:4;}}@media (min-width:768px) and (max-width:1023px){.card.adaptive-media{flex-direction:row;}.card.adaptive-media>figure{flex:0 0 40%;}.card.adaptive-media>main{flex:1;}}@media (min-width:1024px){.card.adaptive-media>figure{flex:0 0 50%;}.card.adaptive-media>main{flex:1;min-width:0;}}@media (max-width:639px){.card.adaptive-media{flex-direction:column;}.card.adaptive-media>figure{margin:0 calc(var(--a-space-l) * -1) var(--a-space-m) calc(var(--a-space-l) * -1);}.card.adaptive-media>figure img,.card.adaptive-media>figure video{border-radius:0 0 var(--a-border-radius-medium) var(--a-border-radius-medium);}}[data-theme="dark"] .card.adaptive-media{background:var(--a-color-surface);}[data-theme="dark"] .card.adaptive-media>figure img,[data-theme="dark"] .card.adaptive-media>figure video{opacity:0.95;}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);display:flex;align-items:center;justify-content:center;z-index:1000;opacity:0;visibility:hidden;transition:opacity 0.3s ease,visibility 0.3s ease;}.modal.open{opacity:1;visibility:visible;}.modal .content{background-color:var(--a-color-surface);color:var(--a-color-on-surface);border-radius:var(--a-border-radius-large);box-shadow:var(--a-shadow-large,0 10px 25px rgba(0,0,0,0.2));width:90%;max-width:600px;max-height:90vh;overflow-y:auto;position:relative;transform:translateY(-20px);transition:transform 0.3s ease;}.modal.open .content{transform:translateY(0);}.modal header{padding:var(--a-space-m) var(--a-space-m) var(--a-space-s);border-bottom:1px solid rgba(0,0,0,0.1);display:flex;align-items:center;justify-content:space-between;}.modal header h2,.modal header h3{margin:0;font-size:var(--a-font-size-h3);font-weight:var(--a-font-weight-medium);}.modal section{padding:var(--a-space-m);}.modal footer{padding:var(--a-space-s) var(--a-space-m) var(--a-space-m);border-top:1px solid rgba(0,0,0,0.1);display:flex;justify-content:flex-end;gap:var(--a-space-m);}.modal button[aria-label="Close modal"]{background:transparent;border:none;color:var(--a-color-on-surface-variant);font-size:1.5rem;line-height:1;cursor:pointer;padding:var(--a-space-xs);display:flex;align-items:center;justify-content:center;transition:color 0.2s ease;}.modal button[aria-label="Close modal"]:hover,.modal button[aria-label="Close modal"]:focus{color:var(--a-color-on-surface);}.modal-trigger-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--a-space-m);margin:var(--a-space-m) 0;}.modal-open{overflow:hidden;}.alert-toast-container{position:fixed;top:var(--a-space-xl);right:var(--a-space-xl);z-index:1050;display:flex;flex-direction:column;gap:var(--a-space-m);max-width:350px;pointer-events:none;}.alert-toast-container .alert{pointer-events:auto;opacity:0;transform:translateX(100%);animation:slideIn 0.3s forwards ease-out,fadeOut 0.3s forwards ease-out var(--toast-duration,3s);}@keyframes slideIn{to{opacity:1;transform:translateX(0);}}@keyframes fadeOut{from{opacity:1;transform:translateX(0);}to{opacity:0;transform:translateX(100%);}}.product-card{border:1px solid var(--a-color-outline);border-radius:var(--a-border-radius-large);overflow:hidden;}.product-image{width:100%;height:auto;}.product-info{padding:var(--a-space-m);}.product-name{font-size:1.2rem;font-weight:var(--a-font-weight-bold);margin:0 0 var(--a-space-s);}.product-price{font-size:1.1rem;color:var(--a-color-primary);margin:0 0 var(--a-space-m);}.product-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--a-space-l);}.component-browser{display:flex;flex-direction:column;border:1px solid var(--a-color-outline);border-radius:var(--a-border-radius-large);overflow:hidden;min-height:500px;}.component-browser .tabs-container{overflow-x:auto;background-color:var(--a-color-surface-variant);}.component-browser .tabs{display:flex;flex-wrap:nowrap;gap:var(--a-space-s);padding:var(--a-space-m);border-bottom:1px solid var(--a-color-outline);}.component-browser .tabs button{background:var(--a-color-surface);white-space:nowrap;}.component-browser .tabs button.active{background:var(--a-color-primary);color:var(--a-color-on-primary);}.component-browser .preview-container{flex-grow:1;}.component-browser .preview{padding:var(--a-space-l);height:100%;}.component-browser .preview iframe{width:100%;height:100%;min-height:400px;border:none;}.component-browser header{display:flex;justify-content:space-between;align-items:center;padding:var(--a-space-m);background-color:var(--a-color-surface);border-bottom:1px solid var(--a-color-outline);}.component-browser .info h4{margin:0;font-size:1.2rem;color:var(--a-color-on-surface);}.component-browser .info p{margin:0;font-size:0.9rem;color:var(--a-color-on-surface-variant);}#view-fullscreen-button{display:flex;align-items:center;gap:var(--a-space-s);}.component-browser .controls{display:flex;gap:var(--a-space-s);align-items:center;flex-wrap:wrap;}#component-search-input,#component-category-filter{padding:var(--a-space-s) var(--a-space-m);border:1px solid var(--a-color-outline);border-radius:var(--a-border-radius-medium);font-size:0.9rem;color:var(--a-color-on-surface);background-color:var(--a-color-surface);flex-grow:1;min-width:150px;}#component-search-input::placeholder{color:var(--a-color-on-surface-variant);}#component-category-filter{cursor:pointer;}@media (max-width:768px){.component-browser .controls{flex-direction:column;width:100%;}#component-search-input,#component-category-filter{width:100%;}}.main-nav{display:flex;justify-content:space-between;align-items:center;padding:var(--a-space-m) var(--a-space-l);background-color:var(--a-color-surface);border-bottom:1px solid var(--a-color-outline);}.main-nav .logo{font-family:var(--a-font-family-mono);font-weight:var(--a-font-weight-bold);font-size:1.75rem;text-decoration:none;color:var(--a-color-on-surface);}.main-nav ul{display:flex;gap:var(--a-space-l);list-style:none;margin:0;padding:0;}.breadcrumb ol{display:flex;flex-wrap:wrap;padding:var(--a-space-s) var(--a-space-m);margin-bottom:var(--a-space-m);list-style:none;background-color:var(--a-color-surface-variant);border-radius:var(--a-border-radius-medium);}.pagination ul{display:flex;gap:var(--a-space-s);list-style:none;padding:0;}.menu ul{display:flex;gap:var(--a-space-m);list-style:none;padding:0;}.menu.vertical ul{flex-direction:column;}.jump-menu{display:flex;align-items:center;gap:var(--a-space-s);}@media (max-width:992px){header.main ul.links{display:none;}header.main .menu.toggle{display:block;}header.main.menu-open ul.links{display:flex !important;flex-direction:column;position:absolute;top:calc(100% + var(--a-space-xs));left:var(--a-space-s);right:var(--a-space-s);background:var(--a-color-surface);padding:var(--a-space-m);border:1px solid var(--a-color-outline);border-radius:var(--a-border-radius-large);box-shadow:var(--a-shadow-large);max-height:calc(100vh - 80px);overflow-y:auto;gap:var(--a-space-m);z-index:999;}}.button.floating{position:fixed;bottom:var(--a-space-xl);right:var(--a-space-xl);z-index:1000;}.carousel{position:relative;}.carousel-inner{position:relative;width:100%;overflow:hidden;}.carousel-item{position:relative;display:none;float:left;width:100%;margin-right:-100%;backface-visibility:hidden;transition:transform .6s ease-in-out;}.carousel-item.active,.carousel-item-next,.carousel-item-prev{display:block;}.carousel-control-prev,.carousel-control-next{position:absolute;top:0;bottom:0;z-index:1;display:flex;align-items:center;justify-content:center;width:15%;padding:0;color:var(--a-color-on-primary);text-align:center;background:0 0;border:0;opacity:.5;transition:opacity .15s ease;}.carousel-control-prev:hover,.carousel-control-prev:focus,.carousel-control-next:hover,.carousel-control-next:focus{color:var(--a-color-on-primary);text-decoration:none;outline:0;opacity:.9;}.carousel-control-prev{left:0;}.carousel-control-next{right:0;}.carousel-control-prev-icon,.carousel-control-next-icon{display:inline-block;width:2rem;height:2rem;background-repeat:no-repeat;background-position:50%;background-size:100% 100%;}.carousel-control-prev-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");}.carousel-control-next-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3csvg%3e");}.carousel-indicators{position:absolute;right:0;bottom:0;left:0;z-index:2;display:flex;justify-content:center;padding:0;margin-right:15%;margin-bottom:1rem;margin-left:15%;list-style:none;}.carousel-indicators [data-target]{box-sizing:content-box;flex:0 1 auto;width:30px;height:3px;padding:0;margin-right:3px;margin-left:3px;text-indent:-999px;cursor:pointer;background-color:var(--a-color-on-primary);background-clip:padding-box;border:0;border-top:10px solid transparent;border-bottom:10px solid transparent;opacity:.5;transition:opacity .6s ease;}.carousel-indicators .active{opacity:1;}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;}.d-block{display:block!important;}.w-100{width:100%!important;}.progress>div{width:var(--progress-percent,0%);}.progress.labeled>div{background:var(--a-color-primary);}.progress.stacked>div.success{background:var(--a-color-success);width:var(--progress-percent,0%);}.progress.stacked>div.warning{background:var(--a-color-warning);width:var(--progress-percent,0%);}.progress.stacked>div.error{background:var(--a-color-error);width:var(--progress-percent,0%);}.progress.circular{position:relative;width:100px;height:100px;}.progress.circular svg{transform:rotate(-90deg);width:100%;height:100%;}.progress.circular circle{fill:none;stroke-width:10;}.progress.circular .track{stroke:var(--a-color-surface-variant);}.progress.circular .indicator{stroke:var(--a-color-primary);stroke-linecap:round;stroke-dasharray:var(--progress-circumference);stroke-dashoffset:calc(var(--progress-circumference) - (var(--progress-value) / 100) * var(--progress-circumference));transition:stroke-dashoffset 0.3s;}.progress.circular span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-weight:var(--a-font-weight-bold);}.chat{display:flex;flex-direction:column;border:1px solid var(--a-color-outline);border-radius:var(--a-border-radius-large);overflow:hidden;height:400px;}.chat .history{flex-grow:1;padding:var(--a-space-m);overflow-y:auto;background-color:var(--a-color-surface-variant);}.chat .message{padding:var(--a-space-s) var(--a-space-m);border-radius:var(--a-border-radius-medium);margin-bottom:var(--a-space-m);max-width:80%;}.chat .user{background-color:var(--a-color-primary);color:var(--a-color-on-primary);align-self:flex-end;margin-left:auto;}.chat .bot{background-color:var(--a-color-surface);color:var(--a-color-on-surface);align-self:flex-start;}.chat form{display:flex;padding:var(--a-space-m);border-top:1px solid var(--a-color-outline);}.chat input{flex-grow:1;border:1px solid var(--a-color-outline);border-radius:var(--a-border-radius-medium);padding:var(--a-space-s);margin-right:var(--a-space-m);}.settings{background-color:var(--a-color-surface);border:1px solid var(--a-color-outline);border-radius:var(--a-border-radius-large);box-shadow:var(--a-shadow-large);padding:var(--a-space-l);}.settings header h3{margin-top:0;}.chat-widget{display:flex;flex-direction:column;border:1px solid var(--a-color-outline);border-radius:var(--a-border-radius-large);overflow:hidden;height:400px;}.chat-history{flex-grow:1;padding:var(--a-space-m);overflow-y:auto;background-color:var(--a-color-surface-variant);}.chat-message{padding:var(--a-space-s) var(--a-space-m);border-radius:var(--a-border-radius-medium);margin-bottom:var(--a-space-m);max-width:80%;}.chat-message.user{background-color:var(--a-color-primary);color:var(--a-color-on-primary);align-self:flex-end;margin-left:auto;}.chat-message.bot{background-color:var(--a-color-surface);color:var(--a-color-on-surface);align-self:flex-start;}.chat-form{display:flex;padding:var(--a-space-m);border-top:1px solid var(--a-color-outline);}.chat-input{flex-grow:1;border:1px solid var(--a-color-outline);border-radius:var(--a-border-radius-medium);padding:var(--a-space-s);margin-right:var(--a-space-m);}#ai-chat-toggle-button{position:fixed;bottom:var(--a-space-xl);right:var(--a-space-xl);z-index:1010;border-radius:50%;width:60px;height:60px;padding:0;display:flex;align-items:center;justify-content:center;box-shadow:var(--a-shadow-large);}#ai-chat-component{position:fixed;bottom:calc(var(--a-space-xl) + 70px);right:var(--a-space-xl);width:400px;max-width:90vw;z-index:1010;}.ai-chat-panel{background-color:var(--a-color-surface);border:1px solid var(--a-color-outline);border-radius:var(--a-border-radius-large);box-shadow:var(--a-shadow-large);display:flex;flex-direction:column;height:60vh;max-height:500px;overflow:hidden;transition:transform 0.3s ease-in-out,opacity 0.3s ease-in-out;transform:translateY(20px);opacity:0;}.ai-chat-panel:not(.is-hidden){transform:translateY(0);opacity:1;}.ai-chat-panel.is-hidden{display:none;}.ai-chat-panel header{display:flex;justify-content:space-between;align-items:center;padding:var(--a-space-m);border-bottom:1px solid var(--a-color-outline);background-color:var(--a-color-surface-variant);}.ai-chat-panel header h3{margin:0;font-size:1.1rem;font-weight:var(--a-font-weight-bold);}.ai-chat-panel .close-chat{background:none;border:none;font-size:1.5rem;line-height:1;color:var(--a-color-on-surface-variant);cursor:pointer;padding:var(--a-space-xs);border-radius:50%;transition:background-color 0.2s ease;}.ai-chat-panel .close-chat:hover{background-color:rgba(0,0,0,0.1);}.ai-chat-messages{flex-grow:1;padding:var(--a-space-m);overflow-y:auto;display:flex;flex-direction:column;gap:var(--a-space-m);}.ai-message{padding:var(--a-space-s) var(--a-space-m);border-radius:var(--a-border-radius-medium);max-width:85%;line-height:1.4;}.user-message{background-color:var(--a-color-primary);color:var(--a-color-on-primary);align-self:flex-end;margin-left:auto;}.assistant-message{background-color:var(--a-color-surface-variant);color:var(--a-color-on-surface-variant);align-self:flex-start;}.ai-chat-input-area{display:flex;padding:var(--a-space-m);border-top:1px solid var(--a-color-outline);gap:var(--a-space-s);}#ai-chat-input{flex-grow:1;border:1px solid var(--a-color-outline);border-radius:var(--a-border-radius-medium);padding:var(--a-space-s);resize:none;font-family:inherit;font-size:inherit;}.wizard-layout{display:grid;grid-template-columns:300px 1fr;gap:var(--a-space-l);}.wizard-controls{background-color:var(--a-color-surface-variant);padding:var(--a-space-l);border-radius:var(--a-border-radius-large);}.wizard-controls h2{margin-top:0;}.control-group{margin-bottom:var(--a-space-m);}.control-group label{display:block;margin-bottom:var(--a-space-xs);}.control-group input[type="color"],.control-group input[type="text"]{width:100%;padding:var(--a-space-s);border:1px solid var(--a-color-outline);border-radius:var(--a-border-radius-medium);}.wizard-preview{padding:var(--a-space-l);border:1px solid var(--a-color-outline);border-radius:var(--a-border-radius-large);}.exported-css-container{margin-top:var(--a-space-l);}#exported-css{width:100%;min-height:200px;font-family:var(--a-font-family-mono);}footer.main{background-color:var(--a-color-surface-variant);padding:var(--a-space-xxl) 0;border-top:1px solid var(--a-color-outline);}footer.main .content{display:flex;justify-content:space-between;flex-wrap:wrap;gap:var(--a-space-xl);max-width:1200px;margin:0 auto;padding:0 var(--a-space-xl);}footer.main .brand{flex-basis:250px;}footer.main .logo{font-family:var(--a-font-family-mono);font-weight:var(--a-font-weight-bold);font-size:1.75rem;text-decoration:none;color:var(--a-color-on-surface);}footer.main .version{font-size:0.8rem;color:var(--a-color-on-surface-variant);margin-left:var(--a-space-s);}footer.main .tagline{color:var(--a-color-on-surface-variant);font-size:0.9rem;}footer.main .social{display:flex;gap:var(--a-space-m);margin-top:var(--a-space-m);}footer.main .social a{color:var(--a-color-on-surface-variant);font-size:1.2rem;}footer.main .links{display:flex;gap:var(--a-space-xl);}footer.main .column h4{margin:0 0 var(--a-space-m);}footer.main .column ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--a-space-s);}footer.main .bottom{text-align:center;padding-top:var(--a-space-xl);margin-top:var(--a-space-xl);border-top:1px solid var(--a-color-outline);max-width:1200px;margin:var(--a-space-xl) auto 0;padding:var(--a-space-xl) var(--a-space-xl) 0;}footer.main.simple .content{align-items:center;}footer.main.minimal{display:flex;justify-content:space-between;align-items:center;padding:var(--a-space-l) var(--a-space-xl);}footer.main.minimal p{margin:0;}footer.main.minimal nav{display:flex;gap:var(--a-space-m);}#example-sites .card{text-decoration:none;color:var(--a-color-on-surface);}#example-sites .card img{border-radius:var(--a-border-radius-medium);margin-bottom:var(--a-space-m);border:1px solid var(--a-color-outline);}#example-sites .card h3{color:var(--a-color-primary);}.release-info-section{background-color:var(--a-color-surface-variant);}.info{background:var(--a-color-surface);border-radius:var(--a-border-radius-large);box-shadow:var(--a-shadow-large);padding:var(--a-space-xl);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--a-space-l);}.version h3{margin:0 0 var(--a-space-xs);font-size:1.8rem;color:var(--a-color-primary);}.version p{margin:0;color:var(--a-color-on-surface-variant);}.stats{display:flex;gap:var(--a-space-xl);}.stats .stat{text-align:center;}.stats .stat h4{margin:0 0 var(--a-space-xs);font-size:1.5rem;}.stats .stat p{margin:0;font-size:0.9rem;color:var(--a-color-on-surface-variant);}.badge{display:inline-block;padding:var(--a-space-xs) var(--a-space-s);font-size:0.875rem;font-weight:var(--a-font-weight-bold);line-height:1;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:var(--a-border-radius-medium);background-color:var(--a-color-surface-variant);color:var(--a-color-on-surface-variant);}.badge.primary{background-color:var(--a-color-primary);color:var(--a-color-on-primary);}.badge.secondary{background-color:var(--a-color-secondary);color:var(--a-color-on-secondary);}.badge.success{background-color:var(--a-color-success);color:var(--a-color-on-success);}.badge.warning{background-color:var(--a-color-warning);color:var(--a-color-on-warning);}.badge.error{background-color:var(--a-color-error);color:var(--a-color-on-error);}.badge.pill{border-radius:10rem;}.badge .fas{margin-right:var(--a-space-xs);}form label{display:block;margin-bottom:var(--a-space-xs);font-weight:var(--a-font-weight-bold);}form input,form select,form textarea{margin-top:var(--a-space-m);}form>*:first-child{margin-top:0;}form>label:first-child{margin-top:0;}form>label:first-child + *{margin-top:0;}form>div{display:flex;flex-direction:column;gap:var(--a-space-s);}input[type="text"],input[type="password"],input[type="email"],input[type="search"],input[type="number"],input[type="tel"],input[type="url"],select,textarea{display:block;width:100%;padding:var(--a-space-s) var(--a-space-m);font-size:var(--a-font-size-base);font-family:var(--a-font-family-sans);color:var(--a-color-on-surface);background-color:var(--a-color-surface);border:1px solid var(--a-color-outline);border-radius:var(--a-border-radius-medium);transition:border-color 0.2s ease,box-shadow 0.2s ease;}input[type="text"]:focus,input[type="password"]:focus,input[type="email"]:focus,input[type="search"]:focus,input[type="number"]:focus,input[type="tel"]:focus,input[type="url"]:focus,select:focus,textarea:focus{outline:none;border-color:var(--a-color-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--a-color-primary) 20%,transparent);}textarea{resize:vertical;min-height:80px;}input[type="range"]{display:block;width:100%;height:6px;padding:var(--a-space-s) 0;background:transparent;border:none;outline:none;-webkit-appearance:none;appearance:none;cursor:pointer;}input[type="range"]::-webkit-slider-track{width:100%;height:6px;background:var(--a-color-on-surface-variant);border:1px solid var(--a-color-outline);border-radius:var(--a-border-radius-medium);transition:background-color 0.2s ease;}input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:var(--a-color-primary);border:2px solid var(--a-color-on-primary);cursor:pointer;transition:all 0.2s ease;box-shadow:0 2px 8px rgba(0,0,0,0.15);margin-top:-7px;}input[type="range"]::-webkit-slider-thumb:hover{background:var(--a-color-primary);box-shadow:0 4px 12px rgba(0,0,0,0.25);transform:scale(1.1);}input[type="range"]::-webkit-slider-thumb:active{background:var(--a-color-primary);transform:scale(0.95);}input[type="range"]:focus::-webkit-slider-track{background:var(--a-color-primary-container);}input[type="range"]::-moz-track{width:100%;height:6px;background:var(--a-color-on-surface-variant);border:1px solid var(--a-color-outline);border-radius:var(--a-border-radius-medium);transition:background-color 0.2s ease;}input[type="range"]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--a-color-primary);border:2px solid var(--a-color-on-primary);cursor:pointer;transition:all 0.2s ease;box-shadow:0 2px 8px rgba(0,0,0,0.15);}input[type="range"]::-moz-range-thumb:hover{background:var(--a-color-primary);box-shadow:0 4px 12px rgba(0,0,0,0.25);transform:scale(1.1);}input[type="range"]::-moz-range-thumb:active{background:var(--a-color-primary);transform:scale(0.95);}input[type="range"]:focus::-moz-track{background:var(--a-color-primary-container);}form>div label{display:flex;align-items:center;gap:var(--a-space-s);font-weight:var(--a-font-weight-normal);}form>div input{margin-top:0;}[data-theme="dark"] [data-theme="dark"] a:hover{color:var(--a-color-secondary);}[data-theme="dark"] .card:hover{border-color:var(--a-color-primary);box-shadow:0 0 20px rgba(129,140,248,0.15);}[data-theme="dark"]{--a-gradient-primary:linear-gradient( 135deg,color-mix(in oklch,var(--a-color-primary) 55%,black) 0%,color-mix(in oklch,var(--a-color-primary) 35%,black) 100% );}[data-theme="dark"] section.hero .button.primary,[data-theme="dark"] section.hero .actions .button.primary{background-color:var(--a-color-on-gradient);color:var(--a-color-primary);border-color:var(--a-color-on-gradient);}[data-theme="dark"] section.hero .button.secondary,[data-theme="dark"] section.hero .actions .button.secondary,[data-theme="dark"] section.hero .button.outline,[data-theme="dark"] section.hero .actions .button.outline{background-color:transparent;border-color:var(--a-color-on-gradient);color:var(--a-color-on-gradient);}[data-theme="dark"] [data-theme="dark"] [data-theme="dark"] [data-theme="corporate-clean"]{--a-font-family-sans:'Inter',sans-serif;--a-space-unit:0.875rem;--a-border-radius-medium:0.25rem;--a-border-radius-large:0.375rem;--a-color-primary:#0052cc;--a-color-on-primary:#ffffff;--a-color-secondary:#5e6c84;--a-color-surface:#ffffff;--a-color-on-surface:#172b4d;--a-color-surface-variant:#f4f5f7;--a-color-on-surface-variant:#5e6c84;--a-color-outline:#dfe1e6;--a-color-success:#00875a;--a-color-warning:#ffab00;--a-color-error:#de350b;}[data-theme="synthwave-84"]{--a-font-family-sans:'JetBrains Mono',monospace;--a-space-unit:1rem;--a-border-radius-medium:0.2rem;--a-border-radius-large:0.2rem;--a-shadow-medium:0 0 15px rgba(255,45,195,0.2);--a-shadow-large:0 0 30px rgba(255,45,195,0.3);--a-color-primary:#ff2dc3;--a-color-on-primary:#ffffff;--a-color-secondary:#00c5ec;--a-color-surface:#2d2a54;--a-color-on-surface:#ffffff;--a-color-surface-variant:#232043;--a-color-on-surface-variant:#a59ecb;--a-color-outline:#4a467c;--a-color-success:#00f9a3;--a-color-warning:#fede5d;--a-color-error:#ff5370;}[data-theme="nordic-calm"]{--a-font-family-sans:'Lexend',sans-serif;--a-space-unit:1.125rem;--a-border-radius-medium:0.5rem;--a-border-radius-large:1rem;--a-color-primary:#5e81ac;--a-color-on-primary:#eceff4;--a-color-secondary:#81a1c1;--a-color-surface:#eceff4;--a-color-on-surface:#2e3440;--a-color-surface-variant:#e5e9f0;--a-color-on-surface-variant:#4c566a;--a-color-outline:#d8dee9;--a-color-success:#a3be8c;--a-color-warning:#ebcb8b;--a-color-error:#bf616a;}[data-theme="vintage-paper"]{--a-font-family-sans:'Lora',serif;--a-space-unit:1rem;--a-border-radius-medium:0.1rem;--a-border-radius-large:0.1rem;--a-color-primary:#854442;--a-color-on-primary:#fffbeB;--a-color-secondary:#77685d;--a-color-surface:#fffbeB;--a-color-on-surface:#3c2f2f;--a-color-surface-variant:#f4f0e6;--a-color-on-surface-variant:#77685d;--a-color-outline:#ded6c9;--a-color-success:#4b6652;--a-color-warning:#be5a38;--a-color-error:#c74343;}[data-theme="dracula"]{--a-font-family-sans:'Source Code Pro',monospace;--a-space-unit:0.9rem;--a-border-radius-medium:0.3rem;--a-border-radius-large:0.5rem;--a-color-primary:#bd93f9;--a-color-on-primary:#282a36;--a-color-secondary:#8be9fd;--a-color-surface:#282a36;--a-color-on-surface:#f8f8f2;--a-color-surface-variant:#44475a;--a-color-on-surface-variant:#bd93f9;--a-color-outline:#44475a;--a-color-success:#50fa7b;--a-color-warning:#f1fa8c;--a-color-error:#ff5555;}[data-theme="solarized-light"]{--a-font-family-sans:'Inter',sans-serif;--a-space-unit:1rem;--a-border-radius-medium:0.3rem;--a-border-radius-large:0.5rem;--a-color-primary:#268bd2;--a-color-on-primary:#fdf6e3;--a-color-secondary:#2aa198;--a-color-surface:#fdf6e3;--a-color-on-surface:#586e75;--a-color-surface-variant:#eee8d5;--a-color-on-surface-variant:#839496;--a-color-outline:#eee8d5;--a-color-success:#859900;--a-color-warning:#b58900;--a-color-error:#dc322f;}[data-theme="solarized-dark"]{--a-font-family-sans:'Inter',sans-serif;--a-space-unit:1rem;--a-border-radius-medium:0.3rem;--a-border-radius-large:0.5rem;--a-color-primary:#268bd2;--a-color-on-primary:#002b36;--a-color-secondary:#2aa198;--a-color-surface:#002b36;--a-color-on-surface:#839496;--a-color-surface-variant:#073642;--a-color-on-surface-variant:#586e75;--a-color-outline:#073642;--a-color-success:#859900;--a-color-warning:#b58900;--a-color-error:#dc322f;}[data-theme="luxe-black"]{--a-font-family-sans:'Playfair Display',serif;--a-font-weight-bold:900;--a-space-unit:1.05rem;--a-border-radius-medium:0;--a-border-radius-large:0;--a-color-primary:#d4af37;--a-color-on-primary:#0a0a0a;--a-color-secondary:#c0c0c0;--a-color-surface:#0a0a0a;--a-color-on-surface:#e0e0e0;--a-color-surface-variant:#1a1a1a;--a-color-on-surface-variant:#a0a0a0;--a-color-outline:#333333;--a-color-success:#4caf50;--a-color-warning:#d4af37;--a-color-error:#f44336;}[data-theme="minty-fresh"]{--a-font-family-sans:'Poppins',sans-serif;--a-space-unit:0.95rem;--a-border-radius-medium:0.75rem;--a-border-radius-large:1.5rem;--a-color-primary:#00a97f;--a-color-on-primary:#ffffff;--a-color-secondary:#9dcec5;--a-color-surface:#f0fdfa;--a-color-on-surface:#0f172a;--a-color-surface-variant:#ffffff;--a-color-on-surface-variant:#64748b;--a-color-outline:#e2e8f0;--a-color-success:#00a97f;--a-color-warning:#f59e0b;--a-color-error:#ef4444;}[data-theme="desert-sunset"]{--a-font-family-sans:'Roboto Slab',serif;--a-space-unit:1rem;--a-border-radius-medium:0.2rem;--a-border-radius-large:0.4rem;--a-color-primary:#d95f27;--a-color-on-primary:#fff8f0;--a-color-secondary:#e88c4d;--a-color-surface:#fff8f0;--a-color-on-surface:#4d3d33;--a-color-surface-variant:#fcefe4;--a-color-on-surface-variant:#8c7a6b;--a-color-outline:#e6dcd1;--a-color-success:#5a8c4a;--a-color-warning:#d95f27;--a-color-error:#c74343;}[data-theme="deep-ocean"]{--a-font-family-sans:'Inter',sans-serif;--a-space-unit:1rem;--a-border-radius-medium:1rem;--a-border-radius-large:2rem;--a-color-primary:#00bcd4;--a-color-on-primary:#001f24;--a-color-secondary:#0097a7;--a-color-surface:#001f24;--a-color-on-surface:#b2ebf2;--a-color-surface-variant:#00373d;--a-color-on-surface-variant:#80deea;--a-color-outline:#004e55;--a-color-success:#4db6ac;--a-color-warning:#ffc107;--a-color-error:#ff5252;}[data-theme="gruvbox-dark"]{--a-font-family-sans:'JetBrains Mono',monospace;--a-space-unit:1rem;--a-border-radius-medium:0.1rem;--a-border-radius-large:0.2rem;--a-color-primary:#fabd2f;--a-color-on-primary:#282828;--a-color-secondary:#83a598;--a-color-surface:#282828;--a-color-on-surface:#ebdbb2;--a-color-surface-variant:#3c3836;--a-color-on-surface-variant:#a89984;--a-color-outline:#504945;--a-color-success:#b8bb26;--a-color-warning:#fe8019;--a-color-error:#cc241d;}[data-theme="sakura-blossom"]{--a-font-family-sans:'Poppins',sans-serif;--a-space-unit:1rem;--a-border-radius-medium:0.5rem;--a-border-radius-large:1rem;--a-color-primary:#ffb7c5;--a-color-on-primary:#5c2c35;--a-color-secondary:#d6aab1;--a-color-surface:#fff0f3;--a-color-on-surface:#5c2c35;--a-color-surface-variant:#ffffff;--a-color-on-surface-variant:#8c6b71;--a-color-outline:#ffe0e5;--a-color-success:#a3d6a3;--a-color-warning:#ffd699;--a-color-error:#ff8a8a;}[data-theme="matcha-green"]{--a-font-family-sans:'Lexend',sans-serif;--a-space-unit:0.9rem;--a-border-radius-medium:0.4rem;--a-border-radius-large:0.8rem;--a-color-primary:#6b9080;--a-color-on-primary:#f6fff8;--a-color-secondary:#a4c3b2;--a-color-surface:#f6fff8;--a-color-on-surface:#333d29;--a-color-surface-variant:#eaf4f4;--a-color-on-surface-variant:#6b9080;--a-color-outline:#cce3de;--a-color-success:#6b9080;--a-color-warning:#e6b800;--a-color-error:#c94f4f;}[data-theme="monokai-pro"]{--a-font-family-sans:'Source Code Pro',monospace;--a-space-unit:0.95rem;--a-border-radius-medium:0.25rem;--a-border-radius-large:0.25rem;--a-color-primary:#ffd866;--a-color-on-primary:#2d2a2e;--a-color-secondary:#ab9df2;--a-color-surface:#2d2a2e;--a-color-on-surface:#fcfcfa;--a-color-surface-variant:#403e41;--a-color-on-surface-variant:#9e9e9e;--a-color-outline:#5b595c;--a-color-success:#a9dc76;--a-color-warning:#ffd866;--a-color-error:#ff6188;}[data-theme="slate-gray"]{--a-font-family-sans:'Inter',sans-serif;--a-space-unit:0.8rem;--a-border-radius-medium:0.2rem;--a-border-radius-large:0.2rem;--a-color-primary:#4a5568;--a-color-on-primary:#ffffff;--a-color-secondary:#718096;--a-color-surface:#f7fafc;--a-color-on-surface:#1a202c;--a-color-surface-variant:#edf2f7;--a-color-on-surface-variant:#4a5568;--a-color-outline:#e2e8f0;--a-color-success:#38a169;--a-color-warning:#dd6b20;--a-color-error:#e53e3e;}[data-theme="tropical-splash"]{--a-font-family-sans:'Poppins',sans-serif;--a-space-unit:1.1rem;--a-border-radius-medium:2rem;--a-border-radius-large:4rem;--a-color-primary:#ff6b6b;--a-color-on-primary:#ffffff;--a-color-secondary:#48dbfb;--a-color-surface:#fefeff;--a-color-on-surface:#1a1a1a;--a-color-surface-variant:#f0faff;--a-color-on-surface-variant:#575757;--a-color-outline:#e0f5ff;--a-color-success:#1dd1a1;--a-color-warning:#feca57;--a-color-error:#ff6b6b;}[data-theme="candy-pop"]{--a-font-family-sans:'Lexend',sans-serif;--a-space-unit:1rem;--a-border-radius-medium:1rem;--a-border-radius-large:2rem;--a-color-primary:#ff85a1;--a-color-on-primary:#ffffff;--a-color-secondary:#a2d2ff;--a-color-surface:#fff5f7;--a-color-on-surface:#4b2a32;--a-color-surface-variant:#ffffff;--a-color-on-surface-variant:#8c6b71;--a-color-outline:#ffe0e5;--a-color-success:#bde0fe;--a-color-warning:#ffc8dd;--a-color-error:#ff85a1;}[data-theme="rose-pine"]{--a-font-family-sans:'Inter',sans-serif;--a-space-unit:0.9rem;--a-border-radius-medium:0.5rem;--a-border-radius-large:0.75rem;--a-color-primary:#eb6f92;--a-color-on-primary:#191724;--a-color-secondary:#9ccfd8;--a-color-surface:#191724;--a-color-on-surface:#e0def4;--a-color-surface-variant:#26233a;--a-color-on-surface-variant:#6e6a86;--a-color-outline:#403d52;--a-color-success:#31748f;--a-color-warning:#f6c177;--a-color-error:#eb6f92;}[data-theme="midnight-moss"]{--a-font-family-sans:'Roboto Slab',serif;--a-space-unit:1rem;--a-border-radius-medium:0.3rem;--a-border-radius-large:0.6rem;--a-color-primary:#588157;--a-color-on-primary:#f1faee;--a-color-secondary:#a3b18a;--a-color-surface:#1b263b;--a-color-on-surface:#e0e1dd;--a-color-surface-variant:#2a3b52;--a-color-on-surface-variant:#a3b18a;--a-color-outline:#415a77;--a-color-success:#588157;--a-color-warning:#dda15e;--a-color-error:#bc4749;}#theme-explorer{background-color:var(--a-color-surface-variant);}.theme-switcher-card{background-color:var(--a-color-surface);border-radius:var(--a-border-radius-large);padding:var(--a-space-xl);box-shadow:var(--a-shadow-large);display:grid;grid-template-columns:1fr;gap:var(--a-space-l);align-items:center;}@media (min-width:768px){.theme-switcher-card{grid-template-columns:1fr 2fr;}}.controls{display:flex;flex-direction:column;gap:var(--a-space-s);}.controls label{font-weight:var(--a-font-weight-bold);color:var(--a-color-on-surface-variant);}#theme-select{width:100%;padding:var(--a-space-m);font-size:1.1rem;border:1px solid var(--a-color-outline);border-radius:var(--a-border-radius-medium);background-color:var(--a-color-surface);color:var(--a-color-on-surface);cursor:pointer;}.description{padding:var(--a-space-m);background-color:var(--a-color-surface-variant);border-radius:var(--a-border-radius-medium);border-left:4px solid var(--a-color-primary);min-height:80px;display:flex;align-items:center;gap:var(--a-space-m);}.alert{display:flex;align-items:center;gap:var(--a-space-m);padding:var(--a-space-m);margin-bottom:var(--a-space-m);border-radius:var(--a-border-radius-medium);border-left:4px solid;}.alert i{font-size:1.2rem;}.alert.success{background-color:var(--a-color-success-container,#dcfce7);color:var(--a-color-on-success-container,#14532d);border-color:var(--a-color-success,#22c55e);}.alert.warning{background-color:var(--a-color-warning-container,#fef3c7);color:var(--a-color-on-warning-container,#78350f);border-color:var(--a-color-warning,#f59e0b);}.alert.error{background-color:var(--a-color-error-container,#fee2e2);color:var(--a-color-on-error-container,#7f1d1d);border-color:var(--a-color-error,#ef4444);}.alert.info{background-color:var(--a-color-info-container,#e0f2fe);color:var(--a-color-on-info-container,#0c4a6e);border-color:var(--a-color-info,#3b82f6);}.alert.dismissible{justify-content:space-between;}.alert .close,.alert [data-alert-close]{background:none;border:none;font-size:1.5rem;cursor:pointer;opacity:0.7;color:var(--ax-text);padding:0;margin:0;}.alert .close:hover,.alert [data-alert-close]:hover{opacity:1;}table{width:100%;border-collapse:collapse;margin-bottom:var(--a-space-l);}table th,table td{padding:var(--a-space-m);text-align:left;border-bottom:1px solid var(--a-color-outline);}table thead th{font-weight:var(--a-font-weight-bold);background-color:var(--a-color-surface-variant);border-bottom-width:2px;}table.striped tbody tr:nth-of-type(odd){background-color:var(--a-color-surface-variant);}table tbody tr:hover{background-color:color-mix(in srgb,var(--a-color-primary) 10%,transparent);}.dropdown{position:relative;display:inline-block;}.dropdown-toggle{display:flex;align-items:center;gap:var(--a-space-s);}.dropdown.menu{position:absolute;top:calc(100% + var(--a-space-xs));left:0;z-index:1000;display:none;min-width:180px;padding:var(--a-space-s) 0;margin:0;list-style:none;background-color:var(--a-color-surface);border:1px solid var(--a-color-outline);border-radius:var(--a-border-radius-medium);box-shadow:var(--a-shadow-large);opacity:0;transform:translateY(10px);transition:opacity 0.2s ease,transform 0.2s ease;}.dropdown.is-open .dropdown.menu{display:block;opacity:1;transform:translateY(0);}.dropdown.menu li a,.dropdown.menu li button{display:block;width:100%;padding:var(--a-space-s) var(--a-space-m);clear:both;font-weight:var(--a-font-weight-normal);color:var(--a-color-on-surface);text-decoration:none;white-space:nowrap;background-color:transparent;border:0;cursor:pointer;}.dropdown.menu li a:hover,.dropdown.menu li button:hover{background-color:var(--a-color-surface-variant);color:var(--a-color-primary);text-decoration:none;}.dropdown.menu .divider{height:1px;margin:var(--a-space-s) 0;overflow:hidden;background-color:var(--a-color-outline);}.tooltip{position:relative;display:inline-block;}.tooltip [role="tooltip"]{position:absolute;z-index:1070;display:block;margin:0;font-family:var(--a-font-family-sans);font-style:normal;font-weight:var(--a-font-weight-normal);line-height:1.5;text-align:left;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;white-space:normal;line-break:auto;font-size:0.875rem;word-wrap:break-word;opacity:0;visibility:hidden;transition:opacity 0.2s ease,visibility 0.2s ease;background-color:var(--a-color-on-surface);color:var(--a-color-surface);padding:var(--a-space-s) var(--a-space-m);border-radius:var(--a-border-radius-medium);}.tooltip.is-visible [role="tooltip"]{opacity:1;visibility:visible;}.tooltip.top [role="tooltip"]{bottom:100%;left:50%;transform:translateX(-50%);margin-bottom:var(--a-space-s);}.tooltip.right [role="tooltip"]{left:100%;top:50%;transform:translateY(-50%);margin-left:var(--a-space-s);}.tooltip.bottom [role="tooltip"]{top:100%;left:50%;transform:translateX(-50%);margin-top:var(--a-space-s);}.tooltip.left [role="tooltip"]{right:100%;top:50%;transform:translateY(-50%);margin-right:var(--a-space-s);}.sidebar{width:100%;background-color:var(--a-color-surface-variant);border-bottom:1px solid var(--a-color-outline);padding:var(--a-space-l);}.sidebar nav h3{font-size:1.1rem;font-weight:var(--a-font-weight-bold);margin-top:var(--a-space-m);margin-bottom:var(--a-space-s);color:var(--a-color-primary);}.sidebar nav ul{list-style:none;padding:0;margin-bottom:var(--a-space-l);}.sidebar nav ul li a{display:block;padding:var(--a-space-s);color:var(--a-color-on-surface);text-decoration:none;border-radius:var(--a-border-radius-small);transition:background-color 0.2s ease;}.sidebar nav ul li a:hover{background-color:var(--a-color-surface);}.content{flex-grow:1;padding:var(--a-space-xl);}.doc-title{font-size:2.5rem;font-weight:var(--a-font-weight-black);margin-bottom:var(--a-space-m);color:var(--a-color-on-surface);}.doc-description{font-size:1.1rem;line-height:1.7;color:var(--a-color-on-surface-variant);margin-bottom:var(--a-space-xl);}.doc-section{margin-bottom:var(--a-space-xxl);}.doc-section-title{font-size:1.8rem;font-weight:var(--a-font-weight-bold);margin-bottom:var(--a-space-l);color:var(--a-color-on-surface);border-bottom:1px solid var(--a-color-outline);padding-bottom:var(--a-space-s);}.doc-live-example{background-color:var(--a-color-surface-variant);padding:var(--a-space-l);border-radius:var(--a-border-radius-large);margin-bottom:var(--a-space-l);border:1px dashed var(--a-color-outline);}.doc-code-block{background-color:var(--a-color-code-bg);color:var(--a-color-code-text);padding:var(--a-space-l);border-radius:var(--a-border-radius-medium);overflow-x:auto;border:1px solid var(--a-color-code-border);}.doc-code-block pre{margin:0;}.doc-code-block code{font-family:var(--a-font-family-mono);font-size:0.9rem;line-height:1.5;}@media (min-width:var(--a-breakpoint-md)){.sidebar{width:280px;flex-shrink:0;border-right:1px solid var(--a-color-outline);border-bottom:none;height:calc(100vh - 60px);overflow-y:auto;}.content{padding-left:var(--a-space-xl);padding-right:var(--a-space-xl);}}.messages{border:1px solid var(--a-color-outline);border-left-width:0.35rem;border-radius:var(--a-border-radius-base);margin-bottom:var(--a-space-base);padding:var(--a-space-small) var(--a-space-base);}.messages--status{border-left-color:var(--a-color-success);}.messages--warning{border-left-color:var(--a-color-warning);}.messages--error{border-left-color:var(--a-color-error);}.form-item--error-message{margin-top:var(--a-space-tiny);border-left:0.2rem solid var(--a-color-error);padding-left:var(--a-space-tiny);color:var(--a-color-error);font-size:var(--a-font-size-small);}.form-item--error input:not([type='checkbox']):not([type='radio']):not([type='submit']):not([type='button']):not([type='reset']),.form-item--error textarea,.form-item--error select,input.error,textarea.error,select.error{border-color:var(--a-color-error);box-shadow:0 0 0 1px color-mix(in srgb,var(--a-color-error) 30%,transparent);}.tabs{margin:0 0 var(--a-space-base);}.tabs>ul{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:var(--a-space-tiny);}.tabs a{display:inline-flex;align-items:center;border:1px solid var(--a-color-outline);border-radius:999px;padding:var(--a-space-xs) var(--a-space-s);color:inherit;text-decoration:none;}.tabs .is-active a,.tabs a.is-active{background:color-mix(in srgb,var(--a-color-primary) 14%,var(--a-color-surface));border-color:color-mix(in srgb,var(--a-color-primary) 45%,var(--a-color-outline));}.pager{margin:var(--a-space-base) 0;}.pager__items{list-style:none;display:flex;gap:var(--a-space-tiny);flex-wrap:wrap;padding:0;margin:0;}.pager__item a,.pager__link,.pager__item.is-active{display:inline-flex;min-width:2rem;min-height:2rem;align-items:center;justify-content:center;padding:0 var(--a-space-tiny);border:1px solid var(--a-color-outline);border-radius:var(--a-border-radius-base);text-decoration:none;color:inherit;}.pager__item a:hover,.pager__item a:focus,.pager__link:hover,.pager__link:focus{border-color:color-mix(in srgb,var(--a-color-primary) 45%,var(--a-color-outline));background:color-mix(in srgb,var(--a-color-primary) 8%,var(--a-color-surface));}.pager__item.is-active{background:color-mix(in srgb,var(--a-color-primary) 14%,var(--a-color-surface));border-color:color-mix(in srgb,var(--a-color-primary) 45%,var(--a-color-outline));font-weight:var(--a-font-weight-medium);}.pager__item--first a,.pager__item--last a,.pager__item--previous a,.pager__item--next a,.pager-previous a,.pager-next a,.pager-first a,.pager-last a{padding:var(--a-space-xs) var(--a-space-s);min-width:auto;}.pager__item--ellipsis,.pager-ellipsis{display:inline-flex;align-items:center;padding:var(--a-space-xs);color:color-mix(in srgb,var(--a-color-on-surface) 70%,white);}.pager__items--mini{gap:var(--a-space-small);}.ajax-progress,.ajax-progress-throbber,.ajax-progress-inline{display:inline-flex;align-items:center;gap:var(--a-space-tiny);margin-left:var(--a-space-tiny);font-size:var(--a-font-size-small);}.ajax-progress .throbber,.ajax-progress-throbber .throbber,.throbber{width:1rem;height:1rem;border-radius:999px;border:2px solid color-mix(in srgb,var(--a-color-primary) 30%,var(--a-color-outline));border-top-color:var(--a-color-primary);animation:axiom-spinner 0.9s linear infinite;background:transparent;box-sizing:border-box;}.ajax-progress .message,.ajax-progress-throbber .message{color:color-mix(in srgb,var(--a-color-on-surface) 82%,white);}.ajax-progress-fullscreen{inset:0;margin:0;display:grid;place-items:center;background:color-mix(in srgb,var(--a-color-surface) 84%,transparent);}@keyframes axiom-spinner{to{transform:rotate(360deg);}}.views-exposed-form{display:grid;gap:var(--a-space-small);margin:0 0 var(--a-space-base);padding:var(--a-space-small);border:1px solid var(--a-color-outline);border-radius:var(--a-border-radius-base);background:color-mix(in srgb,var(--a-color-surface) 97%,var(--a-color-primary) 3%);}.views-exposed-form .form-item{margin-bottom:var(--a-space-small);}.views-exposed-form .form-actions{margin-top:var(--a-space-tiny);}.views-exposed-form .form-submit{min-height:2.25rem;}:where(.views-ui,.views-admin,.views-ui-dialog):where(section,.views-display-column,.views-ui-display-tab-bucket){border:1px solid var(--a-color-outline);border-radius:var(--a-border-radius-base);padding:var(--a-space-small);background:color-mix(in srgb,var(--a-color-surface) 98%,var(--a-color-primary) 2%);}:where(.views-ui,.views-admin,.views-ui-dialog):where(.views-override,.views-duplicate,button,.button){border-radius:var(--a-border-radius-small);}:where(.paragraphs-subform,.paragraph-type-top,.field--widget-paragraphs){border:1px solid var(--a-color-outline);border-radius:var(--a-border-radius-base);padding:var(--a-space-small);background:color-mix(in srgb,var(--a-color-surface) 98%,var(--a-color-primary) 2%);margin-bottom:var(--a-space-small);}:where(.paragraphs-subform,.field--widget-paragraphs) .form-item{margin-bottom:var(--a-space-small);}.paragraphs-actions{display:flex;flex-wrap:wrap;gap:var(--a-space-tiny);}:where(.media-library-widget-modal,.media-library-view):where(.ui-dialog-content,section,.views-view-grid){border:1px solid var(--a-color-outline);border-radius:var(--a-border-radius-base);background:color-mix(in srgb,var(--a-color-surface) 99%,var(--a-color-primary) 1%);}.media-library-item{border:1px solid var(--a-color-outline);border-radius:var(--a-border-radius-small);overflow:hidden;}.media-library-item__name{padding:var(--a-space-tiny) var(--a-space-small);}:where(.webform-submission-form,.webform-confirmation,.webform-progress){border:1px solid var(--a-color-outline);border-radius:var(--a-border-radius-base);padding:var(--a-space-small);margin-bottom:var(--a-space-base);background:color-mix(in srgb,var(--a-color-surface) 98%,var(--a-color-primary) 2%);}.webform-flexbox{gap:var(--a-space-small);}.webform-element-description{font-size:var(--a-font-size-small);color:color-mix(in srgb,var(--a-color-on-surface) 82%,white);}:where(.layout-builder,.layout-builder-modal){border:1px solid var(--a-color-outline);border-radius:var(--a-border-radius-base);background:color-mix(in srgb,var(--a-color-surface) 99%,var(--a-color-primary) 1%);}:where(.layout-builder,.layout-builder-modal):where(.layout-builder__section,.layout-builder__region,section){border:1px dashed color-mix(in srgb,var(--a-color-primary) 35%,var(--a-color-outline));border-radius:var(--a-border-radius-small);padding:var(--a-space-small);}:where(.layout-builder,.layout-builder-modal):where(.layout-builder__add-block,.layout-builder__link,a,button,.button){border-radius:var(--a-border-radius-small);}input[type='file'],.managed-file input[type='file'],.form-managed-file input[type='file']{width:100%;border:1px dashed var(--a-color-outline);border-radius:var(--a-border-radius-base);background:color-mix(in srgb,var(--a-color-surface) 97%,var(--a-color-primary) 3%);color:inherit;padding:var(--a-space-small);}.managed-file,.form-managed-file,.file-upload-container{display:grid;gap:var(--a-space-small);margin-bottom:var(--a-space-base);padding:var(--a-space-base);border:1px solid var(--a-color-outline);border-radius:var(--a-border-radius-base);background:color-mix(in srgb,var(--a-color-surface) 98%,var(--a-color-primary) 2%);}.managed-file .form-submit,.managed-file .button,.file-upload-container .button{width:fit-content;}.managed-file .ajax-progress,.form-managed-file .ajax-progress{margin-left:0;}.file-list,.managed-file .file,.file-widget .file{list-style:none;margin:0;padding:0;}.file-list li,.managed-file .file,.file-widget .file{display:flex;align-items:center;justify-content:space-between;gap:var(--a-space-small);border:1px solid var(--a-color-outline);border-radius:var(--a-border-radius-small);padding:var(--a-space-tiny) var(--a-space-small);background:var(--a-color-surface);}[class*='field--widget-'],[class*='field--formatter-']{margin-bottom:var(--a-space-base);}[class*='field--widget-'] input:not([type='checkbox']):not([type='radio']):not([type='submit']):not([type='button']):not([type='reset']),[class*='field--widget-'] textarea,[class*='field--widget-'] select{max-width:100%;}.rating{display:inline-flex;gap:var(--a-space-tiny);align-items:center;justify-content:flex-start;}.rating .star{background:none;border:none;padding:var(--a-space-tiny);font-size:2rem;cursor:pointer;color:var(--a-color-outline);transition:color 200ms ease-in-out,transform 150ms ease-in-out;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--a-border-radius-small);}.rating .star:hover,.rating .star.hover{color:var(--a-color-warning);transform:scale(1.1);}.rating .star.active{color:var(--a-color-primary);}.rating .star:focus-visible{outline:2px solid var(--a-color-primary);outline-offset:2px;}.rating .star:disabled{cursor:not-allowed;opacity:0.7;}.testimonial{border-left:4px solid var(--a-color-primary);padding:var(--a-space-large);background:var(--a-color-surface-variant);border-radius:var(--a-border-radius-medium);font-style:italic;margin:var(--a-space-large) 0;}.testimonial p{margin:0 0 var(--a-space-medium);font-size:1.125rem;line-height:1.6;color:var(--a-color-on-surface);}.testimonial footer{display:flex;align-items:center;gap:var(--a-space-small);font-style:normal;}.testimonial cite{color:var(--a-color-on-surface-variant);font-size:0.9rem;}.testimonial img{width:40px;height:40px;border-radius:50%;object-fit:cover;}.stat{padding:var(--a-space-large);background:var(--a-color-surface);border:1px solid var(--a-color-outline);border-radius:var(--a-border-radius-medium);text-align:center;}.stat-value{font-size:2.5rem;font-weight:var(--a-font-weight-bold);color:var(--a-color-primary);margin:0 0 var(--a-space-small);}.stat-label{font-size:1rem;font-weight:var(--a-font-weight-bold);color:var(--a-color-on-surface);margin:0 0 var(--a-space-tiny);}.stat-meta{font-size:0.875rem;color:var(--a-color-on-surface-variant);margin:0;}section.hero .stat{background:var(--a-color-surface-variant);border:1px solid var(--a-color-outline);border-radius:var(--a-border-radius-large);color:var(--a-color-on-surface);padding:var(--a-space-l);transition:all 200ms ease;display:flex;flex-direction:column;align-items:center;text-align:center;}section.hero .stat:hover{background:var(--a-color-surface);transform:translateY(-4px);box-shadow:var(--a-shadow-large);}section.hero .stat .value{color:var(--a-color-primary);font-size:2.5rem;font-weight:var(--a-font-weight-bold);margin-bottom:var(--a-space-xs);}section.hero .stat .label{color:var(--a-color-on-surface);font-size:var(--a-font-size-base);font-weight:var(--a-font-weight-bold);margin:0 0 var(--a-space-s);text-transform:uppercase;letter-spacing:0.05em;}section.hero .stat-meta{color:var(--a-color-on-surface-variant);font-size:0.7rem;margin:var(--a-space-xs) 0 0 0;}section.hero .stat p{color:var(--a-color-on-surface-variant);margin:var(--a-space-xs) 0 0 0;font-size:0.9rem;}section.hero .stat .axicon{font-size:2.5rem;margin-bottom:var(--a-space-s);color:var(--a-color-secondary);}.cta{padding:var(--a-space-xlarge);border-radius:var(--a-border-radius-large);text-align:center;background:linear-gradient(135deg,var(--a-color-primary-container),var(--a-color-secondary-container));color:var(--a-color-on-primary-container);margin:var(--a-space-large) 0;}.cta h2{margin:0 0 var(--a-space-medium);color:var(--a-color-on-primary-container);}.cta p{margin:0 0 var(--a-space-large);font-size:1.125rem;color:var(--a-color-on-primary-container);}.cta.primary{background:linear-gradient(135deg,var(--a-color-primary-container),var(--a-color-primary));}.cta.secondary{background:linear-gradient(135deg,var(--a-color-secondary-container),var(--a-color-secondary));}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--a-space-large);margin:var(--a-space-large) 0;}.feature{padding:var(--a-space-large);background:var(--a-color-surface);border:1px solid var(--a-color-outline);border-radius:var(--a-border-radius-medium);text-align:center;transition:transform 200ms ease-in-out,box-shadow 200ms ease-in-out;}.feature:hover{transform:translateY(-4px);box-shadow:0 8px 16px rgba(0,0,0,0.1);}.feature i,.feature .icon{font-size:3rem;margin-bottom:var(--a-space-medium);display:block;color:var(--a-color-primary);}.feature h3{margin:0 0 var(--a-space-small);color:var(--a-color-on-surface);}.feature p{margin:0;color:var(--a-color-on-surface-variant);font-size:0.95rem;}.component-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--a-space-l);padding:var(--a-space-xl) 0;}.component-grid .card{background:var(--a-color-surface);border:2px solid var(--a-color-outline);border-radius:var(--a-border-radius-large);padding:var(--a-space-l);display:flex;flex-direction:column;align-items:center;text-align:center;transition:all 0.3s ease;text-decoration:none;color:var(--a-color-on-surface);position:relative;overflow:hidden;}.component-grid .card::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,var(--a-color-primary),transparent);transform:scaleX(0);transform-origin:left;transition:transform 0.3s ease;}.component-grid .card:hover::before{transform:scaleX(1);}.component-grid .card:hover{transform:translateY(-8px);box-shadow:0 12px 24px rgba(0,0,0,0.12);border-color:var(--a-color-primary);}.component-grid .card i{font-size:3rem;color:var(--a-color-primary);margin-bottom:var(--a-space-m);transition:transform 0.3s ease;}.component-grid .card:hover i{transform:scale(1.1) rotate(5deg);}.component-grid .card h3{margin:0 0 var(--a-space-s);font-size:1.3rem;color:var(--a-color-on-surface);font-weight:var(--a-font-weight-bold);}.component-grid .card p{margin:0;color:var(--a-color-on-surface-variant);font-size:0.95rem;line-height:1.5;flex-grow:1;}@media (max-width:768px){.component-grid{grid-template-columns:1fr;gap:var(--a-space-m);}}.data-list{display:flex;flex-direction:column;gap:var(--a-space-l);}.data-list-controls{display:flex;gap:var(--a-space-m);align-items:center;flex-wrap:wrap;}.view-toggle{display:flex;gap:0;border:1px solid var(--a-color-outline);border-radius:var(--a-border-radius-medium);overflow:hidden;}.view-btn{background:var(--a-color-surface);border:none;padding:var(--a-space-s) var(--a-space-m);cursor:pointer;color:var(--a-color-on-surface-variant);transition:all 0.2s ease;}.view-btn:hover{background:var(--a-color-surface-variant);}.view-btn.active{background:var(--a-color-primary);color:var(--a-color-on-primary);}.data-list-items{display:grid;gap:var(--a-space-l);}.data-list-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));}.data-list-list{grid-template-columns:1fr;}.data-list-item{background:var(--a-color-surface);border:1px solid var(--a-color-outline);border-radius:var(--a-border-radius-large);overflow:hidden;transition:all 0.3s ease;position:relative;animation:slideIn 0.3s ease;}.data-list-item:hover{transform:translateY(-4px);box-shadow:var(--a-shadow-large);}.item-header{width:100%;aspect-ratio:16 / 9;overflow:hidden;background:var(--a-color-surface-variant);}.item-header img{width:100%;height:100%;object-fit:cover;transition:transform 0.3s ease;}.data-list-item:hover .item-header img{transform:scale(1.05);}.item-content{padding:var(--a-space-l);}.item-title{margin:0 0 var(--a-space-xs);font-size:1.1rem;font-weight:var(--a-font-weight-bold);color:var(--a-color-on-surface);}.item-subtitle{margin:0 0 var(--a-space-s);font-size:0.9rem;color:var(--a-color-on-surface-variant);}.item-preview{margin:0 0 var(--a-space-m);font-size:0.95rem;color:var(--a-color-on-surface-variant);line-height:1.4;}.item-tags{display:flex;flex-wrap:wrap;gap:var(--a-space-xs);}.item-tags .tag{display:inline-block;padding:var(--a-space-tiny) var(--a-space-xs);background:var(--a-color-primary-container);color:var(--a-color-on-primary-container);border-radius:999px;font-size:var(--a-font-size-xs);}.expand-btn{position:absolute;top:var(--a-space-m);right:var(--a-space-m);background:rgba(255,255,255,0.9);border:none;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.2s ease;}.expand-btn:hover{transform:scale(1.1);}.expand-btn.expanded{transform:rotate(180deg);}.table-controls{display:flex;gap:var(--a-space-m);margin-bottom:var(--a-space-l);flex-wrap:wrap;align-items:center;}.table-search{padding:var(--a-space-s) var(--a-space-m);border:1px solid var(--a-color-outline);border-radius:var(--a-border-radius-medium);font-size:1rem;flex:1;min-width:200px;}.table-filters{display:flex;gap:var(--a-space-s);flex-wrap:wrap;}.table-filter{padding:var(--a-space-s) var(--a-space-m);border:1px solid var(--a-color-outline);border-radius:var(--a-border-radius-medium);background:var(--a-color-surface);cursor:pointer;font-size:0.95rem;}table thead th.sortable{user-select:none;position:relative;padding-right:30px;}table thead th.sortable::after{content:'';position:absolute;right:10px;opacity:0.3;}table thead th.sort-asc::after{content:'▲';opacity:1;}table thead th.sort-desc::after{content:'▼';opacity:1;}.table-pagination{display:flex;justify-content:space-between;align-items:center;margin-top:var(--a-space-l);padding-top:var(--a-space-l);border-top:1px solid var(--a-color-outline);flex-wrap:wrap;gap:var(--a-space-m);}.pagination-info{font-size:0.95rem;color:var(--a-color-on-surface-variant);}.pagination-nav{display:flex;gap:var(--a-space-s);}.pagination-nav button{padding:var(--a-space-s) var(--a-space-m);background:var(--a-color-primary);color:var(--a-color-on-primary);border:none;border-radius:var(--a-border-radius-medium);cursor:pointer;font-weight:var(--a-font-weight-bold);transition:all 0.2s ease;}.pagination-nav button:hover{opacity:0.9;transform:translateY(-2px);}.masonry-container{display:grid;gap:var(--masonry-gap,var(--a-space-l));padding:var(--a-space-l) 0;}.masonry-item{position:relative;background:var(--a-color-surface);border:1px solid var(--a-color-outline);border-radius:var(--a-border-radius-large);overflow:hidden;transition:all 0.3s ease;animation:slideIn 0.3s ease;}.masonry-item:hover{transform:translateY(-8px);box-shadow:var(--a-shadow-large);}.masonry-item img{width:100%;height:auto;display:block;}.masonry-content{padding:var(--a-space-l);}.masonry-content h3{margin:0 0 var(--a-space-s);color:var(--a-color-on-surface);}.masonry-content p{margin:0;color:var(--a-color-on-surface-variant);font-size:0.95rem;}.masonry-placeholder{width:100%;height:200px;background:var(--a-color-surface-variant);display:flex;align-items:center;justify-content:center;font-size:3rem;color:var(--a-color-on-surface-variant);}.masonry-delete{position:absolute;top:var(--a-space-s);right:var(--a-space-s);background:var(--a-color-error);color:white;border:none;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:all 0.2s ease;}.masonry-item:hover .masonry-delete{opacity:1;}.masonry-files .masonry-item{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--a-space-l);text-align:center;min-height:150px;}.file-icon{font-size:3rem;color:var(--a-color-primary);margin-bottom:var(--a-space-m);}.file-name{margin:0 0 var(--a-space-xs);word-break:break-word;font-weight:var(--a-font-weight-bold);}.file-size{margin:0;font-size:0.85rem;color:var(--a-color-on-surface-variant);}.masonry-gallery .masonry-item{cursor:pointer;position:relative;}.gallery-image{width:100%;height:100%;object-fit:cover;transition:transform 0.3s ease;}.masonry-item:hover .gallery-image{transform:scale(1.05);}.gallery-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,0.8),transparent);color:white;padding:var(--a-space-l) var(--a-space-l) var(--a-space-m);transform:translateY(100%);transition:transform 0.3s ease;}.masonry-item:hover .gallery-overlay{transform:translateY(0);}.gallery-overlay h3{margin:0 0 var(--a-space-xs);color:white;}.gallery-overlay p{margin:0;font-size:0.9rem;opacity:0.9;}.video-player{position:relative;background:#000;border-radius:var(--a-border-radius-large);overflow:hidden;max-width:100%;aspect-ratio:16 / 9;display:flex;flex-direction:column;}.video-element{width:100%;height:100%;}.video-controls{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,0.7),transparent);padding:var(--a-space-m) var(--a-space-l) var(--a-space-l);display:flex;align-items:center;gap:var(--a-space-s);opacity:0;transition:opacity 0.3s ease;}.video-player:hover .video-controls{opacity:1;}.player-btn{background:transparent;border:none;color:white;font-size:1.2rem;cursor:pointer;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--a-border-radius-medium);transition:all 0.2s ease;}.player-btn:hover{background:rgba(255,255,255,0.2);}.progress-container{flex:1;display:flex;align-items:center;gap:var(--a-space-s);min-width:150px;}.progress-bar{flex:1;height:4px;background:rgba(0,0,0,0.3);border-radius:2px;cursor:pointer;position:relative;transition:height 0.2s ease;}.progress-bar:hover{height:6px;}.progress{height:100%;background:var(--a-color-primary);border-radius:2px;position:relative;transition:width 0.1s linear;}.progress-handle{position:absolute;right:-6px;top:50%;transform:translateY(-50%);width:12px;height:12px;background:white;border-radius:50%;opacity:0;transition:opacity 0.2s ease;}.progress-bar:hover .progress-handle{opacity:1;}.time-display{color:white;font-size:0.85rem;white-space:nowrap;font-family:var(--a-font-family-mono);min-width:100px;text-align:right;}.volume-container{display:flex;align-items:center;gap:0;}.volume-slider{width:80px;height:4px;-webkit-appearance:none;appearance:none;background:rgba(0,0,0,0.3);border-radius:2px;outline:none;cursor:pointer;}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;background:white;border-radius:50%;cursor:pointer;}.volume-slider::-moz-range-thumb{width:12px;height:12px;background:white;border-radius:50%;cursor:pointer;border:none;}.speed-menu{position:absolute;bottom:100%;right:0;background:rgba(0,0,0,0.9);border-radius:var(--a-border-radius-medium);overflow:hidden;margin-bottom:var(--a-space-s);min-width:80px;transition:opacity 0.2s ease;}.speed-menu.hidden{display:none;}.speed-option{display:block;width:100%;padding:var(--a-space-s) var(--a-space-m);background:transparent;border:none;color:white;cursor:pointer;text-align:center;font-size:0.9rem;transition:all 0.2s ease;}.speed-option:hover,.speed-option.active{background:var(--a-color-primary);}.audio-player{background:linear-gradient(135deg,var(--a-color-primary-container),var(--a-color-surface));border-radius:var(--a-border-radius-large);padding:var(--a-space-l);display:flex;gap:var(--a-space-l);align-items:center;border:1px solid var(--a-color-outline);transition:all 0.3s ease;}.audio-player.playing{box-shadow:var(--a-shadow-large);}.audio-cover{width:80px;height:80px;border-radius:var(--a-border-radius-large);overflow:hidden;background:var(--a-color-surface);display:flex;align-items:center;justify-content:center;flex-shrink:0;border:2px solid var(--a-color-outline);}.audio-cover img{width:100%;height:100%;object-fit:cover;}.audio-cover i{font-size:2rem;color:var(--a-color-primary);}.audio-info{min-width:150px;flex-shrink:0;}.audio-title{margin:0;font-size:1.1rem;font-weight:var(--a-font-weight-bold);color:var(--a-color-on-surface);}.audio-artist{margin:var(--a-space-xs) 0 0;font-size:0.9rem;color:var(--a-color-on-surface-variant);}.audio-controls{display:flex;align-items:center;gap:var(--a-space-m);flex:1;min-width:0;}.audio-btn{background:var(--a-color-primary);color:var(--a-color-on-primary);border:none;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.2s ease;flex-shrink:0;position:relative;}.audio-btn:hover{transform:scale(1.05);opacity:0.9;}.play-btn{width:48px;height:48px;font-size:1.2rem;}.audio-progress-section{flex:1;min-width:200px;display:flex;align-items:center;gap:var(--a-space-s);}.audio-progress-bar{flex:1;height:4px;background:rgba(0,0,0,0.1);border-radius:2px;cursor:pointer;position:relative;transition:height 0.2s ease;}.audio-progress-bar:hover{height:6px;}.audio-progress{height:100%;background:var(--a-color-primary);border-radius:2px;position:relative;transition:width 0.1s linear;}.audio-progress-handle{position:absolute;right:-6px;top:50%;transform:translateY(-50%);width:12px;height:12px;background:var(--a-color-primary);border-radius:50%;opacity:0;transition:opacity 0.2s ease;}.audio-progress-bar:hover .audio-progress-handle{opacity:1;}.audio-time{font-size:0.85rem;color:var(--a-color-on-surface-variant);white-space:nowrap;font-family:var(--a-font-family-mono);min-width:80px;text-align:right;}.audio-volume-slider{width:80px;height:4px;-webkit-appearance:none;appearance:none;background:rgba(0,0,0,0.1);border-radius:2px;outline:none;cursor:pointer;}.audio-volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;background:var(--a-color-primary);border-radius:50%;cursor:pointer;}.audio-volume-slider::-moz-range-thumb{width:12px;height:12px;background:var(--a-color-primary);border-radius:50%;cursor:pointer;border:none;}.audio-speed-menu{position:absolute;bottom:calc(100% + 10px);background:var(--a-color-surface);border:1px solid var(--a-color-outline);border-radius:var(--a-border-radius-medium);overflow:hidden;z-index:10;margin-bottom:var(--a-space-s);min-width:80px;}.audio-speed-menu.hidden{display:none;}.audio-speed-option{display:block;width:100%;padding:var(--a-space-s) var(--a-space-m);background:var(--a-color-surface);border:none;color:var(--a-color-on-surface);cursor:pointer;text-align:center;font-size:0.9rem;transition:all 0.2s ease;}.audio-speed-option:hover,.audio-speed-option.active{background:var(--a-color-primary);color:var(--a-color-on-primary);}.playlist-container{background:var(--a-color-surface);border:1px solid var(--a-color-outline);border-radius:var(--a-border-radius-large);overflow:hidden;display:flex;flex-direction:column;max-height:500px;}.playlist-header{padding:var(--a-space-l);border-bottom:1px solid var(--a-color-outline);background:var(--a-color-surface-variant);display:flex;justify-content:space-between;align-items:center;gap:var(--a-space-m);flex-wrap:wrap;}.playlist-title{margin:0;font-size:1.2rem;font-weight:var(--a-font-weight-bold);color:var(--a-color-on-surface);}.playlist-controls{display:flex;gap:var(--a-space-s);flex:1;min-width:200px;}.playlist-search{flex:1;min-width:150px;padding:var(--a-space-s);border:1px solid var(--a-color-outline);border-radius:var(--a-border-radius-medium);font-size:0.9rem;}.playlist-btn{background:var(--a-color-primary);color:var(--a-color-on-primary);border:none;width:36px;height:36px;border-radius:var(--a-border-radius-medium);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.2s ease;}.playlist-btn:hover{opacity:0.9;transform:translateY(-2px);}.playlist-btn.active{background:var(--a-color-secondary);}.playlist-items{list-style:none;margin:0;padding:0;overflow-y:auto;flex:1;}.playlist-item{padding:var(--a-space-m) var(--a-space-l);border-bottom:1px solid var(--a-color-outline);display:flex;justify-content:space-between;align-items:center;gap:var(--a-space-m);cursor:pointer;transition:all 0.2s ease;position:relative;}.playlist-item:hover{background:var(--a-color-surface-variant);}.playlist-item.active{background:var(--a-color-primary-container);border-left:4px solid var(--a-color-primary);padding-left:calc(var(--a-space-l) - 4px);}.item-content{display:flex;align-items:center;gap:var(--a-space-m);flex:1;min-width:0;}.item-index{width:30px;text-align:center;color:var(--a-color-on-surface-variant);font-weight:var(--a-font-weight-bold);flex-shrink:0;}.item-details{flex:1;min-width:0;}.item-title{margin:0;font-weight:var(--a-font-weight-bold);color:var(--a-color-on-surface);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.item-artist{margin:2px 0 0;font-size:0.85rem;color:var(--a-color-on-surface-variant);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.item-duration{color:var(--a-color-on-surface-variant);font-family:var(--a-font-family-mono);font-size:0.9rem;white-space:nowrap;flex-shrink:0;}.item-remove{background:transparent;border:none;color:var(--a-color-error);cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--a-border-radius-medium);transition:all 0.2s ease;flex-shrink:0;opacity:0;}.playlist-item:hover .item-remove{opacity:1;}.item-remove:hover{background:var(--a-color-error-container);}.playlist-item.drag-over{background:rgba(0,0,0,0.05);border-top:2px solid var(--a-color-primary);}.playlist-stats{padding:var(--a-space-m) var(--a-space-l);background:var(--a-color-surface-variant);border-top:1px solid var(--a-color-outline);font-size:0.9rem;color:var(--a-color-on-surface-variant);text-align:center;}@media (max-width:768px){.audio-player{flex-direction:column;align-items:flex-start;}.audio-cover{width:60px;height:60px;}.audio-controls{width:100%;}.table-controls{flex-direction:column;}.data-list-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));}}.swipecards{max-width:28rem;margin-inline:auto;display:grid;gap:var(--a-space-m);touch-action:pan-y;}.swipecards article{padding:var(--a-space-l);border:1px solid var(--a-color-outline);border-radius:var(--a-border-radius-large);background:var(--a-color-surface);box-shadow:var(--a-shadow-small);user-select:none;transition:transform 200ms ease,opacity 200ms ease;}.swipecards nav{display:flex;gap:var(--a-space-s);justify-content:center;}.pullrefresh{max-width:34rem;margin-inline:auto;display:grid;gap:var(--a-space-s);}.pullrefresh output{text-align:center;color:var(--a-color-on-surface-variant);}.pullrefresh [data-role="surface"]{--pull-distance:0px;border:1px solid var(--a-color-outline);border-radius:var(--a-border-radius-large);background:var(--a-color-surface);padding:var(--a-space-l);transform:translateY(calc(var(--pull-distance) * 0.35));transition:transform 180ms ease;min-height:12rem;}.storyview{max-width:34rem;margin-inline:auto;display:grid;gap:var(--a-space-s);border:1px solid var(--a-color-outline);border-radius:var(--a-border-radius-large);background:var(--a-color-surface);padding:var(--a-space-m);}.storyview header{display:grid;gap:var(--a-space-xs);grid-template-columns:repeat(3,minmax(0,1fr));}.storyview article{min-height:11rem;padding:var(--a-space-m);border-radius:var(--a-border-radius-medium);background:var(--a-color-surface-variant);}.storyview nav{display:flex;justify-content:space-between;}.multimediapicker{max-width:40rem;margin-inline:auto;display:grid;gap:var(--a-space-s);padding:var(--a-space-m);border:1px dashed var(--a-color-outline);border-radius:var(--a-border-radius-large);background:var(--a-color-surface);}.multimediapicker ul{list-style:none;margin:0;padding:0;display:grid;gap:var(--a-space-s);}.multimediapicker li{border:1px solid var(--a-color-outline);border-radius:var(--a-border-radius-medium);padding:var(--a-space-s);display:grid;gap:var(--a-space-xs);}.multimediapicker img,.multimediapicker video,.multimediapicker audio{width:100%;max-height:12rem;border-radius:var(--a-border-radius-small);object-fit:cover;}.autocomplete{max-width:30rem;margin-inline:auto;display:grid;gap:var(--a-space-xs);position:relative;}.autocomplete ul{margin:0;padding:0;list-style:none;border:1px solid var(--a-color-outline);border-radius:var(--a-border-radius-medium);background:var(--a-color-surface);box-shadow:var(--a-shadow-small);max-height:16rem;overflow:auto;}.autocomplete li{padding:var(--a-space-xs) var(--a-space-s);cursor:pointer;}.autocomplete li[aria-selected="true"],.autocomplete li:hover{background:var(--a-color-primary-container);color:var(--a-color-on-primary-container);}.timer{max-width:30rem;margin-inline:auto;display:grid;gap:var(--a-space-xs);border:1px solid var(--a-color-outline);border-radius:var(--a-border-radius-large);background:var(--a-color-surface);padding:var(--a-space-m);}.timer time{font-size:clamp(1.6rem,4vw,2.4rem);font-family:var(--a-font-family-mono);text-align:center;padding:var(--a-space-s);background:var(--a-color-surface-variant);border-radius:var(--a-border-radius-medium);}.timer nav{display:flex;gap:var(--a-space-xs);}.touch{max-width:32rem;margin-inline:auto;display:grid;gap:var(--a-space-s);}.touch [data-role="pad"]{border:2px solid var(--a-color-outline);border-radius:var(--a-border-radius-large);min-height:11rem;display:grid;place-items:center;background:var(--a-color-surface-variant);touch-action:none;}.touch ol{margin:0;padding-inline-start:var(--a-space-l);}.filedisplay{max-width:40rem;margin-inline:auto;display:grid;gap:var(--a-space-s);}.filedisplay ul{margin:0;padding:0;list-style:none;display:grid;gap:var(--a-space-s);}.filedisplay li{border:1px solid var(--a-color-outline);border-radius:var(--a-border-radius-medium);background:var(--a-color-surface);padding:var(--a-space-s);display:grid;gap:var(--a-space-xs);}.filedisplay pre{margin:0;white-space:pre-wrap;background:var(--a-color-surface-variant);border-radius:var(--a-border-radius-small);padding:var(--a-space-s);}.shapes{max-width:40rem;margin-inline:auto;padding:var(--a-space-l);border:1px solid var(--a-color-outline);border-radius:var(--a-border-radius-large);background:var(--a-color-surface);}.shapes svg{width:100%;height:auto;}.shapes circle,.shapes rect{fill:var(--a-color-primary-container);stroke:var(--a-color-primary);stroke-width:2;}.shapes path{fill:none;stroke:var(--a-color-secondary);stroke-width:4;stroke-linecap:round;}@media (max-width:680px){.timer nav,.swipecards nav,.storyview nav{flex-direction:column;}}:root{--ax-reading-width:65ch;}:root[data-layout-width='narrow']{--ax-reading-width:60ch;}:root[data-layout-width='standard']{--ax-reading-width:65ch;}:root[data-layout-width='wide']{--ax-reading-width:70ch;}:root[data-layout-width='full']{--ax-reading-width:100%;}.prose,[data-axiom-text-content],article>p,article>blockquote,article>ul,article>ol,.article-body,.post-content,.page-content,main>p{max-width:var(--ax-reading-width,65ch);margin-left:auto;margin-right:auto;}.account-menu{position:relative;display:inline-block;}.account-button{display:flex;align-items:center;gap:var(--a-space-xs,0.25rem);padding:var(--a-space-xs,0.25rem) var(--a-space-s,0.5rem);background:transparent;border:1px solid transparent;border-radius:var(--a-border-radius-base);color:var(--a-color-on-surface);font-size:0.95rem;font-weight:var(--a-font-weight-bold);cursor:pointer;transition:all 0.2s ease;white-space:nowrap;}.account-button:hover{background:var(--a-color-surface-variant);border-color:var(--a-color-outline);}.account-button[aria-expanded="true"]{background:var(--a-color-surface);border-color:var(--a-color-primary);color:var(--a-color-primary);}.account-icon{font-size:1.25rem;}.account-toggle{font-size:0.8rem;opacity:0.6;transition:opacity 0.2s;}.account-button[aria-expanded="true"] .account-toggle{opacity:1;}.account-dropdown{position:absolute;top:100%;right:0;min-width:180px;margin-top:var(--a-space-xs,0.25rem);padding:var(--a-space-s,0.5rem) 0;background:var(--a-color-surface);border:1px solid var(--a-color-outline);border-radius:var(--a-border-radius-base);box-shadow:0 4px 12px rgba(0,0,0,0.15);list-style:none;display:none;z-index:1000;}.account-dropdown li{margin:0;padding:0;}.account-dropdown a{display:block;padding:var(--a-space-s,0.5rem) var(--a-space-m,1rem);color:var(--a-color-on-surface);text-decoration:none;transition:all 0.2s ease;outline:none;}.account-dropdown a:hover,.account-dropdown a:focus{background:var(--a-color-surface-variant);color:var(--a-color-primary);}.account-dropdown .divider{height:1px;margin:var(--a-space-xs,0.25rem) 0;background:var(--a-color-outline);}@media (max-width:768px){.account-button{padding:var(--a-space-xs,0.25rem) var(--a-space-m,1rem);}.account-dropdown{right:auto;left:0;min-width:auto;width:100%;}}.button,button{display:inline-flex;align-items:center;justify-content:center;gap:var(--a-space-xs,0.25rem);padding:var(--a-space-s,0.5rem) var(--a-space-m,1rem);border:none;border-radius:var(--a-border-radius-base);background:var(--a-color-secondary);color:var(--a-color-on-secondary);font-family:inherit;font-size:inherit;font-weight:var(--a-font-weight-bold);cursor:pointer;transition:all 0.2s ease;text-decoration:none;user-select:none;}.button:focus-visible,button:focus-visible{outline:2px solid var(--a-color-primary);outline-offset:2px;}.button:hover,button:hover{opacity:0.9;transform:translateY(-1px);box-shadow:0 2px 8px rgba(0,0,0,0.15);}.button.primary,button.primary,.button[data-button-type="primary"],button[data-button-type="primary"]{background-color:var(--a-color-primary);color:var(--a-color-on-primary);}.button.secondary,button.secondary,.button[data-button-type="secondary"],button[data-button-type="secondary"]{background-color:var(--a-color-secondary);color:var(--a-color-on-secondary);}.button.danger,button.danger,.button[data-button-type="danger"],button[data-button-type="danger"]{background-color:var(--a-color-error);color:var(--a-color-on-error);}.button.danger:hover,button.danger:hover{background-color:color-mix(in srgb,var(--a-color-error) 85%,black);}.button.success,button.success,.button[data-button-type="success"],button[data-button-type="success"]{background-color:var(--a-color-success);color:var(--a-color-on-success);}.button.icon-only,button.icon-only,.button[data-button-type="icon"],button[data-button-type="icon"]{padding:var(--a-space-s,0.5rem);background:transparent;color:var(--a-color-on-surface);}.button.icon-only:hover,button.icon-only:hover{background:var(--a-color-surface-variant);}.button.small,button.small,.button[data-size="small"],button[data-size="small"]{padding:var(--a-space-xs,0.25rem) var(--a-space-s,0.5rem);font-size:0.875rem;}.button.medium,button.medium,.button[data-size="medium"],button[data-size="medium"]{padding:var(--a-space-s,0.5rem) var(--a-space-m,1rem);font-size:var(--a-font-size-base);}.button.large,button.large,.button[data-size="large"],button[data-size="large"]{padding:var(--a-space-m,1rem) var(--a-space-l,1.5rem);font-size:1.125rem;}.button.full-width,button.full-width,.button[data-button-width="full"],button[data-button-width="full"]{width:100%;}button:disabled,.button:disabled,.button[disabled],button[disabled]{opacity:0.5;cursor:not-allowed;transform:none;}button:disabled:hover,.button:disabled:hover{opacity:0.5;box-shadow:none;}.button-group,[data-button-group]{display:inline-flex;gap:0;border-radius:var(--a-border-radius-base);overflow:hidden;}.button-group button,[data-button-group] button{border-radius:0;border-right:1px solid var(--a-color-outline);}.button-group button:last-child,[data-button-group] button:last-child{border-right:none;}section.page-header{width:100%;padding:var(--a-space-xl,2rem) var(--a-space-m,1rem);background:var(--a-color-surface);border-bottom:1px solid var(--a-color-outline);}.page-header-container{width:min(100%,var(--a-layout-max-width,1200px));margin:0 auto;padding-inline:var(--a-space-m,1rem);}section.page-header h1{margin:var(--a-space-m,1rem) 0 0 0;font-size:1.75rem;font-weight:var(--a-font-weight-bold);color:var(--a-color-on-surface);}nav.breadcrumb{font-size:0.875rem;color:var(--a-color-on-surface-variant,#666);}nav.breadcrumb ol{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:var(--a-space-xs,0.25rem);align-items:center;}nav.breadcrumb li{margin:0;padding:0;}nav.breadcrumb a{color:var(--a-color-primary);text-decoration:none;transition:color 0.2s ease;}nav.breadcrumb a:hover{text-decoration:underline;}nav.breadcrumb a::after{content:" →";margin:0 var(--a-space-xs,0.25rem);color:var(--a-color-on-surface-variant,#666);}nav.breadcrumb li:last-child a::after{content:"";margin:0;}nav.breadcrumb [aria-current="page"]{color:var(--a-color-on-surface);font-weight:var(--a-font-weight-bold);}@media (max-width:768px){section.page-header{padding:var(--a-space-l,1.5rem) var(--a-space-m,1rem);}section.page-header h1{font-size:1.5rem;}nav.breadcrumb{font-size:0.8125rem;}nav.breadcrumb ol{gap:var(--a-space-xs,0.25rem);}}@media (max-width:768px){.container{padding:0 var(--a-space-m);}}@media (max-width:480px){.container{padding:0 var(--a-space-s);}}.text-muted{color:var(--a-color-text-muted);}.axicon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;}.axicon svg{width:1em;height:1em;display:block;}main>section>div>header{padding-bottom:var(--a-space-xl);border-bottom:1px solid var(--ax-border);margin-bottom:var(--a-space-2xl);}main>section>div>header h1{margin-top:0;}main>section>div>header p{margin:0;}.alert .axicon{width:1.25rem;height:1.25rem;font-size:1.25rem;}main>section>div>header{padding-bottom:var(--a-space-xl);border-bottom:1px solid var(--ax-border);margin-bottom:var(--a-space-2xl);text-align:center;}main>section>div>header h1{margin-top:0;color:var(--a-color-primary);}main>section>div>header p{margin:var(--a-space-m) 0 0 0;}main section h2{padding-bottom:var(--a-space-m);border-bottom:1px solid var(--ax-border);margin-bottom:var(--a-space-lg);}p{line-height:1.6;}p:last-child{margin-bottom:0;}.alert svg{width:1.25rem;height:1.25rem;flex-shrink:0;display:block;}.alert{text-align:left;}.alert>div{flex:1;text-align:left;}.grid.grid-cols-2{grid-template-columns:repeat(2,1fr);}.grid.grid-cols-3{grid-template-columns:repeat(3,1fr);}.grid.grid-cols-4{grid-template-columns:repeat(4,1fr);}@media (max-width:768px){.grid.grid-cols-2,.grid.grid-cols-3,.grid.grid-cols-4{grid-template-columns:1fr;}}h1{font-size:clamp(2.2rem,5.5vw,3.5rem);line-height:1.15;letter-spacing:-0.02em;}h2{font-size:clamp(1.6rem,4.5vw,2.5rem);line-height:1.2;}h3{font-size:clamp(1.3rem,3.5vw,1.85rem);line-height:1.25;}main>* + *,section>* + *,article>* + *,.stack>* + *{margin-top:var(--a-space-l,1.85rem);}h1 + p,h2 + p,h3 + p,header + p,header + .group,header + .grid,header + .swatch{margin-top:var(--a-space-m,1rem);margin-left:auto;margin-right:auto;}.swatches{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:var(--a-space-l);width:100%;margin-bottom:var(--a-space-xl);}.swatches .swatch{display:flex;flex-direction:column;border-radius:var(--a-border-radius-base);overflow:hidden;border:1px solid var(--a-color-outline);}.swatches .swatch::before{content:attr(data-label);display:flex;align-items:center;justify-content:center;aspect-ratio:4 / 3;width:100%;border:1px solid var(--a-color-border);border-radius:var(--a-border-radius-base) var(--a-border-radius-base) 0 0;font-size:0.75rem;font-weight:var(--a-font-weight-semibold);color:rgba(0,0,0,0.7);text-align:center;padding:var(--a-space-xs);line-height:1.2;word-break:break-word;}.swatches .swatch[class*="primary"]::before{background-color:var(--a-color-primary);color:var(--a-color-on-primary);}.swatches .swatch[class*="secondary"]::before{background-color:var(--a-color-secondary);color:var(--a-color-on-secondary);}.swatches .swatch[class*="tertiary"]::before{background-color:var(--a-color-tertiary);color:var(--a-color-on-tertiary);}.swatches .swatch[class*="success"]::before{background-color:var(--a-color-success);color:var(--a-color-on-success);}.swatches .swatch[class*="warning"]::before{background-color:var(--a-color-warning);color:var(--a-color-on-warning);}.swatches .swatch[class*="error"]::before{background-color:var(--a-color-error);color:var(--a-color-on-error);}.swatches .swatch[class*="info"]::before{background-color:var(--a-color-info);color:var(--a-color-on-info);}.swatches .swatch[class*="container"]::before{background-color:var(--a-color-primary-container);color:var(--a-color-on-primary-container);}.swatches .swatch.secondary-container::before{background-color:var(--a-color-secondary-container);color:var(--a-color-on-secondary-container);}.swatches .swatch.tertiary-container::before{background-color:var(--a-color-tertiary-container);color:var(--a-color-on-tertiary-container);}.swatches .swatch.info-container::before{background-color:var(--a-color-info-container);color:var(--a-color-on-info-container);}.swatch{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:var(--a-space-l);width:100%;margin-bottom:var(--a-space-xl);}.swatch figure{margin:0;display:flex;flex-direction:column;border-radius:8px;overflow:hidden;border:1px solid var(--a-color-outline);}.swatch figure div{aspect-ratio:4 / 3;width:100%;border:1px solid var(--a-color-border);}.swatch figcaption{padding:0.5rem;font-size:0.85rem;font-weight:600;text-align:center;}.swatch figure .primary{background-color:var(--a-color-primary);}.swatch figure .base{background-color:var(--a-color-surface);}.swatch figure .dark{background-color:var(--a-color-on-surface);}.swatch figure .success{background-color:var(--a-color-success);}.swatch figure .error{background-color:var(--a-color-error);}progress{width:100%;height:1rem;border:1px solid var(--a-color-outline);border-radius:var(--a-border-radius-medium);background-color:var(--a-color-surface-variant);}progress::-webkit-progress-value{background-color:var(--a-color-primary);}progress::-moz-progress-bar{background-color:var(--a-color-primary);}.skeleton{background:linear-gradient(90deg,var(--a-color-surface-variant) 25%,var(--a-color-surface) 50%,var(--a-color-surface-variant) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:var(--a-border-radius-medium);}@keyframes skeleton-loading{0%{background-position:200% 0;}100%{background-position:-200% 0;}}label.toggle-switch{display:flex;align-items:center;gap:var(--a-space-m);cursor:pointer;user-select:none;}label.toggle-switch input[type="checkbox"]{appearance:none;width:48px;height:28px;background-color:var(--a-color-outline);border:none;border-radius:999px;cursor:pointer;position:relative;transition:background-color 0.3s;}label.toggle-switch input[type="checkbox"]::before{content:'';position:absolute;width:24px;height:24px;background-color:white;border-radius:50%;top:2px;left:2px;transition:left 0.3s;}label.toggle-switch input[type="checkbox"]:checked{background-color:var(--a-color-primary);}label.toggle-switch input[type="checkbox"]:checked::before{left:22px;}.segmented-control{display:flex;border:1px solid var(--a-color-outline);border-radius:var(--a-border-radius-medium);overflow:hidden;background-color:var(--a-color-surface-variant);}.segmented-control input[type="radio"]{display:none;}.segmented-control label{flex:1;padding:var(--a-space-s) var(--a-space-m);text-align:center;cursor:pointer;background-color:var(--a-color-surface-variant);color:var(--a-color-on-surface-variant);font-weight:var(--a-font-weight-bold);transition:all 0.2s;border-right:1px solid var(--a-color-outline);}.segmented-control label:last-child{border-right:none;}.segmented-control input[type="radio"]:checked + label{background-color:var(--a-color-primary);color:var(--a-color-on-primary);}ol.timeline{list-style:none;padding:0;margin:var(--a-space-l) 0;position:relative;padding-left:30px;}ol.timeline::before{content:'';position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--a-color-outline);}ol.timeline li{margin-bottom:var(--a-space-l);position:relative;}ol.timeline li::before{content:'';position:absolute;left:-19px;top:0.25rem;width:12px;height:12px;background:var(--a-color-primary);border-radius:50%;border:3px solid var(--a-color-surface);}ol.timeline li strong{display:block;font-weight:var(--a-font-weight-bold);margin-bottom:var(--a-space-xs);}ol.timeline li p{margin:0;line-height:1.6;}[data-tooltip]{position:relative;}[data-tooltip]::before{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translateX(-50%) translateY(-0.5rem);padding:0.5rem 0.75rem;font-size:0.875rem;background-color:var(--a-color-on-surface);color:var(--a-color-surface);border-radius:var(--a-border-radius-medium);opacity:0;visibility:hidden;transition:opacity 0.15s,transform 0.15s;pointer-events:none;white-space:nowrap;z-index:1070;}[data-tooltip]:hover::before{opacity:1;visibility:visible;transform:translateX(-50%) translateY(-0.75rem);}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[role="button"]:focus-visible{outline:2px solid var(--a-color-primary);outline-offset:2px;}:focus{outline:none;}@media (prefers-contrast:more){button:focus-visible,a:focus-visible,input:focus-visible{outline-width:3px;}}@media (prefers-reduced-motion:reduce){*{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;}}@media (forced-colors:active){button,a,input,textarea,select{border:1px solid CanvasText;}button:focus-visible{outline:3px solid Highlight;}}@keyframes fadeIn{from{opacity:0;}to{opacity:1;}}@keyframes fadeInUp{from{opacity:0;transform:translateY(0.75rem);}to{opacity:1;transform:translateY(0);}}@keyframes fadeInDown{from{opacity:0;transform:translateY(-0.75rem);}to{opacity:1;transform:translateY(0);}}@keyframes fadeInLeft{from{opacity:0;transform:translateX(-0.75rem);}to{opacity:1;transform:translateX(0);}}@keyframes fadeInRight{from{opacity:0;transform:translateX(0.75rem);}to{opacity:1;transform:translateX(0);}}@keyframes slideUp{from{transform:translateY(1.5rem);}to{transform:translateY(0);}}@keyframes slideDown{from{transform:translateY(-1.5rem);}to{transform:translateY(0);}}@keyframes slideLeft{from{transform:translateX(1.5rem);}to{transform:translateX(0);}}@keyframes slideRight{from{transform:translateX(-1.5rem);}to{transform:translateX(0);}}@keyframes scaleIn{from{opacity:0;transform:scale(0.95);}to{opacity:1;transform:scale(1);}}@keyframes spin{from{transform:rotate(0deg);}to{transform:rotate(360deg);}}@keyframes pulse{0%,100%{opacity:1;}50%{opacity:0.5;}}@keyframes bounce{0%,100%{transform:translateY(0);}50%{transform:translateY(-0.75rem);}}@keyframes bounceIn{0%{opacity:0;transform:scale(0.3);}50%{opacity:1;transform:scale(1.05);}100%{transform:scale(1);}}.reveal-fade{animation:fadeIn 300ms ease-out forwards;}.reveal-fade-up{animation:fadeInUp 400ms ease-out forwards;}.reveal-fade-down{animation:fadeInDown 400ms ease-out forwards;}.reveal-fade-left{animation:fadeInLeft 400ms ease-out forwards;}.reveal-fade-right{animation:fadeInRight 400ms ease-out forwards;}.reveal-slide-up{animation:slideUp 400ms ease-out forwards;}.reveal-scale{animation:scaleIn 300ms ease-out forwards;}.status-spin{animation:spin 1s linear infinite;}.status-pulse{animation:pulse 2s ease-in-out infinite;}.status-bounce{animation:bounce 1s ease-in-out infinite;}.status-bounce-in{animation:bounceIn 500ms ease-out forwards;}.delay-1{animation-delay:0ms !important;}.delay-2{animation-delay:100ms !important;}.delay-3{animation-delay:200ms !important;}.delay-4{animation-delay:300ms !important;}.delay-5{animation-delay:400ms !important;}@media (prefers-reduced-motion:reduce){[class^="reveal-"],[class^="status-"],[class*=" reveal-"],[class*=" status-"],[class*="delay-"]{animation:none !important;opacity:1 !important;transform:none !important;}}@keyframes fadeOut{from{opacity:1;}to{opacity:0;}}@keyframes slideOutUp{from{transform:translateY(0);}to{transform:translateY(-1.5rem);opacity:0;}}@keyframes slideOutDown{from{transform:translateY(0);}to{transform:translateY(1.5rem);opacity:0;}}.reveal-fade-out{animation:fadeOut 300ms ease-in forwards;}.reveal-slide-out-up{animation:slideOutUp 400ms ease-in forwards;}.reveal-slide-out-down{animation:slideOutDown 400ms ease-in forwards;}.card.animate{animation:fadeInUp 400ms ease-out forwards;opacity:0;}.button.animate{animation:scaleIn 300ms ease-out forwards;opacity:0;}.modal.animate{animation:slideUp 500ms ease-out forwards;opacity:0;}.alert.animate{animation:fadeInDown 400ms ease-out forwards;opacity:0;}.badge.animate{animation:scaleIn 300ms ease-out forwards;opacity:0;}.tooltip.animate,[role="tooltip"].animate{animation:fadeIn 250ms ease-out forwards;opacity:0;}.dropdown.animate,[role="menu"].animate{animation:slideDown 300ms ease-out forwards;opacity:0;}[role="tabpanel"].animate{animation:fadeIn 300ms ease-out forwards;opacity:0;}table.animate,tbody.animate{animation:fadeInUp 400ms ease-out forwards;opacity:0;}.toast.animate{animation:slideUp 400ms ease-out forwards;opacity:0;}.animate.delay-1{animation-delay:0ms !important;}.animate.delay-2{animation-delay:100ms !important;}.animate.delay-3{animation-delay:200ms !important;}.animate.delay-4{animation-delay:300ms !important;}.animate.delay-5{animation-delay:400ms !important;}.card.animate.reveal-fade{animation:fadeIn 300ms ease-out forwards;}.card.animate.reveal-fade-down{animation:fadeInDown 400ms ease-out forwards;}.card.animate.reveal-slide-up{animation:slideUp 400ms ease-out forwards;}.card.animate.reveal-scale{animation:scaleIn 300ms ease-out forwards;}.button.animate.reveal-fade{animation:fadeIn 300ms ease-out forwards;}.button.animate.reveal-fade-up{animation:fadeInUp 400ms ease-out forwards;}.modal.animate.reveal-scale{animation:scaleIn 300ms ease-out forwards;}.modal.animate.reveal-fade{animation:fadeIn 300ms ease-out forwards;}.alert.animate.reveal-fade{animation:fadeIn 300ms ease-out forwards;}.alert.animate.reveal-fade-up{animation:fadeInUp 400ms ease-out forwards;}#search-modal-results::-webkit-scrollbar{width:8px;}#search-modal-results::-webkit-scrollbar-track{background:transparent;}#search-modal-results::-webkit-scrollbar-thumb{background:var(--a-color-outline);border-radius:4px;}#search-modal-results::-webkit-scrollbar-thumb:hover{background:var(--a-color-text-muted);}.split{display:flex;flex-wrap:wrap;gap:var(--a-space-l,1.5rem);}.split>*{flex:1 1 300px;min-width:0;}.aspect{aspect-ratio:var(--aspect-ratio,16 / 9);width:100%;height:auto;}.aspect>img,.aspect>video,.aspect>iframe{width:100%;height:100%;object-fit:cover;display:block;}dialog.modal::backdrop{background:rgba(0,0,0,0.4);backdrop-filter:blur(4px);transition:opacity 0.2s ease;}details summary::-webkit-details-marker,details.popover summary::-webkit-details-marker,details.dropbutton-details summary::-webkit-details-marker{display:none;}details summary,details.popover summary,details.dropbutton-details summary{list-style:none;}details.bordered{border:1px solid var(--ax-border);border-radius:var(--a-border-radius-md);margin-bottom:0.5rem;}details.bordered + details.bordered{margin-top:-1px;}.table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch;margin-bottom:var(--a-space-l);}.alert button.close,.alert [data-dismiss="alert"]{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;padding:0;margin:-10px;transition:opacity 0.2s ease;}.alert button.close:hover,.alert [data-dismiss="alert"]:hover{opacity:0.7;}.badge{display:inline-flex;padding:0.25rem 0.5rem;font-size:var(--a-font-size-xs);font-weight:var(--a-font-weight-semibold);border-radius:9999px;background-color:var(--ax-background);color:var(--ax-text);white-space:nowrap;}.hierarchy li::before{content:"";position:absolute;left:-0.75rem;top:1.15rem;width:0.75rem;height:1px;background-color:var(--ax-border);}.hierarchy li:last-child::before{display:none;}@media (max-width:600px){.steps{flex-direction:column;align-items:flex-start;gap:0.75rem;}}.field[data-focused="true"]{border-color:var(--a-color-primary);}.field[data-invalid="true"] input,.field[data-invalid="true"] textarea,.field[data-invalid="true"] select{border-color:var(--a-color-error);background-color:var(--a-color-error-container);}body.docs-overview{--overview-transition:all var(--a-transition-base);}.component-hero{padding:var(--a-space-xl) 0;background:linear-gradient(135deg,var(--a-color-surface) 0%,var(--a-color-surface-variant) 100%);}.component-hero header{text-align:center;max-width:800px;margin:0 auto;}.component-hero h1{font-size:clamp(2rem,5vw,3.5rem);font-weight:var(--a-font-weight-bold);margin-bottom:var(--a-space-l);color:var(--a-color-on-surface);}.component-hero>.container>header>p{font-size:1.25rem;color:var(--a-color-on-surface-variant);margin-bottom:var(--a-space-xl);line-height:1.6;}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--a-space-l);margin-top:var(--a-space-xl);}stat{display:flex;flex-direction:column;align-items:center;padding:var(--a-space-m);border-radius:var(--a-border-radius-base);background:var(--a-color-surface-variant);border:1px solid var(--a-color-outline);}stat strong{font-size:2rem;color:var(--a-color-primary);line-height:1;margin-bottom:var(--a-space-s);}stat span{font-size:0.875rem;color:var(--a-color-on-surface-variant);}.quick-access{padding:var(--a-space-xl) 0;}.quick-access header{text-align:center;margin-bottom:var(--a-space-xl);}.quick-access h2{font-size:1.75rem;margin-bottom:var(--a-space-m);}.quick-categories{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--a-space-l);}.quick-categories nav{border:1px solid var(--a-color-outline);border-radius:var(--a-border-radius-base);padding:var(--a-space-m);background:var(--a-color-surface);}.quick-categories h3{font-size:1rem;font-weight:var(--a-font-weight-bold);margin-bottom:var(--a-space-m);color:var(--a-color-on-surface);}.quick-categories ul{list-style:none;padding:0;margin:0;}.quick-categories li{margin-bottom:var(--a-space-s);}.quick-categories a{display:block;padding:var(--a-space-s) 0;color:var(--a-color-primary);text-decoration:none;transition:var(--overview-transition);border-radius:var(--a-border-radius-base);padding-left:var(--a-space-s);}.quick-categories a:hover{background:var(--a-color-surface-variant);transform:translateX(var(--a-space-xs));}.quick-categories a:focus-visible{outline:2px solid var(--a-color-primary);outline-offset:2px;}.search-section{padding:var(--a-space-xl) 0;background:var(--a-color-surface-variant);}.search-box{max-width:600px;margin:0 auto;}.search-box input{width:100%;padding:var(--a-space-m);font-size:1rem;border:2px solid var(--a-color-outline);border-radius:var(--a-border-radius-base);background:var(--a-color-surface);color:var(--a-color-on-surface);transition:var(--overview-transition);}.search-box input:focus{border-color:var(--a-color-primary);outline:none;box-shadow:0 0 0 3px var(--a-color-primary-transparent,rgba(var(--a-color-primary-rgb,66 133 244),0.1));}#search-results{display:block;margin-top:var(--a-space-s);font-size:0.875rem;color:var(--a-color-on-surface-variant);}.components-section{padding:var(--a-space-xl) 0;}.components-section header{text-align:center;margin-bottom:var(--a-space-xl);}.components-section h2{font-size:1.75rem;margin-bottom:var(--a-space-m);}.components-nav{display:flex;flex-direction:column;gap:var(--a-space-l);}.component-category{border:1px solid var(--a-color-outline);border-radius:var(--a-border-radius-base);background:var(--a-color-surface);overflow:hidden;transition:var(--overview-transition);}.component-category:hover{border-color:var(--a-color-primary);box-shadow:0 2px 8px rgba(var(--a-color-on-surface-rgb,0 0 0),0.08);}.component-category header{margin:0;}.category-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;padding:var(--a-space-m);background:transparent;border:none;cursor:pointer;font-size:1rem;font-weight:var(--a-font-weight-bold);color:var(--a-color-on-surface);transition:var(--overview-transition);}.category-toggle:hover{background:var(--a-color-surface-variant);}.category-toggle:focus-visible{outline:2px solid var(--a-color-primary);outline-offset:-2px;}.category-title{flex:1;text-align:left;}.category-count{font-size:0.875rem;font-weight:var(--a-font-weight-normal);color:var(--a-color-on-surface-variant);margin-right:var(--a-space-m);}.axicon-chevron{display:inline-block;transition:transform var(--a-transition-base);font-size:0.75rem;}.category-toggle[aria-expanded="false"] .axicon-chevron{transform:rotate(-90deg);}.category-items{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--a-space-m);padding:var(--a-space-m);border-top:1px solid var(--a-color-outline);}.category-items[hidden]{display:none;}.category-items a{display:block;padding:var(--a-space-m);text-decoration:none;color:var(--a-color-primary);border-radius:var(--a-border-radius-base);border:1px solid var(--a-color-outline);background:var(--a-color-surface-variant);transition:var(--overview-transition);font-weight:500;}.category-items a:hover{background:var(--a-color-primary);color:var(--a-color-on-primary);transform:translateY(-2px);}.category-items a:focus-visible{outline:2px solid var(--a-color-primary);outline-offset:2px;}@media (max-width:768px){.component-hero h1{font-size:1.75rem;}.stats{grid-template-columns:1fr;gap:var(--a-space-m);}.quick-categories{grid-template-columns:1fr;}.category-items{grid-template-columns:1fr;}.category-toggle{padding:var(--a-space-m);}}@media (max-width:480px){.component-hero>.container>header>p{font-size:1rem;}.category-toggle{flex-wrap:wrap;padding:var(--a-space-s);}.category-count{font-size:0.8rem;margin-right:var(--a-space-s);}}@media (prefers-color-scheme:dark){.component-hero{background:linear-gradient(135deg,var(--a-color-surface-variant) 0%,var(--a-color-surface) 100%);}.quick-categories nav{background:var(--a-color-surface-variant);}.search-box input{background:var(--a-color-surface);}}@media (prefers-reduced-motion:reduce){.category-items a,.quick-categories a,.category-toggle{transition:none;}.category-items a:hover{transform:none;}.quick-categories a:hover{transform:none;}.axicon-chevron{transition:none;}}@media (forced-colors:active){.component-category{border:1px solid CanvasText;}.category-items a{border:1px solid CanvasText;}.category-toggle:focus-visible,.category-items a:focus-visible{outline:2px solid Highlight;}}@media (prefers-contrast:more){.category-items a{border:2px solid var(--a-color-primary);}.component-category{border:2px solid var(--a-color-outline);}}.tabs-material{display:flex;border-bottom:1px solid var(--a-color-outline);margin-bottom:var(--a-space-m);}.tabs-material button{padding:var(--a-space-m);background:transparent;border:none;border-bottom:2px solid transparent;cursor:pointer;color:var(--a-color-on-surface-variant);font-weight:500;transition:all var(--a-transition-base);}.tabs-material button:hover{color:var(--a-color-on-surface);background:var(--a-color-surface-variant);}.tabs-material button[aria-selected="true"]{color:var(--a-color-primary);border-bottom-color:var(--a-color-primary);}.tabs-material button:focus-visible{outline:2px solid var(--a-color-primary);outline-offset:-2px;}.tab-panel{padding:var(--a-space-m);display:none;}.tab-panel[aria-selected="true"]{display:block;}.notification{padding:var(--a-space-m);border-radius:var(--a-border-radius-base);border-left:4px solid;margin-bottom:var(--a-space-m);display:flex;align-items:center;gap:var(--a-space-m);}.notification.success{background:var(--a-color-success-container);border-left-color:var(--a-color-success);color:var(--a-color-on-success-container);}.notification.error{background:var(--a-color-error-container);border-left-color:var(--a-color-error);color:var(--a-color-on-error-container);}.notification.warning{background:var(--a-color-warning-container);border-left-color:var(--a-color-warning);color:var(--a-color-on-warning-container);}.notification.info{background:var(--a-color-primary-container);border-left-color:var(--a-color-primary);color:var(--a-color-on-primary-container);}.notification-close{margin-left:auto;background:none;border:none;cursor:pointer;padding:var(--a-space-s);color:inherit;}.notification-close:focus-visible{outline:2px solid currentColor;outline-offset:2px;}[role="tablist"]{display:flex;flex-wrap:wrap;gap:var(--a-space-s);padding:var(--a-space-m);border:1px solid var(--a-color-border);border-radius:var(--a-border-radius-base);background:var(--a-color-background-secondary);margin-bottom:var(--a-space-l);}[role="tab"]{flex:0 1 auto;padding:var(--a-space-m) var(--a-space-l);background:var(--a-color-background);border:1px solid var(--a-color-border);border-radius:var(--a-border-radius-base);cursor:pointer;transition:all 0.2s ease;font-weight:500;}[role="tab"]:hover{background:var(--a-color-primary-container);border-color:var(--a-color-primary);}[role="tab"][aria-selected="true"]{background:var(--a-color-primary);color:var(--a-color-on-primary);border-color:var(--a-color-primary);}[role="tab"][aria-selected="false"]{background:var(--a-color-background);color:var(--a-color-text);}[role="tabpanel"]{padding:var(--a-space-l);border:1px solid var(--a-color-border);border-radius:var(--a-border-radius-base);background:var(--a-color-background);margin-bottom:var(--a-space-l);}[role="tabpanel"][hidden]{display:none;}[role="region"][aria-label="Media picker interface"]{border:1px solid var(--a-color-border);border-radius:var(--a-border-radius-base);padding:var(--a-space-l);background:var(--a-color-background);}ol[role="tablist"],ul[role="tablist"]{display:flex;flex-wrap:nowrap;gap:var(--a-space-m);padding:0;margin:0;list-style:none;align-items:stretch;}ol[role="tablist"] li[role="tab"],ul[role="tablist"] li[role="tab"]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--a-space-xs);padding:var(--a-space-m);background:var(--a-color-surface-variant);border:1px solid var(--a-color-border);border-radius:var(--a-border-radius-base);cursor:default;transition:all 0.3s ease;position:relative;min-width:80px;text-align:center;font-weight:var(--a-font-weight-semibold);}ol[role="tablist"] li[role="tab"]>span:first-child,ul[role="tablist"] li[role="tab"]>span:first-child{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:var(--a-color-primary-container);color:var(--a-color-on-primary-container);font-weight:var(--a-font-weight-bold);font-size:var(--a-font-size-base);}ol[role="tablist"] li[role="tab"]>span:nth-child(2),ul[role="tablist"] li[role="tab"]>span:nth-child(2){font-size:var(--a-font-size-base);color:var(--a-color-on-surface);line-height:1.2;}ol[role="tablist"] li[role="tab"]>small,ul[role="tablist"] li[role="tab"]>small{font-size:var(--a-font-size-sm);color:var(--a-color-on-surface-variant);display:block;line-height:1.2;}ol[role="tablist"] li[role="tab"][data-active="true"],ul[role="tablist"] li[role="tab"][data-active="true"]{background:var(--a-color-primary);border-color:var(--a-color-primary);color:var(--a-color-on-primary);}ol[role="tablist"] li[role="tab"][data-active="true"]>span:first-child,ul[role="tablist"] li[role="tab"][data-active="true"]>span:first-child{background:rgba(255,255,255,0.3);color:var(--a-color-on-primary);}ol[role="tablist"] li[role="tab"][data-active="true"]>span:nth-child(2),ul[role="tablist"] li[role="tab"][data-active="true"]>span:nth-child(2){color:var(--a-color-on-primary);font-weight:var(--a-font-weight-bold);}ol[role="tablist"] li[role="tab"][data-active="true"]>small,ul[role="tablist"] li[role="tab"][data-active="true"]>small{color:rgba(255,255,255,0.8);}ol[role="tablist"] li[role="tab"][data-completed="true"],ul[role="tablist"] li[role="tab"][data-completed="true"]{background:var(--a-color-success-container);border-color:var(--a-color-success);}ol[role="tablist"] li[role="tab"][data-completed="true"]>span:first-child,ul[role="tablist"] li[role="tab"][data-completed="true"]>span:first-child{background:var(--a-color-success);color:var(--a-color-on-success);}ol[role="tablist"] li[role="tab"][data-completed="true"]>span:nth-child(2),ul[role="tablist"] li[role="tab"][data-completed="true"]>span:nth-child(2){color:var(--a-color-on-success-container);}ol[role="tablist"][data-variant="vertical"],ul[role="tablist"][data-variant="vertical"]{flex-direction:column;}ol[role="tablist"][data-variant="vertical"] li[role="tab"],ul[role="tablist"][data-variant="vertical"] li[role="tab"]{min-width:100%;flex-direction:row;justify-content:flex-start;gap:var(--a-space-m);}ol[role="tablist"][data-variant="vertical"] li[role="tab"]>span:first-child,ul[role="tablist"][data-variant="vertical"] li[role="tab"]>span:first-child{flex-shrink:0;}ol[role="tablist"][data-variant="vertical"] li[role="tab"]>span:nth-child(2),ul[role="tablist"][data-variant="vertical"] li[role="tab"]>span:nth-child(2){text-align:left;}ol[role="tablist"][data-variant="vertical-responsive"],ul[role="tablist"][data-variant="vertical-responsive"]{flex-direction:column;}ol[role="tablist"][data-variant="vertical-responsive"] li[role="tab"],ul[role="tablist"][data-variant="vertical-responsive"] li[role="tab"]{min-width:100%;flex-direction:row;justify-content:flex-start;gap:var(--a-space-m);}@media (min-width:768px){ol[role="tablist"][data-variant="vertical-responsive"],ul[role="tablist"][data-variant="vertical-responsive"]{flex-direction:row;}ol[role="tablist"][data-variant="vertical-responsive"] li[role="tab"],ul[role="tablist"][data-variant="vertical-responsive"] li[role="tab"]{min-width:80px;flex-direction:column;justify-content:center;gap:var(--a-space-xs);}}fieldset{border:none;padding:0;margin:0 0 var(--a-space-l) 0;}legend{padding:0 0 var(--a-space-m) 0;font-weight:600;font-size:1.1rem;color:var(--a-color-text);border-bottom:2px solid var(--a-color-border);width:100%;margin-bottom:var(--a-space-m);}fieldset.segmented-control{display:flex;align-items:center;gap:0;padding:var(--a-space-xs);background:var(--a-color-surface-variant);border:1px solid var(--a-color-border);border-radius:var(--a-border-radius-base);margin:var(--a-space-l) 0;width:fit-content;}fieldset.segmented-control legend{display:none;}fieldset.segmented-control button{flex:1;padding:var(--a-space-m) var(--a-space-l);background:transparent;border:none;color:var(--a-color-on-surface);cursor:pointer;transition:all 0.2s ease;font-weight:var(--a-font-weight-semibold);border-radius:0;display:inline-flex;align-items:center;justify-content:center;gap:var(--a-space-s);min-height:40px;}fieldset.segmented-control button:first-child{border-radius:var(--a-border-radius-base) 0 0 var(--a-border-radius-base);}fieldset.segmented-control button:last-child{border-radius:0 var(--a-border-radius-base) var(--a-border-radius-base) 0;}fieldset.segmented-control button:not(:last-child){border-right:1px solid var(--a-color-border);}fieldset.segmented-control button:hover{background:rgba(var(--a-color-primary-rgb),0.1);color:var(--a-color-primary);}fieldset.segmented-control button[data-selected="true"]{background:var(--a-color-primary);color:var(--a-color-on-primary);}fieldset.segmented-control button[data-selected="true"]:hover{background:var(--a-color-primary);filter:brightness(1.1);}fieldset.segmented-control button:disabled{opacity:0.5;cursor:not-allowed;}fieldset.segmented-control button:disabled:hover{background:transparent;color:var(--a-color-on-surface);}fieldset.segmented-control .axicon{font-size:1.2em;}fieldset>div[style*="display:grid"]{display:grid !important;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:var(--a-space-m);padding:var(--a-space-m) 0;}[role="region"]>div[style*="border-top"]{padding-top:var(--a-space-l);border-top:1px solid var(--a-color-border);}[role="region"]>div[style*="border-top"] h3{margin:0 0 var(--a-space-m) 0;font-weight:600;color:var(--a-color-text);}[role="region"]>div[style*="border-top"] ul{list-style:none;padding:0;margin:0;}[role="region"]>div[style*="border-top"] li{padding:var(--a-space-s) var(--a-space-m);background:var(--a-color-background-secondary);border-radius:var(--a-border-radius-sm);margin-bottom:var(--a-space-s);display:flex;justify-content:space-between;align-items:center;}[role="region"]>div[style*="display:flex"]{display:flex !important;gap:var(--a-space-m);padding-top:var(--a-space-l);border-top:1px solid var(--a-color-border);justify-content:flex-end;}table[data-variant="striped"] tbody tr:nth-child(odd){background-color:var(--a-color-background-secondary);}dialog.lightbox{padding:0;border:none;border-radius:0;max-width:100vw;max-height:100vh;width:100vw;height:100vh;position:fixed;top:0;left:0;background:rgba(0,0,0,0.95);display:flex;align-items:center;justify-content:center;z-index:1000;}dialog.lightbox::backdrop{background:rgba(0,0,0,0.5);}.lightbox-content{position:relative;max-width:90vw;max-height:90vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--a-space-m);}.lightbox-content img,.lightbox-content figure{max-width:100%;max-height:80vh;object-fit:contain;margin:0;}.lightbox-content figcaption{color:white;text-align:center;font-size:var(--a-font-size-base);padding:var(--a-space-m);margin-top:var(--a-space-m);}.lightbox-close{position:absolute;top:var(--a-space-l);right:var(--a-space-l);background:rgba(255,255,255,0.2);border:none;color:white;padding:var(--a-space-m);width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:50%;cursor:pointer;transition:all 0.3s ease;font-size:1.5rem;z-index:1001;}.lightbox-close:hover{background:rgba(255,255,255,0.4);transform:scale(1.1);}.lightbox-close:active{transform:scale(0.95);}.lightbox-control{position:absolute;top:50%;transform:translateY(-50%);background:rgba(255,255,255,0.2);border:none;color:white;padding:var(--a-space-m);width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:50%;cursor:pointer;transition:all 0.3s ease;font-size:1.5rem;z-index:1001;}.lightbox-control:hover{background:rgba(255,255,255,0.4);transform:translateY(-50%) scale(1.1);}.lightbox-control:active{transform:translateY(-50%) scale(0.95);}.lightbox-control.prev{left:var(--a-space-l);}.lightbox-control.next{right:var(--a-space-l);}@media (max-width:640px){.lightbox-close,.lightbox-control{width:40px;height:40px;padding:8px;font-size:1.25rem;}.lightbox-close{top:var(--a-space-m);right:var(--a-space-m);}.lightbox-control.prev{left:var(--a-space-m);}.lightbox-control.next{right:var(--a-space-m);}}.carousel{position:relative;width:100%;overflow:hidden;border-radius:var(--a-border-radius-large);background:var(--a-color-surface);border:1px solid var(--a-color-border);}.carousel-viewport{width:100%;overflow:hidden;}.carousel-track{display:flex;transition:transform 0.4s cubic-bezier(0.4,0,0.2,1);width:100%;}.carousel-track figure{flex:0 0 100%;margin:0;padding:0;overflow:hidden;position:relative;}.carousel-track figure>*{width:100%;height:100%;object-fit:cover;display:block;}.carousel-track figcaption{position:absolute;bottom:0;left:0;right:0;background:rgba(0,0,0,0.5);color:white;padding:var(--a-space-m);font-weight:var(--a-font-weight-semibold);text-align:center;}.carousel-control{position:absolute;top:50%;transform:translateY(-50%);background:rgba(0,0,0,0.5);color:white;border:none;padding:var(--a-space-m);cursor:pointer;transition:all 0.3s ease;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;font-size:1.25rem;z-index:10;}.carousel-control:hover{background:rgba(0,0,0,0.8);}.carousel-control.prev{left:var(--a-space-m);}.carousel-control.next{right:var(--a-space-m);}.carousel-indicators{display:flex;justify-content:center;gap:var(--a-space-s);padding:var(--a-space-m);background:rgba(0,0,0,0.3);position:absolute;bottom:0;left:0;right:0;}.carousel-indicators button{width:12px;height:12px;border-radius:50%;border:2px solid rgba(255,255,255,0.5);background:transparent;cursor:pointer;transition:all 0.3s ease;padding:0;}.carousel-indicators button[data-active="true"]{background:white;border-color:white;}.carousel-indicators button:hover{border-color:white;}.carousel[data-items="2"] .carousel-track figure,.carousel[data-items="3"] .carousel-track figure,.carousel[data-items="4"] .carousel-track figure,.carousel[data-items="5"] .carousel-track figure{flex-basis:calc(100% / var(--items,2));}.carousel[data-items="2"]{--items:2;}.carousel[data-items="3"]{--items:3;}.carousel[data-items="4"]{--items:4;}.carousel[data-items="5"]{--items:5;}.carousel[data-variant="vertical"] .carousel-viewport{height:300px;}.carousel[data-variant="vertical"] .carousel-track{flex-direction:column;}.carousel[data-variant="vertical"] .carousel-track figure{flex:0 0 100%;}.carousel[data-variant="vertical"] .carousel-control{left:50%;transform:translateX(-50%);}.carousel[data-variant="vertical"] .carousel-control.prev{top:var(--a-space-m);}.carousel[data-variant="vertical"] .carousel-control.next{top:auto;bottom:var(--a-space-m);}@media (max-width:640px){.carousel-control{width:36px;height:36px;padding:8px;font-size:1rem;}.carousel-control.prev{left:8px;}.carousel-control.next{right:8px;}.carousel-indicators{padding:var(--a-space-s);}}menu[role="menu"]{position:absolute;display:none;flex-direction:column;padding:0;margin:0;list-style:none;background:var(--a-color-surface);border:1px solid var(--a-color-border);border-radius:var(--a-border-radius-base);box-shadow:var(--a-shadow-large);z-index:1000;min-width:160px;top:100%;left:0;margin-top:var(--a-space-s);}menu[role="menu"][data-open="true"]{display:flex;}menu[role="menu"] button[role="menuitem"]{display:flex;align-items:center;gap:var(--a-space-m);width:100%;padding:var(--a-space-m) var(--a-space-l);background:transparent;border:none;color:var(--a-color-on-surface);cursor:pointer;transition:all 0.2s ease;font-weight:var(--a-font-weight-normal);font-size:var(--a-font-size-base);text-align:left;}menu[role="menu"] button[role="menuitem"]:hover{background:var(--a-color-primary-container);color:var(--a-color-on-primary-container);}menu[role="menu"] button[role="menuitem"]:disabled{opacity:0.5;cursor:not-allowed;}menu[role="menu"] button[role="menuitem"]:disabled:hover{background:transparent;color:var(--a-color-on-surface);}menu[role="menu"] button[role="menuitem"][data-variant="danger"]{color:var(--a-color-error);}menu[role="menu"] button[role="menuitem"][data-variant="danger"]:hover{background:var(--a-color-error-container);color:var(--a-color-on-error-container);}menu[role="menu"] hr{margin:var(--a-space-xs) 0;border:none;border-top:1px solid var(--a-color-border);}aside.sidebar{background:var(--a-color-surface);border-right:1px solid var(--a-color-outline);width:250px;transition:transform 0.3s ease,width 0.3s ease;overflow-y:auto;display:flex;flex-direction:column;}aside.sidebar[data-open="false"]{transform:translateX(-100%);width:0;border-right:none;}aside.sidebar nav{display:flex;flex-direction:column;height:100%;}aside.sidebar ul{list-style:none;margin:0;padding:var(--a-space-m) 0;display:flex;flex-direction:column;}aside.sidebar li{margin:0;}aside.sidebar a{display:block;padding:var(--a-space-m);color:var(--a-color-on-surface);text-decoration:none;transition:background-color 0.2s ease,color 0.2s ease;border-left:3px solid transparent;}aside.sidebar a:hover{background-color:var(--a-color-surface-variant);color:var(--a-color-primary);border-left-color:var(--a-color-primary);}aside.sidebar a:active{background-color:var(--a-color-primary-container);}.sidebar-toggle{background:none;border:none;color:var(--a-color-on-surface);font-size:1.5rem;cursor:pointer;padding:var(--a-space-m);transition:color 0.2s ease;}.sidebar-toggle:hover{color:var(--a-color-primary);}@media (max-width:768px){aside.sidebar{position:fixed;left:0;top:60px;height:calc(100vh - 60px);z-index:999;box-shadow:var(--a-shadow-large);}}dialog.drawer{background:var(--a-color-surface);border:1px solid var(--a-color-outline);width:100%;max-width:400px;height:100vh;margin:0;padding:0;animation:slideInRight 0.3s ease;display:flex;flex-direction:column;}dialog.drawer[data-side="left"]{animation:slideInLeft 0.3s ease;}dialog.drawer::backdrop{background:rgba(0,0,0,0.5);backdrop-filter:blur(5px);}dialog.drawer header{display:flex;justify-content:space-between;align-items:center;padding:var(--a-space-m);border-bottom:1px solid var(--a-color-outline);flex-shrink:0;}dialog.drawer header h2{margin:0;font-size:var(--a-font-size-h3);color:var(--a-color-on-surface);}dialog.drawer header button{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--a-color-on-surface);padding:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;transition:color 0.2s ease;}dialog.drawer header button:hover{color:var(--a-color-primary);}dialog.drawer main{flex:1;overflow-y:auto;padding:var(--a-space-m);}@keyframes slideInRight{from{transform:translateX(100%);opacity:0;}to{transform:translateX(0);opacity:1;}}@keyframes slideInLeft{from{transform:translateX(-100%);opacity:0;}to{transform:translateX(0);opacity:1;}}@keyframes slideOutRight{from{transform:translateX(0);opacity:1;}to{transform:translateX(100%);opacity:0;}}@keyframes slideOutLeft{from{transform:translateX(0);opacity:1;}to{transform:translateX(-100%);opacity:0;}}article ul,article ol,.container>ul,.container>ol,section>ul,section>ol,.card>ul,.card>ol{list-style:revert;padding-left:var(--a-space-l);margin-bottom:var(--a-space-m);}article li,.container>ul>li,.container>ol>li,section>ul>li,section>ol>li,.card>ul>li,.card>ol>li{margin-bottom:var(--a-space-s);line-height:var(--a-line-height-normal);}@layer axiom.components{.alert{padding:var(--a-space-l);border-radius:var(--a-border-radius-base);margin-bottom:var(--a-space-m);display:flex;align-items:center;gap:var(--a-space-m);border:1px solid transparent;}.alert[hidden]{display:none;}.alert .axicon{font-size:var(--a-font-size-xl);}.alert.success{background-color:var(--a-color-success-container);color:var(--a-color-on-success-container);border-color:var(--a-color-success-on-container);}.alert.error{background-color:var(--a-color-error-container);color:var(--a-color-on-error-container);border-color:var(--a-color-error-on-container);}.alert.warning{background-color:var(--a-color-warning-container);color:var(--a-color-on-warning-container);border-color:var(--a-color-warning-on-container);}.alert.info{background-color:var(--a-color-info-container);color:var(--a-color-on-info-container);border-color:var(--a-color-info-on-container);}.avatar{width:var(--a-space-xxl);height:var(--a-space-xxl);border-radius:var(--a-border-radius-full);display:inline-flex;align-items:center;justify-content:center;font-weight:var(--a-font-weight-bold);background-color:var(--a-color-surface-variant);color:var(--a-color-text-muted);}.avatar.success{background-color:var(--a-color-success-container);color:var(--a-color-on-success-container);}.avatar.error{background-color:var(--a-color-error-container);color:var(--a-color-on-error-container);}.avatar.warning{background-color:var(--a-color-warning-container);color:var(--a-color-on-warning-container);}.avatar.info{background-color:var(--a-color-info-container);color:var(--a-color-on-info-container);}.avatar.primary{background-color:var(--a-color-primary);color:white;}.badge{display:inline-flex;align-items:center;justify-content:center;padding:var(--a-space-xs) var(--a-space-s);border-radius:var(--a-border-radius-pill);font-size:var(--a-font-size-xs);font-weight:var(--a-font-weight-bold);background-color:var(--a-color-surface-variant);color:var(--a-color-text-muted);}.badge.success{background-color:var(--a-color-success-container);color:var(--a-color-on-success-container);}.badge.error{background-color:var(--a-color-error-container);color:var(--a-color-on-error-container);}.badge.warning{background-color:var(--a-color-warning-container);color:var(--a-color-on-warning-container);}.badge.info{background-color:var(--a-color-info-container);color:var(--a-color-on-info-container);}.badge.primary{background-color:var(--a-color-primary);color:white;}.breadcrumbs{margin-bottom:var(--a-space-m);}.breadcrumbs ol{display:flex;flex-wrap:wrap;list-style:none;padding:0;margin:0;}.breadcrumbs li{display:flex;align-items:center;}.breadcrumbs li + li::before{content:"\f105";font-family:"Font Awesome 5 Free";font-weight:900;margin:0 var(--a-space-s);color:var(--a-color-text-muted);}.breadcrumbs li:last-child{color:var(--a-color-text-muted);}.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--a-space-s);padding:var(--a-space-m) var(--a-space-l);border-radius:var(--a-border-radius-base);font-weight:var(--a-font-weight-bold);transition:background-color var(--a-transition-base),color var(--a-transition-base),border-color var(--a-transition-base);border:1px solid transparent;}.button[hidden]{display:none;}.button.primary{background-color:var(--a-color-primary);color:white;}.button.primary:hover{background-color:var(--a-color-primary-light);}.button.secondary{background-color:var(--a-color-secondary-container);color:var(--a-color-on-secondary-container);}.button.secondary:hover{background-color:var(--a-color-secondary-light);}.button.success{background-color:var(--a-color-success-container);color:var(--a-color-on-success-container);border-color:var(--a-color-success-on-container);}.button.success:hover{background-color:var(--a-color-success-light);}.button.error{background-color:var(--a-color-error-container);color:var(--a-color-on-error-container);}.button.error:hover{background-color:var(--a-color-error-light);}.button.warning{background-color:var(--a-color-warning-container);color:var(--a-color-on-warning-container);}.button.warning:hover{background-color:var(--a-color-warning-light);}.button.info{background-color:var(--a-color-info-container);color:var(--a-color-on-info-container);}.button.info:hover{background-color:var(--a-color-info-light);}.hero{background:var(--a-gradient-primary);color:var(--a-color-on-gradient);padding:var(--a-space-xxl) 0;text-align:center;}.hero .container{max-width:var(--ax-max-width,1200px);margin:0 auto;padding:0 var(--a-space-l);text-align:center;}.hero h1{color:white;font-size:clamp(2.5rem,6vw,4rem);font-weight:var(--a-font-weight-bold);margin-bottom:var(--a-space-m);letter-spacing:-0.02em;}.hero p{color:rgba(255,255,255,0.9);max-width:var(--ax-reading-width,65ch);margin:0 auto var(--a-space-l);}section.hero .actions{display:flex;gap:var(--a-space-m);justify-content:center;flex-wrap:wrap;margin-top:var(--a-space-xl) !important;margin-bottom:var(--a-space-xl) !important;}section.hero .actions .button{display:inline-flex;align-items:center;justify-content:center;gap:var(--a-space-s);padding:var(--a-space-m) var(--a-space-l);border-radius:var(--a-border-radius-base);font-weight:var(--a-font-weight-bold);border:1px solid transparent;cursor:pointer;font-family:inherit;font-size:inherit;text-decoration:none;}section.hero .actions .button.primary{background:white;color:var(--a-color-primary,#2563eb);border-color:white;}section.hero .actions .button.primary:hover{background:rgba(255,255,255,0.9);color:var(--a-color-primary,#2563eb);}section.hero .actions .button.outline{background:transparent;border-color:rgba(255,255,255,0.6);color:white;transition:background-color var(--a-transition-base),border-color var(--a-transition-base);}section.hero .actions .button.outline:hover{background:rgba(255,255,255,0.2);border-color:white;}section.hero .actions .button.secondary{background:transparent;border-color:rgba(255,255,255,0.4);color:white;transition:background-color var(--a-transition-base),border-color var(--a-transition-base);}section.hero .actions .button.secondary:hover{background:rgba(255,255,255,0.15);border-color:white;}section.hero .actions + p{margin-top:var(--a-space-xl);margin-bottom:var(--a-space-2xl);}.hero .grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));list-style:none;padding:0;margin:0;}.code-comparison-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--a-space-l);margin-top:var(--a-space-m);}@media (max-width:640px){.code-comparison-grid{grid-template-columns:1fr;gap:var(--a-space-m);}}@media (max-width:360px){.code-comparison-grid{gap:var(--a-space-s);}.code-comparison-grid pre{font-size:0.75rem;padding:var(--a-space-s);}}.grid.tight{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--a-space-m);}@media (min-width:1440px){.grid.tight{gap:var(--a-space-l);}}@media (max-width:1023px){.grid.tight{gap:var(--a-space-s);}}.card.glass{background:rgba(255,255,255,0.15);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,0.2);text-align:center;padding:var(--a-space-xl);transition:all var(--a-transition-base) ease;}.card.glass,.card.glass h3,.card.glass p,.card.glass .value,.card.glass .label{color:white;}.card.glass:hover{background:rgba(255,255,255,0.25);transform:translateY(-4px);box-shadow:var(--a-shadow-lg);}.card.glass h3,.card.glass .value{font-size:2.5rem;font-weight:var(--a-font-weight-bold);margin:var(--a-space-s) 0;}.card.glass>.axicon:first-child,.card.glass .axicon{font-size:2.25rem;margin-bottom:var(--a-space-s);color:white;opacity:0.9;transition:opacity var(--a-transition-base,200ms) ease;}.card.glass:hover>.axicon:first-child,.card.glass:hover .axicon{opacity:1;}.form{margin-bottom:var(--a-space-m);}.form-group{margin-bottom:var(--a-space-m);}.form-label{display:block;margin-bottom:var(--a-space-s);font-weight:var(--a-font-weight-bold);}.form-control{display:block;width:100%;padding:var(--a-space-m);border-radius:var(--a-border-radius-base);border:1px solid var(--a-color-surface-variant);background-color:white;color:var(--a-color-text-primary);transition:border-color var(--a-transition-base),box-shadow var(--a-transition-base);}.form-control:focus{border-color:var(--a-color-primary);box-shadow:0 0 0 3px var(--a-color-primary-container);outline:none;}.form-control[hidden]{display:none;}.form-control.success{border-color:var(--a-color-success);}.form-control.error{border-color:var(--a-color-error);}.form-check{display:flex;align-items:center;gap:var(--a-space-m);}.form-check-input{width:1rem;height:1rem;}input[type="range"]{-webkit-appearance:none;appearance:none;width:100%;height:6px;background:var(--ax-border);border-radius:var(--a-border-radius-pill);outline:none;}input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--a-color-primary);cursor:pointer;transition:transform var(--a-transition-base);}input[type="range"]::-webkit-slider-thumb:hover{transform:scale(1.2);}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);display:flex;align-items:center;justify-content:center;z-index:1000;transition:opacity var(--a-transition-base);}.modal[hidden]{display:none;}.modal-content{background-color:white;border-radius:var(--a-border-radius-base);padding:var(--a-space-l);max-width:500px;width:100%;transition:transform var(--a-transition-base);}.modal-header{margin-bottom:var(--a-space-m);}.modal-body{margin-bottom:var(--a-space-m);}.modal-footer{display:flex;justify-content:flex-end;gap:var(--a-space-m);}main>section{padding:var(--a-space-xl) 0;}main>section:nth-child(even){background-color:var(--ax-background-secondary);}main>section:first-child{scroll-margin-top:calc(60px + var(--a-space-s));}main>section>.container>header{text-align:center;margin-bottom:var(--a-space-xl);max-width:800px;margin-left:auto;margin-right:auto;}main>section>.container>header h2{font-size:clamp(1.75rem,3vw,2.25rem);font-weight:var(--a-font-weight-bold);margin-bottom:var(--a-space-m);color:var(--a-color-on-surface);}main>section>.container>header p{font-size:1.125rem;color:var(--a-color-on-surface-variant);line-height:1.6;}.code-example-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--a-space-s);}.code-example-header p{margin:0;font-weight:var(--a-font-weight-bold);font-size:0.9rem;}.code-example-header .actions{display:flex;gap:var(--a-space-xs);}.code-example-header button.icon-only{padding:var(--a-space-xs) !important;background-color:transparent !important;color:var(--a-color-on-surface-variant) !important;border:1px solid var(--a-color-outline) !important;min-height:auto !important;min-width:auto !important;border-radius:var(--a-border-radius-sm) !important;}.code-example-header button.icon-only:hover{background-color:var(--a-color-surface-variant) !important;}.code-example-header button.icon-only:active{background-color:var(--a-color-outline) !important;}.progress-bar{width:100%;height:1rem;background-color:var(--a-color-surface-variant);border-radius:var(--a-border-radius-pill);overflow:hidden;}.progress-bar[hidden]{display:none;}.progress-bar-inner{height:100%;background-color:var(--a-color-primary);transition:width var(--a-transition-base);}.skeleton{background-color:var(--a-color-surface-variant);border-radius:var(--a-border-radius-base);}.skeleton[hidden]{display:none;}.skeleton-text{width:100%;height:1rem;}.skeleton-rect{width:100%;height:100px;}.skeleton-circle{width:50px;height:50px;border-radius:var(--a-border-radius-full);}.tabs{display:flex;flex-direction:column;align-items:center;margin-bottom:var(--a-space-xl);}.tabs>menu[role="tablist"],.tabs>ul[role="tablist"],.tabs>ol[role="tablist"],.tab-list{display:inline-flex;background-color:var(--a-color-surface-variant);border:1px solid var(--a-color-outline);border-radius:var(--a-border-radius-base);padding:var(--a-space-xs);margin:0 0 var(--a-space-xl) 0;list-style:none;gap:2px;flex-wrap:wrap;justify-content:center;}.tabs>menu>button[role="tab"],.tabs>ul[role="tablist"]>li>button[role="tab"],.tabs>ol[role="tablist"]>li>button[role="tab"],.tab-item{background:transparent;border:none;border-radius:var(--a-border-radius-sm);padding:var(--a-space-s) var(--a-space-l);cursor:pointer;color:var(--a-color-on-surface-variant);font-weight:var(--a-font-weight-semibold);font-family:inherit;font-size:0.95rem;transition:all var(--a-transition-fast) var(--a-ease-out);}.tabs>menu>button[role="tab"]:hover,.tabs>ul[role="tablist"]>li>button[role="tab"]:hover,.tabs>ol[role="tablist"]>li>button[role="tab"]:hover,.tab-item:hover{color:var(--a-color-on-surface);}.tabs>menu>button[role="tab"][aria-selected="true"],.tabs>ul[role="tablist"]>li>button[role="tab"][aria-selected="true"],.tabs>ol[role="tablist"]>li>button[role="tab"][aria-selected="true"],.tab-item.active{background-color:var(--a-color-secondary);color:var(--a-color-on-secondary);box-shadow:var(--a-shadow-sm);}.tabs>[role="tabpanel"]{width:100%;animation:fadeIn var(--a-transition-base) var(--a-ease-out);}[role="tabpanel"][hidden]{display:none !important;}.tooltip{position:relative;display:inline-block;}.tooltip-text{visibility:hidden;width:120px;background-color:var(--a-color-surface-variant);color:var(--a-color-text-muted);text-align:center;border-radius:var(--a-border-radius-base);padding:var(--a-space-s);position:absolute;z-index:1;bottom:125%;left:50%;margin-left:-60px;opacity:0;transition:opacity var(--a-transition-base);}.tooltip:hover .tooltip-text{visibility:visible;opacity:1;}.tooltip[hidden]{display:none;}#color-palette .color-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--a-space-l);margin-top:var(--a-space-l);}#color-palette .swatch{width:100% !important;height:150px !important;border-radius:var(--a-border-radius-base) !important;position:relative !important;display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:center !important;padding:0 !important;overflow:hidden !important;border:1px solid var(--a-color-outline) !important;box-shadow:var(--a-shadow-sm) !important;margin-bottom:0 !important;}#color-palette .swatch:hover{transform:translateY(-4px) !important;box-shadow:var(--a-shadow-md) !important;}#color-palette .swatch .info{position:absolute !important;bottom:0 !important;left:0 !important;width:100% !important;background:rgba(0,0,0,0.75) !important;padding:var(--a-space-s) !important;text-align:left !important;transform:none !important;border-radius:0 !important;}#color-palette .swatch .info h4{margin:0 !important;font-size:0.9rem !important;font-weight:var(--a-font-weight-bold) !important;color:white !important;}#color-palette .swatch .info p{display:none !important;}#color-palette .swatch span{position:relative !important;z-index:1 !important;font-size:1rem !important;font-weight:var(--a-font-weight-bold) !important;margin-bottom:30px !important;}#color-palette .swatch.small{height:150px !important;}.card{display:flex;flex-direction:column;border-radius:var(--a-border-radius-base);background-color:var(--a-color-surface);border:1px solid var(--a-color-outline);padding:var(--a-space-l);transition:box-shadow var(--a-transition-base),transform var(--a-transition-base);}.card:hover{box-shadow:var(--a-shadow-md);}.card>.axicon:first-child{font-size:2.25rem;color:var(--a-color-primary);margin-bottom:var(--a-space-m);display:block;}.card h3{margin:0 0 var(--a-space-m) 0;font-size:1.25rem;font-weight:var(--a-font-weight-bold);color:var(--a-color-on-surface);}.card h4{margin:0 0 var(--a-space-s) 0;font-size:1.1rem;font-weight:var(--a-font-weight-bold);color:var(--a-color-on-surface);}.card p{margin:0 0 var(--a-space-m) 0;font-size:0.95rem;line-height:1.6;color:var(--a-color-on-surface-variant);}.card p:last-of-type{margin-bottom:0;}.card>footer{margin-top:auto;padding-top:var(--a-space-m);border-top:none;background:transparent;display:flex;align-items:center;}.card.ghost{background:transparent;border:none;box-shadow:none;text-align:center;}.card.ghost>.axicon:first-child{margin-left:auto;margin-right:auto;margin-bottom:var(--a-space-m);}.card.ghost:hover{box-shadow:none;}.stat{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--a-space-xl);border-radius:var(--a-border-radius-base);background:rgba(255,255,255,0.15);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,0.2);color:white;min-height:200px;transition:all var(--a-transition-base) ease;}.stat:hover{background:rgba(255,255,255,0.25);transform:translateY(-4px);box-shadow:0 8px 32px rgba(0,0,0,0.1);}.stat .axicon{font-size:2.5rem;margin-bottom:var(--a-space-m);color:white;opacity:0.9;transition:opacity var(--a-transition-base);}.stat:hover .axicon{opacity:1;}.stat .value{font-size:2.5rem;font-weight:var(--a-font-weight-bold);margin:var(--a-space-s) 0;color:white;}.stat .label{font-size:0.95rem;font-weight:var(--a-font-weight-semibold);margin:var(--a-space-s) 0;color:rgba(255,255,255,0.95);}.stat p{font-size:0.85rem;color:rgba(255,255,255,0.85);margin:var(--a-space-m) 0 0 0;line-height:1.5;}footer.footer .footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--a-space-2xl);margin-bottom:var(--a-space-2xl);padding-bottom:var(--a-space-2xl);border-bottom:1px solid var(--ax-border);}footer.footer .footer-brand{display:flex;flex-direction:column;gap:var(--a-space-m);}footer.footer .footer-brand-logo{font-family:var(--a-font-family-mono);font-size:var(--a-font-size-l);font-weight:var(--a-font-weight-bold);color:var(--a-color-on-surface);text-decoration:none;transition:color var(--a-transition-base);display:inline-block;max-width:fit-content;}footer.footer .footer-brand-logo:hover{color:var(--a-color-primary);}footer.footer .footer-brand-logo .primary{color:var(--a-color-primary);}footer.footer .footer-tagline{font-size:var(--a-font-size-s);font-weight:var(--a-font-weight-normal);color:var(--a-color-text-muted);line-height:var(--a-line-height-base);margin:0;max-width:200px;}footer.footer .footer-column{display:flex;flex-direction:column;gap:var(--a-space-m);}footer.footer .footer-column h4{font-size:var(--a-font-size-base);font-weight:var(--a-font-weight-semibold);color:var(--a-color-on-surface);margin:0;padding:0;line-height:var(--a-line-height-heading);letter-spacing:-0.01em;}footer.footer .footer-column ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--a-space-s);}footer.footer .footer-column li{margin:0;padding:0;}footer.footer .footer-column a{color:var(--a-color-text-secondary);text-decoration:none;font-size:var(--a-font-size-s);font-weight:var(--a-font-weight-normal);transition:color var(--a-transition-base),text-decoration var(--a-transition-base);line-height:var(--a-line-height-base);}footer.footer .footer-column a:hover{color:var(--a-color-primary);text-decoration:underline;}footer.footer .footer-column a:focus-visible{outline:var(--focus-outline-width) solid var(--focus-outline-color);outline-offset:var(--focus-outline-offset);border-radius:var(--a-border-radius-sm);}footer.footer .footer-bottom{display:flex;flex-direction:column;gap:var(--a-space-l);align-items:flex-start;}@media (min-width:var(--breakpoint-md)){footer.footer .footer-bottom{flex-direction:row;align-items:center;justify-content:space-between;}}footer.footer .footer-copyright{font-size:var(--a-font-size-xs);color:var(--a-color-text-muted);margin:0;line-height:var(--a-line-height-base);flex:1;}footer.footer .footer-copyright a{color:var(--a-color-text-secondary);text-decoration:none;transition:color var(--a-transition-base);}footer.footer .footer-copyright a:hover{color:var(--a-color-primary);text-decoration:underline;}footer.footer .footer-social{display:flex;gap:var(--a-space-m);align-items:center;margin:0;padding:0;list-style:none;}footer.footer .footer-social li{margin:0;padding:0;}footer.footer .footer-social a{display:inline-flex;align-items:center;justify-content:center;width:var(--touch-target-min-desktop);height:var(--touch-target-min-desktop);border-radius:var(--a-border-radius-md);background-color:var(--a-color-primary-container);color:var(--a-color-primary);text-decoration:none;transition:background-color var(--a-transition-base),color var(--a-transition-base),transform var(--a-transition-base);font-size:var(--a-font-size-base);}footer.footer .footer-social a:hover{background-color:var(--a-color-primary);color:var(--a-color-on-primary);transform:translateY(-2px);}footer.footer .footer-social a:focus-visible{outline:var(--focus-outline-width) solid var(--focus-outline-color);outline-offset:var(--focus-outline-offset);}footer.footer .footer-locale{display:flex;gap:var(--a-space-s);align-items:center;}footer.footer .footer-locale select{font-size:var(--a-font-size-xs);color:var(--a-color-on-surface);background-color:var(--a-color-surface-variant);border:1px solid var(--ax-border);padding:var(--a-space-xs) var(--a-space-s);border-radius:var(--a-border-radius-base);cursor:pointer;transition:border-color var(--a-transition-base),background-color var(--a-transition-base);}footer.footer .footer-locale select:hover{border-color:var(--a-color-text-secondary);}footer.footer .footer-locale select:focus{outline:none;border-color:var(--a-color-primary);background-color:var(--a-color-surface);}footer.footer.minimal .footer-content{display:none;}footer.footer.minimal .footer-bottom{border-top:1px solid var(--ax-border);padding-top:var(--a-space-xl);}footer.footer.dark{background-color:var(--a-color-surface-variant);}footer.footer.compact{padding:var(--a-space-2xl) var(--a-space-l);margin-top:var(--a-space-2xl);}footer.footer.compact .footer-content{gap:var(--a-space-xl);margin-bottom:var(--a-space-xl);padding-bottom:var(--a-space-xl);}footer.footer.compact .footer-column h4{font-size:var(--a-font-size-s);}footer.footer.compact .footer-column a{font-size:var(--a-font-size-xs);}footer.footer.wide .container{max-width:100%;padding:0 var(--a-space-l);}@media (max-width:var(--breakpoint-md)){footer.footer{padding:var(--a-space-2xl) var(--a-space-m);margin-top:var(--a-space-3xl);}footer.footer .footer-content{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--a-space-xl);margin-bottom:var(--a-space-xl);padding-bottom:var(--a-space-xl);}footer.footer .footer-column h4{font-size:var(--a-font-size-s);}footer.footer .footer-column a{font-size:var(--a-font-size-xs);}footer.footer .footer-bottom{gap:var(--a-space-m);}}@media (max-width:var(--breakpoint-sm)){footer.footer{padding:var(--a-space-xl) var(--a-space-m);}footer.footer .footer-content{grid-template-columns:1fr;gap:var(--a-space-l);margin-bottom:var(--a-space-l);padding-bottom:var(--a-space-l);}footer.footer .footer-social{width:100%;}}:root[data-theme='dark'] footer.footer{}:root[data-theme='dark'] footer.footer .footer-column a:hover{color:var(--a-color-primary);}@media (prefers-reduced-motion){footer.footer,footer.footer *{transition:none !important;}}@media (prefers-contrast:more){footer.footer .footer-column a{text-decoration:underline;}footer.footer .footer-column a:hover{font-weight:var(--a-font-weight-semibold);}}.footer-section-title{font-size:var(--a-font-size-base);font-weight:var(--a-font-weight-bold);color:var(--a-color-on-surface);margin-bottom:var(--a-space-m);}.footer-link-list{list-style:none;margin:0;padding:0;}.footer-link-list li{margin-bottom:var(--a-space-s);}.footer-link-list a{color:var(--a-color-text-secondary);text-decoration:none;transition:color var(--a-transition-base);}.footer-link-list a:hover{color:var(--a-color-primary);text-decoration:underline;}@keyframes shimmer{0%{opacity:0.6;}50%{opacity:1;}100%{opacity:0.6;}}.skeleton{animation:shimmer 1.5s infinite ease-in-out;}select{display:block;width:100%;padding:var(--a-space-m);border-radius:var(--a-border-radius-base);border:1px solid var(--a-color-surface-variant);background-color:white;color:var(--a-color-text-primary);font-family:inherit;font-size:inherit;cursor:pointer;transition:border-color var(--a-transition-base),box-shadow var(--a-transition-base);}select:hover{border-color:var(--a-color-outline);}select:focus{border-color:var(--a-color-primary);box-shadow:0 0 0 3px var(--a-color-primary-container);outline:none;}select:disabled{background-color:var(--a-color-surface-variant);color:var(--a-color-text-muted);cursor:not-allowed;opacity:0.6;}select[multiple]{min-height:120px;}select option{padding:var(--a-space-s);color:var(--a-color-text-primary);background-color:white;}select option:checked{background:var(--a-color-primary-container);color:var(--a-color-primary);font-weight:var(--a-font-weight-semibold);}select optgroup{font-weight:var(--a-font-weight-bold);color:var(--a-color-text-primary);}input[type="range"]{width:100%;height:6px;border-radius:var(--a-border-radius-pill);background:var(--a-color-surface-variant);outline:none;-webkit-appearance:none;appearance:none;cursor:pointer;transition:box-shadow var(--a-transition-base);}input[type="range"]:hover{box-shadow:0 0 0 3px var(--a-color-primary-container);}input[type="range"]:focus{box-shadow:0 0 0 3px var(--a-color-primary-container);}input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--a-color-primary);cursor:pointer;transition:all var(--a-transition-base);border:2px solid white;box-shadow:0 2px 4px rgba(0,0,0,0.2);}input[type="range"]::-webkit-slider-thumb:hover{transform:scale(1.15);box-shadow:0 4px 8px rgba(0,0,0,0.3);}input[type="range"]::-webkit-slider-runnable-track{background:var(--a-color-surface-variant);height:6px;border-radius:var(--a-border-radius-pill);}input[type="range"]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--a-color-primary);cursor:pointer;border:2px solid white;box-shadow:0 2px 4px rgba(0,0,0,0.2);transition:all var(--a-transition-base);}input[type="range"]::-moz-range-thumb:hover{transform:scale(1.15);box-shadow:0 4px 8px rgba(0,0,0,0.3);}input[type="range"]::-moz-range-track{background:transparent;border:none;}input[type="range"]::-moz-range-progress{background:var(--a-color-primary);height:6px;border-radius:var(--a-border-radius-pill);}input[type="range"]:disabled{opacity:0.6;cursor:not-allowed;}input[type="range"]:disabled::-webkit-slider-thumb,input[type="range"]:disabled::-moz-range-thumb{background:var(--a-color-surface-variant);cursor:not-allowed;}progress{display:block;width:100%;height:8px;border:none;border-radius:var(--a-border-radius-pill);background-color:var(--a-color-surface-variant);overflow:hidden;appearance:none;-webkit-appearance:none;-moz-appearance:none;}progress::-webkit-progress-bar{background-color:var(--a-color-surface-variant);border-radius:var(--a-border-radius-pill);}progress::-webkit-progress-value{background-color:var(--a-color-primary);border-radius:var(--a-border-radius-pill);transition:width var(--a-transition-base);}progress::-moz-progress-bar{background-color:var(--a-color-primary);border-radius:var(--a-border-radius-pill);transition:width var(--a-transition-base);}progress:indeterminate::-webkit-progress-value{background:linear-gradient( 90deg,var(--a-color-primary),var(--a-color-primary-light),var(--a-color-primary) );background-size:200% 100%;animation:progress-loading 1.5s infinite;}progress:indeterminate::-moz-progress-bar{background:linear-gradient( 90deg,var(--a-color-primary),var(--a-color-primary-light),var(--a-color-primary) );background-size:200% 100%;animation:progress-loading 1.5s infinite;}@keyframes progress-loading{0%{background-position:200% 0;}100%{background-position:-200% 0;}}meter{display:block;width:100%;height:8px;border:none;border-radius:var(--a-border-radius-pill);appearance:none;-webkit-appearance:none;-moz-appearance:none;}meter::-webkit-meter-bar{background-color:var(--a-color-surface-variant);border-radius:var(--a-border-radius-pill);box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);}meter::-webkit-meter-optimum-value{background:linear-gradient(90deg,var(--a-color-success-light),var(--a-color-success));border-radius:var(--a-border-radius-pill);}meter::-webkit-meter-suboptimum-value{background:linear-gradient(90deg,var(--a-color-warning-light),var(--a-color-warning));border-radius:var(--a-border-radius-pill);}meter::-webkit-meter-even-less-good-value{background:linear-gradient(90deg,var(--a-color-error-light),var(--a-color-error));border-radius:var(--a-border-radius-pill);}meter::-moz-meter-bar{background-color:var(--a-color-surface-variant);border-radius:var(--a-border-radius-pill);}meter{background:var(--a-color-surface-variant);border-radius:var(--a-border-radius-pill);}meter:disabled{opacity:0.6;}.card.preview{text-decoration:none;color:inherit;transition:all var(--a-transition-base);display:flex;flex-direction:column;}.card.preview:hover{box-shadow:var(--a-shadow-lg);transform:translateY(-2px);}.card.preview .preview{padding:var(--a-space-l);background-color:var(--a-color-surface-variant);border-radius:var(--a-border-radius-sm);margin-bottom:var(--a-space-l);display:flex;align-items:center;justify-content:center;min-height:120px;flex-shrink:0;}.card.preview .content{flex:1;}.card.preview .content h3{margin-top:0;}.card.filled{background-color:var(--a-color-primary-container);border-color:var(--a-color-primary);color:var(--a-color-on-primary-container);}.card.filled h3,.card.filled h4{color:var(--a-color-on-primary-container);}.card.filled p{color:var(--a-color-on-primary-container);opacity:0.95;}.card.filled:hover{box-shadow:var(--a-shadow-lg);background-color:var(--a-color-primary-light);}.steps{display:flex;justify-content:space-between;align-items:center;gap:var(--a-space-l);width:100%;flex-wrap:wrap;}.steps>*{display:flex;align-items:center;gap:var(--a-space-s);opacity:0.5;font-weight:var(--a-font-weight-medium);cursor:pointer;transition:opacity var(--a-transition-base),color var(--a-transition-base);flex:1;min-width:120px;}.steps>*:hover{opacity:0.8;}.steps>[data-active="true"]{opacity:1;}.steps>[data-completed="true"]{opacity:0.75;color:var(--a-color-success);}.steps>* i{display:flex;align-items:center;justify-content:center;width:var(--a-space-xl);height:var(--a-space-xl);border-radius:var(--a-border-radius-full);border:2px solid currentColor;font-style:normal;font-size:var(--a-font-size-s);font-weight:var(--a-font-weight-bold);transition:background-color var(--a-transition-base),border-color var(--a-transition-base);flex-shrink:0;}.steps>[data-active="true"] i{background-color:var(--a-color-primary);border-color:var(--a-color-primary);color:white;}.hierarchy,.hierarchy ul{list-style:none;margin:0;padding:0 0 0 var(--a-space-l);position:relative;}.hierarchy::before{content:"";position:absolute;left:var(--a-space-s);top:0;bottom:0;width:1px;background-color:var(--a-color-outline);}.hierarchy li{position:relative;padding:var(--a-space-m) 0 var(--a-space-m) var(--a-space-m);}.hierarchy li::before{content:"";position:absolute;left:calc(-1 * var(--a-space-m));top:calc(var(--a-space-xl) + var(--a-space-xs));width:var(--a-space-m);height:1px;background-color:var(--a-color-outline);}.hierarchy li:last-child::after{content:"";position:absolute;left:calc(-1 * var(--a-space-m));top:calc(var(--a-space-xl) + var(--a-space-xs));bottom:0;width:2px;background-color:var(--a-color-surface);}.hierarchy details summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:var(--a-space-s);font-weight:var(--a-font-weight-medium);transition:color var(--a-transition-base);}.hierarchy details summary::-webkit-details-marker{display:none;}.hierarchy details summary::before{content:"▶";display:inline-flex;transition:transform var(--a-transition-base);width:1rem;}.hierarchy details[open] summary::before{transform:rotate(90deg);}.hierarchy details summary:hover{color:var(--a-color-primary);}details.popover{position:relative;display:inline-block;}details.popover summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:var(--a-space-xs);padding:var(--a-space-s) var(--a-space-l);border:1px solid var(--a-color-outline);border-radius:var(--a-border-radius-base);background-color:var(--a-color-surface);color:var(--a-color-on-surface);font-weight:var(--a-font-weight-medium);transition:border-color var(--a-transition-base),background-color var(--a-transition-base);}details.popover summary::-webkit-details-marker{display:none;}details.popover summary:hover{border-color:var(--a-color-primary);background-color:var(--a-color-surface-variant);}details.popover nav{position:absolute;top:calc(100% + var(--a-space-xs));right:0;min-width:160px;background:var(--a-color-surface);border:1px solid var(--a-color-outline);border-radius:var(--a-border-radius-base);box-shadow:var(--a-shadow-md);z-index:var(--z-dropdown,100);display:flex;flex-direction:column;overflow:hidden;}details.popover nav a,details.popover nav button{padding:var(--a-space-m) var(--a-space-l);text-decoration:none;text-align:left;border:none;background:none;cursor:pointer;color:var(--a-color-on-surface);font-size:var(--a-font-size-base);transition:background-color var(--a-transition-base),color var(--a-transition-base);}details.popover nav a:hover,details.popover nav button:hover{background:var(--a-color-surface-variant);color:var(--a-color-primary);}.field{margin-bottom:var(--a-space-m);}.field label,.field strong{font-weight:var(--a-font-weight-medium);color:var(--a-color-on-surface);}.field[data-invalid="true"] label,.field[data-invalid="true"] strong{color:var(--a-color-error);}.field[data-invalid="true"] input,.field[data-invalid="true"] select,.field[data-invalid="true"] textarea{border-color:var(--a-color-error) !important;background-color:var(--a-color-error-light);outline:none;}.field[data-invalid="true"] .error-message{font-size:var(--a-font-size-s);font-weight:var(--a-font-weight-medium);color:var(--a-color-error);display:inline-flex;align-items:center;gap:var(--a-space-xs);margin-top:var(--a-space-xs);}.field[data-focused="true"]{outline:var(--focus-outline-width) solid var(--a-color-primary);outline-offset:var(--focus-outline-offset);border-radius:var(--a-border-radius-sm);}.field input,.field select,.field textarea{width:100%;padding:var(--a-space-m);border:1px solid var(--a-color-outline);border-radius:var(--a-border-radius-base);background-color:var(--a-color-surface);color:var(--a-color-on-surface);font-family:inherit;font-size:inherit;transition:border-color var(--a-transition-base),box-shadow var(--a-transition-base);}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--a-color-primary);box-shadow:0 0 0 3px var(--a-color-primary-container);outline:none;}@media (max-width:768px){.tabs>menu[role="tablist"],.tabs>ul[role="tablist"],.tabs>ol[role="tablist"],.tab-list{display:flex;flex-wrap:wrap;gap:var(--a-space-xs);justify-content:flex-start;overflow-x:auto;-webkit-overflow-scrolling:touch;}.tabs>menu[role="tablist"] a,.tabs>ul[role="tablist"] a,.tabs>ol[role="tablist"] a,.tab-list a{white-space:nowrap;flex-shrink:0;}}@media (max-width:480px){.tabs>menu[role="tablist"],.tabs>ul[role="tablist"],.tabs>ol[role="tablist"],.tab-list{width:100%;max-width:100%;margin-inline:auto;padding-inline-start:max(var(--a-space-xs),env(safe-area-inset-left,0px));padding-inline-end:max(var(--a-space-xs),env(safe-area-inset-right,0px));gap:var(--a-space-xs);overflow-x:auto;-webkit-overflow-scrolling:touch;box-sizing:border-box;}.tabs>menu[role="tablist"] a,.tabs>ul[role="tablist"] a,.tabs>ol[role="tablist"] a,.tab-list a{padding:var(--a-space-s) var(--a-space-m);font-size:var(--a-font-size-s);}.tabs>menu>button[role="tab"],.tabs>ul[role="tablist"]>li>button[role="tab"],.tabs>ol[role="tablist"]>li>button[role="tab"],.tab-item{white-space:nowrap;flex-shrink:0;}}.accordion{border:1px solid var(--a-color-outline);border-radius:var(--a-border-radius-medium);overflow:hidden;}.accordion-button{width:100%;padding:var(--a-space-m);background:var(--a-color-surface);border:none;border-bottom:1px solid var(--a-color-outline);text-align:left;cursor:pointer;font-size:var(--a-font-size-base);font-weight:var(--a-font-weight-bold);color:var(--a-color-on-surface);display:flex;align-items:center;gap:var(--a-space-m);transition:background-color 0.2s ease,color 0.2s ease;}.accordion-button:hover{background-color:var(--a-color-surface-variant);color:var(--a-color-primary);}.accordion-button:last-of-type{border-bottom:none;}.accordion-button .axicon{transition:transform 0.3s ease;display:inline-flex;width:1.2em;height:1.2em;}.accordion-button[aria-expanded="true"] .axicon{transform:rotate(180deg);}.accordion-panel{padding:var(--a-space-m);background-color:var(--a-color-surface-variant);max-height:1000px;overflow:hidden;animation:slideDown 0.3s ease;}.accordion-panel[hidden]{display:none;max-height:0;padding:0;animation:slideUp 0.3s ease;}@keyframes slideDown{from{opacity:0;max-height:0;padding:0;}to{opacity:1;max-height:1000px;padding:var(--a-space-m);}}@keyframes slideUp{from{opacity:1;max-height:1000px;padding:var(--a-space-m);}to{opacity:0;max-height:0;padding:0;}}.badge{display:inline-block;padding:var(--a-space-xs) var(--a-space-s);background-color:var(--a-color-primary);color:var(--a-color-on-primary);border-radius:999px;font-size:var(--a-font-size-xs);font-weight:var(--a-font-weight-bold);white-space:nowrap;text-decoration:none;}.badge.secondary{background-color:var(--a-color-secondary);color:var(--a-color-on-secondary);}.badge.success{background-color:var(--a-color-success);color:var(--a-color-on-success);}.badge.warning{background-color:var(--a-color-warning);color:var(--a-color-on-warning);}.badge.error{background-color:var(--a-color-error);color:var(--a-color-on-error);}.badge.info{background-color:var(--a-color-info);color:var(--a-color-on-info);}.badge.outline{background-color:transparent;border:1px solid var(--a-color-outline);color:var(--a-color-on-surface);}nav.breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:var(--a-space-s);margin:var(--a-space-m) 0;font-size:var(--a-font-size-sm);}nav.breadcrumb ol{display:flex;flex-wrap:wrap;align-items:center;gap:var(--a-space-s);list-style:none;margin:0;padding:0;}nav.breadcrumb li{display:flex;align-items:center;gap:var(--a-space-s);}nav.breadcrumb a{color:var(--a-color-primary);text-decoration:none;transition:color 0.2s ease;}nav.breadcrumb a:hover{color:var(--a-color-primary);text-decoration:underline;}nav.breadcrumb li:not(:last-child)::after{content:"/";color:var(--a-color-on-surface-variant);}nav.breadcrumb li:last-child{color:var(--a-color-on-surface-variant);}.chip{display:inline-flex;align-items:center;gap:var(--a-space-xs);padding:var(--a-space-xs) var(--a-space-s);background-color:var(--a-color-primary-container);color:var(--a-color-on-primary-container);border-radius:999px;font-size:var(--a-font-size-sm);border:1px solid var(--a-color-primary);transition:all 0.2s ease;}.chip:hover{background-color:var(--a-color-primary);color:var(--a-color-on-primary);}.chip-remove{background:none;border:none;cursor:pointer;color:inherit;font-size:1.2rem;opacity:0.7;transition:opacity 0.2s ease;padding:0;}.chip-remove:hover{opacity:1;}.chips-container{display:flex;flex-wrap:wrap;align-items:center;gap:var(--a-space-s);padding:var(--a-space-s);border:1px solid var(--a-color-outline);border-radius:var(--a-border-radius-medium);background-color:var(--a-color-surface);min-height:40px;}.chips-container input{flex:1;min-width:120px;border:none;outline:none;background:transparent;font-family:inherit;font-size:inherit;padding:var(--a-space-xs);}.avatar{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background-color:var(--a-color-primary-container);color:var(--a-color-on-primary-container);font-weight:var(--a-font-weight-bold);font-size:var(--a-font-size-sm);overflow:hidden;}.avatar img{width:100%;height:100%;object-fit:cover;}.avatar.small{width:32px;height:32px;font-size:0.75rem;}.avatar.large{width:48px;height:48px;font-size:var(--a-font-size-base);}.avatar.secondary{background-color:var(--a-color-secondary-container);color:var(--a-color-on-secondary-container);}.avatar.success{background-color:var(--a-color-success-container);color:var(--a-color-on-success-container);}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--a-space-3xl) var(--a-space-l);text-align:center;min-height:300px;background-color:var(--a-color-surface-variant);border-radius:var(--a-border-radius-medium);border:2px dashed var(--a-color-outline);}.empty-state svg,.empty-state .axicon{width:80px;height:80px;margin-bottom:var(--a-space-l);color:var(--a-color-on-surface-variant);opacity:0.5;}.empty-state h2{margin:0 0 var(--a-space-s);font-size:var(--a-font-size-h3);color:var(--a-color-on-surface);}.empty-state p{margin:0 0 var(--a-space-l);color:var(--a-color-on-surface-variant);max-width:400px;}.empty-state button{margin-top:var(--a-space-m);}pre{background-color:var(--a-color-surface-variant);border:1px solid var(--a-color-outline);border-radius:var(--a-border-radius-medium);padding:var(--a-space-m);overflow-x:auto;font-family:var(--a-font-family-mono);font-size:var(--a-font-size-sm);line-height:1.6;color:var(--a-color-on-surface);display:block;position:relative;}code{font-family:var(--a-font-family-mono);font-size:var(--a-font-size-sm);}pre code{background-color:transparent;color:inherit;padding:0;border:none;display:block;}p code,li code,td code,span code{background-color:var(--a-color-primary-container);color:var(--a-color-on-primary-container);padding:2px 6px;border-radius:3px;display:inline;white-space:normal;}.token{position:static !important;display:inline !important;margin:0 !important;padding:0 !important;border:none !important;background:none !important;text-shadow:none !important;}.token.punctuation,.token.operator,.token.keyword,.token.string,.token.number,.token.boolean,.token.attr-name,.token.attr-value,.token.tag,.token.class-name,.token.function,.token.comment{position:static !important;display:inline !important;}article pre,section pre{margin:var(--a-space-m) 0;}.tooltip{position:relative;display:inline-block;}.tooltip-trigger{cursor:help;text-decoration:underline dotted;text-decoration-color:var(--a-color-primary);}.tooltip-content{position:absolute;bottom:125%;left:50%;transform:translateX(-50%);background-color:var(--a-color-on-surface);color:var(--a-color-surface);padding:var(--a-space-s) var(--a-space-m);border-radius:var(--a-border-radius-medium);font-size:var(--a-font-size-sm);white-space:nowrap;z-index:1000;pointer-events:none;opacity:0;visibility:hidden;transition:opacity 0.2s ease,visibility 0.2s ease;box-shadow:var(--a-shadow-medium);}.tooltip-content::after{content:"";position:absolute;top:100%;left:50%;transform:translateX(-50%);border:5px solid transparent;border-top-color:var(--a-color-on-surface);}.tooltip:hover .tooltip-content,.tooltip-trigger:focus + .tooltip-content{opacity:1;visibility:visible;}.popover{position:absolute;background-color:var(--a-color-surface);border:1px solid var(--a-color-outline);border-radius:var(--a-border-radius-medium);box-shadow:var(--a-shadow-large);z-index:1000;min-width:200px;max-width:400px;display:none;}.popover[aria-expanded="true"]{display:block;}.popover header{padding:var(--a-space-m);border-bottom:1px solid var(--a-color-outline);display:flex;justify-content:space-between;align-items:center;}.popover main{padding:var(--a-space-m);}.popover header h3{margin:0;font-size:var(--a-font-size-base);}.popover-trigger{cursor:pointer;}table{width:100%;border-collapse:collapse;border:1px solid var(--a-color-outline);border-radius:var(--a-border-radius-medium);overflow:hidden;font-size:var(--a-font-size-base);}table thead{background-color:var(--a-color-surface-variant);border-bottom:2px solid var(--a-color-outline);}table th{padding:var(--a-space-m);text-align:left;font-weight:var(--a-font-weight-bold);color:var(--a-color-on-surface);}table td{padding:var(--a-space-m);border-bottom:1px solid var(--a-color-outline);color:var(--a-color-on-surface);}table tbody tr:last-child td{border-bottom:none;}table tbody tr:hover{background-color:var(--a-color-surface-variant);}table[data-variant="striped"] tbody tr:nth-child(odd){background-color:var(--a-color-surface-variant);}table[data-variant="striped"] tbody tr:nth-child(odd):hover{background-color:var(--a-color-primary-container);}table[data-variant="bordered"] td,table[data-variant="bordered"] th{border:1px solid var(--a-color-outline);}table[data-variant="compact"] th,table[data-variant="compact"] td{padding:var(--a-space-s);font-size:var(--a-font-size-sm);}@media (max-width:768px){table{display:block;overflow-x:auto;}table thead{display:none;}table tbody,table tr,table td{display:block;width:100%;}table tr{margin-bottom:var(--a-space-l);border:1px solid var(--a-color-outline);border-radius:var(--a-border-radius-medium);}table td{border:none;padding:var(--a-space-s) var(--a-space-m);text-align:right;position:relative;padding-left:50%;}table td::before{content:attr(data-label);position:absolute;left:var(--a-space-m);font-weight:var(--a-font-weight-bold);color:var(--a-color-on-surface-variant);}}.card{background-color:var(--a-color-surface);border:1px solid var(--a-color-outline);border-radius:var(--a-border-radius-medium);overflow:hidden;transition:all 0.2s ease;display:flex;flex-direction:column;}.card:hover{border-color:var(--a-color-primary);box-shadow:var(--a-shadow-medium);}.card.elevated{box-shadow:var(--a-shadow-medium);border:none;}.card.elevated:hover{box-shadow:var(--a-shadow-large);}.card-image{width:100%;height:200px;object-fit:cover;display:block;}.card-header h3{margin:0;font-size:var(--a-font-size-h4);color:var(--a-color-on-surface);}.card.compact{border-radius:var(--a-border-radius-small);}.card.compact .card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--a-space-l);}@media (max-width:768px){.card-grid{grid-template-columns:1fr;}}ul,ol{color:var(--a-color-on-surface);line-height:1.6;}li{margin-bottom:var(--a-space-s);}ul.list{list-style:none;padding:0;margin:0;}ul.list li{padding:var(--a-space-s) 0;padding-left:var(--a-space-l);position:relative;}ul.list li::before{content:"•";position:absolute;left:0;color:var(--a-color-primary);font-weight:var(--a-font-weight-bold);}ul.list-unstyled,ol.list-unstyled{list-style:none;padding:0;margin:0;}ul.list-unstyled li,ol.list-unstyled li{margin:0;}ol.list{counter-reset:item;list-style:none;padding:0;}ol.list li{counter-increment:item;margin-bottom:var(--a-space-s);padding-left:var(--a-space-l);position:relative;}ol.list li::before{content:counter(item);position:absolute;left:0;background-color:var(--a-color-primary-container);color:var(--a-color-on-primary-container);width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:0.75rem;font-weight:var(--a-font-weight-bold);}ul.list-interactive li{padding:var(--a-space-m);background-color:var(--a-color-surface);border:1px solid var(--a-color-outline);border-radius:var(--a-border-radius-medium);margin-bottom:var(--a-space-m);transition:all 0.2s ease;cursor:pointer;}ul.list-interactive li:hover{background-color:var(--a-color-surface-variant);border-color:var(--a-color-primary);}ul.list-interactive li::before{display:none;}hr{border:none;border-top:1px solid var(--a-color-outline);margin:var(--a-space-l) 0;}.divider{border:none;border-top:1px solid var(--a-color-outline);margin:var(--a-space-l) 0;}.divider.dashed{border-top-style:dashed;}.divider.dotted{border-top-style:dotted;}.divider.thick{border-top-width:2px;}.divider.vertical{display:inline-block;width:1px;height:100%;margin:0 var(--a-space-m);border-left:1px solid var(--a-color-outline);border-top:none;}.divider.text{display:flex;align-items:center;margin:var(--a-space-l) 0;color:var(--a-color-on-surface-variant);font-size:var(--a-font-size-sm);}.divider.text::before,.divider.text::after{content:"";flex:1;border-top:1px solid var(--a-color-outline);}.divider.text::before{margin-right:var(--a-space-m);}.divider.text::after{margin-left:var(--a-space-m);}.autocomplete-container{position:relative;display:inline-block;width:100%;}.autocomplete-input{width:100%;padding:var(--a-space-m);border:1px solid var(--a-color-outline);border-radius:var(--a-border-radius-medium);font-size:var(--a-font-size-base);font-family:inherit;transition:border-color 0.2s ease,box-shadow 0.2s ease;}.autocomplete-input:focus{outline:none;border-color:var(--a-color-primary);box-shadow:0 0 0 3px var(--a-color-primary-container);}.autocomplete-list{position:absolute;top:100%;left:0;right:0;background-color:var(--a-color-surface);border:1px solid var(--a-color-outline);border-top:none;border-radius:0 0 var(--a-border-radius-medium) var(--a-border-radius-medium);list-style:none;margin:0;padding:0;z-index:1000;max-height:300px;overflow-y:auto;display:none;}.autocomplete-list.active{display:block;}.autocomplete-item{padding:var(--a-space-m);cursor:pointer;transition:background-color 0.2s ease;color:var(--a-color-on-surface);border-bottom:1px solid var(--a-color-outline);}.autocomplete-item:last-child{border-bottom:none;}.autocomplete-item:hover,.autocomplete-item.selected{background-color:var(--a-color-primary-container);color:var(--a-color-on-primary-container);}.autocomplete-item strong{color:var(--a-color-primary);font-weight:var(--a-font-weight-bold);}.dropdown{position:relative;display:inline-block;}.dropdown-trigger{background:none;border:none;cursor:pointer;padding:var(--a-space-m);color:var(--a-color-on-surface);font-size:var(--a-font-size-base);display:flex;align-items:center;gap:var(--a-space-s);transition:color 0.2s ease;}.dropdown-trigger:hover{color:var(--a-color-primary);}.dropdown-menu{position:absolute;top:100%;right:0;background-color:var(--a-color-surface);border:1px solid var(--a-color-outline);border-radius:var(--a-border-radius-medium);list-style:none;margin:var(--a-space-s) 0 0 0;padding:var(--a-space-s) 0;z-index:1000;min-width:200px;box-shadow:var(--a-shadow-medium);display:none;}.dropdown-menu.active{display:block;}.dropdown-item{display:block;width:100%;text-align:left;padding:var(--a-space-m);background:none;border:none;cursor:pointer;color:var(--a-color-on-surface);font-size:var(--a-font-size-base);transition:background-color 0.2s ease,color 0.2s ease;text-decoration:none;}.dropdown-item:hover{background-color:var(--a-color-surface-variant);color:var(--a-color-primary);}.dropdown-item.active{background-color:var(--a-color-primary-container);color:var(--a-color-on-primary-container);}.dropdown-divider{height:1px;background-color:var(--a-color-outline);margin:var(--a-space-s) 0;}.account-menu{min-width:250px;}.account-menu-header{padding:var(--a-space-m);border-bottom:1px solid var(--a-color-outline);display:flex;align-items:center;gap:var(--a-space-m);}.account-menu-avatar{width:40px;height:40px;border-radius:50%;background-color:var(--a-color-primary-container);}.account-menu-info h4{margin:0;font-size:var(--a-font-size-base);color:var(--a-color-on-surface);}.account-menu-info p{margin:0;font-size:var(--a-font-size-sm);color:var(--a-color-on-surface-variant);}.search-input{position:relative;display:inline-block;width:100%;max-width:400px;}.search-input input{width:100%;padding:var(--a-space-m);padding-left:var(--a-space-3xl);border:1px solid var(--a-color-outline);border-radius:var(--a-border-radius-medium);font-size:var(--a-font-size-base);font-family:inherit;transition:border-color 0.2s ease,box-shadow 0.2s ease;}.search-input input:focus{outline:none;border-color:var(--a-color-primary);box-shadow:0 0 0 3px var(--a-color-primary-container);}.search-input-icon{position:absolute;left:var(--a-space-m);top:50%;transform:translateY(-50%);color:var(--a-color-on-surface-variant);pointer-events:none;}.search-input-clear{position:absolute;right:var(--a-space-m);top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:var(--a-color-on-surface-variant);opacity:0;transition:opacity 0.2s ease;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;}.search-input input:not(:placeholder-shown)~.search-input-clear{opacity:1;}.search-input-clear:hover{color:var(--a-color-primary);}.search-results{position:absolute;top:calc(100% + 8px);left:0;right:0;background-color:var(--a-color-surface);border:1px solid var(--a-color-outline);border-radius:var(--a-border-radius-medium);list-style:none;margin:0;padding:0;z-index:1000;max-height:400px;overflow-y:auto;box-shadow:var(--a-shadow-medium);display:none;}.search-results.active{display:block;}.search-result-item{padding:var(--a-space-m);border-bottom:1px solid var(--a-color-outline);cursor:pointer;transition:background-color 0.2s ease;color:var(--a-color-on-surface);}.search-result-item:last-child{border-bottom:none;}.search-result-item:hover{background-color:var(--a-color-surface-variant);}.video-embed,.media-embed{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:var(--a-border-radius-medium);background-color:var(--a-color-surface-variant);}.video-embed iframe,.media-embed iframe,.video-embed video,.media-embed video{position:absolute;top:0;left:0;width:100%;height:100%;border:none;}audio{width:100%;height:40px;border-radius:var(--a-border-radius-medium);}.audio-player{background-color:var(--a-color-surface);border:1px solid var(--a-color-outline);border-radius:var(--a-border-radius-medium);padding:var(--a-space-m);display:flex;gap:var(--a-space-m);align-items:center;}.audio-player audio{flex:1;}.audio-player-controls{display:flex;gap:var(--a-space-s);}.audio-player button{background:none;border:none;cursor:pointer;color:var(--a-color-on-surface);font-size:1.2rem;padding:0;transition:color 0.2s ease;display:flex;align-items:center;justify-content:center;}.audio-player button:hover{color:var(--a-color-primary);}.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--a-space-l);}.gallery-item{position:relative;overflow:hidden;border-radius:var(--a-border-radius-medium);aspect-ratio:1;background-color:var(--a-color-surface-variant);}.gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform 0.3s ease;}.gallery-item:hover img{transform:scale(1.05);}.gallery-item-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.5);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity 0.3s ease;}.gallery-item:hover .gallery-item-overlay{opacity:1;}.field{margin-bottom:var(--a-space-l);display:flex;flex-direction:column;}.field label{font-weight:var(--a-font-weight-bold);margin-bottom:var(--a-space-s);color:var(--a-color-on-surface);font-size:var(--a-font-size-base);}.field label.required::after{content:" *";color:var(--a-color-error);}.field input[type="text"],.field input[type="email"],.field input[type="password"],.field input[type="tel"],.field input[type="url"],.field input[type="number"],.field textarea,.field select{padding:var(--a-space-m);border:1px solid var(--a-color-outline);border-radius:var(--a-border-radius-medium);font-size:var(--a-font-size-base);font-family:inherit;transition:border-color 0.2s ease,box-shadow 0.2s ease;background-color:var(--a-color-surface);color:var(--a-color-on-surface);}.field input:focus,.field textarea:focus,.field select:focus{outline:none;border-color:var(--a-color-primary);box-shadow:0 0 0 3px var(--a-color-primary-container);}.field input:disabled,.field textarea:disabled,.field select:disabled{background-color:var(--a-color-surface-variant);color:var(--a-color-on-surface-variant);cursor:not-allowed;}.field textarea{resize:vertical;min-height:100px;}.field-helper{font-size:var(--a-font-size-sm);color:var(--a-color-on-surface-variant);margin-top:var(--a-space-s);}.field.error input,.field.error textarea,.field.error select{border-color:var(--a-color-error);box-shadow:0 0 0 3px var(--a-color-error-container);}.field.error .field-helper{color:var(--a-color-error);}.field-error{color:var(--a-color-error);font-size:var(--a-font-size-sm);margin-top:var(--a-space-s);display:flex;align-items:center;gap:var(--a-space-s);}.field.success input,.field.success textarea,.field.success select{border-color:var(--a-color-success);box-shadow:0 0 0 3px var(--a-color-success-container);}.field-success{color:var(--a-color-success);font-size:var(--a-font-size-sm);margin-top:var(--a-space-s);display:flex;align-items:center;gap:var(--a-space-s);}.form-group{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--a-space-l);}.form-group.vertical{grid-template-columns:1fr;}@media (max-width:768px){.form-group{grid-template-columns:1fr;}}.file-upload{position:relative;display:inline-block;width:100%;}.file-upload-input{position:absolute;top:0;left:0;opacity:0;width:100%;height:100%;cursor:pointer;}.file-upload-trigger{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--a-space-3xl) var(--a-space-l);border:2px dashed var(--a-color-outline);border-radius:var(--a-border-radius-medium);background-color:var(--a-color-surface-variant);cursor:pointer;transition:all 0.2s ease;text-align:center;}.file-upload:hover .file-upload-trigger,.file-upload-input:focus + .file-upload-trigger{border-color:var(--a-color-primary);background-color:var(--a-color-primary-container);}.file-upload-icon{font-size:2rem;margin-bottom:var(--a-space-m);color:var(--a-color-on-surface-variant);}.file-upload-text h3{margin:0;font-size:var(--a-font-size-h4);color:var(--a-color-on-surface);}.file-upload-text p{margin:var(--a-space-s) 0 0 0;font-size:var(--a-font-size-sm);color:var(--a-color-on-surface-variant);}.file-list{list-style:none;margin:var(--a-space-m) 0 0 0;padding:0;display:flex;flex-direction:column;gap:var(--a-space-m);}.file-item{display:flex;align-items:center;justify-content:space-between;padding:var(--a-space-m);background-color:var(--a-color-surface);border:1px solid var(--a-color-outline);border-radius:var(--a-border-radius-medium);}.file-item-info{display:flex;align-items:center;gap:var(--a-space-m);flex:1;}.file-item-icon{font-size:1.5rem;color:var(--a-color-primary);}.file-item-name{font-weight:var(--a-font-weight-bold);color:var(--a-color-on-surface);}.file-item-size{font-size:var(--a-font-size-sm);color:var(--a-color-on-surface-variant);}.file-item-remove{background:none;border:none;cursor:pointer;color:var(--a-color-error);font-size:1.2rem;padding:0;}input[type="number"]{appearance:none;-webkit-appearance:none;-moz-appearance:textfield;}input[type="number"]::-webkit-outer-spin-button,input[type="number"]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}.number-input-container{display:flex;align-items:center;border:1px solid var(--a-color-outline);border-radius:var(--a-border-radius-medium);overflow:hidden;}.number-input-container input{flex:1;border:none;}.number-input-container button{background-color:var(--a-color-surface-variant);border:none;padding:var(--a-space-s) var(--a-space-m);cursor:pointer;color:var(--a-color-on-surface);transition:background-color 0.2s ease;}.number-input-container button:hover{background-color:var(--a-color-primary-container);}input[type="range"]{width:100%;height:6px;border-radius:3px;background:var(--a-color-outline);outline:none;-webkit-appearance:none;}input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:var(--a-color-primary);cursor:pointer;transition:all 0.2s ease;}input[type="range"]::-webkit-slider-thumb:hover{background:var(--a-color-primary);transform:scale(1.1);}input[type="range"]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--a-color-primary);cursor:pointer;border:none;transition:all 0.2s ease;}input[type="range"]::-moz-range-thumb:hover{background:var(--a-color-primary);transform:scale(1.1);}input[type="range"]::-moz-range-track{background:transparent;border:none;}.inline-edit{display:inline-block;position:relative;}.inline-edit-trigger{background:none;border:none;cursor:pointer;padding:0;color:inherit;text-decoration:underline dotted;text-decoration-color:var(--a-color-primary);}.inline-edit-trigger:hover{color:var(--a-color-primary);}.inline-edit-input{display:none;}.inline-edit-input.active{display:inline;padding:var(--a-space-s) var(--a-space-m);border:1px solid var(--a-color-primary);border-radius:var(--a-border-radius-medium);font-size:inherit;font-family:inherit;}.inline-edit-save,.inline-edit-cancel{background:none;border:1px solid var(--a-color-outline);cursor:pointer;padding:var(--a-space-s) var(--a-space-m);border-radius:var(--a-border-radius-small);margin-left:var(--a-space-s);font-size:var(--a-font-size-sm);transition:all 0.2s ease;}.inline-edit-save{background-color:var(--a-color-success);color:var(--a-color-on-success);border-color:var(--a-color-success);}.inline-edit-save:hover{background-color:var(--a-color-success);box-shadow:var(--a-shadow-medium);}.inline-edit-cancel{background-color:transparent;color:var(--a-color-on-surface);}.inline-edit-cancel:hover{background-color:var(--a-color-surface-variant);}.skeleton{background:linear-gradient(90deg,var(--a-color-surface-variant) 25%,var(--a-color-outline) 50%,var(--a-color-surface-variant) 75%);background-size:200% 100%;animation:skeletonLoading 2s infinite;border-radius:var(--a-border-radius-medium);}.skeleton-text{height:1em;margin-bottom:var(--a-space-m);}.skeleton-paragraph{height:100px;}.skeleton-avatar{width:40px;height:40px;border-radius:50%;}.skeleton-card{width:100%;height:300px;}@keyframes skeletonLoading{0%{background-position:200% 0;}100%{background-position:-200% 0;}}.scrollspy{position:sticky;top:var(--a-space-l);}.scrollspy ul{list-style:none;padding:0;margin:0;}.scrollspy li{margin:0;}.scrollspy a{display:block;padding:var(--a-space-s) var(--a-space-m);color:var(--a-color-on-surface-variant);text-decoration:none;border-left:3px solid transparent;transition:all 0.2s ease;}.scrollspy a:hover{color:var(--a-color-primary);border-left-color:var(--a-color-primary);}.scrollspy a.active{color:var(--a-color-primary);border-left-color:var(--a-color-primary);background-color:var(--a-color-primary-container);}.sticky{position:sticky;top:var(--a-space-m);z-index:100;}.spinner{display:inline-block;width:40px;height:40px;border:4px solid var(--a-color-surface-variant);border-radius:50%;border-top-color:var(--a-color-primary);animation:spin 1s linear infinite;}.spinner.small{width:24px;height:24px;border-width:2px;}.spinner.large{width:60px;height:60px;border-width:5px;}@keyframes spin{to{transform:rotate(360deg);}}.progress-ring{transform:rotate(-90deg);}.progress-ring-circle{transition:stroke-dashoffset 0.35s ease;stroke-dasharray:565;stroke-dashoffset:0;}.fade-in{animation:fadeIn 0.3s ease;}.fade-out{animation:fadeOut 0.3s ease;}@keyframes fadeIn{from{opacity:0;}to{opacity:1;}}@keyframes fadeOut{from{opacity:1;}to{opacity:0;}}.slide-in-left{animation:slideInLeft 0.3s ease;}.slide-in-right{animation:slideInRight 0.3s ease;}.slide-out-left{animation:slideOutLeft 0.3s ease;}.slide-out-right{animation:slideOutRight 0.3s ease;}.pulse{animation:pulse 2s ease-in-out infinite;}@keyframes pulse{0%,100%{opacity:1;}50%{opacity:0.5;}}.bounce{animation:bounce 1s ease-in-out;}@keyframes bounce{0%,100%{transform:translateY(0);}50%{transform:translateY(-10px);}}dialog{border:1px solid var(--a-color-outline);border-radius:var(--a-border-radius-medium);box-shadow:var(--a-shadow-large);padding:var(--a-space-l);max-width:90vw;}dialog::backdrop{background-color:rgba(0,0,0,0.5);backdrop-filter:blur(5px);}dialog header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--a-space-l);padding-bottom:var(--a-space-m);border-bottom:1px solid var(--a-color-outline);}dialog header h2{margin:0;font-size:var(--a-font-size-h3);}dialog header button{background:none;border:none;cursor:pointer;font-size:1.5rem;color:var(--a-color-on-surface);}dialog main{margin:var(--a-space-m) 0;}dialog footer{display:flex;justify-content:flex-end;gap:var(--a-space-m);margin-top:var(--a-space-l);padding-top:var(--a-space-m);border-top:1px solid var(--a-color-outline);}.alert{padding:var(--a-space-m);border-radius:var(--a-border-radius-medium);margin-bottom:var(--a-space-m);display:flex;align-items:flex-start;gap:var(--a-space-m);border-left:4px solid transparent;}.alert.info{background-color:var(--a-color-info-container);color:var(--a-color-on-info-container);border-left-color:var(--a-color-info);}.alert.success{background-color:var(--a-color-success-container);color:var(--a-color-on-success-container);border-left-color:var(--a-color-success);}.alert.warning{background-color:var(--a-color-warning-container);color:var(--a-color-on-warning-container);border-left-color:var(--a-color-warning);}.alert.error{background-color:var(--a-color-error-container);color:var(--a-color-on-error-container);border-left-color:var(--a-color-error);}.alert-close{background:none;border:none;cursor:pointer;color:inherit;font-size:1.2rem;padding:0;margin-left:auto;}.toast{position:fixed;bottom:var(--a-space-l);right:var(--a-space-l);background-color:var(--a-color-surface);border:1px solid var(--a-color-outline);border-radius:var(--a-border-radius-medium);box-shadow:var(--a-shadow-large);padding:var(--a-space-m);min-width:300px;max-width:400px;animation:slideInRight 0.3s ease;z-index:2000;}.toast.success{border-left:4px solid var(--a-color-success);}.toast.error{border-left:4px solid var(--a-color-error);}.toast.warning{border-left:4px solid var(--a-color-warning);}.toast.info{border-left:4px solid var(--a-color-info);}.toast-close{position:absolute;top:var(--a-space-s);right:var(--a-space-s);background:none;border:none;cursor:pointer;color:var(--a-color-on-surface);font-size:1.2rem;}.badge-group{display:flex;flex-wrap:wrap;gap:var(--a-space-s);}.pill{display:inline-block;padding:var(--a-space-s) var(--a-space-l);border-radius:999px;background-color:var(--a-color-primary);color:var(--a-color-on-primary);border:none;cursor:pointer;font-weight:var(--a-font-weight-bold);text-decoration:none;transition:all 0.2s ease;}.pill:hover{background-color:var(--a-color-primary);transform:translateY(-2px);box-shadow:var(--a-shadow-medium);}.pill.secondary{background-color:var(--a-color-secondary);color:var(--a-color-on-secondary);}.pill.outline{background-color:transparent;border:2px solid var(--a-color-primary);color:var(--a-color-primary);}.tag{display:inline-block;padding:var(--a-space-xs) var(--a-space-s);background-color:var(--a-color-primary-container);color:var(--a-color-on-primary-container);border-radius:var(--a-border-radius-small);font-size:var(--a-font-size-xs);white-space:nowrap;}.tag.secondary{background-color:var(--a-color-secondary-container);color:var(--a-color-on-secondary-container);}.tooltip-top{position:relative;}.tooltip-top::after{content:attr(data-tooltip);position:absolute;bottom:125%;left:50%;transform:translateX(-50%);background-color:var(--a-color-on-surface);color:var(--a-color-surface);padding:var(--a-space-s) var(--a-space-m);border-radius:var(--a-border-radius-medium);white-space:nowrap;opacity:0;visibility:hidden;transition:opacity 0.2s ease,visibility 0.2s ease;pointer-events:none;}.tooltip-top:hover::after{opacity:1;visibility:visible;}.hidden{display:none !important;}.invisible{visibility:hidden !important;}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0;}.aspect-square{aspect-ratio:1 / 1;}.aspect-video{aspect-ratio:16 / 9;}.aspect-4-3{aspect-ratio:4 / 3;}.object-cover{object-fit:cover;}.object-contain{object-fit:contain;}.object-fill{object-fit:fill;}pre{position:relative;overflow:hidden;}pre code{position:relative;display:block;word-break:break-word;white-space:pre-wrap;word-wrap:break-word;}.token{position:static !important;display:inline;white-space:pre-wrap;margin:0;padding:0;}.language-html .token.tag,.language-html .token.attr-name,.language-html .token.attr-value,.language-html .token.string{position:static !important;display:inline;}p code,li code,td code{position:static;display:inline;word-wrap:break-word;white-space:pre-wrap;}@media (max-width:768px){.grid{grid-template-columns:repeat(auto-fit,minmax(var(--a-grid-min-column-mobile,var(--a-grid-min-column)),1fr));}.grid.tight{grid-template-columns:repeat(auto-fit,minmax(var(--a-grid-min-column-mobile,var(--a-grid-min-column)),1fr));}.hero .grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));}#components .grid{grid-template-columns:1fr;}.grid:has(>.card pre){grid-template-columns:1fr;}footer section{grid-template-columns:minmax(0,1fr);gap:var(--a-space-l);}}@media (max-width:480px){.grid,.grid.tight,.hero .grid{grid-template-columns:minmax(0,1fr);}footer{padding-inline:var(--a-space-m);}}footer{background:var(--ax-surface);color:var(--ax-text);border-top:2px solid var(--ax-border);padding:var(--a-space-3xl) var(--a-space-l);margin-top:var(--a-space-4xl);transition:background-color var(--a-transition-base),border-color var(--a-transition-base);}footer>.container{max-width:var(--ax-max-width);margin:0 auto;}footer section{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--a-space-2xl);margin-bottom:var(--a-space-2xl);padding-bottom:var(--a-space-2xl);border-bottom:1px solid var(--ax-border);transition:gap var(--a-transition-base);}footer .brand{display:flex;flex-direction:column;gap:var(--a-space-m);}footer .brand>a{font-family:var(--a-font-family-mono);font-size:var(--a-font-size-l);font-weight:var(--a-font-weight-bold);color:var(--a-color-on-surface);text-decoration:none;transition:all var(--a-transition-base);display:inline-block;max-width:fit-content;position:relative;}footer .brand>a::before{content:'';position:absolute;inset:-4px -8px;background:var(--a-color-primary);border-radius:var(--a-border-radius-sm);opacity:0;z-index:-1;transition:opacity var(--a-transition-base);}footer .brand>a:hover{color:var(--a-color-primary);}footer .brand>a:hover::before{opacity:0.1;}footer .brand>a .primary{color:var(--a-color-primary);}footer .brand>p{font-size:var(--a-font-size-s);color:var(--a-color-text-muted);margin:0;line-height:var(--a-line-height-base);}footer nav{display:flex;flex-direction:column;gap:var(--a-space-m);}footer nav h4{font-size:var(--a-font-size-s);font-weight:var(--a-font-weight-bold);color:var(--a-color-on-surface);text-transform:uppercase;letter-spacing:0.05em;margin:0;}footer nav ul{display:flex;flex-direction:column;gap:var(--a-space-s);list-style:none;padding:0;margin:0;}footer nav a{color:var(--a-color-text-secondary);text-decoration:none;font-size:var(--a-font-size-base);transition:color var(--a-transition-base);}footer nav a:hover{color:var(--a-color-primary);}footer>.container>div:last-child{display:flex;flex-direction:column;gap:var(--a-space-m);align-items:center;text-align:center;}@media (min-width:768px){footer>.container>div:last-child{flex-direction:row;justify-content:space-between;text-align:left;}}footer p.copyright{font-size:var(--a-font-size-s);color:var(--a-color-text-muted);margin:0;}footer ul.legal{display:flex;gap:var(--a-space-m);list-style:none;padding:0;margin:0;}footer ul.legal a{color:var(--a-color-text-muted);text-decoration:none;font-size:var(--a-font-size-s);transition:color var(--a-transition-base);}footer ul.legal a:hover{color:var(--a-color-on-surface);}footer .scroll-top{display:flex;align-items:center;justify-content:center;width:var(--a-space-xl);height:var(--a-space-xl);border-radius:var(--a-border-radius-full);background:var(--a-color-surface-variant);color:var(--a-color-on-surface);border:none;cursor:pointer;transition:all var(--a-transition-base);}footer .scroll-top:hover{background:var(--a-color-primary);color:var(--a-color-on-primary);}section.hero .container{display:flex;flex-direction:column;align-items:center;text-align:center;}@media (min-width:993px){header.main .menu.toggle{display:none !important;}header.main ul.links{display:flex !important;}}header.main ul.links li{display:flex;align-items:center;}header.main ul.links a{display:flex;align-items:center;height:100%;padding:0 var(--a-space-xs);}@media (min-width:993px){header.main .menu.toggle{display:none !important;}}@media (max-width:992px){header.main .menu.toggle{display:inline-flex !important;}header.main ul.links{display:none;}header.main.menu-open ul.links{display:flex !important;}}header.main ul.links li{display:flex;align-items:center;height:100%;}header.main ul.links a{display:flex;align-items:center;height:100%;line-height:1;}article>ul,article>ol,.card>ul,.card>ol,section>.container>ul,section>.container>ol{list-style:revert;padding-left:var(--a-space-l);margin-bottom:var(--a-space-m);}article>ul>li,article>ol>li,.card>ul>li,.card>ol>li{margin-bottom:var(--a-space-s);line-height:var(--a-line-height-base);}section.hero>.container{display:flex;flex-direction:column;align-items:center;gap:0;}section.hero>.container>h1{margin:0 0 var(--a-space-s) 0;text-align:center;}section.hero>.container>.tagline{margin:0 0 var(--a-space-m) 0;text-align:center;}section.hero>.container>.actions{margin:0 0 var(--a-space-m) 0;}section.hero>.container>p:not(.tagline){max-width:680px;text-align:center;margin:0 auto var(--a-space-l) auto;line-height:1.6;opacity:0.95;color:rgba(255,255,255,0.9);}section.hero>.container>.grid{width:100%;grid-template-columns:repeat(4,1fr);gap:var(--a-space-m);margin-top:0;}.container>.grid + .actions,.container>.grid~.actions{margin-top:var(--a-space-m);}.container>* + .actions{margin-top:var(--a-space-m);}@media (max-width:768px){section.hero>.container>.grid{grid-template-columns:repeat(2,1fr);}}@media (max-width:420px){section.hero>.container>.grid{grid-template-columns:repeat(2,1fr);gap:var(--a-space-s);}}button.outline,.button.outline{background-color:transparent;border:2px solid var(--a-color-primary);color:var(--a-color-primary);filter:none;}button.outline:hover,.button.outline:hover{background-color:var(--a-color-primary);color:var(--a-color-on-primary);filter:none;}button.outline:focus-visible,.button.outline:focus-visible{outline:2px solid var(--a-color-primary);outline-offset:2px;}section.hero button.outline,section.hero .button.outline{border-color:var(--a-color-on-gradient);color:var(--a-color-on-gradient);}section.hero button.outline:hover,section.hero .button.outline:hover{background-color:rgba(255,255,255,0.2);border-color:var(--a-color-on-gradient);color:var(--a-color-on-gradient);}.alert.outline{background-color:transparent;border:2px solid var(--a-color-outline);color:var(--a-color-on-surface);}dialog#search-modal{position:fixed;top:10vh;left:50%;transform:translateX(-50%);width:min(600px,90vw);max-height:80vh;padding:0;border:none;border-radius:var(--a-border-radius-large);background:var(--a-color-surface);box-shadow:var(--a-shadow-large);overflow:hidden;}dialog#search-modal[open]{display:flex;flex-direction:column;}dialog#search-modal::backdrop{background:rgba(0,0,0,0.5);backdrop-filter:blur(4px);}dialog#search-modal header{display:flex;align-items:center;justify-content:space-between;padding:var(--a-space-m) var(--a-space-l);border-bottom:1px solid var(--a-color-outline);flex-shrink:0;}dialog#search-modal header h2{margin:0;font-size:var(--a-font-size-lg);font-weight:var(--a-font-weight-bold);color:var(--a-color-on-surface);}dialog#search-modal header button{background:transparent;border:none;cursor:pointer;padding:var(--a-space-xs);color:var(--a-color-on-surface-variant);display:flex;align-items:center;justify-content:center;border-radius:var(--a-border-radius-base);transition:background 0.2s ease;}dialog#search-modal header button:hover{background:var(--a-color-surface-variant);color:var(--a-color-on-surface);}dialog#search-modal input[type="search"]{width:100%;padding:var(--a-space-m) var(--a-space-l);border:none;border-bottom:1px solid var(--a-color-outline);font-size:var(--a-font-size-base);font-family:inherit;background:var(--a-color-surface);color:var(--a-color-on-surface);flex-shrink:0;box-sizing:border-box;}dialog#search-modal input[type="search"]:focus{outline:none;background:var(--a-color-surface-variant);}dialog#search-modal input[type="search"]::placeholder{color:var(--a-color-on-surface-variant);}#search-modal-results{flex:1;overflow-y:auto;padding:var(--a-space-s);}#search-modal-results ul{list-style:none;padding:0;margin:0;}#search-modal-results li{margin:0;}#search-modal-results a{display:block;padding:var(--a-space-m) var(--a-space-l);color:var(--a-color-primary);text-decoration:none;border-radius:var(--a-border-radius-base);transition:background 0.15s ease;font-size:var(--a-font-size-base);}#search-modal-results a:hover,#search-modal-results a:focus{background:var(--a-color-primary-container);}#search-modal-results p{padding:var(--a-space-l);text-align:center;color:var(--a-color-on-surface-variant);margin:0;}a.skip-link{position:fixed;top:0;left:var(--a-space-s);transform:translateY(-160%);background:var(--a-color-primary);color:var(--a-color-on-primary);padding:var(--a-space-s) var(--a-space-m);border-radius:var(--a-border-radius-base);text-decoration:none;z-index:1001;transition:transform 0.2s ease;}a.skip-link:focus,a.skip-link:focus-visible{transform:translateY(var(--a-space-s));}@media (max-width:768px){section.hero>.container>.actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:min(100%,34rem);margin:0 auto var(--a-space-m) auto;gap:var(--a-space-s);}section.hero>.container>.actions>.button{width:100%;min-height:44px;padding:var(--a-space-s) var(--a-space-m) !important;white-space:normal;}section.hero>.container>.actions>.button:last-child{grid-column:1 / -1;justify-self:center;max-width:16rem;}}@media (max-width:380px){section.hero>.container>.actions{grid-template-columns:1fr;}section.hero>.container>.actions>.button:last-child{max-width:100%;}}@media (max-width:768px){main>section{padding-top:var(--a-space-xl);padding-bottom:var(--a-space-xl);}main>section>.container>header{margin-bottom:var(--a-space-xl);padding-bottom:var(--a-space-l);}main>section>.container>header>h1{font-size:clamp(1.9rem,7vw,2.5rem);line-height:1.15;}main>section>.container>header>p{font-size:var(--a-font-size-base);max-width:62ch;margin-left:auto;margin-right:auto;}section.hero>.container>h1{font-size:clamp(2.2rem,8.5vw,3.2rem);line-height:1.08;letter-spacing:-0.03em;margin-bottom:var(--a-space-m);}section.hero>.container>.tagline{font-size:var(--a-font-size-m);max-width:42ch;}section.hero>.container>p:not(.tagline){font-size:var(--a-font-size-base);line-height:1.65;max-width:62ch;}section.hero>.container>.grid{gap:var(--a-space-s);}}@media (max-width:480px){section.hero>.container>h1{font-size:clamp(2rem,9.8vw,2.7rem);}section.hero>.container>.tagline{font-size:var(--a-font-size-base);margin-bottom:var(--a-space-s);}section.hero>.container>p:not(.tagline){font-size:var(--a-font-size-sm);}section.hero>.container>.actions>.button{font-size:var(--a-font-size-sm);}}@media (max-width:420px){section.hero>.container>h1{font-size:clamp(1.85rem,11vw,2.35rem);}}@media (max-width:768px){.tabs>menu[role="tablist"],.tabs>ul[role="tablist"],.tabs>ol[role="tablist"]{flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;padding-bottom:var(--a-space-2xs);}.tabs>menu>button[role="tab"],.tabs>ul[role="tablist"]>li>button[role="tab"],.tabs>ol[role="tablist"]>li>button[role="tab"]{flex:0 0 auto;min-height:44px;scroll-snap-align:start;white-space:nowrap;}footer nav a{min-height:44px;display:inline-flex;align-items:center;}}@layer axiom.tokens{:root{--a-space-unit:1rem;--a-space-xs:clamp(0.25rem,0.2rem + 0.25vw,0.5rem);--a-space-s:clamp(0.5rem,0.4rem + 0.5vw,0.75rem);--a-space-m:clamp(1rem,0.8rem + 1vw,1.5rem);--a-space-l:clamp(1.5rem,1.2rem + 1.5vw,2.25rem);--a-space-xl:clamp(2rem,1.6rem + 2vw,3rem);--a-space-2xl:clamp(3rem,2.4rem + 3vw,4.5rem);--a-space-3xl:clamp(4rem,3.2rem + 4vw,6rem);--a-space-4xl:clamp(6rem,4.8rem + 6vw,9rem);--a-space-5xl:clamp(8rem,6.4rem + 8vw,12rem);--a-space-xxl:var(--a-space-2xl);--ax-max-width:1200px;--ax-reading-width:65ch;--ax-inner-content-width:960px;--ax-font-body:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;--ax-font-heading:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;--a-font-family-mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,Monaco,monospace;--a-font-weight-normal:400;--a-font-weight-medium:500;--a-font-weight-semibold:600;--a-font-weight-bold:700;--a-font-weight-black:900;--a-font-size-2xs:clamp(0.6875rem,0.65rem + 0.2vw,0.75rem);--a-font-size-xs:clamp(0.75rem,0.7rem + 0.25vw,0.875rem);--a-font-size-s:clamp(0.875rem,0.8rem + 0.375vw,1rem);--a-font-size-base:clamp(1rem,0.95rem + 0.25vw,1.125rem);--a-font-size-m:clamp(1.125rem,1.05rem + 0.375vw,1.25rem);--a-font-size-l:clamp(1.25rem,1.1rem + 0.75vw,1.5rem);--a-font-size-xl:clamp(1.5rem,1.25rem + 1.25vw,2rem);--a-font-size-2xl:clamp(1.875rem,1.5rem + 1.875vw,2.66rem);--a-font-size-3xl:clamp(2.25rem,1.8rem + 2.25vw,3.25rem);--a-font-size-4xl:clamp(3rem,2.4rem + 3vw,4.5rem);--a-font-size-5xl:clamp(3.75rem,3rem + 3.75vw,5.5rem);--a-font-size-h6:var(--a-font-size-s);--a-font-size-h5:var(--a-font-size-base);--a-font-size-h4:var(--a-font-size-m);--a-font-size-h3:var(--a-font-size-xl);--a-font-size-h2:var(--a-font-size-3xl);--a-font-size-h1:var(--a-font-size-4xl);--a-line-height-tight:1.25;--a-line-height-heading:1.3;--a-line-height-base:1.6;--a-line-height-loose:1.875;--a-hue-primary:250;--a-hue-secondary:220;--a-hue-success:140;--a-hue-warning:45;--a-hue-error:25;--a-hue-info:210;--a-hue-surface:220;--lightness-surface:99%;--lightness-surface-variant:96%;--lightness-text:25%;--lightness-text-muted:55%;--chroma-surface:0.01;--chroma-primary:0.15;--chroma-secondary:0.05;--a-color-primary:oklch(60% var(--chroma-primary) var(--a-hue-primary));--a-color-on-primary:oklch(100% 0 0);--a-color-primary-light:oklch(85% 0.05 var(--a-hue-primary));--a-color-primary-dark:oklch(40% 0.15 var(--a-hue-primary));--a-color-primary-container:oklch(92% 0.03 var(--a-hue-primary));--a-color-on-primary-container:oklch(30% 0.15 var(--a-hue-primary));--a-color-secondary:oklch(50% var(--chroma-secondary) var(--a-hue-secondary));--a-color-on-secondary:oklch(100% 0 0);--a-color-secondary-light:oklch(85% 0.02 var(--a-hue-secondary));--a-color-secondary-container:oklch(92% 0.01 var(--a-hue-secondary));--a-color-on-secondary-container:oklch(30% 0.05 var(--a-hue-secondary));--a-color-success:oklch(60% 0.15 var(--a-hue-success));--a-color-on-success:oklch(100% 0 0);--a-color-success-light:oklch(85% 0.05 var(--a-hue-success));--a-color-success-container:oklch(92% 0.03 var(--a-hue-success));--a-color-success-on-container:oklch(30% 0.15 var(--a-hue-success));--a-color-on-success-container:oklch(30% 0.15 var(--a-hue-success));--a-color-warning:oklch(70% 0.15 var(--a-hue-warning));--a-color-on-warning:oklch(100% 0 0);--a-color-warning-light:oklch(85% 0.05 var(--a-hue-warning));--a-color-warning-container:oklch(92% 0.03 var(--a-hue-warning));--a-color-warning-on-container:oklch(30% 0.15 var(--a-hue-warning));--a-color-on-warning-container:oklch(30% 0.15 var(--a-hue-warning));--a-color-error:oklch(60% 0.15 var(--a-hue-error));--a-color-on-error:oklch(100% 0 0);--a-color-error-light:oklch(85% 0.05 var(--a-hue-error));--a-color-error-container:oklch(92% 0.03 var(--a-hue-error));--a-color-error-on-container:oklch(30% 0.15 var(--a-hue-error));--a-color-on-error-container:oklch(30% 0.15 var(--a-hue-error));--a-color-info:oklch(60% 0.15 var(--a-hue-info));--a-color-on-info:oklch(100% 0 0);--a-color-info-light:oklch(85% 0.05 var(--a-hue-info));--a-color-info-container:oklch(92% 0.03 var(--a-hue-info));--a-color-info-on-container:oklch(30% 0.15 var(--a-hue-info));--a-color-on-info-container:oklch(30% 0.15 var(--a-hue-info));--ax-surface:oklch(var(--lightness-surface) var(--chroma-surface) var(--a-hue-surface));--ax-background-secondary:oklch(var(--lightness-surface-variant) var(--chroma-surface) var(--a-hue-surface));--ax-text:oklch(var(--lightness-text) 0.02 var(--a-hue-surface));--ax-border:oklch(90% 0.01 var(--a-hue-surface));--a-color-surface:var(--ax-surface);--a-color-on-surface:var(--ax-text);--a-color-surface-variant:var(--ax-background-secondary);--a-color-on-surface-variant:oklch(40% 0.02 var(--a-hue-surface));--a-color-outline:var(--ax-border);--a-color-text-primary:var(--ax-text);--a-color-text-secondary:oklch(40% 0.01 var(--a-hue-surface));--a-color-text-muted:oklch(var(--lightness-text-muted) 0.01 var(--a-hue-surface));--a-color-text-disabled:oklch(70% 0.01 var(--a-hue-surface));--a-border-radius-sm:0.25rem;--a-border-radius-base:0.5rem;--a-border-radius-md:0.75rem;--a-border-radius-lg:1rem;--a-border-radius-xl:1.5rem;--a-border-radius-pill:50rem;--a-border-radius-full:9999px;--a-transition-fast:150ms;--a-transition-base:200ms;--a-transition-slow:300ms;--a-ease-in:cubic-bezier(0.4,0,1,1);--a-ease-out:cubic-bezier(0,0,0.2,1);--a-ease-in-out:cubic-bezier(0.4,0,0.2,1);--a-shadow-xs:0 1px 2px rgba(0,0,0,0.05);--a-shadow-sm:0 1px 3px rgba(0,0,0,0.1);--a-shadow-md:0 4px 6px rgba(0,0,0,0.1);--a-shadow-base:var(--a-shadow-md);--a-shadow-lg:0 10px 15px rgba(0,0,0,0.1),0 4px 6px rgba(0,0,0,0.05);--a-shadow-xl:0 20px 25px rgba(0,0,0,0.1),0 10px 10px rgba(0,0,0,0.04);--a-gradient-primary:linear-gradient( 135deg,oklch(55% 0.18 var(--a-hue-primary)) 0%,oklch(45% 0.15 calc(var(--a-hue-primary) + 40)) 100% );--a-gradient-sunset:linear-gradient(135deg,#f97316 0%,#facc15 100%);--a-gradient-ocean:linear-gradient(135deg,#0ea5e9 0%,#2dd4bf 100%);--a-gradient-forest:linear-gradient(135deg,#10b981 0%,#84cc16 100%);--a-color-on-gradient:oklch(98% 0 0);}:root[data-theme='light']{color-scheme:light;--lightness-surface:99%;--lightness-surface-variant:96%;--lightness-text:25%;--lightness-text-muted:55%;--ax-border:oklch(90% 0.01 var(--a-hue-surface));}:root[data-theme='dark']{color-scheme:dark;--lightness-surface:15%;--lightness-surface-variant:20%;--lightness-text:98%;--lightness-text-muted:75%;--ax-border:oklch(30% 0.01 var(--a-hue-surface));--a-color-text-secondary:oklch(75% 0.01 var(--a-hue-surface));--a-color-text-disabled:oklch(50% 0.01 var(--a-hue-surface));--a-color-on-surface-variant:oklch(85% 0.02 var(--a-hue-surface));--a-color-primary-container:oklch(30% 0.05 var(--a-hue-primary));--a-color-on-primary-container:oklch(90% 0.15 var(--a-hue-primary));--a-color-success-container:oklch(30% 0.05 var(--a-hue-success));--a-color-on-success-container:oklch(90% 0.15 var(--a-hue-success));--a-color-warning-container:oklch(30% 0.05 var(--a-hue-warning));--a-color-on-warning-container:oklch(90% 0.15 var(--a-hue-warning));--a-color-error-container:oklch(30% 0.05 var(--a-hue-error));--a-color-on-error-container:oklch(90% 0.15 var(--a-hue-error));--a-color-info-container:oklch(30% 0.05 var(--a-hue-info));--a-color-on-info-container:oklch(90% 0.15 var(--a-hue-info));--a-shadow-sm:0 1px 3px rgba(0,0,0,0.3);--a-shadow-md:0 4px 6px rgba(0,0,0,0.4);--a-shadow-lg:0 10px 15px rgba(0,0,0,0.4),0 4px 6px rgba(0,0,0,0.2);--a-shadow-xl:0 20px 25px rgba(0,0,0,0.5),0 10px 10px rgba(0,0,0,0.3);--a-gradient-primary:linear-gradient( 135deg,oklch(35% 0.15 var(--a-hue-primary)) 0%,oklch(28% 0.12 calc(var(--a-hue-primary) + 40)) 100% );}:root[data-axiom-palette='default']{--a-hue-primary:250;}:root[data-axiom-palette='indigo']{--a-hue-primary:270;}:root[data-axiom-palette='emerald']{--a-hue-primary:150;}:root[data-axiom-palette='sunset']{--a-hue-primary:30;}:root[data-font-body='system']{--ax-font-body:system-ui,-apple-system,"Segoe UI",sans-serif;}:root[data-font-body='serif']{--ax-font-body:"Lora",Georgia,Cambria,"Times New Roman",serif;}:root[data-font-body='mono']{--ax-font-body:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,Monaco,monospace;}:root[data-font-heading='system']{--ax-font-heading:system-ui,-apple-system,"Segoe UI",sans-serif;}:root[data-font-heading='serif']{--ax-font-heading:"Lora",Georgia,Cambria,"Times New Roman",serif;}:root[data-font-heading='mono']{--ax-font-heading:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,Monaco,monospace;}:root[data-spacing-scale='compact']{--a-space-unit:0.875rem;}:root[data-spacing-scale='comfortable']{--a-space-unit:1rem;}:root[data-spacing-scale='relaxed']{--a-space-unit:1.125rem;}:root[data-layout-width='narrow']{--ax-max-width:960px;--ax-reading-width:60ch;}:root[data-layout-width='standard']{--ax-max-width:1200px;--ax-reading-width:65ch;}:root[data-layout-width='wide']{--ax-max-width:1440px;--ax-reading-width:70ch;}:root{--breakpoint-xs:360px;--breakpoint-sm:480px;--breakpoint-md:600px;--breakpoint-lg:768px;--breakpoint-xl:900px;--breakpoint-2xl:1200px;}}@layer axiom.utilities{@keyframes fadeIn{from{opacity:0;}to{opacity:1;}}@keyframes fadeOut{from{opacity:1;}to{opacity:0;}}@keyframes fadeInUp{from{opacity:0;transform:translateY(0.5rem);}to{opacity:1;transform:translateY(0);}}@keyframes fadeInDown{from{opacity:0;transform:translateY(-0.5rem);}to{opacity:1;transform:translateY(0);}}@keyframes fadeInLeft{from{opacity:0;transform:translateX(-0.5rem);}to{opacity:1;transform:translateX(0);}}@keyframes fadeInRight{from{opacity:0;transform:translateX(0.5rem);}to{opacity:1;transform:translateX(0);}}@keyframes slideUp{from{transform:translateY(1rem);}to{transform:translateY(0);}}@keyframes slideDown{from{transform:translateY(-1rem);}to{transform:translateY(0);}}@keyframes slideLeft{from{transform:translateX(1rem);}to{transform:translateX(0);}}@keyframes slideRight{from{transform:translateX(-1rem);}to{transform:translateX(0);}}@keyframes scaleIn{from{opacity:0;transform:scale(0.95);}to{opacity:1;transform:scale(1);}}@keyframes scaleOut{from{opacity:1;transform:scale(1);}to{opacity:0;transform:scale(0.95);}}@keyframes rotate{from{transform:rotate(0deg);}to{transform:rotate(360deg);}}@keyframes spin{from{transform:rotate(0deg);}to{transform:rotate(360deg);}}@keyframes pulse{0%,100%{opacity:1;}50%{opacity:0.5;}}@keyframes shimmer{0%{background-position:-1000px 0;}100%{background-position:1000px 0;}}@keyframes bounce{0%,100%{transform:translateY(0);}50%{transform:translateY(-0.5rem);}}@keyframes bounceIn{0%{opacity:0;transform:scale(0.3);}50%{opacity:1;transform:scale(1.05);}70%{transform:scale(0.9);}100%{transform:scale(1);}}@keyframes flip{from{transform:rotateY(0);}to{transform:rotateY(360deg);}}@keyframes flipIn{from{opacity:0;transform:perspective(400px) rotateY(-180deg);}to{opacity:1;transform:perspective(400px) rotateY(0);}}@keyframes heartbeat{0%,100%{transform:scale(1);}10%,30%{transform:scale(0.9);}20%,50%,80%{transform:scale(1.1);}40%{transform:scale(1.05);}60%,70%{transform:scale(1.05);}}@keyframes glow{0%,100%{box-shadow:0 0 0 0 var(--a-color-primary);}50%{box-shadow:0 0 0 10px rgba(37,99,235,0);}}.animate-fade-in{animation:fadeIn var(--a-transition-base) var(--a-ease-out);}.animate-fade-out{animation:fadeOut var(--a-transition-base) var(--a-ease-in);}.animate-fade-in-up{animation:fadeInUp var(--a-transition-base) var(--a-ease-out);}.animate-fade-in-down{animation:fadeInDown var(--a-transition-base) var(--a-ease-out);}.animate-fade-in-left{animation:fadeInLeft var(--a-transition-base) var(--a-ease-out);}.animate-fade-in-right{animation:fadeInRight var(--a-transition-base) var(--a-ease-out);}.animate-slide-up{animation:slideUp var(--a-transition-base) var(--a-ease-out);}.animate-slide-down{animation:slideDown var(--a-transition-base) var(--a-ease-out);}.animate-slide-left{animation:slideLeft var(--a-transition-base) var(--a-ease-out);}.animate-slide-right{animation:slideRight var(--a-transition-base) var(--a-ease-out);}.animate-scale-in{animation:scaleIn var(--a-transition-base) var(--a-ease-out);}.animate-scale-out{animation:scaleOut var(--a-transition-base) var(--a-ease-in);}.animate-spin{animation:spin 1s linear infinite;}.animate-pulse{animation:pulse 2s cubic-bezier(0.4,0,0.6,1) infinite;}.animate-bounce{animation:bounce 1s infinite;}.animate-bounce-in{animation:bounceIn var(--a-transition-slow) var(--a-ease-out);}.animate-flip-in{animation:flipIn var(--a-transition-slow) var(--a-ease-out);}.animate-heartbeat{animation:heartbeat 1.3s ease-in-out infinite;}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;}}}@layer axiom.utilities{.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0;}:focus-visible{outline:var(--focus-outline-width,2px) solid var(--focus-outline-color,#2563eb);outline-offset:var(--focus-outline-offset,2px);}.hidden{display:none !important;}.block{display:block;}.inline{display:inline;}.inline-block{display:inline-block;}@media (max-width:768px){.hide-mobile{display:none !important;}}@media (min-width:769px){.hide-desktop{display:none !important;}}.m-0{margin:0;}.clearfix::after{content:'';display:table;clear:both;}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.relative{position:relative;}.absolute{position:absolute;}.fixed{position:fixed;}.static{position:static;}.opacity-50{opacity:0.5;}.opacity-100{opacity:1;}.pointer-none{pointer-events:none;}.pointer-auto{pointer-events:auto;}.overflow-auto{overflow:auto;}.overflow-hidden{overflow:hidden;}.overflow-x-auto{overflow-x:auto;}.overflow-y-auto{overflow-y:auto;}.responsive-iframe{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;}.responsive-iframe iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none;}.w-full{width:100%;}.h-auto{height:auto;}.box-border{box-sizing:border-box;}}@layer axiom.tokens{:root{--a-use-css-reset:true;}}