:root{--background:0 0% 100%;--foreground:240 10% 3.9%;--card:0 0% 100%;--card-foreground:240 10% 3.9%;--popover:0 0% 100%;--popover-foreground:240 10% 3.9%;--primary:240 5.9% 10%;--primary-foreground:0 0% 98%;--secondary:240 4.8% 95.9%;--secondary-foreground:240 5.9% 10%;--muted:240 4.8% 95.9%;--muted-foreground:240 3.8% 46.1%;--accent:240 4.8% 95.9%;--accent-foreground:240 5.9% 10%;--destructive:0 84.2% 60.2%;--destructive-foreground:0 0% 98%;--border:240 5.9% 90%;--input:240 5.9% 90%;--ring:240 5.9% 10%;--radius:0.5rem;--code-bg:220 13% 97%;--brand:217 91% 60%;--brand-color:hsl(217, 91%, 60%);--shadow-sm:0 1px 2px 0 rgb(0 0 0 / 0.05);--shadow-md:0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);--shadow-lg:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--font-family-base:'PingFang SC', 'Microsoft Yahei', system-ui, -apple-system, sans-serif;--font-family-heading:'Source Han Serif CN', 'Source Han Serif SC', 'Source Han Serif', 'Noto Serif CJK SC', 'Songti SC', Optima, serif;--font-family-date:Georgia, 'Times New Roman', serif;--font-family-mono:'Fira Code', 'JetBrains Mono', ui-monospace, monospace;--bt-theme-title:hsl(var(--foreground));--text-color-1:hsl(var(--foreground));--text-color-2:hsl(var(--muted-foreground));--text-color-3:hsl(240 3.8% 46.1% / 0.6);--bg-color:hsl(var(--background));--bg-color-alt:hsl(var(--muted));--bg-color-soft:hsl(var(--secondary));--divider-light:hsl(var(--border));--divider:hsl(var(--border));--neutral-inverse:hsl(var(--background));--li-dot-color:hsl(var(--brand));--date-color:hsl(var(--muted-foreground))}html.dark{color-scheme:dark;--background:240 10% 3.9%;--foreground:0 0% 98%;--card:240 10% 3.9%;--card-foreground:0 0% 98%;--popover:240 10% 3.9%;--popover-foreground:0 0% 98%;--primary:0 0% 98%;--primary-foreground:240 5.9% 10%;--secondary:240 3.7% 15.9%;--secondary-foreground:0 0% 98%;--muted:240 3.7% 15.9%;--muted-foreground:240 5% 64.9%;--accent:240 3.7% 15.9%;--accent-foreground:0 0% 98%;--destructive:0 62.8% 30.6%;--destructive-foreground:0 0% 98%;--border:240 3.7% 15.9%;--input:240 3.7% 15.9%;--ring:240 4.9% 83.9%;--code-bg:220 13% 12%;--brand:217 91% 60%;--brand-color:hsl(217, 91%, 60%);--shadow-sm:0 1px 2px 0 rgb(0 0 0 / 0.15);--shadow-md:0 4px 6px -1px rgb(0 0 0 / 0.25), 0 2px 4px -2px rgb(0 0 0 / 0.2);--shadow-lg:0 10px 15px -3px rgb(0 0 0 / 0.3), 0 4px 6px -4px rgb(0 0 0 / 0.25);--bt-theme-title:hsl(var(--foreground));--text-color-1:hsl(var(--foreground));--text-color-2:hsl(var(--muted-foreground));--text-color-3:hsl(var(--muted-foreground) / 0.6);--bg-color:hsl(var(--background));--bg-color-alt:hsl(var(--muted));--bg-color-soft:hsl(var(--secondary));--divider-light:hsl(var(--border));--divider:hsl(var(--border));--neutral-inverse:hsl(var(--background));--li-dot-color:hsl(var(--brand));--date-color:hsl(var(--muted-foreground))}*,*::before,*::after{box-sizing:border-box;border-color:hsl(var(--border))}html{font-family:var(--font-family-base);color:hsl(var(--foreground));background-color:hsl(var(--background));line-height:1.7;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-height:100vh;display:flex;flex-direction:column}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:2px}a,button,input,.slide-card,.post-list-item,.tag-chip,.posts-row,.pagination .page-link{transition:all 150ms ease}.site-wrapper{min-height:calc(100vh - 78px)}.container{max-width:60rem;margin:0 auto;padding:0 var(--space-6)}.main-content{padding-top:var(--space-3);margin-top:var(--space-6)}.navbar{position:sticky;top:0;z-index:100;background-color:hsl(var(--background)/.8);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid hsl(var(--border));height:64px;display:flex;align-items:center;padding:0 var(--space-6)}.navbar .container{display:flex;align-items:center;gap:var(--space-4);width:100%;max-width:60rem}.site-title{font-size:1.5rem;letter-spacing:-.025em;font-weight:600;font-family:var(--font-family-heading);white-space:nowrap;flex-shrink:0}.site-title a{color:hsl(var(--foreground))}.nav-links{display:flex;align-items:center;gap:var(--space-1);list-style:none;margin:0;padding:0;flex:1;min-width:0}.nav-links a{display:inline-block;padding:var(--space-1)var(--space-3);font-size:.875rem;font-weight:500;color:hsl(var(--foreground));border-radius:calc(var(--radius) - 2px)}.nav-links a:hover{background-color:hsl(var(--accent));color:hsl(var(--accent-foreground))}.nav-links a.active{background-color:hsl(var(--accent));color:hsl(var(--accent-foreground));font-weight:600}.nav-social{display:flex;align-items:center;gap:var(--space-3);flex-shrink:0}.nav-social a{color:hsl(var(--muted-foreground));display:flex;align-items:center;padding:var(--space-1);border-radius:calc(var(--radius) - 2px)}.nav-social a:hover{color:hsl(var(--foreground));background-color:hsl(var(--accent))}.menu-toggle{display:none;background:0 0;border:none;cursor:pointer;padding:var(--space-1);color:hsl(var(--foreground));border-radius:calc(var(--radius) - 2px)}.menu-toggle:hover{background-color:hsl(var(--accent))}.menu-toggle svg{width:24px;height:24px}.theme-toggle{background:0 0;border:none;cursor:pointer;padding:var(--space-1)var(--space-2);color:hsl(var(--muted-foreground));font-size:1.125rem;display:flex;align-items:center;border-radius:calc(var(--radius) - 2px)}.theme-toggle:hover{color:hsl(var(--foreground));background-color:hsl(var(--accent))}.content a{color:hsl(var(--foreground));font-weight:500}.content a[target=_blank],.content a[rel~=noreferrer]{color:hsl(var(--brand));font-weight:500;text-decoration:underline;text-underline-offset:3px;text-decoration-color:hsl(var(--brand)/.4)}.content a[target=_blank]:hover,.content a[rel~=noreferrer]:hover{text-decoration-color:hsl(var(--brand))}h1,h2,h3,h4,.post-title{font-family:var(--font-family-heading);letter-spacing:-.025em}h1{font-size:2rem;font-weight:700;margin-top:var(--space-4);text-align:center}h2{font-size:1.5rem;font-weight:700;border-bottom:1px solid hsl(var(--border));padding-bottom:.3em;margin-top:var(--space-8);margin-bottom:var(--space-4)}h3{font-size:1.25rem;font-weight:600;margin-top:var(--space-6);margin-bottom:var(--space-2)}h4{font-size:1rem;font-weight:600}.post-info{margin-top:var(--space-4);text-align:center;margin-bottom:var(--space-5);font-size:.75rem}.post-list .post-info{text-align:left}.post-info span,.post-info .tag-link{display:inline-block;padding:2px var(--space-3);background-color:hsl(var(--secondary));margin-right:var(--space-2);border-radius:9999px;color:hsl(var(--secondary-foreground));font-size:.75rem;font-weight:500;border:1px solid hsl(var(--border))}.post-list-item{border:1px solid hsl(var(--border));border-radius:var(--radius);padding:var(--space-4)var(--space-5);margin-bottom:var(--space-3);background-color:hsl(var(--card))}.post-list-item:hover{box-shadow:var(--shadow-sm)}.post-list-header{display:flex;align-items:center;justify-content:space-between}.post-list-title{font-size:1.0625rem;font-weight:500;color:hsl(var(--foreground));margin:.1rem 0;font-family:var(--font-family-heading);letter-spacing:-.025em}.post-list-title a{color:hsl(var(--foreground))}.post-list-title a:hover{color:hsl(var(--brand))}.post-list-desc{font-size:.9375rem;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;color:hsl(var(--muted-foreground));margin:var(--space-2)0;line-height:1.5rem}.pagination{margin-top:var(--space-6);display:flex;justify-content:center;align-items:center;gap:var(--space-1)}.pagination .page-link{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:32px;padding:0 var(--space-2);text-align:center;border:1px solid hsl(var(--border));font-weight:500;border-radius:var(--radius);font-size:.875rem;color:hsl(var(--foreground))}.pagination .page-link:hover:not(.disabled):not(.ellipsis):not(.active){background-color:hsl(var(--accent));color:hsl(var(--accent-foreground))}.pagination .page-link.active{background-color:hsl(var(--primary));color:hsl(var(--primary-foreground));border-color:hsl(var(--primary))}.pagination .page-link.disabled{color:hsl(var(--muted-foreground));opacity:.5;cursor:not-allowed;pointer-events:none}.pagination .page-link.ellipsis{border-color:transparent;cursor:default;pointer-events:none;letter-spacing:1px}.section-header{padding:var(--space-8)0 var(--space-3);font-size:1.375rem;font-weight:600;color:hsl(var(--foreground));font-family:var(--font-family-date),serif;display:flex;justify-content:space-between;align-items:baseline}.section-meta{font-size:.8125rem;font-weight:400;color:hsl(var(--muted-foreground))}.section-count{margin-right:var(--space-3)}.section-date{font-family:var(--font-family-date)}.posts-row{padding:var(--space-1)var(--space-2)var(--space-1)var(--space-6);display:flex;justify-content:space-between;align-items:center;color:hsl(var(--foreground));border-radius:calc(var(--radius) - 2px)}.posts-row:hover{background-color:hsl(var(--accent))}.posts-row:hover .post-row-title{color:hsl(var(--accent-foreground))}.post-dot{display:inline-block;margin-right:var(--space-2);margin-bottom:3px;width:4px;height:4px;border-radius:50%;background-color:hsl(var(--muted-foreground))}.post-row-title{color:hsl(var(--foreground));font-size:.9375rem;font-weight:400}.date{color:hsl(var(--muted-foreground));font-family:var(--font-family-date);font-size:.875rem;white-space:nowrap}.tags-cloud{margin-top:var(--space-4);display:flex;flex-wrap:wrap;gap:var(--space-2)}.tag-chip{display:inline-flex;align-items:center;padding:var(--space-1)var(--space-3);font-size:.8125rem;line-height:1.5;font-weight:500;background-color:hsl(var(--secondary));border:1px solid hsl(var(--border));border-radius:9999px;color:hsl(var(--secondary-foreground));cursor:pointer}.tag-chip:hover{background-color:hsl(var(--primary));color:hsl(var(--primary-foreground));border-color:hsl(var(--primary))}.tag-chip sup{color:hsl(var(--muted-foreground));font-weight:600;margin-left:var(--space-1)}.tag-chip:hover sup{color:hsl(var(--primary-foreground))}.slides-page{max-width:1200px;margin:0 auto;padding:var(--space-8)}.slides-header{text-align:center;margin-bottom:var(--space-12)}.slides-header h1{font-size:2.5rem;margin-bottom:var(--space-4);color:hsl(var(--foreground));background:0 0;-webkit-background-clip:unset;-webkit-text-fill-color:unset}.slides-header .description{color:hsl(var(--muted-foreground))}.slides-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-6)}.slide-card{display:block;text-decoration:none;color:inherit;background:hsl(var(--card));border-radius:var(--radius);overflow:hidden;border:1px solid hsl(var(--border))}.slide-card:hover{transform:none;box-shadow:var(--shadow-md)}.slide-cover{aspect-ratio:16/9;overflow:hidden}.slide-cover img{width:100%;height:100%;object-fit:cover}.slide-content{padding:var(--space-5)}.slide-content h3{margin:0 0 var(--space-2);font-size:1.125rem;font-weight:600;letter-spacing:-.025em}.slide-content p{margin:0;color:hsl(var(--muted-foreground));font-size:.875rem}.slide-meta{display:flex;align-items:center;gap:var(--space-4);margin-top:var(--space-3);font-size:.8125rem;color:hsl(var(--muted-foreground))}.site-footer{color:hsl(var(--muted-foreground));text-align:center;font-size:.75rem;width:100%;padding:var(--space-4)0;overflow:auto;margin-top:auto;border-top:1px solid hsl(var(--border))}.site-footer a{color:hsl(var(--foreground));font-weight:600}.utterances{max-width:inherit!important}pre{background-color:hsl(var(--code-bg));border:1px solid hsl(var(--border));border-radius:var(--radius);padding:var(--space-4);overflow-x:auto;font-size:.8125rem;line-height:1.7;box-shadow:var(--shadow-sm)}code{font-family:var(--font-family-mono);font-size:.875em}p>code,li>code,td>code{background-color:hsl(var(--muted));padding:2px 6px;border-radius:calc(var(--radius) - 2px);font-size:.875em;border:1px solid hsl(var(--border))}.highlight{position:relative;margin:var(--space-4)0}.highlight pre{margin:0}.highlight table.lntable{width:100%;border:none;margin:0;padding:0;border-spacing:0;table-layout:fixed}.highlight .lntable tr{border:none}.highlight .lntable td{border:none;padding:0;vertical-align:top}.highlight .lntable td:first-child{width:3.5em;flex-shrink:0}.highlight .lntable td:first-child pre{border:none;border-right:1px solid hsl(var(--border));border-radius:var(--radius)0 0 var(--radius);padding-right:var(--space-2);text-align:right;user-select:none;box-shadow:none}.highlight .lntable td:first-child code{color:hsl(var(--muted-foreground));opacity:.5}.highlight .lntable td:last-child pre{border:none;border-radius:0 var(--radius)var(--radius)0;padding-left:var(--space-3);box-shadow:none}.highlight .lntable{border:1px solid hsl(var(--border));border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-sm)}.highlight .lntable pre{background-color:hsl(var(--code-bg))}.chroma{color:#24292e;background-color:initial}.chroma .err{color:#cb2431}.chroma .hl{background-color:#fffbdd}.chroma .ln,.chroma .lnt{color:#959da5}.chroma .k,.chroma .kc,.chroma .kd,.chroma .kn,.chroma .kp,.chroma .kr{color:#d73a49}.chroma .kt{color:#d73a49}.chroma .na{color:#6f42c1}.chroma .nb{color:#005cc5}.chroma .nc,.chroma .nn{color:#6f42c1}.chroma .no{color:#005cc5}.chroma .nd{color:#6f42c1}.chroma .ni{color:#24292e}.chroma .nf,.chroma .fm{color:#6f42c1}.chroma .nt{color:#22863a}.chroma .nv,.chroma .vm,.chroma .vi,.chroma .vg{color:#e36209}.chroma .s,.chroma .sa,.chroma .sb,.chroma .sc,.chroma .dl,.chroma .sd,.chroma .s2,.chroma .se,.chroma .sh,.chroma .si,.chroma .sx,.chroma .sr,.chroma .s1,.chroma .ss{color:#032f62}.chroma .m,.chroma .mb,.chroma .mf,.chroma .mh,.chroma .mi,.chroma .il,.chroma .mo{color:#005cc5}.chroma .o,.chroma .ow{color:#d73a49}.chroma .p{color:#24292e}.chroma .c,.chroma .ch,.chroma .cm,.chroma .c1,.chroma .cs,.chroma .cp,.chroma .cpf{color:#6a737d;font-style:italic}.chroma .gd{color:#cb2431;background-color:#ffeef0}.chroma .gi{color:#22863a;background-color:#f0fff4}.chroma .gh{color:#005cc5;font-weight:700}.chroma .gu{color:#6f42c1;font-weight:700}html.dark .chroma{color:#e6edf3}html.dark .chroma .err{color:#f85149}html.dark .chroma .hl{background-color:#3b2e00}html.dark .chroma .ln,html.dark .chroma .lnt{color:#6e7681}html.dark .chroma .k,html.dark .chroma .kc,html.dark .chroma .kd,html.dark .chroma .kn,html.dark .chroma .kp,html.dark .chroma .kr{color:#ff7b72}html.dark .chroma .kt{color:#ff7b72}html.dark .chroma .na{color:#d2a8ff}html.dark .chroma .nb{color:#79c0ff}html.dark .chroma .nc,html.dark .chroma .nn{color:#d2a8ff}html.dark .chroma .no{color:#79c0ff}html.dark .chroma .nd{color:#d2a8ff}html.dark .chroma .ni{color:#e6edf3}html.dark .chroma .nf,html.dark .chroma .fm{color:#d2a8ff}html.dark .chroma .nt{color:#7ee787}html.dark .chroma .nv,html.dark .chroma .vm,html.dark .chroma .vi,html.dark .chroma .vg{color:#ffa657}html.dark .chroma .s,html.dark .chroma .sa,html.dark .chroma .sb,html.dark .chroma .sc,html.dark .chroma .dl,html.dark .chroma .sd,html.dark .chroma .s2,html.dark .chroma .se,html.dark .chroma .sh,html.dark .chroma .si,html.dark .chroma .sx,html.dark .chroma .sr,html.dark .chroma .s1,html.dark .chroma .ss{color:#a5d6ff}html.dark .chroma .m,html.dark .chroma .mb,html.dark .chroma .mf,html.dark .chroma .mh,html.dark .chroma .mi,html.dark .chroma .il,html.dark .chroma .mo{color:#79c0ff}html.dark .chroma .o,html.dark .chroma .ow{color:#ff7b72}html.dark .chroma .p{color:#e6edf3}html.dark .chroma .c,html.dark .chroma .ch,html.dark .chroma .cm,html.dark .chroma .c1,html.dark .chroma .cs,html.dark .chroma .cp,html.dark .chroma .cpf{color:#8b949e;font-style:italic}html.dark .chroma .gd{color:#ffdcd7;background-color:#67060c}html.dark .chroma .gi{color:#aff5b4;background-color:#033a16}html.dark .chroma .gh{color:#79c0ff;font-weight:700}html.dark .chroma .gu{color:#d2a8ff;font-weight:700}table{width:100%;border-collapse:collapse;margin:var(--space-4)0}th,td{border:1px solid hsl(var(--border));padding:var(--space-2)var(--space-3);text-align:left}th{background-color:hsl(var(--muted));font-weight:600}blockquote{margin:var(--space-4)0;padding:var(--space-2)var(--space-4);border-left:4px solid hsl(var(--border));border-radius:0 var(--radius)var(--radius)0;background-color:hsl(var(--muted));color:hsl(var(--muted-foreground))}blockquote p{margin:var(--space-2)0}.mermaid{margin-top:var(--space-4);text-align:center}.toc-container{position:fixed;right:24px;top:80px;width:220px;max-height:calc(100vh - 120px);overflow-y:auto;padding-left:var(--space-4);font-size:.8125rem;border-left:1px solid hsl(var(--border))}.toc-container ul{list-style:none;padding-left:var(--space-3);margin:0}.toc-container li{margin:var(--space-1)0}.toc-container a{color:hsl(var(--muted-foreground))}.toc-container a:hover{color:hsl(var(--foreground))}.nav-search{position:relative;flex-shrink:0}.nav-search .pagefind-ui{--pagefind-ui-scale:0.85;--pagefind-ui-primary:hsl(var(--primary));--pagefind-ui-text:hsl(var(--foreground));--pagefind-ui-background:hsl(var(--popover));--pagefind-ui-border:hsl(var(--border));--pagefind-ui-tag:hsl(var(--secondary));--pagefind-ui-border-width:1px;--pagefind-ui-border-radius:var(--radius);--pagefind-ui-font:var(--font-family-base)}.nav-search .pagefind-ui__form{position:relative}.nav-search .pagefind-ui__form::before{top:calc(13px * var(--pagefind-ui-scale))!important}.nav-search .pagefind-ui__search-input{font-size:.875rem!important;height:36px!important;border-radius:var(--radius)!important;border:1px solid hsl(var(--input))!important;background:hsl(var(--background))!important;color:hsl(var(--foreground))!important;padding:0 var(--space-3)0 calc(var(--space-3) + 18px + var(--space-2))!important;width:200px!important}.nav-search .pagefind-ui__search-input:focus{outline:2px solid hsl(var(--ring))!important;outline-offset:2px!important}.nav-search .pagefind-ui__search-clear{color:hsl(var(--muted-foreground))!important;font-size:.8125rem!important}.nav-search .pagefind-ui__drawer{position:absolute;right:0;top:calc(100% + var(--space-2));z-index:200;background:hsl(var(--popover));color:hsl(var(--popover-foreground));border:1px solid hsl(var(--border));border-radius:var(--radius);box-shadow:var(--shadow-lg);max-height:70vh;overflow-y:auto;width:420px;padding:var(--space-3)}.nav-search .pagefind-ui__message{font-size:.875rem!important;color:hsl(var(--muted-foreground))!important;padding:var(--space-2)0!important}.nav-search .pagefind-ui__result{border-top:1px solid hsl(var(--border))!important;padding:var(--space-4)0!important}.nav-search .pagefind-ui__result-title{font-size:1rem!important;font-weight:600!important;font-family:var(--font-family-heading)!important;color:hsl(var(--foreground))!important}.nav-search .pagefind-ui__result-excerpt{font-size:.875rem!important;line-height:1.6!important;color:hsl(var(--muted-foreground))!important}.nav-search mark,.nav-search .pagefind-ui__result-excerpt mark{background-color:#ffe566!important;color:hsl(var(--foreground))!important;border-radius:2px;padding:0 2px}@media screen and (max-width:768px){.navbar{padding:0 var(--space-4)}.nav-links{display:none;position:absolute;top:64px;left:0;right:0;background:hsl(var(--background));flex-direction:column;padding:var(--space-4);border-bottom:1px solid hsl(var(--border));gap:var(--space-1)}.nav-links.open{display:flex}.menu-toggle{display:block}.nav-search .pagefind-ui__search-input{width:140px!important}.nav-search .pagefind-ui__drawer{position:fixed;left:var(--space-4);right:var(--space-4);width:auto;top:72px}.main-content{padding-top:var(--space-3);padding-bottom:var(--space-5)}h1{font-size:1.25rem}.posts-row{padding:var(--space-1)}.post-dot{margin-right:var(--space-1)}.post-row-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:16.5em}.post-list-title{font-size:1.0625rem;font-weight:400;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;width:17rem}.post-list-desc{font-size:.9375rem;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;margin:var(--space-2)0 var(--space-4)}.date{font-size:.75rem}.toc-container{display:none}}@media(min-width:768px) and (max-width:1439px){.toc-container{display:none}}@media(min-width:1440px){.toc-container{display:block}}.footnotes{margin-top:var(--space-8);border-top:1px solid hsl(var(--border));padding-top:var(--space-4);font-size:.875rem}@media print{.navbar,.site-footer,.toc-container,.comments-section,.pagination{display:none}}.courses-index-title{font-family:var(--font-family-heading);font-size:clamp(1.5rem,3vw,2rem);font-weight:700;letter-spacing:-.02em;color:hsl(var(--foreground));margin:0 0 .35rem}.courses-index-desc{color:hsl(var(--muted-foreground));font-size:.9375rem;margin:0 0 2.5rem}.courses-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.25rem}.course-card{display:block;padding:1.5rem;border:1px solid hsl(var(--border));border-left:3px solid hsl(var(--brand));border-radius:var(--radius);background:hsl(var(--card));transition:box-shadow 200ms ease,transform 200ms ease;text-decoration:none}.course-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.course-card-title{font-family:var(--font-family-heading);font-size:1.1rem;font-weight:600;color:hsl(var(--foreground));margin-bottom:.5rem;line-height:1.35}.course-card-desc{font-size:.85rem;color:hsl(var(--muted-foreground));line-height:1.65;margin-bottom:.875rem}.course-card-meta{display:flex;flex-wrap:wrap;gap:.5rem;font-size:.75rem;color:hsl(var(--muted-foreground))}.course-card-meta span{padding:.15em .6em;background:hsl(var(--muted));border-radius:3px}.course-home{max-width:56rem}.course-header{position:relative;padding:2.25rem 0 2.25rem 1.75rem;margin-bottom:2.5rem;border-bottom:1px solid hsl(var(--border))}.course-header::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient( 180deg,hsl(var(--brand)) 0%,hsl(var(--brand)/.3) 100% );border-radius:2px}.course-header-main{display:flex;align-items:flex-start;gap:1rem;flex-wrap:wrap;margin-bottom:1rem}.course-title{font-family:var(--font-family-heading);font-size:clamp(1.75rem,4vw,2.25rem);font-weight:700;letter-spacing:-.025em;color:hsl(var(--foreground));margin:0;line-height:1.2}.course-badges{display:flex;flex-wrap:wrap;gap:.375rem;padding-top:.4rem;align-items:center}.badge{display:inline-flex;align-items:center;padding:.2em .65em;border:1px solid hsl(var(--border));border-radius:3px;background:0 0;color:hsl(var(--muted-foreground));font-size:.7rem;font-weight:500;letter-spacing:.03em;font-family:var(--font-family-base);white-space:nowrap}.course-desc{font-size:.9375rem;color:hsl(var(--foreground)/.75);line-height:1.8;margin:0 0 1.25rem;max-width:48rem}.course-meta-row{display:flex;flex-wrap:wrap;column-gap:2rem;row-gap:.75rem}.course-meta-item{display:flex;flex-direction:column;gap:.2rem}.course-meta-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:hsl(var(--muted-foreground));font-weight:500}.course-meta-value{font-size:.9rem;font-weight:600;color:hsl(var(--foreground))}.course-intro{margin-bottom:2.5rem}.course-intro ol{list-style:none;padding:0;margin:1rem 0 0;display:flex;flex-direction:column;gap:.75rem;counter-reset:obj-counter}.course-intro ol li{counter-increment:obj-counter;display:flex;gap:.875rem;padding:.875rem 1rem;background:hsl(var(--muted)/.5);border-radius:var(--radius);font-size:.9rem;line-height:1.65;color:hsl(var(--foreground)/.85)}.course-intro ol li::before{content:counter(obj-counter);display:flex;align-items:center;justify-content:center;flex-shrink:0;width:1.5rem;height:1.5rem;border-radius:50%;background:hsl(var(--brand));color:#fff;font-size:.7rem;font-weight:700;margin-top:.1rem}.course-prereqs{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.course-prereq-tag{padding:.25em .75em;border:1px solid hsl(var(--border));border-radius:100px;font-size:.78rem;color:hsl(var(--muted-foreground));background:hsl(var(--card))}.course-schedule{margin-top:.5rem}.schedule-heading{font-family:var(--font-family-heading);font-size:1.125rem;font-weight:600;color:hsl(var(--foreground));margin:0 0 1.25rem;padding-bottom:.6rem;border-bottom:1px solid hsl(var(--border));letter-spacing:-.01em}.week-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:1rem}.week-card{display:flex;flex-direction:column;padding:1.125rem 1.25rem;border:1px solid hsl(var(--border));border-radius:var(--radius);background:hsl(var(--card));text-decoration:none;position:relative;overflow:hidden;transition:border-color 180ms ease,box-shadow 180ms ease}.week-card::after{content:attr(data-week);position:absolute;right:-.5rem;bottom:-1rem;font-family:var(--font-family-heading);font-size:5rem;font-weight:900;color:hsl(var(--muted-foreground)/.07);line-height:1;pointer-events:none;user-select:none;transition:color 180ms ease}.week-card:hover{border-color:hsl(var(--brand)/.5);box-shadow:0 0 0 1px hsl(var(--brand)/.15),var(--shadow-md)}.week-card:hover::after{color:hsl(var(--brand)/.1)}.week-card-number{font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:hsl(var(--brand));margin-bottom:.5rem}.week-card-title{font-family:var(--font-family-heading);font-size:.9375rem;font-weight:600;color:hsl(var(--foreground));line-height:1.4;flex:1;margin-bottom:.5rem}.week-card-desc{font-size:.78rem;color:hsl(var(--muted-foreground));line-height:1.6;margin-bottom:.875rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.week-card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:.75rem;border-top:1px solid hsl(var(--border))}.week-card-date{font-size:.72rem;color:hsl(var(--muted-foreground));letter-spacing:.02em}.week-card-arrow{font-size:.8rem;color:hsl(var(--muted-foreground));transition:color 180ms ease,transform 180ms ease}.week-card:hover .week-card-arrow{color:hsl(var(--brand));transform:translateX(4px)}.lecture-layout{display:flex;gap:3rem;align-items:flex-start}.lecture-content{flex:1;min-width:0;max-width:720px}.lecture-breadcrumb{display:flex;align-items:center;gap:.4rem;font-size:.8rem;color:hsl(var(--muted-foreground));margin-bottom:1.5rem}.lecture-breadcrumb a{color:hsl(var(--brand));text-decoration:none;transition:opacity 150ms ease}.lecture-breadcrumb a:hover{opacity:.75;text-decoration:underline}.breadcrumb-sep{color:hsl(var(--border))}.lecture-header{padding:0 0 1.75rem 1.75rem;margin-bottom:2.25rem;position:relative;border-bottom:1px solid hsl(var(--border))}.lecture-header::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:hsl(var(--brand));border-radius:2px}.lecture-title{font-family:var(--font-family-heading);font-size:clamp(1.5rem,3.5vw,2rem);font-weight:700;letter-spacing:-.025em;color:hsl(var(--foreground));margin:0 0 .625rem;line-height:1.25}.lecture-desc{font-size:.9375rem;color:hsl(var(--muted-foreground));line-height:1.75;margin:0 0 .875rem;font-style:italic}.lecture-meta{display:flex;align-items:center;gap:1rem;font-size:.75rem;color:hsl(var(--muted-foreground));letter-spacing:.02em}.lecture-meta span+span::before{content:'·';margin-right:1rem}.lecture-body{font-size:1rem;line-height:1.85}.lecture-nav{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:3.5rem;padding-top:1.75rem;border-top:1px solid hsl(var(--border))}.lecture-nav-item{display:flex;flex-direction:column;gap:.3rem;padding:1rem 1.125rem;border:1px solid hsl(var(--border));border-radius:var(--radius);background:hsl(var(--card));text-decoration:none;transition:border-color 180ms ease,background 180ms ease}.lecture-nav-item:hover{border-color:hsl(var(--brand)/.4);background:hsl(var(--muted)/.4)}.lecture-nav-next{text-align:right}.lecture-nav-label{font-size:.68rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:hsl(var(--brand))}.lecture-nav-title{font-family:var(--font-family-heading);font-size:.875rem;font-weight:600;color:hsl(var(--foreground));line-height:1.4}html.dark .badge{border-color:hsl(var(--border));background:hsl(var(--muted)/.3);color:hsl(var(--muted-foreground))}html.dark .week-card:hover{background:hsl(var(--muted)/.15)}html.dark .course-prereq-tag{background:hsl(var(--muted)/.3)}html.dark .lecture-nav-item:hover{background:hsl(var(--muted)/.2)}html.dark .course-intro ol li{background:hsl(var(--muted)/.3)}@media(max-width:640px){.course-header{padding:1.5rem 0 1.5rem 1.25rem}.course-title{font-size:1.5rem}.course-header-main{flex-direction:column;gap:.625rem}.week-grid{grid-template-columns:1fr}.lecture-layout{flex-direction:column;gap:1.5rem}.lecture-header{padding-left:1.25rem}.lecture-nav{grid-template-columns:1fr}.lecture-nav-next{text-align:left}.course-meta-row{gap:1.25rem}}