:root{--coral:#fa7863;--gold:#f3c253;--green:#183a36;--green2:#0f2d2a;--ink:#173430;--cream:#fbf8f2;--paper:#fffdf9;--line:#d9d0c2;--muted:#55706d}.conditions-hero{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;padding-top:4.5rem;padding-bottom:4.5rem}.hero-note{font-size:.9rem;color:var(--muted);margin-top:1rem}.hero-map{margin:0}.hero-map svg{display:block;width:100%;height:auto}.hero-map figcaption{font-size:.76rem;color:var(--muted)}.hero-map .bg{fill:var(--green2)}.hero-map .center{fill:var(--coral)}.hero-map g circle{fill:#fffaf2;stroke:#d9d0c2}.hero-map path{stroke:#f3c253;stroke-width:3;fill:none}.hero-map text{font:800 10px "DM Sans",sans-serif;fill:var(--ink);text-anchor:middle}.hero-map .center+text,.hero-map .center+text+text{fill:#15302d;font-size:12px}.goal-strip{background:var(--green);color:white;padding:1.15rem 0}.goal-grid{display:grid;grid-template-columns:repeat(4,1fr)}.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.06rem}.goal-grid span{font-size:.78rem;color:#d9e3df;margin-top:.25rem}.condition-nav{position:sticky;top:72px;z-index:20;background:rgba(255,253,249,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(8px)}.condition-nav .shell{display:flex;gap:.35rem;overflow:auto;padding-top:.65rem;padding-bottom:.65rem}.condition-nav a{white-space:nowrap;padding:.55rem .85rem;border-radius:999px;text-decoration:none;font-size:.82rem;font-weight:700;color:var(--ink)}.condition-nav a:hover,.condition-nav a:focus-visible{background:#f3ebdf}.finder{background:white;border:1px solid var(--line);border-radius:18px;padding:1.2rem;margin-bottom:1.5rem}.finder>label{display:block;font-weight:800;margin-bottom:.55rem}.search-row{display:grid;grid-template-columns:1fr auto;gap:.5rem}.search-row input{min-height:50px;padding:0 1rem;border:2px solid var(--green);border-radius:10px;font:500 1rem "DM Sans",sans-serif}.search-row button,.filters button{border:1px solid var(--line);background:white;color:var(--ink);border-radius:9px;padding:.65rem .9rem;font:700 .82rem "DM Sans",sans-serif;cursor:pointer}.filters{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:1rem}.filters button.active,.filters button:hover,.filters button:focus-visible{background:var(--green);color:white}.finder>p{font-size:.8rem;color:var(--muted);margin-bottom:0}.condition-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.condition-grid article{background:white;border:1px solid var(--line);border-radius:16px;padding:1.1rem;display:flex;flex-direction:column}.condition-grid article[hidden]{display:none}.condition-grid h3{margin:.2rem 0}.condition-grid dl{margin:.5rem 0}.condition-grid dl div{border-top:1px solid var(--line);padding:.45rem 0}.condition-grid dt{font-size:.68rem;font-weight:900;text-transform:uppercase;letter-spacing:.07em;color:var(--coral)}.condition-grid dd{margin:0;font-size:.8rem}.condition-grid a{margin-top:auto;font-weight:800;font-size:.82rem}.condition-icon{height:60px;border-bottom:3px solid var(--ink);position:relative}.condition-icon:after{content:"";position:absolute;left:50%;bottom:0;transform:translateX(-50%)}.condition-icon.plaque:after{width:82px;height:28px;border-radius:30px 30px 0 0;background:#dc8e7a;border:4px dotted #fff}.condition-icon.eczema:after{width:90px;height:33px;background:repeating-linear-gradient(25deg,#e9a48d 0 9px,#f7d2bc 10px 13px);border-radius:18px}.condition-icon.annular:after{width:60px;height:45px;border:9px solid #de8c76;border-radius:50%}.condition-icon.acne:after{width:75px;height:38px;background:radial-gradient(circle at 10px 20px,#bd5e50 0 5px,transparent 6px),radial-gradient(circle at 37px 10px,#f3c253 0 7px,transparent 8px),radial-gradient(circle at 62px 24px,#bd5e50 0 6px,transparent 7px)}.condition-icon.wheal:after{width:86px;height:25px;border-radius:50%;background:#edaaa0;border:2px dashed #bb6758}.condition-icon.pigment:after{width:75px;height:40px;border-radius:20px;background:linear-gradient(90deg,#85523e 0 33%,#d4aa84 33% 66%,#faf0df 66%)}.condition-icon.hair:after{width:78px;height:45px;border-radius:50% 50% 10px 10px;background:repeating-linear-gradient(100deg,#173430 0 2px,transparent 3px 8px)}.condition-icon.pigmented:after{width:54px;height:44px;border-radius:42% 58% 49% 51%;background:#4c342d;border:5px solid #b47658;transform:translateX(-50%) rotate(8deg)}.no-results{text-align:center;padding:2rem}.snapshot{display:grid;grid-template-columns:repeat(5,1fr);background:var(--green);color:white;border-radius:18px;margin-bottom:2rem}.snapshot div{padding:1rem;border-right:1px solid rgba(255,255,255,.18)}.snapshot div:last-child{border:0}.snapshot b,.snapshot span{display:block}.snapshot b{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:#f3c253}.snapshot span{font-size:.82rem;margin-top:.35rem}.condition-columns,.builders{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1rem 0}.condition-columns article,.builders article{padding:1.3rem;border:1px solid var(--line);border-radius:15px}.builders details{border-top:1px solid var(--line);padding:.7rem 0}.builders summary{font-weight:800;cursor:pointer}.comparison{padding:1.4rem;background:#f3ede2;border-radius:18px;margin:2rem 0}.comparison>div{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem}.comparison article{padding:1rem;background:white;border-radius:12px}.comparison b{font-family:"Playfair Display",serif}.change{padding:1.4rem;border-left:5px solid var(--coral);background:#fff5f1;margin:2rem 0}.ksd{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem}.ksd article{padding:1rem;border-top:4px solid var(--green);background:var(--cream)}.ksd b{font:700 1.2rem "Playfair Display",serif}.deep-dive{margin-top:2rem;border:1px solid var(--line);border-radius:14px;padding:1rem}.deep-dive summary{font:700 1.2rem "Playfair Display",serif;cursor:pointer}.deep-green{background:var(--green2)!important}.light-copy,.light-copy h2,.light-copy p,.light-copy li{color:white}.template-flow{display:grid;grid-template-columns:repeat(2,1fr);gap:.8rem;list-style:none;padding:0}.template-flow li{padding:1rem;border:1px solid rgba(255,255,255,.2);border-radius:12px}.template-flow b,.template-flow span{display:block}.template-flow b{font-family:"Playfair Display",serif;color:#f3c253}.template-flow span{font-size:.85rem}.mistakes{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.mistakes article{padding:1rem;border:1px solid var(--line);border-radius:14px}.dont-miss{margin-top:1rem;padding:1.2rem;background:#f8e9e3;border-radius:14px}.recap{margin-top:2rem;padding:1.4rem;border-radius:14px;background:#fff;color:var(--ink)}.references{padding-top:3rem;padding-bottom:4rem}.references li{margin-bottom:.55rem}.integration-links{text-align:center}
@media(max-width:980px){.conditions-hero{grid-template-columns:1fr}.hero-map{max-width:620px}.condition-grid{grid-template-columns:repeat(2,1fr)}.snapshot{grid-template-columns:repeat(2,1fr)}.snapshot div{border-bottom:1px solid rgba(255,255,255,.18)}}
@media(max-width:640px){.conditions-hero{padding-top:2.6rem;padding-bottom:2.6rem}.condition-nav{top:60px}.goal-grid,.condition-grid,.condition-columns,.builders,.comparison>div,.ksd,.template-flow,.mistakes{grid-template-columns:1fr}.goal-grid>div{border-right:0;border-bottom:1px solid rgba(255,255,255,.18)}.snapshot{grid-template-columns:1fr}.snapshot div{border-right:0}.filters{flex-wrap:nowrap;overflow-x:auto;padding-bottom:.4rem}.filters button{white-space:nowrap;min-height:44px}.search-row{grid-template-columns:1fr}.search-row button{min-height:44px}.path-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}