:root{--bg-cream: #fbf5eb;--bg-cream-soft: #fcf8f2;--hero-tan: #d7af84;--text-dark: #3d2314;--text-muted: #6b5344;--btn-brown: #a47653;--btn-hover: #8a5e3e;--card-bg: #ffffff;--border-color: #e5d1bc;--border-color-subtle: #f0e4d5;--status-danger-bg: #fff5f5;--status-danger-border: #feb2b2;--status-danger-text: #c53030;--status-success-bg: #f0fdf4;--status-success-border: #bbf7d0;--status-success-text: #166534;--status-warning-bg: #fffbeb;--status-warning-border: #fde68a;--status-warning-text: #b45309;--status-info-bg: #eff6ff;--status-info-border: #bfdbfe;--status-info-text: #1e40af;--pulse-glow: rgba(2, 136, 209, .6);--tier-core-primary: #b45309;--tier-core-secondary: #d97706;--tier-core-bg: #fef3c7;--tier-core-border: #fde68a;--tier-core-text: #78350f;--tier-core-shadow: rgba(180, 83, 9, .15);--tier-applied-primary: #047857;--tier-applied-secondary: #059669;--tier-applied-bg: #ecfdf5;--tier-applied-border: #a7f3d0;--tier-applied-text: #064e3b;--tier-applied-shadow: rgba(4, 120, 87, .15);--tier-advanced-primary: #3b628b;--tier-advanced-secondary: #4a75a4;--tier-advanced-bg: #edf4fa;--tier-advanced-border: #c8dbea;--tier-advanced-text: #1e3956;--tier-advanced-shadow: rgba(59, 98, 139, .15);--tier-accent: var(--tier-core-primary);--tier-accent-secondary: var(--tier-core-secondary);--tier-accent-bg: var(--tier-core-bg);--tier-accent-border: var(--tier-core-border);--tier-accent-text: var(--tier-core-text);--tier-accent-shadow: var(--tier-core-shadow)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:clip;max-width:100%;overscroll-behavior-y:contain}body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--bg-cream);color:var(--text-dark);overflow-x:clip;max-width:100%;width:100%}.logo-container,.logo-container:hover,.logo-container:visited,.logo-container:focus,.logo-container:active,.logo-container *{text-decoration:none!important;border-bottom:none!important}.lesson-link-with-icon{display:flex!important;justify-content:space-between;align-items:center}.icon-swap{position:relative;border-radius:4px;overflow:hidden;flex-shrink:0}.style-biscuit{width:36px;height:50px}.style-tin{width:44px;height:44px}.style-recipe{width:35px;height:60px}.style-factory{width:60px;height:34px}.style-chip{width:45px;height:45px}.style-mansion{width:55px;height:32px}.style-lattice,.style-stamp{width:45px;height:45px;border-radius:6px}.style-pki-tri{width:44px;height:44px}.icon-swap img{position:absolute;top:0;left:0;width:100%;height:100%;box-shadow:none;object-fit:cover;transition:opacity .2s ease-in-out}.style-factory img,.style-chip img,.style-mansion img,.style-pki-tri img{object-fit:contain}.style-lattice img,.style-stamp img{object-fit:cover;border-radius:6px}.img-default{z-index:2;opacity:1!important}.img-hover{z-index:1;opacity:0!important}.lesson-link-with-icon:hover .img-default,.lesson-link-with-icon.active .img-default{opacity:0!important}.lesson-link-with-icon:hover .img-hover,.lesson-link-with-icon.active .img-hover{opacity:1!important}@media(max-width:1100px){.sidebar,.progress-track{display:none}}.progress-track{position:relative;width:40px;flex-shrink:0;margin-left:auto;background-color:var(--bg-cream)}.rolling-biscuit{position:absolute;top:0;left:0;width:40px;height:40px;z-index:100;transform-origin:center center;will-change:transform}.crumb-img{position:absolute;left:10px;width:20px;height:20px;mix-blend-mode:multiply;opacity:.8;z-index:1;transition:opacity .3s ease}.lesson-main{flex-grow:1;padding:3rem 4rem;max-width:1500px;min-width:0;width:100%;box-sizing:border-box}.lesson-header{margin-bottom:2rem;display:flex;align-items:flex-end;gap:1.5rem}.header-text{display:flex;flex-direction:column;gap:.5rem}.header-text h1{font-size:3rem;color:var(--text-dark);margin:0;line-height:1.1}.subtitle{font-size:1.5rem;color:var(--tier-accent, var(--btn-brown));font-weight:600;margin:0;transition:color .2s ease}.category-badge{display:inline-flex;align-items:center;gap:.45rem;padding:.25rem .8rem;border-radius:9999px;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.85px;background-color:var(--tier-accent-bg, #fef3c7);color:var(--tier-accent-text, #78350f);border:1.5px solid var(--tier-accent-border, #fde68a);width:fit-content;box-shadow:0 1px 3px #0000000a}.badge-core{background-color:var(--tier-core-bg);color:var(--tier-core-text);border-color:var(--tier-core-border)}.badge-applied{background-color:var(--tier-applied-bg);color:var(--tier-applied-text);border-color:var(--tier-applied-border)}.badge-advanced{background-color:var(--tier-advanced-bg);color:var(--tier-advanced-text);border-color:var(--tier-advanced-border)}.theme-core{--tier-accent: var(--tier-core-primary);--tier-accent-secondary: var(--tier-core-secondary);--tier-accent-bg: var(--tier-core-bg);--tier-accent-border: var(--tier-core-border);--tier-accent-text: var(--tier-core-text);--tier-accent-shadow: var(--tier-core-shadow)}.theme-applied{--tier-accent: var(--tier-applied-primary);--tier-accent-secondary: var(--tier-applied-secondary);--tier-accent-bg: var(--tier-applied-bg);--tier-accent-border: var(--tier-applied-border);--tier-accent-text: var(--tier-applied-text);--tier-accent-shadow: var(--tier-applied-shadow)}.theme-advanced{--tier-accent: var(--tier-advanced-primary);--tier-accent-secondary: var(--tier-advanced-secondary);--tier-accent-bg: var(--tier-advanced-bg);--tier-accent-border: var(--tier-advanced-border);--tier-accent-text: var(--tier-advanced-text);--tier-accent-shadow: var(--tier-advanced-shadow)}.header-star-img,.header-recipe-img,.header-hash-img,.header-threat-img,.header-factor-img,.header-pqc-img,.header-pki-img,.header-lattice-img,.header-stamp-img{flex-shrink:0}.sidebar-subheading{font-size:.85rem;text-transform:uppercase;letter-spacing:1px;color:var(--btn-brown);margin:1.5rem 0 .5rem .25rem;font-weight:700;display:block}.sidebar-subheading.category-core,.sidebar-category-core .sidebar-subheading{color:var(--tier-core-primary)}.sidebar-subheading.category-applied,.sidebar-category-applied .sidebar-subheading{color:var(--tier-applied-primary)}.sidebar-subheading.category-advanced,.sidebar-category-advanced .sidebar-subheading{color:var(--tier-advanced-primary)}.sidebar-category-core .lesson-link-with-icon.active{border-color:var(--tier-core-border);border-left:4px solid var(--tier-core-primary)}.sidebar-category-applied .lesson-link-with-icon.active{border-color:var(--tier-applied-border);border-left:4px solid var(--tier-applied-primary)}.sidebar-category-advanced .lesson-link-with-icon.active{border-color:var(--tier-advanced-border);border-left:4px solid var(--tier-advanced-primary)}.btn-tier-core{background-color:var(--tier-core-primary)}.btn-tier-core:hover{background-color:var(--tier-core-secondary)}.btn-tier-applied{background-color:var(--tier-applied-primary)}.btn-tier-applied:hover{background-color:var(--tier-applied-secondary)}.btn-tier-advanced{background-color:var(--tier-advanced-primary)}.btn-tier-advanced:hover{background-color:var(--tier-advanced-secondary)}.card-tier-core{border-top:4px solid var(--tier-core-primary)}.card-tier-applied{border-top:4px solid var(--tier-applied-primary)}.card-tier-advanced{border-top:4px solid var(--tier-advanced-primary)}.text-block p{font-size:1.15rem;line-height:1.6;margin-bottom:1.5rem}.text-block h3{margin-top:2.5rem;margin-bottom:1rem;color:var(--text-dark);font-size:1.5rem}.rules-list{background-color:var(--card-bg);border:2px dashed var(--border-color);border-radius:12px;padding:2rem 2rem 2rem 3rem;margin-bottom:2rem}.rules-list li{font-size:1.1rem;margin-bottom:1rem;line-height:1.5}.rules-list li strong{color:var(--btn-brown);font-size:1.15rem}.interactive-demo{background-color:var(--card-bg);border-radius:16px;padding:2.5rem;margin-top:3rem;border:2px solid var(--border-color);box-shadow:0 8px 16px #3d231414}.demo-header{margin-bottom:2rem}.demo-header h3{margin-top:0;font-size:2rem;color:#0288d1}.demo-header p{font-size:1.15rem;line-height:1.5}.explanation-box{background-color:var(--card-bg);border:3px solid #0288d1;border-radius:12px;padding:1.5rem}.explanation-box h4{margin:0 0 .5rem;font-size:1.3rem;color:#0288d1}.explanation-box p{margin:0;font-size:1.1rem;line-height:1.5}.factory-layout{display:flex;flex-direction:column;gap:1.5rem}.factory-controls{display:flex;flex-direction:row;flex-wrap:wrap;align-items:flex-end;gap:1.5rem;background-color:var(--bg-cream);padding:1.5rem;border-radius:12px;border:3px dashed var(--hero-tan)}.input-group{display:flex;flex-direction:column;gap:.5rem;flex:1 1 200px}.input-group label{font-weight:700;color:var(--text-dark)}.input-group input{width:100%;box-sizing:border-box;padding:.8rem;font-size:1.1rem;border:2px solid var(--border-color);border-radius:6px}.factory-btn{background-color:#0288d1;color:#fff;border:4px solid var(--text-dark);border-radius:12px;padding:1.2rem;font-size:1.1rem;font-weight:700;box-shadow:0 8px #01579b;cursor:pointer;transition:all .1s;text-transform:uppercase}.factory-btn:active:not(:disabled){transform:translateY(8px);box-shadow:0 0 #01579b}.btn{background-color:var(--btn-brown);color:#fff;padding:.8rem 1.4rem;text-decoration:none;border-radius:8px;font-weight:700;display:inline-block;transition:background-color .2s}.btn:hover{background-color:var(--btn-hover)}.next-lesson-card,.btn-next{max-width:100%;box-sizing:border-box}.lesson-navigation{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;margin-top:3rem;padding-top:2rem;border-top:1px solid var(--border-color);width:100%;box-sizing:border-box}@media(max-width:900px){.lesson-main{padding:2rem 1.5rem}}@media(max-width:600px){.lesson-main{padding:1.5rem 1rem}.lesson-header{flex-direction:column-reverse;align-items:flex-start;gap:1rem}.header-text h1{font-size:2rem}.subtitle{font-size:1.15rem}.rules-list{padding:1.25rem 1.25rem 1.25rem 2rem}.interactive-demo{padding:1.25rem 1rem}.lesson-navigation{flex-direction:column;align-items:stretch;gap:.75rem;width:100%}.lesson-navigation .btn{width:100%;text-align:center;white-space:normal;box-sizing:border-box;padding:.85rem 1rem}.next-lesson-card{flex-direction:column;align-items:stretch;padding:1.5rem 1.25rem}.btn-next{white-space:normal!important;width:100%!important;text-align:center!important;box-sizing:border-box!important}}@keyframes subtle-pulse{0%{transform:scale(1);filter:drop-shadow(0 0 2px rgba(2,136,209,.25))}50%{transform:scale(1.04);filter:drop-shadow(0 0 10px var(--pulse-glow))}to{transform:scale(1);filter:drop-shadow(0 0 2px rgba(2,136,209,.25))}}@keyframes input-subtle-pulse{0%{border-color:var(--hero-tan);box-shadow:0 0 0 2px #a4765326,0 0 4px #a4765314}50%{border-color:var(--btn-brown);box-shadow:0 0 0 4px #a4765373,0 0 14px #a4765340}to{border-color:var(--hero-tan);box-shadow:0 0 0 2px #a4765326,0 0 4px #a4765314}}.waiting-pulse{animation:subtle-pulse 2s infinite ease-in-out}.waiting-pulse:hover,.waiting-pulse:focus,.waiting-pulse:active{animation:none}.input-waiting-pulse{animation:input-subtle-pulse 2s infinite ease-in-out}.input-waiting-pulse:focus{animation:none}.callout-card{background-color:var(--card-bg);border-radius:12px;padding:1.5rem;margin:2rem 0;border:1px solid var(--border-color);box-shadow:0 4px 12px #3d23140d}.alert-callout{background-color:var(--status-danger-bg);border:2px solid var(--status-danger-border);border-left-width:6px;border-radius:12px;padding:1.5rem;margin:2rem 0;color:var(--status-danger-text)}.tip-callout{background-color:var(--status-success-bg);border:2px solid var(--status-success-border);border-left-width:6px;border-radius:12px;padding:1.5rem;margin:2rem 0;color:var(--status-success-text)}.info-callout{background-color:var(--status-info-bg);border:2px solid var(--status-info-border);border-left-width:6px;border-radius:12px;padding:1.5rem;margin:2rem 0;color:var(--status-info-text)}.deep-dive-note{background-color:var(--status-warning-bg);border:2px solid var(--status-warning-border);border-left-width:6px;border-radius:12px;padding:1.5rem;margin:2rem 0;color:var(--status-warning-text)}