500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{font-family:'DM Sans',Arial,sans-serif;color:#263e48;background:#f6f8f9;font-size:14px}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer;background:white;border:1px solid #dde5e7;border-radius:8px;color:#405762;padding:10px 14px}button:hover{background:#e9f7f4}button:focus-visible,a:focus-visible{outline:3px solid #23aa91}header{height:84px;padding:0 30px;display:flex;align-items:center;justify-content:space-between;background:white;border-bottom:1px solid #e2e8eb}.brand{text-decoration:none;color:#163d44;font:800 25px Manrope,Arial;display:flex;align-items:center;gap:9px;position:relative}.brand>b{background:#11796c;color:white;width:37px;height:37px;border-radius:11px;text-align:center;position:relative}.brand b span{font-size:14px}.brand small{position:absolute;top:34px;left:48px;font:8px Arial;letter-spacing:2px;color:#84959a}.module{font-weight:600}.module span{font-size:9px;background:#edf5f3;color:#4a8c7f;padding:6px;margin-left:12px;border-radius:4px}header>button{background:#127e6c;color:white;border:0}.layout{display:grid;grid-template-columns:240px minmax(400px,1fr) 280px;min-height:calc(100vh - 84px)}aside{background:white;border-right:1px solid #e1e7e9;padding:28px 18px}.eyebrow{font-size:10px;letter-spacing:1.6px;color:#81949a;font-weight:700}h2{font:700 20px Manrope,Arial;margin:12px 0 21px}.search{display:flex;align-items:center;background:#f5f7f8;border:1px solid #e3e9eb;border-radius:7px;padding:8px 10px;color:#81949a}.search input{border:0;background:none;outline:none;width:100%;padding:3px 6px;font-size:12px}select{border:1px solid #e3e9eb;background:white;border-radius:7px;color:#50656c;width:100%;padding:10px;margin:12px 0 18px;font-size:12px}#catalog{max-height:55vh;overflow:auto}.organ{width:100%;display:flex;gap:12px;align-items:center;text-align:left;border:0;margin:3px 0;padding:12px;font-weight:500}.organ .icon{font-size:20px;width:24px;color:#a6b9ba}.organ.active{background:#e5f3ef;color:#137e6b}.organ small{display:block;font-size:10px;color:#8a9b9e;margin-top:3px}.aside-note{border:1px solid #e1e9e7;border-radius:10px;margin-top:24px;padding:16px;font-size:12px}.aside-note i{color:#148a76;margin-right:9px}.aside-note p{color:#8b9a9f;line-height:1.7;margin-bottom:0}main{padding:25px 28px 0;min-width:0}.bread{font-size:11px;color:#8fa1a7}.bread span{margin:0 10px;color:#c4ced1}.bread b{font-weight:500;color:#52736f}.heading{display:flex;justify-content:space-between;align-items:center;margin-top:30px}h1{font:800 33px Manrope,Arial;letter-spacing:-1px;margin:7px 0}.heading p{color:#8b9ba0;font-size:12px;margin:0 0 24px}.pill{font-size:10px;color:#1a937c;background:#e8f5ef;border-radius:20px;padding:8px 10px}.toolbar{display:flex;justify-content:space-between;margin:3px 0 14px;gap:8px}.toolbar button{font-size:11px}.seg{background:#e9eef0;border-radius:9px;padding:3px;display:flex}.seg button{border:0;background:none}.seg button.active{background:white;box-shadow:0 2px 4px #263e4810;color:#137e6b}.toolbar>div:last-child{display:flex;gap:6px}#viewers{display:flex;gap:10px}.viewport{height:440px;width:100%;position:relative;overflow:hidden;border:1px solid #dfe7e9;border-radius:13px;background:radial-gradient(ellipse at 50% 42%,#fff 0,#f0f5f4 63%,#eaf0f0 100%)}.viewport:after{content:'';position:absolute;inset:72% 0 0;pointer-events:none;background-image:linear-gradient(#bbcfc333 1px,transparent 1px),linear-gradient(90deg,#bbcfc333 1px,transparent 1px);background-size:30px 24px;transform:perspective(140px) rotateX(37deg);opacity:.5}.view-label{position:absolute;top:20px;left:20px;background:white;border-radius:5px;padding:8px 11px;color:#4d8073;font-size:11px;z-index:1;box-shadow:0 2px 8px #00000006}.view-label:before{content:'●';color:#33af8b;margin-right:8px}.disease:before{color:#e99a48}canvas{width:100%;height:100%;display:block;touch-action:none}.second{display:none}#viewers.comparing .second{display:block}#viewers.comparing .canvas-caption{font-size:9px;left:10px}.orientation{position:absolute;bottom:55px;left:22px;color:#829c98;font-size:12px}.canvas-caption{position:absolute;bottom:16px;left:20px;color:#95a5a7;font-size:10px}.zoom{position:absolute;right:16px;bottom:16px;display:flex;z-index:2}.zoom button{padding:5px 10px}.disclaimer{font-size:10px;color:#849496;padding:13px 0;line-height:1.6}.bottom{background:white;border:1px solid #e1e8e8;padding:19px;border-radius:11px}.bottom>div:first-child{width:100%}#states{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}#states button{font-size:11px;padding:9px 12px}#states button.active{background:#127e6c;color:white;border-color:#127e6c}.legend{font-size:10px;color:#93a4a6;margin-top:16px}.legend span{color:#b96263;margin-right:5px}.legend b{color:#eb9a42;margin:0 5px 0 18px}footer{display:flex;justify-content:space-between;font-size:9px;color:#9caeb0;margin:24px 0}.details{background:white;border-left:1px solid #e1e7e9;padding:30px 23px}.details h2{margin-bottom:5px}#latin{color:#95a4a6;font-style:italic;font-size:12px}hr{border:0;border-top:1px solid #ecf0f1;margin:26px 0}h3{font:700 17px Manrope,Arial;margin:12px 0}.details p{font-size:12px;line-height:1.9;color:#819399}.info{background:#f5f8f7;border-radius:9px;padding:15px;margin:25px 0;color:#5e8279;font-size:12px}.info p{font-size:11px;margin-bottom:0}textarea{width:100%;resize:vertical;height:110px;border:1px solid #e0e7e7;border-radius:7px;padding:12px;margin:12px 0;color:#47616b;font-size:12px}.details small{font-size:10px;color:#93a3a6;line-height:1.6;display:block}.export{width:100%;font-size:11px;margin:18px 0 5px}.source{font-size:11px;color:#288578;display:block;margin-top:25px}#status{font-size:11px;color:#14806c}.patient aside,.patient .details,.patient .bread,.patient footer{display:none}.patient .layout{grid-template-columns:1fr}.patient .viewport{height:60vh}@media(min-width:1500px){.viewport{height:54vh}}@media(max-width:1100px){.layout{grid-template-columns:210px 1fr}.details{grid-column:2;display:grid;gap:8px}.details hr{display:none}.viewport{height:400px}}@media(max-width:700px){header{padding:12px;height:76px}.module{display:none}.brand{font-size:21px}.layout{display:block}aside{padding:16px}aside h2,.aside-note{display:none}#catalog{display:flex;max-height:none;overflow:auto}.organ{min-width:130px}.organ small{display:none}.search{max-width:100%}select{margin-bottom:8px}main{padding:20px 14px}.heading{margin-top:22px}h1{font-size:28px}.toolbar{flex-wrap:wrap}.viewport{height:360px}.details{padding:22px}.pill{white-space:nowrap}.canvas-caption{max-width:70%;font-size:9px}footer span:last-child{display:none}#viewers.comparing{flex-direction:column}header>button{font-size:11px;padding:9px}.patient .viewport{height:55vh}}