.site-topbar-pro{position:-webkit-sticky;position:sticky;top:0;z-index:50;background:#ffffff;border-bottom:1px solid var(--border);box-shadow:none}html.dark .site-topbar-pro{background:#111827;box-shadow:none}.topbar-pro-row{display:flex;align-items:center;gap:.75rem;padding:.55rem clamp(.75rem,2vw,1.5rem)}.topbar-pro-row--main{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"brand center actions";align-items:center;grid-gap:.55rem .75rem;gap:.55rem .75rem;flex-wrap:nowrap}.topbar-pro-left{grid-area:brand;flex-shrink:0}.topbar-pro-center{grid-area:center;min-width:0;overflow:hidden}.nav-pro--single-line{width:100%;min-width:0;display:block}.nav-pro{flex:1 1 auto;min-width:0;display:flex;justify-content:flex-start;overflow:hidden}.topbar-pro-right{grid-area:actions;flex-shrink:0}.topbar-pro-tools{display:flex;align-items:center;gap:.45rem;flex-shrink:0}.search-pro--in-track{flex:0 0 auto;width:clamp(160px,18vw,240px);min-width:160px;margin-left:.15rem;padding:0 .4rem 0 .55rem;background:#f8fafc}.search-pro--in-track .search-pro-input{padding:.4rem 0;font-size:.8rem}.search-pro--in-track .search-pro-kbd{font-size:.6rem;padding:.1rem .32rem}.search-pro--mobile{width:100%;min-width:0}.topbar-pro-row--mobile{padding-top:0;padding-bottom:.55rem;border-top:1px solid var(--border)}.topbar-pro-left,.topbar-pro-right{display:flex;align-items:center;gap:.65rem}.brand-pro{display:flex;align-items:center;gap:.7rem;text-decoration:none;color:inherit;min-width:0}.brand-pro-logo{width:32px;height:32px;object-fit:contain;border-radius:6px;display:block;flex-shrink:0}.brand-pro-text strong{display:block;font-size:1.05rem;letter-spacing:.04em}.brand-pro-text small{display:block;color:var(--muted);font-size:.65rem;letter-spacing:.03em;max-width:200px;line-height:1.25}.nav-pro-track{display:inline-flex;align-items:center;gap:.22rem;padding:.22rem .28rem;border-radius:999px;background:#ffffff;border:1px solid var(--border);flex-wrap:nowrap;box-shadow:none}.nav-pro-track--scroll{max-width:100%;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:var(--border) transparent;-webkit-overflow-scrolling:touch}.nav-pro-track--scroll::-webkit-scrollbar{height:4px}.nav-pro-track--scroll::-webkit-scrollbar-thumb{background:var(--border);border-radius:999px}.nav-pro-sep--search{margin-left:.12rem}.nav-pro-link{display:inline-flex;align-items:center;gap:.4rem;border:0;background:transparent;color:#475569;padding:.42rem .68rem;border-radius:999px;cursor:pointer;font-family:inherit;font-weight:600;font-size:.84rem;white-space:nowrap;flex:0 0 auto;flex-shrink:0;transition:background .15s,color .15s,box-shadow .15s}.nav-pro-link:hover{background:#f1f5f9;color:#0f766e}.nav-pro-link.active:not(.featured){color:#0f766e;background:#ecfdf5;box-shadow:inset 0 0 0 1px var(--border)}.nav-pro-link.featured{background:linear-gradient(135deg,#7c3aed,#0f766e);color:#fff;box-shadow:0 2px 10px rgba(124,58,237,.22)}.nav-pro-link.featured:hover{filter:brightness(1.05);transform:none}.nav-pro-link.featured.active{background:linear-gradient(135deg,#7c3aed,#0f766e);color:#fff;box-shadow:0 4px 16px rgba(124,58,237,.35)}.nav-pro-icon-chip{width:1.45rem;height:1.45rem;border-radius:7px;display:grid;place-items:center;font-size:.78rem;line-height:1;flex-shrink:0;background:#f1f5f9;color:#0f766e;box-shadow:inset 0 0 0 1px var(--border-subtle);transition:background .12s,color .12s}.nav-pro-link.active:not(.featured) .nav-pro-icon-chip,.nav-pro-link:hover .nav-pro-icon-chip{background:#ccfbf1;color:#0f766e}.nav-pro-link.featured .nav-pro-icon-chip,.nav-pro-link.featured.active .nav-pro-icon-chip{background:rgba(255,255,255,.22);color:#fff;box-shadow:none}.nav-pro-icon{font-size:.9rem;line-height:1;opacity:.9}.nav-pro-badge{font-size:.58rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;padding:.12rem .35rem;border-radius:4px;background:rgba(255,255,255,.28);color:#fff;margin-left:.1rem}.nav-pro-link:not(.featured) .nav-pro-badge{background:#7c3aed;color:#fff}.nav-pro-sep{width:1px;height:1.35rem;flex-shrink:0;background:color-mix(in srgb,var(--border) 85%,#94a3b8);margin:0 .08rem}.nav-pro-more{position:relative}.nav-pro-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:280px;background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:0 20px 50px rgba(15,23,42,.15);padding:.5rem;z-index:60}.nav-dropdown-group{margin-bottom:.35rem}.nav-dropdown-label{display:block;font-size:.65rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding:.35rem .5rem}.nav-dropdown-item{display:flex;align-items:flex-start;gap:.6rem;width:100%;text-align:left;border:0;background:transparent;border-radius:10px;padding:.55rem .6rem;cursor:pointer;font-family:inherit;color:inherit}.nav-dropdown-item:hover{background:var(--surface-2)}.nav-dropdown-item.active{background:var(--accent-soft)}.nav-dropdown-item strong{display:block;font-size:.85rem}.nav-dropdown-item small{display:block;font-size:.72rem;color:var(--muted);margin-top:.1rem}.nav-dropdown-icon{width:28px;height:28px;border-radius:8px;background:var(--surface-2);display:grid;place-items:center;font-size:.9rem;flex-shrink:0}.search-pro{position:relative;display:flex;align-items:center;min-width:0;border:1px solid var(--border);border-radius:999px;background:#ffffff;padding:0 .5rem 0 .75rem;cursor:text;transition:border-color .15s}.search-pro:focus-within{border-color:var(--accent)}.search-pro-icon{opacity:.55;font-size:1rem;margin-right:.35rem}.search-pro-input{flex:1 1;border:0;background:transparent;padding:.55rem 0;font-family:inherit;font-size:.85rem;color:var(--text);min-width:0}.search-pro-input:focus{outline:none}.search-pro-kbd{font-size:.65rem;font-family:var(--mono);color:var(--muted);background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:.15rem .4rem;margin-left:.35rem}.topbar-icon-btn{width:40px;height:40px;border-radius:12px;border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;display:grid;place-items:center;transition:border-color .15s,background .15s}.topbar-icon-btn:hover{border-color:var(--accent);background:var(--surface-2)}.nav-icon{font-size:1rem;line-height:1}.nav-scroll-mobile{display:flex;gap:.35rem;overflow-x:auto;width:100%;scrollbar-width:none;flex-wrap:nowrap;padding:.3rem .35rem;border-radius:999px;background:var(--surface-2);border:1px solid var(--border)}.nav-scroll-mobile::-webkit-scrollbar{display:none}.nav-chip-mobile{display:inline-flex;align-items:center;gap:.35rem;border:0;background:transparent;border-radius:999px;padding:.35rem .6rem .35rem .35rem;font-family:inherit;font-size:.8rem;font-weight:600;white-space:nowrap;flex-shrink:0;cursor:pointer;color:#475569;transition:background .15s,color .15s}.nav-chip-icon{width:1.4rem;height:1.4rem;border-radius:7px;display:grid;place-items:center;font-size:.76rem;flex-shrink:0;background:#f1f5f9;color:#0f766e;box-shadow:inset 0 0 0 1px var(--border-subtle)}.nav-chip-mobile.active{color:#0f766e;background:#ecfdf5;box-shadow:inset 0 0 0 1px var(--border)}.nav-chip-mobile.featured,.nav-chip-mobile.featured.active{background:linear-gradient(135deg,#7c3aed,#0f766e);color:#fff}.nav-chip-mobile.featured.active{box-shadow:0 3px 12px rgba(124,58,237,.28)}.drawer-nav-pro{padding:.5rem}.drawer-nav-group{margin-bottom:.75rem}.drawer-nav-label{display:block;font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding:.25rem .75rem .4rem}.drawer-nav-item{display:flex;align-items:center;gap:.65rem;width:100%;text-align:left;border:0;background:transparent;border-radius:12px;padding:.65rem .75rem;cursor:pointer;font-family:inherit;color:inherit;margin-bottom:.2rem}.drawer-nav-item:hover{background:var(--surface-2)}.drawer-nav-item.active{background:color-mix(in srgb,var(--nav-accent,var(--accent)) 14%,var(--surface));border-left:3px solid var(--nav-accent,var(--accent))}.drawer-nav-icon{width:36px;height:36px;border-radius:10px;background:var(--surface-2);display:grid;place-items:center;font-size:1rem}.drawer-nav-item strong{display:block;font-size:.9rem}.drawer-nav-item small{display:block;font-size:.72rem;color:var(--muted)}.edu-section-block{scroll-margin-top:76px;position:relative;margin-top:0;padding-top:.85rem}#store.edu-store{padding-top:1.35rem;margin-top:.25rem;scroll-margin-top:var(--topbar-offset,64px)}#store.edu-store:before{display:block;top:.35rem}#store .section-header-pro,#store .section-kicker,#store .section-lead{display:none}.edu-section-block:before{content:"";position:absolute;left:clamp(.75rem,2vw,1.5rem);right:clamp(.75rem,2vw,1.5rem);top:0;height:1px;background:linear-gradient(90deg,transparent,var(--border),transparent);opacity:.8}.edu-section-block:first-of-type:before{display:none}.section-header-pro{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:.75rem;margin-bottom:1rem;padding:0 clamp(.75rem,2vw,1.5rem)}.section-kicker{display:inline-flex;align-items:center;gap:.35rem;font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:.25rem .6rem;border-radius:8px;margin-bottom:.4rem;background:color-mix(in srgb,var(--section-accent,var(--accent)) 14%,transparent);color:var(--section-accent,var(--accent));border:1px solid color-mix(in srgb,var(--section-accent,var(--accent)) 22%,transparent)}.section-kicker-icon{font-size:.85rem;line-height:1}.section-badge{font-size:.62rem;font-weight:800;padding:.1rem .4rem;border-radius:999px;background:var(--section-accent,var(--accent));color:#fff;letter-spacing:.04em}.section-title--pro{font-size:clamp(1.35rem,2.5vw,1.75rem);font-weight:800;letter-spacing:-.02em;line-height:1.2}.edu-section-block .section-lead{max-width:62ch;font-size:.95rem}.edu-section-body{padding:0 clamp(.75rem,2vw,1.5rem) 1.5rem}.edu-store-toolbar,.library-toolbar,.whitelist-toolbar{display:flex;flex-wrap:wrap;gap:.55rem;align-items:center;margin-bottom:1rem;padding:.75rem 1rem;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:0 2px 12px rgba(15,23,42,.04)}.edu-store-toolbar input,.edu-store-toolbar select,.library-toolbar input,.library-toolbar select,.whitelist-toolbar input,.whitelist-toolbar select{border:1px solid var(--border);border-radius:8px;padding:.45rem .65rem;background:var(--surface-2);color:var(--text);font-family:inherit;font-size:.88rem}.edu-store-toolbar input:focus,.library-toolbar input:focus,.whitelist-toolbar input:focus{outline:2px solid color-mix(in srgb,var(--section-accent,var(--accent)) 40%,transparent);border-color:var(--section-accent,var(--accent))}.edu-store-toolbar--single{flex-wrap:nowrap;overflow:hidden;padding:.4rem .5rem;margin-bottom:0}.edu-store-toolbar-track{display:flex;flex-wrap:nowrap;align-items:center;gap:.4rem;overflow-x:auto;width:100%;min-width:0;scrollbar-width:thin;-webkit-overflow-scrolling:touch}.edu-store-toolbar-track::-webkit-scrollbar{height:4px}.edu-store-toolbar-track>input,.edu-store-toolbar-track>select{flex:0 0 auto}.edu-section-block .kind-tabs{margin-bottom:1rem}.edu-section-block .kind-tab.active{background:var(--section-accent,var(--accent));border-color:var(--section-accent,var(--accent))}.course-card,.learning-card,.whitelist-card{transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.course-card:hover,.learning-card:hover,.whitelist-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--section-accent,var(--accent)) 45%,var(--border));box-shadow:0 8px 24px rgba(15,23,42,.08)}.learning-card{border:1px solid var(--border);box-shadow:var(--shadow)}.learning-card:hover .learning-icon{background:color-mix(in srgb,var(--section-accent,var(--accent)) 12%,var(--surface-2));border-color:color-mix(in srgb,var(--section-accent,var(--accent)) 45%,var(--border))}.about-card{border-top:3px solid var(--section-accent,var(--accent))}.info-list--pro{list-style:none;margin:0;padding:0;display:grid;grid-gap:.65rem;gap:.65rem}.info-list--pro li{padding:.85rem 1rem;background:var(--surface);border-radius:10px;border:1px solid var(--border);border-left:3px solid var(--section-accent,var(--accent));line-height:1.5}.desktop-only{display:flex}.mobile-only{display:none}.drawer-panel--pro{width:min(320px,92vw);padding:0;overflow-y:auto}@media (max-width:1100px){.nav-pro-label{display:inline;font-size:.82rem}.nav-pro-link{padding:.38rem .55rem}.brand-pro-text small{display:none}}@media (max-width:900px){.desktop-only{display:none!important}.mobile-only{display:flex!important}}@media (min-width:901px){.topbar-pro-row--mobile{display:none!important}}