@import url("hub-base.css");
@import url("hub-home.css");
@import url("hub-pages.css");
@import url("hub-mobile.css");

/* Brighter technical editorial production layer */
:root{
  --bg:#090d12;--bg2:#0c1117;--panel:#111922;--panel2:#151e28;
  --text:#f7fafc;--muted:#aebdca;--muted2:#7f92a2;
  --line:rgba(170,210,230,.14);--line-strong:rgba(170,210,230,.22);
  --shadow:0 20px 65px rgba(0,0,0,.22);--max:1240px
}
html{background:var(--bg)}
body{background:radial-gradient(circle at 80% -8%,rgba(101,216,255,.10),transparent 34rem),linear-gradient(180deg,#090d12,#0a0f15 52%,#080c11);font-size:16px;line-height:1.6}
body:before{inset:74px 0 0;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.015) 1px,transparent 1px);mask-image:linear-gradient(to bottom,black,rgba(0,0,0,.55) 48%,transparent 92%)}
.shell{width:min(var(--max),calc(100% - 40px))}
.topbar{height:74px;border-color:var(--line);background:rgba(9,13,18,.89)}
.topbar-inner{gap:18px}
.menu-btn{width:42px;height:42px;border-radius:12px;border-color:var(--line-strong);background:#0d141c}
.brand{min-width:150px;margin-right:12px}.brand strong{font-size:15px}.brand span{font-size:10px;color:#8394a3}
.topnav{gap:8px;margin-left:0}.topnav a{height:100%;padding:0 12px;gap:9px;font-size:14px}.navicon{width:34px;height:34px;font-size:14px;border-color:var(--line);background:#0f151c}.topnav a.active:after{left:10px;right:10px}
.global-search{width:min(300px,28vw);height:42px;border-color:var(--line-strong);border-radius:11px;background:#0e141b;padding:0 13px;font-size:13px}.global-search::placeholder{color:#7d8f9f}
.search-results{top:68px;background:rgba(13,19,26,.98);border-color:var(--line-strong)}.search-empty{font-size:13px}.search-result strong{font-size:14px}.search-result span span{font-size:12px}.search-result em{font-size:11px}
.scrim{inset:74px 0 0}.drawer{top:74px;background:#0d131a}.drawer-head strong{font-size:14px}.drawer-head span{font-size:11px}.side-title{font-size:11px}.sidebtn{min-height:44px;font-size:13px}.repo-card small{font-size:11px}.repo-card strong{font-size:14px}.repo-card span{font-size:12px}
main{padding:32px 0 64px}.breadcrumb{font-size:12px;color:#8ea1b0;margin:2px 0 14px}.panel{background:var(--panel);border-color:var(--line);box-shadow:var(--shadow)}
.mast{grid-template-columns:minmax(310px,.62fr) minmax(0,1.38fr);min-height:310px}.mast-copy{padding:38px 34px}.eyebrow{color:#79dfff;font-size:11px;font-weight:800;letter-spacing:.15em}.mast-copy h1{font-size:clamp(3rem,5.5vw,5.4rem);line-height:.93;margin:14px 0 12px}.mast-copy p{max-width:520px;color:#b7c5d0;font-size:16px;line-height:1.65}.mast-art{height:310px}.home-art,.repo-art,.connect-art{background-color:#0f171f}.section{margin-top:40px}.section-head{padding:0 2px 14px}.section-head h2{font-size:23px;letter-spacing:-.03em}.section-head span{font-size:13px;color:#899baa}.btn{min-height:40px;padding:0 14px;border-color:var(--line-strong);border-radius:10px;font-size:13px}.tag{font-size:12px;padding:6px 9px;border-color:var(--line);background:#131c25;color:#adbdca}

/* Home */
.window{background:#111922;border-color:var(--line-strong);box-shadow:0 18px 38px rgba(0,0,0,.22)}.window-label{font-size:10px;color:#93a5b3}.mini-lines i{background:#263541}.home-flow{background:linear-gradient(90deg,transparent,rgba(101,216,255,.18),rgba(101,216,255,.42),transparent)}
.home-context{grid-template-columns:repeat(3,1fr);background:var(--panel);border-color:var(--line);margin-top:18px}.context-item{min-height:96px;padding:20px 22px;border-color:var(--line)}.context-item small{font-size:11px;color:#8295a4}.context-item strong{font-size:16px;margin-top:6px}.context-item span{font-size:13px;color:#9eb0bd;line-height:1.5}
.carousel-controls{top:-53px;background:#111922;border-color:var(--line-strong)}.carousel-btn{width:40px;height:40px;font-size:15px}.carousel-count{font-size:12px;color:#a8b8c5}.card-track{gap:18px}.card-track>.project-card{flex-basis:min(455px,calc(100vw - 56px))}.project-card{background:#10171f;border-color:var(--line);border-radius:20px}.project-visual{height:250px;background:#10171f}.project-visual:after{background:linear-gradient(transparent,#10171f)}.relationship{left:18px;top:18px;background:rgba(9,13,18,.72);border-color:var(--line-strong)}.relationship strong{font-size:12px}.relationship span{font-size:10px}.card-body{padding:24px;min-height:285px}.card-eye{font-size:11px;color:#7bcfe9}.card-body h3{font-size:27px;line-height:1.08;margin:9px 0 10px}.desc{font-size:15px;color:#b4c3ce;line-height:1.7}.status{font-size:11px;padding:6px 8px}.meta{font-size:12px;color:#8194a3;margin-top:20px;padding-top:15px;border-color:var(--line)}.card-actions{padding-top:18px}.rail-progress{height:3px;background:#16232d;margin-top:5px}
.peek-card{background:#10171f;border-color:var(--line-strong)}.peek-art{background:#111922}.peek-eyebrow{font-size:11px}.peek-lead{font-size:15px;color:#b7c5d0}.peek-fact small{font-size:11px}.peek-fact strong{font-size:14px}.peek-hint{font-size:12px;color:#7f92a2}
.home-explore{display:none}

/* Repositories */
.activity-grid{gap:14px}.activity-item{min-height:116px;padding:18px;background:#10171f;border-color:var(--line)}.activity-item small{font-size:11px}.activity-item b{font-size:11px}.activity-item strong{font-size:15px;line-height:1.45;margin-top:12px}.activity-item span{font-size:13px;color:#98a9b7}.repo-toolbar{margin-bottom:16px}.filter,.repo-sort{height:40px;font-size:13px;border-color:var(--line);background:#10171f}.repo-count{font-size:12px;color:#8093a2}.repo-grid{gap:18px}.repo-grid .project-card:last-child:nth-child(odd):not(:first-child) .card-body{min-height:340px}.repo-grid .project-card:last-child:nth-child(odd):not(:first-child) .project-visual{min-height:340px}

/* Connect: GitHub + email only */
body[data-page="connect"] .mast-copy p{max-width:420px}
body[data-page="connect"] .contact-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:none;gap:14px}
body[data-page="connect"] .contact-tile{min-height:180px;padding:24px;background:#10171f;border-color:var(--line)}
body[data-page="connect"] .contact-tile strong{font-size:20px;margin-top:18px}
body[data-page="connect"] .contact-tile span{font-size:14px;color:#aab9c5}
body[data-page="connect"] .contact-tile a,body[data-page="connect"] .contact-tile small{font-size:13px;padding-top:18px}
body[data-page="connect"] .ci{width:40px;height:40px;font-size:13px}
body[data-page="connect"] .connect-art .sv1{left:22%;top:31%}
body[data-page="connect"] .connect-art .sv3{left:auto;right:22%;bottom:30%}
body[data-page="connect"] .service{width:64px;height:64px;font-size:14px;background:#111922;border-color:var(--line-strong)}
body[data-page="connect"] .signal-center{width:82px;height:82px;font-size:20px}
body[data-page="connect"] .r1{width:180px;height:180px}body[data-page="connect"] .r2{width:280px;height:280px}
.connect-panel{padding:34px;border-color:var(--line);background:radial-gradient(circle at 90% 12%,rgba(101,216,255,.11),transparent 18rem),var(--panel)}.connect-panel-head{grid-template-columns:.8fr 1.2fr;gap:36px;margin-bottom:24px}.connect-panel-head h2{font-size:clamp(2.2rem,4vw,4.1rem)}.connect-panel-head p{font-size:16px;color:#b7c5d0}.connect-status{display:none}

/* Project reader */
.project-hero{min-height:220px;grid-template-columns:390px minmax(0,1fr)}.project-hero .mast-art{height:220px}.project-hero .mast-copy{padding:30px 32px}.project-hero .mast-copy h1{font-size:clamp(2.2rem,4vw,3.4rem)}
.repo-subnav button{font-size:13px;padding:14px 13px}.overview-cell{padding:26px;min-height:180px}.overview-cell small{font-size:11px}.overview-cell strong{font-size:17px}.overview-cell p{font-size:14px;color:#aab9c5}.docs-heading h2{font-size:22px}.docs-heading span{font-size:12px}.readme-source{font-size:12px}.readme-markdown{padding:32px;font-size:15px;color:#b7c5d0;line-height:1.78}.readme-markdown h1{font-size:2.3rem}.readme-markdown h2{font-size:1.45rem}.readme-toc small{font-size:11px}.readme-toc a{font-size:12px}.release-card small{font-size:11px}.release-card strong{font-size:17px}.release-card p{font-size:14px}.release-asset{font-size:12px}.source-head strong{font-size:15px}.source-head span,.source-row span{font-size:12px}.source-row strong{font-size:14px}.repo-action-note{font-size:12px}.loading-box,.error-box{font-size:14px}.error-box strong{font-size:17px}
.footer-inner{font-size:12px;color:#8092a1}

/* Compact global navigation drawer */
.scrim{inset:0;background:rgba(2,5,8,.58);backdrop-filter:blur(5px)}
.drawer.global-drawer{top:0;width:min(328px,88vw);background:linear-gradient(180deg,rgba(18,26,35,.995),rgba(11,17,23,.998));border-right:1px solid var(--line-strong);box-shadow:28px 0 90px rgba(0,0,0,.38);display:flex;flex-direction:column;overflow:hidden}
.drawer-global-head{padding:18px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:12px;flex:none}
.drawer-brand-mark{width:42px;height:42px;border:1px solid var(--line-strong);border-radius:12px;background:#0f161e;display:grid;place-items:center;font-weight:900;font-size:13px;color:#f7fafc}
.drawer-brand-copy{min-width:0}.drawer-brand-copy strong{display:block;font-size:15px;line-height:1.2}.drawer-brand-copy span{display:block;margin-top:3px;font-size:10px;color:#8396a5}
.drawer-global-close{margin-left:auto;width:38px;height:38px;border-radius:11px;background:#0f161e;border-color:var(--line);font-size:18px;flex:none}
.drawer-global-body{padding:18px;display:flex;flex-direction:column;gap:22px;flex:1;overflow:auto}
.drawer-section-label{margin:0 0 8px 4px;color:#718493;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.15em}
.drawer-nav-list{display:grid;gap:8px}
.drawer-nav-item{min-height:68px;padding:12px 13px;border:1px solid transparent;border-radius:14px;display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:12px;align-items:center;color:#e8f0f5;transition:background .16s,border-color .16s,transform .16s}
.drawer-nav-item:hover{background:rgba(255,255,255,.025);border-color:var(--line);transform:translateX(2px)}
.drawer-nav-item.active{background:linear-gradient(90deg,rgba(101,216,255,.10),rgba(101,216,255,.025));border-color:rgba(101,216,255,.20);box-shadow:inset 3px 0 var(--accent)}
.drawer-nav-icon{width:38px;height:38px;border:1px solid var(--line);border-radius:10px;background:#101820;display:grid;place-items:center;font-size:14px;color:#dbe9f0}
.drawer-nav-item.active .drawer-nav-icon{border-color:rgba(101,216,255,.28);background:rgba(101,216,255,.075);color:#eafaff}
.drawer-nav-copy{min-width:0}.drawer-nav-copy strong{display:block;font-size:14px;line-height:1.2}.drawer-nav-copy span{display:block;margin-top:4px;color:#8598a6;font-size:11px;line-height:1.35}
.drawer-nav-arrow,.drawer-profile-arrow{font-size:16px;color:#708492}
.drawer-global-divider{height:1px;background:var(--line);margin:0 2px}
.drawer-profile-card{padding:14px;border:1px solid var(--line);border-radius:14px;background:#0f161e;display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:12px;align-items:center;transition:border-color .16s,background .16s}
.drawer-profile-card:hover{border-color:rgba(101,216,255,.22);background:#111a23}
.drawer-profile-mark{width:42px;height:42px;border-radius:12px;background:radial-gradient(circle at 40% 30%,rgba(101,216,255,.38),transparent 40%),linear-gradient(135deg,#1b3550,#101822);display:grid;place-items:center;font-size:12px;font-weight:900}
.drawer-profile-copy{min-width:0}.drawer-profile-copy strong{display:block;font-size:13px}.drawer-profile-copy span{display:block;margin-top:3px;color:#8496a5;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.drawer-global-foot{padding:15px 18px 18px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px;color:#8ca0ae;font-size:11px;flex:none}.drawer-global-foot strong{font-size:11px;color:#d9e4eb}
.drawer.repo-drawer{width:min(340px,90vw);background:#0d131a}

@media(max-width:900px){
  body:before{inset:64px 0 0}.topbar{height:64px}.drawer.repo-drawer{top:64px}.mast{grid-template-columns:1fr}.mast-art{height:270px}.mast-copy{padding:30px 26px}.mast-copy h1{font-size:clamp(3rem,12vw,5rem)}.home-context{grid-template-columns:1fr}.context-item{border-right:0;border-bottom:1px solid var(--line)}.context-item:last-child{border-bottom:0}.activity-grid{grid-template-columns:1fr}.connect-panel-head{grid-template-columns:1fr}.project-hero{grid-template-columns:1fr}.project-hero .mast-art{height:210px}.readme-markdown{padding:24px}.reader-grid{grid-template-columns:1fr}.readme-toc{position:static}}
@media(max-width:700px){body[data-page="connect"] .contact-grid{grid-template-columns:1fr}.drawer.global-drawer{width:min(320px,86vw)}}
@media(max-width:620px){.shell{width:min(var(--max),calc(100% - 24px))}.brand span{display:none}.section{margin-top:32px}.mast-copy{padding:28px 22px}.mast-art{height:230px}.card-track>.project-card{flex-basis:calc(100vw - 40px)}.project-visual{height:220px}.card-body{padding:20px}.repo-toolbar{align-items:stretch;flex-direction:column}.global-search{display:none}}