@import url('../hub170/shell.css');
@import url('./theme.css');
:root{font-size:14px}.topbar{height:82px;padding:0 30px;max-width:none;border-bottom:1px solid var(--bh-line);position:sticky;top:0;z-index:20;background:var(--bh-bg)}.brand{font-size:23px;min-width:214px}.brand span{font-size:9px;color:var(--bh-muted)}.search{max-width:500px;background:var(--bh-soft);border:1px solid var(--bh-line);padding:8px 14px;border-radius:12px}.search input{border:0!important;background:transparent!important}.search kbd{background:var(--bh-surface);color:var(--bh-muted)}.account-shortcut{background:var(--bh-surface);border:1px solid var(--bh-line);border-radius:10px;padding:9px 13px;color:var(--bh-ink);font-size:12px}.layout{display:grid;grid-template-columns:215px minmax(0,1fr);max-width:none;padding:0 30px 55px;gap:34px}.layout>section{max-width:1260px;width:100%;min-width:0;justify-self:center;padding-top:30px}.sidebar{position:sticky;top:82px;height:calc(100dvh - 82px);overflow-y:auto;padding:26px 18px 25px 0;border-right:1px solid var(--bh-line)}.side-link{padding:10px 13px;font-size:13px;border-radius:10px;color:var(--bh-muted)}.side-link.active{background:var(--bh-tint);color:var(--bh-accent);font-weight:700}.sidebar-title{font-size:10px;letter-spacing:.12em;color:var(--bh-muted);margin-top:10px}.side-note{background:var(--bh-soft);border:1px solid var(--bh-line);padding:14px;font-size:11px;color:var(--bh-muted)}.side-note strong{color:var(--bh-ink)}.side-footer{color:var(--bh-muted)}.side-theme171{display:block;font-size:11px;background:var(--bh-surface);border:1px solid var(--bh-line);border-radius:12px;padding:12px;margin-top:18px;color:var(--bh-muted)}.side-theme171 b{display:block;color:var(--bh-ink);font-size:12px;margin-top:3px}.dock{display:none!important}.heading{margin-top:0}.heading h1{font-size:29px;letter-spacing:-.8px}.heading p,.date,.eyebrow{color:var(--bh-muted)}.welcome-hero{background:var(--bh-tint);border-color:var(--bh-line);min-height:302px}.welcome-copy{padding:29px 34px}.welcome-copy h2{font-size:34px;color:var(--bh-ink)}.welcome-copy em,.welcome-kicker{color:var(--bh-accent)}.welcome-copy p,.all-shortcut{color:var(--bh-muted)}.login-main{box-shadow:none!important}.welcome-art{background:none}.avatar-sticker{background:var(--bh-surface);border-color:var(--bh-line);box-shadow:0 12px 35px #0000000b}.avatar-sticker img{width:110px;height:110px}.hello-bubble{background:var(--bh-surface);color:var(--bh-ink);box-shadow:0 3px 0 var(--bh-line)}.welcome-badge{background:var(--bh-surface);color:var(--bh-accent);border-color:var(--bh-line);box-shadow:none}.first-actions{margin-top:16px}.first-actions a,.first-actions a:last-child,.visual-categories a,.directory-card,.discover-card,.school-strip{background:var(--bh-surface);border:1px solid var(--bh-line);box-shadow:none;color:var(--bh-ink)}.first-actions b,.visual-categories b{color:var(--bh-ink)}.first-actions small,.visual-categories span,.card-copy p,.description p,.footer-line,.school-strip p{color:var(--bh-muted)}.text-link,.mini-action,.description>span{color:var(--bh-accent)}.visual-categories a{min-height:128px}.visual-categories img{width:42px;height:42px}.discover-grid{gap:16px}.directory-grid{gap:18px}.directory-card .visual-art,.discover-card .visual-art{background:var(--bh-tint)!important;height:134px}.feature-sticker{width:68px;height:68px;filter:drop-shadow(0 3px 0 #ffffffba);transform:rotate(-5deg)}.art-caption{background:var(--bh-surface);color:var(--bh-muted);border-color:var(--bh-surface)}.directory-card .description{min-height:144px;padding:18px}.category-tabs{display:none}.school-strip .btn{background:var(--bh-tint)!important;color:var(--bh-accent)!important}.section-head h2{font-size:19px}.sticker-credit{color:var(--bh-muted)}
/* A module is the active workspace, not a second page floating above another navigation. */
#moduleDialog[open]{display:flex;flex-direction:column;position:relative;inset:auto;transform:none;width:100%;max-width:none;height:calc(100dvh - 164px);max-height:none;margin:0;padding:0;border:1px solid var(--bh-line);border-radius:18px;background:var(--bh-surface);color:var(--bh-ink);box-shadow:0 4px 20px #00000005;overflow:hidden}#moduleDialog[hidden]{display:none!important}#moduleDialog>header{background:var(--bh-surface);border-bottom:1px solid var(--bh-line);padding:12px 18px;min-height:64px;box-sizing:border-box}#moduleDialog h2{font-size:17px}#frameHost{flex:1;min-height:0;height:auto}#frameHost iframe{display:block;height:100%;min-height:0;width:100%;border:0;background:var(--bh-bg)}#frameState{background:var(--bh-soft);color:var(--bh-muted)}body:has(dialog[open]){overflow:auto}.workspace-crumb{display:flex;align-items:center;gap:9px;margin:0 0 14px;font-size:12px;color:var(--bh-muted)}.workspace-crumb a{color:var(--bh-accent)}.workspace-current{font-weight:600;color:var(--bh-ink)}html[data-hub-mode=dark] .brand img,html[data-hub-mode=dark] .search>img,html[data-hub-mode=dark] .account-shortcut>img,html[data-hub-mode=dark] .icon-button>img,html[data-hub-mode=dark] #directModule img{filter:brightness(0) invert(.9)}
@media(min-width:761px){.first-actions{grid-template-columns:repeat(4,minmax(0,1fr))}.visual-categories{grid-template-columns:repeat(4,minmax(0,1fr))}.visual-categories a{flex-direction:row;gap:12px;min-height:80px;padding:15px}.visual-categories a span{display:none}.visual-categories img{margin:0}.layout{padding-bottom:35px}}
@media(min-width:1450px){.visual-categories{grid-template-columns:repeat(8,minmax(0,1fr))}.visual-categories a{flex-direction:column;gap:8px}}
@media(max-width:1050px) and (min-width:761px){.layout{grid-template-columns:180px minmax(0,1fr);gap:24px;padding:0 20px}.brand{min-width:184px}.sidebar{padding-right:12px}.first-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.visual-categories a{padding:10px;gap:8px}.visual-categories img{width:33px;height:33px}.visual-categories b{font-size:11px}}
@media(max-width:760px){.sidebar{display:none!important}.topbar{height:auto;padding:14px 17px;gap:13px;flex-wrap:wrap}.brand{min-width:0}.account-shortcut span{display:none}.search{order:3;flex-basis:100%;max-width:none}.layout{display:block;padding:0 16px 100px}.layout>section{padding-top:22px}.heading h1{font-size:23px}.dock{display:flex!important;background:var(--bh-surface);border:1px solid var(--bh-line);box-shadow:0 8px 30px #00000010;padding:7px 10px;border-radius:18px;bottom:max(10px,env(safe-area-inset-bottom))}.dock a{color:var(--bh-muted)}.dock a[aria-current=page]{color:var(--bh-accent)}.dock a .dock-icon{background:none!important;box-shadow:none!important;transform:none!important;margin:0;border:0!important;height:34px;width:44px;border-radius:10px}.dock a[aria-current=page] .dock-icon{background:var(--bh-tint)!important}.dock .emoji-pic{width:24px;height:24px}.dock a{gap:3px}.welcome-hero{min-height:0}.welcome-copy{padding:23px}.welcome-copy h2{font-size:30px}.avatar-sticker img{width:47px;height:47px}.visual-categories a{min-height:104px}.visual-categories img{width:36px;height:36px}.first-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.directory-card .description{padding:14px;min-height:165px}.directory-card .visual-art,.discover-card .visual-art{height:120px}#moduleDialog[open]{height:calc(100dvh - 262px);min-height:340px;border-radius:14px}#moduleDialog>header{padding:10px;gap:10px}#moduleDialog h2{font-size:14px}#directModule{font-size:10px;padding:8px}.workspace-crumb{margin-bottom:10px}.section-head h2{font-size:16px}}

html[data-hub-theme][data-hub-mode] .search input{border:0!important;background:transparent!important;box-shadow:none!important}#closeModule{background:var(--bh-soft)!important;color:var(--bh-ink)!important}

html[data-hub-mode=dark] .account-shortcut>img{filter:none;background:transparent}html[data-hub-mode=dark] #closeModule>img{filter:brightness(0) invert(.9)}html[data-hub-theme][data-hub-mode] #closeModule{background:var(--bh-soft)!important;color:var(--bh-ink)!important}html[data-hub-theme][data-hub-mode] .search input{border:0!important;background:transparent!important}html[data-hub-mode=dark] .account-shortcut{color:var(--bh-ink)}