.icon-github{width:13px;height:13px;vertical-align:middle;margin:0 6px 2px 0;flex:none}
/* Module reference — a compact, source-first companion to the landing page. */
.header-inner nav a[aria-current="page"]{color:#e7f6fc;position:relative}
.header-inner nav a[aria-current="page"]:after{content:"";position:absolute;left:0;right:0;bottom:-30px;height:2px;background:var(--cyan)}
.module-hero{position:relative;isolation:isolate;overflow:hidden;background:#0c141f;border-bottom:1px solid var(--line)}
.module-hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.42;filter:hue-rotate(18deg) saturate(.8);pointer-events:none;z-index:-1}
.module-hero>.wrap{position:relative}
.breadcrumb{padding-top:28px;margin:0;color:#8ea2b5;font:500 10px var(--mono);letter-spacing:.1em}
.breadcrumb a{color:#a8bbca}.breadcrumb a:hover{color:var(--cyan)}.breadcrumb span{padding:0 10px;color:#537088}
.module-heading{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:80px;align-items:end;padding:72px 0 65px}
.module-heading .eyebrow{margin-bottom:22px}.module-heading h1{font-size:clamp(40px,5vw,68px);margin-bottom:18px}.heading-stop{color:var(--cyan)}
.module-lead{max-width:560px;margin:0;color:#a9bac9;font-size:20px;line-height:1.6}
.scope-plate{border-left:1px solid #365268;padding:3px 0 3px 24px}.scope-plate>span,.scope-plate a{font:600 10px var(--mono);letter-spacing:.09em}.scope-plate>span{color:#8fa5b7}.scope-plate strong{display:block;margin:15px 0 7px;color:#deeff7;font:600 22px var(--display)}.scope-plate p{color:#a2b4c3;font-size:14px;margin-bottom:14px}.scope-plate a,.status-note a{color:#8ad5ed}.scope-plate a:hover,.status-note a:hover,.directory-intro a:hover,.reference-links a:hover{text-decoration:underline}
.status-note{display:flex;align-items:flex-start;gap:22px;border-top:1px solid #293a4f;padding:20px 0 23px}.status-note>span{flex:none;border:1px solid #695535;color:#edc982;padding:5px 8px;font:600 9px var(--mono);letter-spacing:.08em}.status-note p{margin:0;color:#aab9c6;font-size:14px}.status-note strong{color:#eedfc2}
.directory-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:75px;align-items:start;padding-top:70px;padding-bottom:100px}
.directory-nav{position:sticky;top:28px}.directory-nav>p{color:#9fb2c0;font:600 10px var(--mono);letter-spacing:.1em;margin:0 0 17px}.directory-nav>p span{color:#7090a4}.directory-nav nav{display:flex;flex-direction:column;gap:0;margin:0;border-left:1px solid #2a3c50}.directory-nav nav a{padding:9px 0 9px 17px;color:#a9bbc9;font-size:14px;font-weight:500}.directory-nav nav a:hover{color:#8ad5ed}.directory-nav nav span{font:500 10px var(--mono);color:#7096aa;margin-right:10px}.nav-foot{border-top:1px solid #26384a;margin-top:27px;padding-top:18px;color:#849cad;font:500 9px/1.9 var(--mono);letter-spacing:.08em}.nav-foot a{color:#8ad5ed}
.directory-intro{display:flex;justify-content:space-between;align-items:end;gap:36px;padding-bottom:40px}.directory-intro .eyebrow{margin-bottom:15px}.directory-intro h2,.using-modules h2{font-size:clamp(25px,2.4vw,33px)}.directory-intro>p{max-width:340px;margin:0;color:#aab9c7;font-size:15px}.directory-intro a{color:#8ad5ed}
.module-section{scroll-margin-top:24px;margin-bottom:55px}.category-head{border-top:1px solid #385369;padding:21px 0 23px}.category-head>span{font:600 10px var(--mono);letter-spacing:.11em;color:#83cbe2}.category-head h3{font:600 23px/1.3 var(--body);margin:12px 0 4px}.category-head p{font-size:15px;color:#a4b5c4;margin:0}
.module-list{padding:0;margin:0;list-style:none;border-top:1px solid #25364a}.module-list li{border-bottom:1px solid #25364a}.module-list a{display:grid;grid-template-columns:36px 165px minmax(0,1fr) 20px;align-items:start;gap:14px;padding:18px 15px 18px 0;transition:background .18s,padding .18s}.module-list a:hover{background:#121e2b;padding-left:12px}.module-icon{display:block;width:32px;height:32px;object-fit:contain}.module-list code{color:#8acde2;font:500 12px/1.6 var(--mono);overflow-wrap:anywhere}.module-list strong{display:block;color:#e1eaf2;font-size:16px;line-height:1.35}.module-list small{display:block;margin-top:4px;color:#a3b3c2;font-size:14px;line-height:1.5}.module-list b{color:#7eabbf;font:400 16px var(--mono)}
/* Give directory links the same focus and hover light as the controls. */
.module-list a{transition:background .18s,padding .18s,box-shadow .18s}
.module-list a:hover,.module-list a:focus-visible{background:#142635;box-shadow:inset 3px 0 #6ac9e5,inset 0 0 22px #4fb3d924}
.using-modules{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center;border-top:1px solid #385369;padding-top:45px}.using-modules .eyebrow{margin-bottom:16px}.using-modules p:not(.eyebrow){color:#aab9c7;font-size:15px;margin:18px 0}.reference-links{display:flex;flex-direction:column;align-items:start;gap:8px}.reference-links a{font-size:14px;font-weight:600;color:#8ad5ed}.using-modules .terminal-body{font-size:11px}.using-modules .terminal-head,.using-modules .terminal-foot{font-size:9px}
@media(max-width:1000px){.directory-layout{gap:35px;grid-template-columns:190px minmax(0,1fr)}.module-list a{grid-template-columns:32px 135px minmax(0,1fr) 20px;gap:12px}.using-modules{grid-template-columns:1fr}}
@media(max-width:680px){.header-inner nav a[aria-current="page"]:after{bottom:-5px}.module-heading{grid-template-columns:1fr;gap:32px;padding:50px 0 38px}.module-lead{font-size:18px}.scope-plate{padding-left:16px}.status-note{display:block}.status-note>span{display:inline-block;margin-bottom:12px}.directory-layout{display:block;padding-top:42px;padding-bottom:65px}.directory-nav{position:static;border-bottom:1px solid #293a4f;padding-bottom:25px;margin-bottom:42px}.directory-nav nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border:0}.directory-nav nav a{padding:8px 8px 8px 0}.nav-foot{display:none}.directory-intro{display:block}.directory-intro>p{margin-top:17px}.module-list a{grid-template-columns:32px minmax(0,1fr) 20px;gap:3px 10px;padding:16px 4px}.module-icon{grid-column:1;grid-row:1 / span 2}.module-list code{grid-column:2}.module-list a>span{grid-column:2}.module-list b{grid-column:3;grid-row:1 / span 2}.module-section{margin-bottom:42px}.using-modules{gap:25px}.using-modules .terminal-body{font-size:11px}}
