:root{--coral:#fa7863;--gold:#f3c253;--green:#183a36;--green2:#0f2d2a;--ink:#173430;--cream:#fbf8f2;--paper:#fffdf9;--line:#d9d0c2;--muted:#55706d}.foundations-hero{display:grid;grid-template-columns:1.05fr .95fr;gap:4rem;align-items:center;padding-top:4.5rem;padding-bottom:4.5rem}.hero-visual{margin:0}.hero-visual svg{display:block;width:100%;height:auto}.hero-visual figcaption{font-size:.78rem;color:var(--muted);margin-top:.5rem}.skin-bg{fill:#f4ecdf}.epidermis{fill:#f5c56a}.dermis{fill:#efaa92}.subcutis{fill:#efd8a8}.hero-visual text{font-family:"DM Sans",sans-serif;font-size:14px;fill:#173430}.hero-visual .svg-label{font-weight:800;letter-spacing:2px;font-size:11px}.hero-visual .svg-note{font-size:12px}.guide{stroke:#9d8d7d;stroke-width:1;stroke-dasharray:4 5}.lesion{fill:none;stroke:#173430;stroke-width:5;stroke-linecap:round}.lesion.fluid{fill:#fff8e8;stroke:#fa7863}.lesion.deep{stroke:#765f5a}.goal-strip{background:#183a36;color:white;padding:1.2rem 0}.goal-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0}.goal-grid div{padding:.35rem 1.2rem;border-right:1px solid rgba(255,255,255,.18)}.goal-grid div:last-child{border:0}.goal-grid b,.goal-grid span{display:block}.goal-grid b{font-family:"Playfair Display",serif;font-size:1.05rem}.goal-grid span{font-size:.78rem;color:#d9e3df;margin-top:.25rem}.foundation-nav{position:sticky;top:72px;z-index:20;background:rgba(255,253,249,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(8px)}.foundation-nav .shell{display:flex;gap:.35rem;overflow:auto;padding-top:.65rem;padding-bottom:.65rem}.foundation-nav a{white-space:nowrap;padding:.55rem .85rem;border-radius:999px;text-decoration:none;font-size:.82rem;font-weight:700;color:var(--ink)}.foundation-nav a:hover,.foundation-nav a:focus-visible{background:#f3ebdf}.deep-green{background:var(--green2)!important}.light-copy,.light-copy h2,.light-copy h3,.light-copy p,.light-copy li{color:#fff}.foundation-sequence{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;padding:0;list-style:none;counter-reset:item}.foundation-sequence li{display:grid;grid-template-columns:42px 1fr;column-gap:.8rem;padding:1rem;border:1px solid rgba(255,255,255,.22);border-radius:14px}.foundation-sequence li b{grid-row:1/3;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:var(--coral);color:#132b28}.foundation-sequence li strong{font-family:"Playfair Display",serif;font-size:1.15rem}.foundation-sequence li span{color:#dce6e3;font-size:.9rem}.scope-note.light{color:#dce6e3}.structure-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin:2rem 0}.structure-grid article,.lesion-family article{border:1px solid var(--line);border-radius:16px;padding:1.35rem;background:white}.layer-chip{display:inline-block;padding:.3rem .55rem;border-radius:999px;font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.layer-one{background:#f8dfab}.layer-two{background:#f7c1aa}.layer-three{background:#d9b6b0}.layer-four{background:#ebd4a5}.lesion-family{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.lesion-icon{height:58px;margin-bottom:.8rem;position:relative;border-bottom:3px solid var(--ink)}.lesion-icon.flat:after{content:"";position:absolute;left:25%;right:25%;bottom:-3px;border-bottom:7px solid var(--coral)}.lesion-icon.raised:after{content:"";position:absolute;width:54px;height:25px;border:4px solid var(--coral);border-bottom:0;border-radius:40px 40px 0 0;bottom:0;left:calc(50% - 27px)}.lesion-icon.deep:after{content:"";position:absolute;width:58px;height:42px;border-radius:50%;background:#e8b39f;bottom:-19px;left:calc(50% - 29px);border:3px solid var(--ink)}.lesion-icon.fluid:after,.lesion-icon.pustule:after{content:"";position:absolute;width:43px;height:43px;border-radius:50%;bottom:0;left:calc(50% - 22px);border:3px solid var(--coral);background:#fff7dd}.lesion-icon.pustule:after{background:#f3d789}.lesion-icon.wheal:after{content:"";position:absolute;width:78px;height:25px;border-radius:50%;bottom:0;left:calc(50% - 39px);background:#f2b9ad;border:2px dashed var(--coral)}.subsection-title{margin-top:2.6rem}.term-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.7rem}.term-grid div{padding:1rem;border-top:2px solid var(--coral);background:#fff;border-radius:0 0 12px 12px}.term-grid b,.term-grid span{display:block}.term-grid span{font-size:.86rem;color:var(--muted);margin-top:.3rem}.dimension-list{display:grid;grid-template-columns:repeat(2,1fr);gap:0 2rem}.dimension-list article{border-top:1px solid var(--line);padding:1.2rem 0}.body-language{margin-top:2rem;padding:1.5rem;border-radius:16px;background:#f4ecdf}.body-language div{display:flex;flex-wrap:wrap;gap:.5rem}.body-language span{background:white;border:1px solid var(--line);padding:.45rem .7rem;border-radius:999px;font-size:.8rem}.lab{background:#f3ede2!important}.lab-layout{display:grid;grid-template-columns:280px 1fr;gap:1.5rem;align-items:start}.lab-controls{display:grid;gap:.5rem}.lab-controls button{appearance:none;text-align:left;padding:.85rem 1rem;border:1px solid var(--line);background:#fff;border-radius:10px;color:var(--ink);font:700 .87rem "DM Sans",sans-serif;cursor:pointer}.lab-controls button:hover,.lab-controls button:focus-visible,.lab-controls button.active{background:var(--green);color:white;border-color:var(--green)}.lab-result{padding:1.6rem;background:white;border-radius:18px;border:1px solid var(--line);min-height:330px}.lab-compare{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1.2rem 0}.lab-compare div{padding:1.2rem;border-radius:12px;background:#fbf8f2;border-top:4px solid var(--coral)}.lab-compare b{font-family:"Playfair Display",serif;font-size:1.3rem}.lab-result .model{background:var(--green);color:white;padding:1rem;border-radius:10px}.builder{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin:2rem 0}.builder label{font-size:.76rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.builder select{display:block;width:100%;margin-top:.45rem;padding:.8rem;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--ink);font:500 .9rem "DM Sans",sans-serif}.builder .button{align-self:end;min-height:46px}.builder-output{padding:1.35rem;border-radius:14px;background:var(--green);color:white}.builder-output p:last-child{font:600 1.2rem/1.5 "Playfair Display",serif}.reasoning-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:.6rem;margin:2rem 0}.reasoning-flow div{padding:1rem;background:white;border:1px solid var(--line);border-radius:12px}.reasoning-flow b,.reasoning-flow span{display:block}.reasoning-flow b{font-family:"Playfair Display",serif;font-size:1.2rem}.reasoning-flow span{font-size:.83rem;color:var(--muted);margin-top:.25rem}.case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.case-grid article{padding:1.2rem;background:white;border-radius:14px;border:1px solid var(--line)}.mistake-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.mistake-grid article{padding:1.2rem;border:1px solid rgba(255,255,255,.2);border-radius:14px}.mistake-grid article h3{margin-top:0;color:#fac16d}.remember.dark{background:#244742;border-color:#46645f}.recap{margin-top:2rem;padding:1.4rem;border-radius:14px;background:#fff;color:var(--ink)}.recap ul{margin-bottom:0}.next-grid.five{grid-template-columns:repeat(5,1fr)}
@media(max-width:900px){.foundations-hero{grid-template-columns:1fr;gap:2rem}.hero-visual{max-width:620px}.goal-grid{grid-template-columns:repeat(2,1fr)}.goal-grid div:nth-child(2){border-right:0}.goal-grid div:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.18)}.lesion-family{grid-template-columns:repeat(2,1fr)}.term-grid{grid-template-columns:repeat(2,1fr)}.builder{grid-template-columns:repeat(2,1fr)}.case-grid,.mistake-grid{grid-template-columns:1fr 1fr}.next-grid.five{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.foundations-hero{padding-top:2.6rem;padding-bottom:2.6rem}.foundation-nav{top:60px}.foundation-sequence,.structure-grid,.dimension-list,.lesion-family,.term-grid,.builder,.reasoning-flow,.case-grid,.mistake-grid,.lab-compare{grid-template-columns:1fr}.lab-layout{grid-template-columns:1fr}.lab-controls{display:flex;overflow-x:auto;padding-bottom:.5rem}.lab-controls button{min-width:155px}.goal-grid{grid-template-columns:1fr}.goal-grid div{border-right:0;border-bottom:1px solid rgba(255,255,255,.18)!important}.goal-grid div:last-child{border-bottom:0!important}.next-grid.five{grid-template-columns:1fr}.hero-visual{margin-inline:-.5rem}.hero-visual figcaption{padding-inline:.5rem}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}