/* Product structure layer: compact blue navigation and page-level utilities. */
.topbar{height:42px}.topbar nav{gap:16px}.hero{min-height:445px;padding-top:clamp(42px,5vw,68px);padding-bottom:48px}.hero-foot{margin-top:28px}.app-topbar{height:44px;margin-bottom:26px}.global-search{height:29px}.app-main{padding-top:0}.app-main .app-header h1{font-size:clamp(33px,4.1vw,56px)}footer{justify-content:flex-start;padding:10px clamp(18px,5vw,72px)}
.module-section .section-heading h2{font:600 clamp(30px,4vw,56px)/1.1 'Noto Serif SC',serif;letter-spacing:-.06em;margin:0}.module-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:16px}.module-card{min-height:255px;border:0;border-radius:4px;padding:18px;text-align:left;display:flex;flex-direction:column;cursor:pointer;transition:transform .2s,box-shadow .2s;color:var(--navy)}.module-card:hover{transform:translateY(-4px);box-shadow:0 12px 25px rgba(7,23,46,.17)}.module-card span{font:500 10px 'DM Mono',monospace;opacity:.7}.module-card h3{font:600 26px/1.1 'Noto Serif SC',serif;letter-spacing:-.06em;margin:auto 0 8px}.module-card p{font-size:12px;line-height:1.65;margin:0;max-width:160px;opacity:.75}.module-card b{font:500 11px 'DM Mono',monospace;margin-top:22px}.module-library{background:#a9e7cf}.module-class{background:#d8e5fb}.module-ask{background:var(--blue);color:var(--white)}.module-me{background:#fff;border:1px solid #cbd9ed}.app-layout{grid-template-columns:220px 1fr}.app-sidebar{width:220px}.app-sidebar nav button{display:flex;align-items:center;gap:9px}.app-sidebar nav button i{font:500 9px 'DM Mono',monospace;font-style:normal;opacity:.65}.app-main{max-width:none;padding:0 clamp(22px,5vw,72px) 65px}.app-topbar{height:66px;display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid var(--line);margin-bottom:46px;position:sticky;top:0;background:rgba(247,250,255,.94);backdrop-filter:blur(12px);z-index:5}.global-search{height:35px;width:min(560px,75%);display:flex;align-items:center;background:#fff;border:1px solid var(--line);border-radius:3px;padding-left:10px}.global-search span{font:400 20px/1 'Noto Serif SC',serif;color:var(--blue);margin-right:7px}.global-search input{height:100%;border:0;padding:4px 0;font-size:12px;background:transparent;outline:0}.global-search button{height:100%;border:0;background:var(--blue);color:#fff;width:36px;cursor:pointer;margin-left:auto}.top-account{border:0;background:transparent;color:var(--muted);font:500 11px 'DM Mono',monospace;cursor:pointer;white-space:nowrap}.top-account span{color:var(--blue)}.app-main .app-header{max-width:1000px}.app-main .app-header h1{font-size:clamp(36px,4.7vw,66px)}.library-toolbar{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px;padding:12px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.filter-label{font:500 10px 'DM Mono',monospace;color:var(--muted);padding:7px 4px 7px 0}.filter-chip{border:1px solid var(--line);background:#fff;color:var(--muted);border-radius:99px;padding:6px 10px;font:500 11px 'Noto Sans SC',sans-serif;cursor:pointer}.filter-chip.active,.filter-chip:hover{background:var(--blue);border-color:var(--blue);color:#fff}.case-meta{display:flex;align-items:center;gap:7px;margin-top:17px;font:500 10px 'DM Mono',monospace;color:var(--muted)}.case-meta time{margin-left:auto}.classroom-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin-top:34px}.lesson-card{background:#fff;border:1px solid var(--line);border-top:3px solid var(--blue);padding:18px;min-height:215px}.lesson-card:nth-child(2){border-top-color:#2abf8b}.lesson-card:nth-child(3){border-top-color:#7a9fe6}.lesson-card small{font:500 10px 'DM Mono',monospace;color:var(--blue)}.lesson-card h2{font:600 24px/1.23 'Noto Serif SC',serif;letter-spacing:-.06em;margin:25px 0 10px}.lesson-card p{font-size:12px;line-height:1.7;color:var(--muted);margin:0}.lesson-card a{display:inline-block;margin-top:20px;color:var(--blue);font:500 11px 'DM Mono',monospace;text-decoration:none}.profile-grid{display:grid;grid-template-columns:minmax(240px,.75fr) 1.25fr;gap:12px;margin-top:34px}.profile-card{background:#fff;border:1px solid var(--line);padding:20px}.profile-card h2{font:600 22px 'Noto Serif SC',serif;margin:0 0 16px}.profile-card p{font-size:13px;line-height:1.7;color:var(--muted)}.profile-email{font:500 13px 'DM Mono',monospace;color:var(--blue);word-break:break-all}.profile-list{list-style:none;padding:0;margin:0}.profile-list li{border-top:1px solid var(--line);padding:12px 0;display:flex;justify-content:space-between;font-size:13px}.profile-list span{color:var(--muted)}.submission-box{background:var(--navy);color:#fff}.submission-box p{color:rgba(255,255,255,.67)}.submission-box .solid-button{margin-top:4px}
@media(max-width:720px){.module-section .section-heading h2{font-size:34px}.module-grid{grid-template-columns:1fr 1fr;gap:8px}.module-card{min-height:175px;padding:15px}.module-card h3{font-size:23px}.module-card b{margin-top:14px}.app-layout{display:block}.app-sidebar{width:auto}.app-main{padding:0 16px 36px}.app-topbar{height:58px;margin-bottom:29px}.global-search{width:100%;height:34px}.top-account{display:none}.app-main .app-header h1{font-size:39px}.library-toolbar{margin-top:20px}.classroom-grid,.profile-grid{grid-template-columns:1fr;margin-top:26px}.lesson-card{min-height:0}.profile-card{padding:17px}}
