/* Full module directory and the landing-only animated wordmark. */
.site-header .landing-brand{gap:7px;flex-shrink:0;letter-spacing:normal}
.landing-brand>img{width:38px;height:38px;border-radius:50%}
.landing-brand>svg{width:205px;height:45px;overflow:visible}
.landing-brand .landing-mark-letter{transform-box:fill-box;transform-origin:center;animation:brand-letter-drop 1.1s both;animation-delay:calc(var(--letter)*65ms)}
@keyframes brand-letter-drop{0%{opacity:0;transform:translateY(-45px) rotate(-9deg)}60%{opacity:1;transform:translateY(3px) rotate(2deg)}80%{transform:translateY(-2px)}100%{opacity:1;transform:none}}
#overview .demo-layout{grid-template-columns:285px minmax(0,1fr);gap:30px;align-items:start}
#overview .demo-catalog{min-width:0;border:1px solid #e1e7f2;border-radius:16px;padding:14px;background:#fff}
#overview .demo-search-label{display:block;font-size:11px;font-weight:700;color:#61738f;margin-bottom:8px;text-transform:uppercase;letter-spacing:.06em}
#demo-search{width:100%;border:1px solid #dbe3f1;border-radius:9px;padding:10px 12px;background:#f7f9fd;font-size:12px;margin-bottom:10px}
#demo-search:focus-visible{outline:2px solid #2960ff;outline-offset:2px}
#overview .demo-tabs{display:block;max-height:440px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#becdf0 transparent;padding:2px 4px 3px 0}
#overview .demo-group-label{font-size:10px;font-weight:750;letter-spacing:.04em;text-transform:uppercase;color:#6b7c96;padding:13px 9px 7px}
#overview .demo-tabs button{display:flex;width:100%;min-height:57px;padding:10px;gap:10px;margin-bottom:3px;text-align:left}
#overview .demo-tabs strong{font-size:12px;line-height:1.3}
#overview .demo-tabs small{font-size:10px;line-height:1.4;margin-top:3px}
#overview .demo-tabs .tab-icon{flex-shrink:0}
#overview .demo-tabs .tab-arrow{margin-left:auto}
#overview [hidden]{display:none!important}
#overview #demo-panel{position:sticky;top:100px;min-width:0}
#overview .demo-instructions{display:flex;justify-content:space-between;font-size:11px;margin:10px 4px 0;padding-top:10px;border-top:1px solid #e5eaf3}
#demo-empty{font-size:12px;color:#62718b;padding:20px 8px}
.demo-caption{display:flex;align-items:center;justify-content:space-between;gap:15px;padding-top:17px;font-size:14px}
.demo-caption a{color:#285cff;font-size:12px;font-weight:650}
#overview .demo-note{font-size:11px;margin-top:8px}
@media(max-width:1100px){.site-header .header-inner{gap:18px}.site-header .desktop-nav{gap:17px}.landing-brand>svg{width:174px;height:40px}.landing-brand>img{width:33px;height:33px}}
@media(max-width:950px){#overview .demo-layout{grid-template-columns:240px minmax(0,1fr);gap:20px}}
@media(max-width:680px){
 .landing-brand>svg{width:154px;height:36px}.landing-brand>img{width:30px;height:30px}
 #overview .demo-layout{display:flex;flex-direction:column;gap:18px}
 #overview .demo-catalog{width:100%;padding:12px}
 #overview .demo-tabs{display:block;max-height:205px}
 #overview .demo-tabs button{min-height:50px;padding:8px 10px}
 #overview .demo-tabs small{display:block}
 #overview #demo-panel{position:static;width:100%}
 #overview .demo-tabs .tab-arrow{display:block}
}
@media(prefers-reduced-motion:reduce){.landing-brand .landing-mark-letter{animation:none}}