:root{--blue-900: #0d2b4a;--blue-700: #154673;--blue-600: #1f5a91;--blue-500: #2b7fb8;--slate-400: #6b8299;--gold: #f4b400;--bg: #f7f9fc;--surface: #ffffff;--surface-2: #eef3f9;--border: #d8e2ee;--text: #1a2b3c;--text-muted: #5a6b7c;--heading: var(--blue-700);--accent: var(--blue-600);--accent-contrast: #ffffff;--highlight: var(--gold);--shadow: 0 1px 2px rgba(13, 43, 74, .06), 0 8px 24px rgba(13, 43, 74, .08);--radius: 14px;--radius-sm: 8px;--maxw: 980px;--font-sans: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-serif: "Iowan Old Style", Georgia, "Times New Roman", serif}:root[data-theme=dark]{--bg: #0e1620;--surface: #16212e;--surface-2: #1d2c3c;--border: #2a3a4d;--text: #e6edf5;--text-muted: #9bb0c4;--heading: #7fb4e0;--accent: #3a8fd0;--accent-contrast: #ffffff;--highlight: #ffcb3d;--shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 8px 24px rgba(0, 0, 0, .4)}*{box-sizing:border-box}html{font-family:var(--font-sans);background:var(--bg);color:var(--text);scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{margin:0;line-height:1.65;font-size:1.0625rem}.container{width:100%;max-width:var(--maxw);margin-inline:auto;padding-inline:1.25rem}main{padding-block:2rem 3rem}h1,h2,h3,h4,h5,h6{color:var(--heading);line-height:1.2}h1{font-size:clamp(2.2rem,5vw,3.4rem);margin:0;letter-spacing:-.02em}h2{font-size:clamp(1.4rem,3vw,1.9rem);color:var(--slate-400);font-weight:600}h3{font-size:1.6rem;border-bottom:2px solid var(--border);padding-bottom:.4rem;margin-top:2.5rem}h4{font-size:1.2rem;color:var(--accent);margin-top:1.8rem;margin-bottom:.4rem}a{color:var(--accent);text-decoration-thickness:1px;text-underline-offset:2px}a:hover{color:var(--blue-500)}p{color:var(--text)}.site-hero{background:linear-gradient(160deg,var(--surface) 0%,var(--surface-2) 100%);border-bottom:1px solid var(--border);padding-block:2.5rem 2rem}.hero-grid{display:grid;grid-template-columns:auto 1fr auto;gap:1.5rem;align-items:center}.hero-title{text-align:center}.hero-title .brand{display:block;font-weight:800}.hero-title .subtitle{margin-top:.5rem;font-size:1rem;color:var(--text-muted);font-weight:500;letter-spacing:.01em}.hero-pythagoras img{border-radius:var(--radius);box-shadow:var(--shadow);max-width:150px;height:auto;display:block}.hero-portrait{margin:0}.hero-portrait img{width:150px;height:150px;border-radius:50%;object-fit:cover;object-position:center 20%;box-shadow:var(--shadow);display:block}@media(max-width:760px){.hero-grid{grid-template-columns:1fr;justify-items:center}.hero-pythagoras{display:none}}:root{--nav-h: 56px}.site-nav{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--surface) 88%,transparent);backdrop-filter:saturate(150%) blur(10px);border-bottom:1px solid var(--border)}.nav-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:var(--nav-h)}.nav-brand{font-weight:800;color:var(--heading);text-decoration:none;font-size:1.15rem}.nav-toggle{display:none;position:relative;width:42px;height:42px;background:none;border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;flex-shrink:0;padding:0}.nav-toggle:hover{background:var(--surface-2)}.nav-toggle-box{display:block;width:20px;height:16px;margin:0 auto;position:relative}.nav-toggle-inner,.nav-toggle-inner:before,.nav-toggle-inner:after{content:"";position:absolute;left:0;width:20px;height:2px;border-radius:2px;background:var(--text);transition:transform .25s ease,opacity .2s ease,top .25s ease}.nav-toggle-inner{top:50%;transform:translateY(-50%)}.nav-toggle-inner:before{top:-7px}.nav-toggle-inner:after{top:7px}.nav-toggle.is-open .nav-toggle-inner{background:transparent}.nav-toggle.is-open .nav-toggle-inner:before{top:0;transform:rotate(45deg)}.nav-toggle.is-open .nav-toggle-inner:after{top:0;transform:rotate(-45deg)}.nav-backdrop{position:fixed;inset:var(--nav-h) 0 0 0;background:#0d2b4a73;backdrop-filter:blur(2px);z-index:45;opacity:1;animation:nav-fade-in .2s ease}.nav-backdrop[hidden]{display:none}@keyframes nav-fade-in{0%{opacity:0}to{opacity:1}}.nav-links{list-style:none;display:flex;flex-wrap:nowrap;gap:.15rem;margin:0 auto 0 1.25rem;padding:0;align-items:center}.nav-links>li>a,.dropdown-trigger{display:flex;align-items:center;gap:.25rem;padding:.45rem .7rem;border-radius:var(--radius-sm);color:var(--text-muted);text-decoration:none;font-size:.92rem;font-weight:500;white-space:nowrap;background:none;border:none;font-family:inherit;cursor:pointer}.nav-links>li>a:hover,.dropdown-trigger:hover{background:var(--surface-2);color:var(--heading)}.nav-links a[aria-current=page]{color:var(--accent-contrast);background:var(--accent)}.has-dropdown.active>.dropdown-trigger{color:var(--heading)}.caret{font-size:.7rem;transition:transform .15s ease}.has-dropdown{position:relative}.dropdown{list-style:none;margin:0;padding:.35rem;position:absolute;top:calc(100% + .35rem);left:0;min-width:220px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);display:none;z-index:60}.has-dropdown:hover>.dropdown,.has-dropdown:focus-within>.dropdown,.has-dropdown.open>.dropdown{display:block}.has-dropdown:hover>.dropdown-trigger .caret,.has-dropdown.open>.dropdown-trigger .caret{transform:rotate(180deg)}.dropdown a{display:block;padding:.5rem .65rem;border-radius:var(--radius-sm);color:var(--text-muted);text-decoration:none;font-size:.9rem;font-weight:500;white-space:nowrap}.dropdown a:hover{background:var(--surface-2);color:var(--heading)}.nav-actions{display:flex;align-items:center;gap:.6rem;flex-shrink:0}.nav-cta{display:inline-block;padding:.5rem 1rem;border-radius:999px;background:var(--accent);color:var(--accent-contrast);text-decoration:none;font-size:.9rem;font-weight:600;white-space:nowrap}.nav-cta:hover{filter:brightness(1.08)}.theme-toggle{background:none;border:1px solid var(--border);border-radius:999px;width:38px;height:38px;cursor:pointer;font-size:1.1rem;color:var(--text);flex-shrink:0}.theme-toggle:hover{background:var(--surface-2)}@media(max-width:900px){.nav-toggle{display:block}.nav-links{position:fixed;top:var(--nav-h);left:0;right:0;flex-direction:column;flex-wrap:nowrap;align-items:stretch;gap:0;background:var(--surface);border-top:1px solid var(--border);padding:.5rem max(1rem,env(safe-area-inset-right)) calc(1.25rem + env(safe-area-inset-bottom));margin:0;display:none;box-shadow:var(--shadow);max-height:calc(100dvh - var(--nav-h));overflow-y:auto;overscroll-behavior:contain;z-index:46}.nav-links.open{display:flex;animation:nav-slide-down .22s ease}@keyframes nav-slide-down{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.nav-links>li{border-top:1px solid var(--border)}.nav-links>li:first-child{border-top:none}.nav-links>li>a,.dropdown-trigger{font-size:1.05rem;padding:.9rem .4rem;width:100%;min-height:48px}.has-dropdown{position:static}.dropdown-trigger{justify-content:space-between;cursor:pointer;font-weight:600;color:var(--heading)}.has-dropdown .caret{display:inline;font-size:.85rem}.has-dropdown.open>.dropdown-trigger .caret{transform:rotate(180deg)}.dropdown{position:static;border:none;box-shadow:none;background:none;padding:0 0 .5rem .25rem;min-width:0}.has-dropdown.open>.dropdown{display:block;animation:nav-slide-down .18s ease}.dropdown a{font-size:1rem;padding:.7rem .75rem;min-height:44px;display:flex;align-items:center}.dropdown a[aria-current=page]{color:var(--accent-contrast);background:var(--accent)}.nav-actions{gap:.4rem}}body.nav-open{overflow:hidden}.quote{margin:2rem auto;padding:1.5rem 1.75rem;background:var(--surface);border-left:4px solid var(--highlight);border-radius:var(--radius);box-shadow:var(--shadow);font-style:italic;font-size:1.15rem}.quote cite{display:block;margin-top:.6rem;font-style:normal;font-weight:600;color:var(--text-muted)}.curriculum{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem}.topic-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem 1.4rem;box-shadow:var(--shadow)}.topic-card h4{margin-top:0}.topic-card ul{margin:0;padding-left:1.2rem}.topic-card li{margin-bottom:.3rem;color:var(--text)}.topic-card.span-2{grid-column:1 / -1}figure{margin:1.5rem 0}figure img{max-width:100%;height:auto;border-radius:var(--radius);box-shadow:var(--shadow)}figcaption{color:var(--text-muted);font-size:.85rem;margin-top:.5rem}.video-container{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:var(--radius);box-shadow:var(--shadow)}.video-container iframe{position:absolute;inset:0;width:100%;height:100%;border:0}mjx-container{overflow-x:auto;overflow-y:hidden;max-width:100%}.site-footer{border-top:1px solid var(--border);background:var(--surface);padding-block:2rem;margin-top:3rem}.social-links{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;align-items:center}.social-links a{display:inline-flex;width:40px;height:40px;align-items:center;justify-content:center;border-radius:50%;background:var(--surface-2);transition:transform .15s ease}.social-links a:hover{transform:translateY(-2px)}.social-links img{width:22px;height:22px;object-fit:contain}.footer-copy{text-align:center;color:var(--text-muted);font-size:.85rem;margin-top:1.25rem}.visuallyhidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}.note{display:block;color:var(--text-muted);font-size:.98rem;margin:.25rem 0 .75rem;padding-inline:.5rem}#definition{color:var(--heading);font-weight:600}#bayes_theorem,#euclidean{color:var(--highlight);font-family:Cambria,Times New Roman,Garamond,serif}.para{font-size:1rem;color:var(--text)}.no-italics{font-style:normal}.centered-wrapper{position:relative;text-align:center}.centered-wrapper:before{content:"";position:relative;display:inline-block;width:0;height:100%;vertical-align:middle}.centered-content{display:inline-block;vertical-align:middle}#epsilon,.sigma_sum,.lim_infinity,.lim_zero,.matrix_product,.riemann_sums,#wcss1,#wcss2,#wcss3{position:relative;font-size:2.5em;display:inline-block;line-height:.7em;vertical-align:middle}#epsilon:before{font-size:12px;display:block;position:absolute;left:0;top:0;content:"n";width:5px;text-align:center}#epsilon:after{font-size:10px;display:block;position:absolute;left:0;bottom:0;content:"i = 1";width:20px;text-align:center}.sigma_sum:before{font-size:12px;display:block;position:absolute;left:0;top:0;content:"n";width:5px;text-align:center}.sigma_sum:after{font-size:10px;display:block;position:absolute;left:0;bottom:0;content:"i = 1";width:20px;text-align:center}.lim_infinity:before{font-size:12px;display:block;position:absolute;left:0;top:0;content:" ";width:5px;text-align:center}.lim_infinity:after{font-size:10px;display:block;position:absolute;left:0;bottom:0;content:"n →∞";width:25px;text-align:center}.lim_zero:before{font-size:12px;display:block;position:absolute;left:0;top:0;content:" ";width:5px;text-align:center}.lim_zero:after{font-size:10px;display:block;position:absolute;left:0;bottom:0;content:"n →0";width:25px;text-align:center}.matrix_product:before{font-size:12px;display:block;position:absolute;left:0;top:0;content:"";width:5px;text-align:center}.matrix_product:after{font-size:10px;font-style:italic;display:block;position:absolute;left:0;bottom:0;content:" k";width:20px;text-align:left}.riemann_sums:before{font-size:12px;display:block;position:absolute;left:0;top:0;content:"5";width:5px;text-align:center}.riemann_sums:after{font-size:10px;display:block;position:absolute;left:0;bottom:0;content:"n=1";width:20px;text-align:center}#wcss1:before{font-size:12px;display:block;position:absolute;left:0;top:0;content:"";width:22px;text-align:center}#wcss1:after{font-size:8px;display:block;position:absolute;left:0;bottom:0;content:"Pi in Cluster 1";width:50px;text-align:center}#wcss2:before{font-size:12px;display:block;position:absolute;left:0;top:0;content:"";width:22px;text-align:center}#wcss2:after{font-size:8px;display:block;position:absolute;left:0;bottom:0;content:"Pi in Cluster 2";width:50px;text-align:center}#wcss3:before{font-size:12px;display:block;position:absolute;left:0;top:0;content:"";width:22px;text-align:center}#wcss3:after{font-size:8px;display:block;position:absolute;left:0;bottom:0;content:"Pi in Cluster 3";width:50px;text-align:center}table{border-collapse:collapse;width:100%;margin:1.25rem 0;font-size:.95rem}th,td{border:1px solid var(--border);padding:.5rem .75rem;text-align:left;color:var(--text)}th{background:var(--surface-2);color:var(--heading);font-weight:600}#truth_table,#correlation_matrix{width:auto}#truth_table th,#correlation_matrix th{color:var(--accent)}