.learning-guide{margin-top:54px}.learning-intro{max-width:900px;margin-bottom:24px}.learning-intro h2{font-size:clamp(2rem,4vw,3.7rem);line-height:1.02;letter-spacing:-.05em;margin:0 0 16px}.learning-intro>p:last-child{font-size:1.06rem;color:var(--muted);max-width:820px}.learning-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.learning-card{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:26px}.learning-card.wide{grid-column:1/-1}.learning-card h3{font-size:1.25rem;letter-spacing:-.025em;margin:0 0 14px}.learning-card p,.learning-card li,.glossary-item dd{color:var(--muted)}.learning-list,.learning-steps{margin:0;padding-left:1.2rem}.learning-list li,.learning-steps li{margin:.48rem 0}.mini-label{margin:0 0 10px!important;font-size:.7rem!important;font-weight:800;letter-spacing:.13em;color:var(--accent)!important}.experiment-card{border-color:color-mix(in srgb,var(--accent) 35%,var(--line));background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 5%,var(--panel)),var(--panel))}.observation{margin:18px 0 0;padding:14px 15px;border-radius:11px;background:color-mix(in srgb,var(--accent) 7%,var(--bg));border:1px solid color-mix(in srgb,var(--accent) 18%,var(--line))}.observation strong{color:var(--ink)}.glossary-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0}.glossary-item{padding:15px;border-radius:12px;background:var(--bg);border:1px solid var(--line)}.glossary-item dt{font-weight:800;margin-bottom:5px}.glossary-item dd{margin:0;font-size:.9rem}.related-sims{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.related-sim{display:flex;flex-direction:column;gap:5px;padding:16px;border:1px solid var(--line);border-radius:12px;background:var(--bg);transition:.18s ease}.related-sim:hover{border-color:var(--accent);transform:translateY(-2px)}.related-sim span{font-size:.68rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--accent)}.related-sim strong{font-size:.98rem}.embed-mode .learning-guide{display:none}@media(max-width:760px){.learning-guide{margin-top:36px}.learning-grid{grid-template-columns:1fr}.learning-card.wide{grid-column:auto}.learning-card{padding:20px}.glossary-list,.related-sims{grid-template-columns:1fr}}.model-boundaries{border-color:color-mix(in srgb,var(--accent) 28%,var(--line));background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 4%,var(--panel)),var(--panel))}.boundary-intro{max-width:850px;margin:0 0 18px}.boundary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.boundary-grid section{padding:18px;border:1px solid var(--line);border-radius:12px;background:var(--bg)}.boundary-grid h4{margin:0 0 10px;font-size:.88rem;letter-spacing:.04em}.boundary-grid .learning-list{font-size:.92rem}@media(max-width:760px){.boundary-grid{grid-template-columns:1fr}}
.deep-dive-card{background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 3%,var(--panel)),var(--panel))}.challenge-card{border-color:color-mix(in srgb,var(--accent) 40%,var(--line));background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 7%,var(--panel)),var(--panel))}.challenge-answer{margin-top:18px;padding:14px 16px;border:1px solid var(--line);border-radius:12px;background:var(--bg)}.challenge-answer summary{cursor:pointer;font-weight:800;color:var(--ink)}.challenge-answer p{margin:12px 0 0}
.start-here{margin-top:18px;padding:18px 20px;border:1px solid color-mix(in srgb,var(--accent) 28%,var(--line));border-radius:14px;background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 7%,var(--panel)),var(--panel));max-width:900px}.start-here span{display:block;margin-bottom:8px;font-size:.7rem;font-weight:900;letter-spacing:.13em;color:var(--accent)}.start-here p{margin:0!important;color:var(--ink)!important;font-size:1.04rem;line-height:1.72}.concept-card{border-left:4px solid color-mix(in srgb,var(--accent) 75%,transparent)}.experiment-card .learning-steps{counter-reset:learn-step;list-style:none;padding-left:0}.experiment-card .learning-steps li{position:relative;padding:10px 12px 10px 42px;margin:8px 0;border-radius:10px;background:color-mix(in srgb,var(--bg) 88%,var(--panel));border:1px solid var(--line);line-height:1.55}.experiment-card .learning-steps li:before{counter-increment:learn-step;content:counter(learn-step);position:absolute;left:12px;top:9px;width:21px;height:21px;border-radius:50%;display:grid;place-items:center;background:var(--accent);color:#08111d;font-size:.72rem;font-weight:900}.observation p{margin:7px 0 0!important;line-height:1.65}.deep-dive-card p:last-child{line-height:1.75;max-width:980px}.misconception-card{border-color:color-mix(in srgb,#ffb45f 36%,var(--line));background:linear-gradient(145deg,color-mix(in srgb,#ffb45f 6%,var(--panel)),var(--panel))}.challenge-card .learning-list{margin-top:14px}.challenge-answer p{line-height:1.7}.learning-card>p{line-height:1.7}.learning-card:nth-last-of-type(2) .glossary-list{grid-template-columns:repeat(2,minmax(0,1fr))}.glossary-item dd{line-height:1.55}.related-sim strong{line-height:1.35}@media(max-width:760px){.start-here{padding:16px}.start-here p{font-size:1rem}.learning-card:nth-last-of-type(2) .glossary-list{grid-template-columns:1fr}.experiment-card .learning-steps li{padding-left:40px}}