.mdn.app{--color-bg:#fff;--color-surface:#f8fafc;--color-text:#0a1931;--color-divider:#e2e8f0;--color-neutral-100:#f8fafc;--color-neutral-200:#f1f5f9;--color-neutral-300:#e2e8f0;--color-neutral-400:#cbd5e1;--color-neutral-500:#94a3b8;--color-neutral-600:#64748b;--color-neutral-700:#475569;--color-neutral-800:#334155;--color-neutral-900:#1e293b;--color-accent-100:color-mix(in srgb,var(--color-accent) 12%,#fff);--color-accent-600:color-mix(in srgb,var(--color-accent) 85%,#0a1931);--color-accent-700:color-mix(in srgb,var(--color-accent) 65%,#0a1931);--color-accent-800:color-mix(in srgb,var(--color-accent) 45%,#0a1931);--font-heading:var(--font-montserrat),system-ui,sans-serif;--font-body:var(--font-inter),system-ui,sans-serif;background:#f8fafc;font-size:15px}.mdn.app h1,.mdn.app h2,.mdn.app h3,.mdn.app h4{letter-spacing:-.01em}.mdn.app :focus-visible{outline:3px solid color-mix(in srgb,var(--color-accent) 55%,#fff);outline-offset:2px}.mdn.app .kicker{font-size:11px;font-weight:700;letter-spacing:.12em}.mdn.app .grayscale{filter:none}.mdn.app .hr{height:1px}.mdn.app .btn{min-height:40px;padding:0 16px;border-radius:12px;font-family:var(--font-body);font-weight:700;font-size:14px;border-width:1.5px;transition:background .15s ease,border-color .15s ease}.mdn.app .btn-primary,.mdn.app .btn-primary:hover:not(:disabled){color:#fff}.mdn.app .btn-secondary{background:#fff;border-color:#cbd5e1}.mdn.app .btn-secondary:hover:not(:disabled){background:#f1f5f9}.mdn.app .btn-ghost{padding-inline:10px;border-radius:10px}.mdn.app .field>label{font-size:13px;font-weight:700;color:#334155;margin-bottom:6px}.mdn.app .input{min-height:44px;padding:8px 14px;border-radius:12px;font-size:15px;background:#fff;border:1.5px solid #cbd5e1}.mdn.app .input:hover{border-color:#94a3b8}.mdn.app .input:focus-visible{border-color:var(--color-accent);outline-offset:0}.mdn.app select.input{padding-right:10px}.mdn.app .seg{gap:4px;padding:4px;border:0;border-radius:999px;background:#eef2f7}.mdn.app .seg-opt{border-radius:999px;font-weight:600;color:#475569}.mdn.app .seg-opt+.seg-opt{border-left:0}.mdn.app .seg-opt.active{color:#fff;font-weight:700}.mdn.app .seg-opt:not(.active):hover{background:#fff;color:#0a1931}.mdn.app .tag{border-radius:999px;font-size:12px;font-weight:700;padding:4px 10px;letter-spacing:0}.mdn.app .tag-neutral{background:#eef2f7;color:#334155}.mdn.app .panel{border:1px solid #e2e8f0;border-radius:18px;background:#fff}.mdn.app .note{border:1px solid color-mix(in srgb,var(--color-accent) 35%,#fff);background:var(--color-accent-100);border-radius:14px;color:#0a1931}.mdn.app .card-link{background:#fff;border:1px solid #e2e8f0;border-radius:16px;overflow:hidden;transition:transform .18s ease,box-shadow .18s ease}.mdn.app .card-link:hover{outline:0;transform:translateY(-3px);box-shadow:0 18px 40px -18px rgba(10,25,49,.35)}.mdn.app .table th{padding:11px 14px;font-size:12px;font-weight:700;color:#64748b;background:#f8fafc;border-bottom:1px solid #e2e8f0}.mdn.app .table td{padding:12px 14px;border-bottom:1px solid #eef2f7}.mdn.app .table tbody tr:hover{background:#f8fafc}.mdn.app .meter{height:8px;border-radius:99px;background:#e2e8f0;overflow:hidden}.mdn.app .meter>span{border-radius:99px;background:#0a1931}.mdn.app .meter-accent>span{background:var(--color-accent)}.mdn.app .tab{font-family:var(--font-body);font-weight:700;color:#64748b}.mdn.app .tab:hover{color:#0a1931}.mdn.app .side-item{border-radius:12px;font-family:var(--font-body);font-weight:600}.mdn.app .side-item:hover{background:#f1f5f9}.mdn.app .side-item.active{color:var(--color-accent-800);font-weight:700}.mdn.app .side-item.active,.mdn.app .side-item.active:hover{background:var(--color-accent-100)}.mdn.app .switch{border:0;border-radius:999px;background:#cbd5e1;padding:3px}.mdn.app .switch>span{border:0;border-radius:50%;width:18px;height:18px;background:#fff;box-shadow:0 1px 3px rgba(10,25,49,.3)}.app-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.app-loading{display:grid;place-items:center;min-height:100vh;color:#64748b}.app-school-mark{flex:none;display:grid;place-items:center;overflow:hidden;width:40px;height:40px;border-radius:12px;background:var(--color-accent);color:#fff;font-family:var(--font-heading);font-weight:800;font-size:14px}.app-school-mark img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.app-shell{display:flex;min-height:100vh}.app-side{position:sticky;top:0;height:100vh;width:264px;flex:none;overflow:hidden auto;padding:24px 18px;background:#0a1931;color:#fff;display:flex;flex-direction:column;gap:28px}.app-side-deco{position:absolute;left:-120px;bottom:-110px;pointer-events:none}.app-side>*{position:relative}.app-side-brand{display:flex;align-items:center;gap:12px;padding:0 6px}.app-side-brand>div:last-child{display:flex;flex-direction:column;min-width:0}.app-side-brand strong{font-family:var(--font-heading);font-size:16px;font-weight:800;line-height:1.2;overflow-wrap:anywhere}.app-side-brand span{font-size:12px;color:#94a3b8}.app-side .input{background:hsla(0,0%,100%,.06);border-color:hsla(0,0%,100%,.18);color:#fff;min-height:40px}.app-side .input option{color:#0a1931}.app-side-label{display:block;padding:0 14px 8px;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#94a3b8}.app-side-nav{display:flex;flex-direction:column;gap:4px}.app-side-nav a{display:flex;align-items:center;gap:12px;height:44px;padding:0 14px;border-radius:12px;color:#cbd5e1;font-weight:600;font-size:15px;text-decoration:none;transition:background .15s ease,color .15s ease}.app-side-nav a svg{color:#94a3b8;flex:none}.app-side-nav a:hover{background:hsla(0,0%,100%,.06);color:#fff}.app-side-nav a[aria-current=page]{background:hsla(0,0%,100%,.1);color:#fff;font-weight:700}.app-side-nav a[aria-current=page] svg{color:color-mix(in srgb,var(--color-accent) 60%,#fff)}.app-count{margin-left:auto;min-width:24px;height:22px;padding:0 7px;border-radius:999px;background:var(--color-accent);color:#fff;font-size:12px;font-weight:800;display:grid;place-items:center}.app-side-note{font-size:12px;line-height:1.5;color:#94a3b8;padding:0 14px}.app-side-foot{margin-top:auto;display:flex;flex-direction:column;gap:14px}.app-me{display:flex;align-items:center;gap:12px;padding:12px;border-radius:16px;background:hsla(0,0%,100%,.06)}.app-me a.app-me-link{flex:1;min-width:0;display:flex;flex-direction:column;color:#fff;text-decoration:none}.app-me a.app-me-link strong{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-me a.app-me-link span{font-size:12px;color:#94a3b8}.app-icon-btn{width:40px;height:40px;flex:none;border:0;border-radius:10px;background:transparent;color:inherit;cursor:pointer;display:grid;place-items:center;text-decoration:none}.app-side .app-icon-btn{color:#cbd5e1}.app-side .app-icon-btn:hover{background:hsla(0,0%,100%,.08);color:#fff}.app-powered{display:flex;align-items:center;gap:8px;padding:0 14px;font-size:12px;color:#94a3b8}.app-powered img{width:22px;height:auto}.app-main{flex:1;min-width:0;padding:32px 40px 56px}.app-topline{display:flex;justify-content:flex-end;align-items:center;gap:8px;margin-bottom:16px}.app-frame{background:#fff;border:1px solid #e2e8f0;border-radius:20px}.app-frame,.app-frame>*{min-width:0}.app-top{position:sticky;top:0;z-index:20;background:hsla(0,0%,100%,.94);backdrop-filter:blur(8px);border-bottom:1px solid #e2e8f0}.app-top-in{max-width:1180px;margin:0 auto;min-height:72px;padding:10px 24px;gap:12px 24px;flex-wrap:wrap}.app-top-brand,.app-top-in{display:flex;align-items:center}.app-top-brand{gap:12px;color:#0a1931;text-decoration:none;min-width:0}.app-top-brand strong{font-family:var(--font-heading);font-weight:800;font-size:17px}.app-top-tabs{gap:4px;padding:4px;background:#eef2f7}.app-top-tabs,.app-top-tabs a{display:flex;border-radius:999px}.app-top-tabs a{align-items:center;min-height:38px;padding:0 16px;font-size:14px;font-weight:600;color:#475569;text-decoration:none}.app-top-tabs a:hover{color:#0a1931}.app-top-tabs a[aria-current=page]{background:#fff;color:#0a1931;font-weight:700;box-shadow:0 1px 3px rgba(10,25,49,.12)}.app-top-end{margin-left:auto;display:flex;align-items:center;gap:6px}.app-top .app-icon-btn{color:#334155}.app-top .app-icon-btn:hover{background:#f1f5f9;color:#0a1931}.app-top .input{min-height:40px;max-width:200px}.app-chip{display:flex;align-items:center;gap:8px;height:40px;padding:0 12px 0 4px;border-radius:999px;border:1px solid #e2e8f0;background:#fff;color:#0a1931;font-size:14px;font-weight:600;text-decoration:none;max-width:220px}.app-chip:hover{border-color:#cbd5e1;color:#0a1931}.app-chip span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-chip-avatar{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#0a1931;color:#fff;font-family:var(--font-heading);font-weight:800;font-size:12px;flex:none}.app-top-main{max-width:1180px;margin:0 auto;padding:28px 24px 64px}@media (max-width:960px){.app-shell{flex-direction:column}.app-side{position:sticky;z-index:20;height:auto;width:100%;overflow:visible;flex-direction:row;flex-wrap:wrap;align-items:center;gap:12px 16px;padding:12px 16px}.app-me a.app-me-link,.app-powered,.app-side-brand span,.app-side-deco,.app-side-label,.app-side-note{display:none}.app-side-brand{padding:0}.app-side-nav{order:5;width:100%;flex-direction:row;overflow-x:auto}.app-side-nav a{height:40px;flex:none}.app-side-foot{margin:0 0 0 auto;flex-direction:row;align-items:center}.app-me{padding:0;background:transparent}.app-main{padding:20px 12px 48px}}@media (max-width:720px){.app-top-tabs{order:5;width:100%;overflow-x:auto}.app-top-tabs a{flex:1 0 auto;justify-content:center}.app-chip span:last-child{display:none}.app-chip{padding:0 4px}.app-top-main{padding:16px 12px 48px}}@media print{.app-side,.app-top,.app-topline{display:none!important}.app-main,.app-top-main{padding:0!important}.app-frame{border:0!important}}@media (prefers-reduced-motion:reduce){.mdn.app *,.mdn.app :after,.mdn.app :before{transition:none!important}}.mdn.app .topic-toggle{border-radius:12px;padding:18px 8px}.mdn.app .resource{border-radius:12px;background:var(--color-surface)}.mdn.app .resource:hover{outline:0;background:var(--color-accent-100)}.mdn.app .app-chip,.mdn.app .app-top-brand{color:#0a1931}.mdn.app .app-top .app-icon-btn{color:#334155}.mdn.app .app-top .app-icon-btn:hover{color:#0a1931}.mdn.app .app-side .app-icon-btn{color:#cbd5e1}.mdn.app .app-side .app-icon-btn:hover{color:#fff}.mdn.app .btn{white-space:nowrap}@media (max-width:560px){.app-hide-sm{display:none!important}}