:root{color-scheme:light;--bg: #f6f1e8;--bg-alt: #efe4d0;--panel: rgba(255, 251, 245, .88);--panel-strong: #fffdf8;--text: #1d1a17;--muted: #61564a;--line: rgba(29, 26, 23, .12);--accent: #c94f2d;--accent-dark: #8f3219;--accent-soft: #f7d6c3;--shadow: 0 20px 60px rgba(86, 54, 23, .12);--radius: 24px;--radius-sm: 16px;--content: 1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:IBM Plex Sans,PingFang SC,Microsoft YaHei,sans-serif;color:var(--text);background:radial-gradient(circle at top left,rgba(201,79,45,.15),transparent 28%),radial-gradient(circle at 85% 20%,rgba(145,96,54,.12),transparent 26%),linear-gradient(180deg,#fbf6ef,#f2e6d7)}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}.shell{width:min(calc(100% - 32px),var(--content));margin:0 auto;padding:24px 0 72px}.topbar,.hero-panel,.section,.resource-group,.track,.glossary-item,.topic-card,.note,.hero-side{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 18px;border:1px solid var(--line);border-radius:999px;background:#fffbf5c2;position:sticky;top:16px;z-index:20}.brand{font-family:Space Grotesk,IBM Plex Sans,sans-serif;font-size:1rem;font-weight:700;letter-spacing:.04em}.nav-links{display:flex;flex-wrap:wrap;gap:8px}.nav-links button,.lab-tab{border:0;background:transparent;color:var(--muted);padding:10px 14px;border-radius:999px;transition:.2s ease}.nav-links button:hover,.lab-tab:hover,.lab-tab.active{background:var(--accent-soft);color:var(--accent-dark)}.hero{padding-top:12px}.hero-panel{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.8fr);gap:24px;margin-top:24px;padding:34px;border-radius:40px;background:linear-gradient(135deg,#fff8eef0,#f8ecdce6),var(--panel);border:1px solid rgba(29,26,23,.08);box-shadow:var(--shadow)}.hero-copy h1,.section-head h2,.topic-card h3,.glossary-item h3,.track h3,.note h3{font-family:Space Grotesk,IBM Plex Sans,sans-serif}.hero-copy h1{margin:0 0 18px;font-size:clamp(2.4rem,6vw,5rem);line-height:.95;max-width:12ch}.hero-text,.section-desc,.topic-card p,.glossary-item p,.note p,.track li,.resource-item span,.signal-list li{color:var(--muted);line-height:1.7}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.primary-button,.secondary-button,.ghost-button{border-radius:999px;padding:12px 18px;border:1px solid transparent;transition:transform .2s ease,background .2s ease,border-color .2s ease}.primary-button{background:var(--accent);color:#fff8f1}.secondary-button{background:transparent;border-color:var(--line);color:var(--text)}.ghost-button{background:var(--accent-soft);color:var(--accent-dark)}.primary-button:hover,.secondary-button:hover,.ghost-button:hover{transform:translateY(-1px)}.card{border:1px solid rgba(29,26,23,.08);background:var(--panel);border-radius:var(--radius);box-shadow:0 10px 30px #614e3514}.hero-side{padding:24px;align-self:end}.eyebrow{margin:0 0 12px;color:var(--accent-dark);font-size:.8rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.signal-list{margin:0;padding-left:18px}.section{margin-top:32px;padding:28px;border-radius:32px;background:#fffbf69e;border:1px solid rgba(29,26,23,.08)}.section.alt{background:#f7ebdcb8}.section-head,.track-head{display:flex;justify-content:space-between;gap:16px;align-items:start}.section-head h2{margin:0;font-size:clamp(1.6rem,4vw,2.6rem)}.compact{margin-bottom:8px}.topics-grid,.glossary-grid,.tracks-grid,.resources-grid{display:grid;gap:18px;margin-top:24px}.topics-grid,.glossary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.tracks-grid,.resources-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.topic-card,.glossary-item,.track,.note,.resource-group{padding:22px}.topic-card h3,.glossary-item h3,.track h3,.note h3{margin:0 0 12px;font-size:1.25rem}.topic-footer{display:flex;justify-content:space-between;gap:16px;align-items:center;margin:16px 0 10px;color:var(--accent-dark);font-size:.92rem}.takeaway{margin:0;padding-top:12px;border-top:1px solid var(--line)}.track ul{margin:18px 0 0;padding-left:18px}.lab-layout{margin-top:24px;display:grid;grid-template-columns:280px minmax(0,1fr);gap:18px}.lab-tabs{display:flex;flex-direction:column;gap:10px}.lab-tab{text-align:left;border:1px solid var(--line);background:#fffbf5b8}.lab-notes{position:relative;min-height:240px}.note{display:none;height:100%}.note.active{display:block;animation:reveal .35s ease}.resource-list{display:grid;gap:12px}.resource-item{display:block;padding:14px 16px;border-radius:var(--radius-sm);background:var(--panel-strong);border:1px solid rgba(29,26,23,.08);transition:transform .2s ease,border-color .2s ease}.resource-item strong{display:block;margin-bottom:4px}.resource-item:hover{transform:translateY(-2px);border-color:#c94f2d59}@keyframes reveal{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1024px){.hero-panel,.lab-layout,.topics-grid,.glossary-grid,.tracks-grid,.resources-grid{grid-template-columns:1fr}}@media(max-width:720px){.shell{width:min(calc(100% - 20px),var(--content));padding-top:12px}.topbar{border-radius:24px;align-items:start;flex-direction:column}.nav-links{width:100%}.nav-links button{flex:1 1 calc(50% - 8px)}.hero-panel,.section{padding:22px;border-radius:24px}.hero-copy h1{max-width:none}.section-head,.topic-footer{flex-direction:column}}