@font-face{font-family:"Roboto Mono";font-style:normal;font-weight:500;font-display:swap;src:url("/assets/roboto-mono-1.woff2") format("woff2")}
:root{--ink:#191426;--purple:#5741b5;--bright:#6e54ff;--pale:#eeeafd;--line:#aba0d2;--muted:#655d77;font-family:Arial,Helvetica,"PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);background:#fff;font-synthesis:none}
*{box-sizing:border-box}body{margin:0}a{color:var(--purple);text-decoration:none}a:hover{text-decoration:underline}button,input,select{font:inherit}button,a,select,input{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--bright);outline-offset:3px}img{display:block;max-width:100%}button{cursor:pointer}h1,h2,h3,p{margin:0}.skip-link{position:fixed;top:-80px;left:16px;background:var(--purple);color:#fff;padding:10px;z-index:10}.skip-link:focus{top:16px}
.button{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:30px;padding:4px 15px;border:1px solid #998ace;box-shadow:inset 1px 1px #ffffff78,inset -1px -1px #32247266;border-radius:0;font-size:13px;text-align:center;line-height:1.5}.button:hover{background:#6e54ff;color:#fff;text-decoration:none}.primary{background:var(--purple);color:#fff}.secondary{background:var(--pale);color:var(--purple)}
.directory{width:min(980px,calc(100% - 48px));margin:42px auto 28px;border:1px solid var(--line);background:#fff}.directory-header{height:110px;display:flex;justify-content:space-between;background:var(--purple);color:#fff;border-bottom:2px solid #fff;overflow:hidden}.header-art{position:relative;width:330px;flex-shrink:0;color:#ddd7fe;background:linear-gradient(90deg,#ddd7fe38,transparent)}.header-art svg{position:absolute;inset:0;max-width:100%}.header-art img{position:absolute;left:35px;top:22px;filter:brightness(0) invert(1);opacity:.85}.header-identity{align-self:flex-end;min-width:0;padding:12px 55px 6px 18px}.directory-wordmark{display:block;color:#ddd7fe;font:bold 48px/1.2 Arial,Helvetica,sans-serif;letter-spacing:-2px;white-space:nowrap}.directory-wordmark:hover{color:#fff;text-decoration:none}.header-identity nav{display:flex;align-items:center;gap:21px;padding:5px 7px 0;font-size:13px}.header-identity nav a,.header-identity nav button{color:#fff}.header-identity nav button{padding:0;border:0;background:transparent;font-size:13px}.header-identity nav button:hover{text-decoration:underline}.header-identity nav a:focus-visible,.header-identity nav button:focus-visible,.directory-wordmark:focus-visible{outline-color:#fff}
.directory-layout{display:grid;grid-template-columns:182px minmax(0,1fr);gap:5px;padding:0 3px 3px}.directory-sidebar{padding:3px 2px 0 0;font-size:12px}.sidebar-box{border:1px dashed var(--line);padding:10px 8px;margin-bottom:12px}.sidebar-box h2{font-size:12px;font-weight:400;color:var(--purple);text-align:right;margin-bottom:10px}.sidebar-box p{line-height:1.6}.sidebar-box .button{width:100%;margin:9px 0 7px;font-size:12px;padding:3px 4px;min-height:26px}.sidebar-link{display:block;text-align:center;font-size:11px}.example-box h2{text-align:left;border-bottom:1px solid #ded8ef;padding-bottom:7px}.example-people{font-weight:bold;text-align:center;margin-bottom:12px}.example-box label{display:block;margin:10px 0 5px;color:var(--muted);font-size:11px}.example-box input{width:100%;accent-color:var(--purple);margin:1px 0 5px}.example-box output{display:block;text-align:right;font-size:13px}.example-box select{width:100%;border:1px solid var(--line);background:#f2eff8;border-radius:0;padding:4px;color:var(--ink)}.example-result{border-top:1px solid #ded8ef;margin-top:13px;padding-top:9px;display:grid;gap:5px}.example-result>span{font-size:11px;color:var(--muted)}.example-result strong{font-size:13px;color:var(--purple)}.sidebar-box .sidebar-note{font-size:10px;color:var(--muted);margin-top:12px;line-height:1.7}.sidebar-network{padding:3px 8px;font-size:10px;color:var(--muted)}.sidebar-network strong{display:block;margin:8px 0;font-size:11px;line-height:1.65;font-weight:400;color:var(--purple)}
.directory-main{border:1px solid var(--line);min-width:0}.window-title{padding:4px 6px;background:var(--purple);color:#fff;font-size:13px;line-height:1.3}.welcome-content{padding:0 21px 20px;font-size:14px;line-height:1.65}.welcome-content h1{text-align:center;font-size:25px;line-height:1.35;margin:23px 0 26px;font-weight:700}.welcome-content p{margin:16px 0}.relationship-statement{text-align:center;margin:22px 0 24px;padding:12px 10px 14px;border-top:1px solid #ded8ef;border-bottom:1px solid #ded8ef;background:#faf9fd}.relationship-statement p{margin:0;font-size:12px;color:var(--muted)}.relationship-statement strong{display:block;font-size:22px;line-height:1.6;margin:9px 0;color:var(--purple)}.statement-verb{font-size:14px;font-weight:400;color:var(--ink)}.welcome-content h2{font-size:14px;font-weight:400;margin:0 0 4px}.capability-list{padding-left:23px;margin:3px 0 18px;line-height:1.9}.capability-list strong{color:var(--purple);font-size:13px}.rights-note{font-size:12px;color:var(--muted)}#extension{margin-top:23px}#extension p{margin:8px 0 14px}.welcome-actions{display:flex;justify-content:center;gap:12px;margin:18px 0 20px}.development-note{font-size:11px;color:var(--muted);border-top:1px solid #ded8ef;padding-top:12px;line-height:1.8}.welcome-content .development-note{margin-bottom:0}.directory-footer{text-align:center;padding:20px 10px 17px;font-size:11px;color:var(--muted);line-height:1.8}.directory-footer nav{display:flex;justify-content:center;gap:15px}.directory-footer p{margin:8px 0 0}.directory-footer>span{font-size:10px}
/* Shared project guide and error pages. */
.wrap{width:min(980px,calc(100% - 48px));margin:0 auto}.site-header{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 0;border-bottom:1px solid #ded8ef}.brand{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:bold}.site-header nav{display:flex;gap:20px;font-size:13px}.guide{max-width:740px;padding:36px 0 60px;font-size:14px;line-height:1.9}.eyebrow{display:block;color:var(--purple);font:11px "Roboto Mono",monospace;margin-bottom:15px}.guide h1{font-size:30px;line-height:1.4;margin-bottom:22px}.guide h2{font-size:20px;margin:30px 0 13px}.guide p{margin:13px 0;color:var(--muted)}.guide a:not(.button){text-decoration:underline;text-underline-offset:3px}.guide li{margin-bottom:12px;color:var(--muted)}.guide .callout{padding:18px;border:1px solid var(--line);background:var(--pale);margin:25px 0}.guide pre{padding:15px;overflow:auto;background:#f5f3fa;border:1px solid #ded8ef;line-height:1.8}.guide code{font-size:12px;overflow-wrap:anywhere}.site-footer{display:flex;align-items:center;gap:25px;border-top:1px solid #ded8ef;padding:20px 0;font-size:11px;color:var(--muted)}.site-footer .brand{font-size:16px}.site-footer>div{margin-left:auto;display:flex;gap:20px}.error-page{padding:80px 0;min-height:60vh}.error-page h1{font-size:36px;margin:20px 0}.error-page p{margin:20px 0;color:var(--muted)}
@media(max-width:780px){.header-art{width:210px}.header-identity{padding-right:25px}.directory-wordmark{font-size:42px}.directory-layout{grid-template-columns:158px minmax(0,1fr)}.welcome-content{padding-left:17px;padding-right:17px}.welcome-content h1{font-size:22px}.relationship-statement strong{font-size:20px}}
@media(max-width:580px){.directory{width:calc(100% - 20px);margin:16px auto}.directory-header{height:93px}.header-art{width:105px}.header-art svg{width:240px;max-width:none;left:-30px;opacity:.5}.header-art img{width:44px;height:44px;left:20px;top:20px}.header-identity{padding:10px 14px 8px 0}.directory-wordmark{font-size:32px;letter-spacing:-1.5px}.header-identity nav{gap:15px;font-size:11px;padding-left:3px}.header-identity nav button{font-size:11px}.directory-layout{grid-template-columns:1fr;padding:2px;gap:5px}.directory-sidebar{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:2px;align-items:start}.sidebar-box{margin:0}.sidebar-box h2{text-align:left}.sidebar-network{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center;padding:2px 4px 6px}.sidebar-network strong{margin:0;font-size:10px}.sidebar-network br{display:none}.example-box{grid-row:span 2}.welcome-content{padding:0 15px 17px;font-size:13px}.welcome-content h1{font-size:22px;margin:22px 0}.relationship-statement{padding:10px 6px;margin:19px 0}.relationship-statement strong{font-size:20px}.welcome-content h2{font-size:13px}.directory-footer{padding-top:15px}.wrap{width:calc(100% - 32px)}.site-header nav{gap:12px;font-size:11px}.brand{font-size:18px}.guide h1{font-size:25px}.guide h2{font-size:19px}.site-footer{flex-wrap:wrap;gap:15px}.site-footer>div{margin-left:0}.error-page h1{font-size:28px}}
@media(max-width:350px){.header-art{width:65px}.header-art img{left:12px;width:36px;height:36px}.header-identity{padding-right:10px}.directory-wordmark{font-size:29px}.directory-sidebar{grid-template-columns:1fr}.example-box{grid-row:auto}.sidebar-network{grid-column:auto}.welcome-content h1{font-size:19px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
