dialog#workspace #workspace-content[data-view="simulation-home"],dialog#workspace #workspace-content[data-view="simulation-project"]{padding:0}
.simulation-hero{position:relative;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:clamp(28px,5vw,80px);min-height:100%;padding:clamp(30px,5vw,76px);background:linear-gradient(90deg,#fbf8ffed 0%,#f8f3ffcc 48%,#f5efff55 100%)}
.simulation-hero-copy{max-width:650px}
.simulation-eyebrow{display:flex;align-items:center;gap:11px;margin:0 0 22px;color:#6b4b9e;font-size:11px;font-weight:800;letter-spacing:.18em}
.simulation-eyebrow span{width:8px;height:8px;border-radius:50%;background:#9c73d1;box-shadow:0 0 0 5px #e8d8f7}
.simulation-hero-copy h3{margin:0;color:#3f315f;font:500 clamp(39px,4.3vw,72px)/1.13 "Microsoft YaHei",sans-serif;letter-spacing:-.055em}
.simulation-hero-copy h3 em{color:#7954ac;font-style:normal}
.simulation-hero-copy>p:not(.simulation-eyebrow){max-width:36em;margin:25px 0 0;color:#5e5274;font-size:17px;line-height:1.85}
.simulation-hero-count{display:flex;align-items:baseline;gap:8px;margin-top:31px;color:#675678;font-size:13px}
.simulation-hero-count strong{color:#694599;font:600 28px/1 Georgia,serif}
.simulation-hero-count i{width:1px;height:18px;margin:0 12px;background:#aa93c2}
.simulation-hero-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:clamp(34px,6vh,72px);padding-top:20px;border-top:1px solid #a78ec0}
.simulation-hero-steps>div{display:grid;gap:6px}
.simulation-hero-steps b{color:#7954ac;font:600 17px Georgia,serif}
.simulation-hero-steps strong{color:#43345d;font-size:13px}
.simulation-projects{display:grid;gap:16px;align-content:center}
.simulation-project-card{display:grid;grid-template-columns:minmax(145px,.65fr) minmax(0,1fr);align-items:center;gap:18px;width:100%;min-height:226px;padding:16px;border:1px solid #decdea;border-radius:22px;background:#ffffffed;box-shadow:0 15px 32px #5c438126;text-align:left;color:#3f315f;overflow:hidden;transition:transform .28s var(--ease),box-shadow .28s var(--ease),background-color .28s}
.simulation-project-card:hover,.simulation-project-card:focus-visible{transform:translateY(-7px);background:#fff;box-shadow:0 21px 39px #5c43813a}
.simulation-project-art{display:grid;place-items:center;width:100%;height:184px;border-radius:15px;background:#e9dff5;overflow:hidden}
.simulation-project-multimodal .simulation-project-art{background:#dff0f5}
.simulation-project-art svg{width:100%;height:100%;transition:transform .4s var(--ease)}
.simulation-project-card:hover svg,.simulation-project-card:focus-visible svg{transform:translateY(-5px) scale(1.05)}
.simulation-project-copy{display:grid;align-content:center;gap:10px;min-width:0}
.simulation-project-copy small{color:#7655a2;font-size:10px;font-weight:800;letter-spacing:.12em}
.simulation-project-copy strong{font-size:clamp(21px,2vw,29px);letter-spacing:-.04em}
.simulation-project-copy>span{color:#6d607d;font-size:13px;line-height:1.5}
.simulation-project-copy em{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px;color:#6b4b9e;font-size:13px;font-style:normal;font-weight:750}
.simulation-project-copy em i{display:grid;width:30px;height:30px;place-items:center;border-radius:50%;background:#7655a2;color:#fff;font-size:20px;font-style:normal;transition:transform .25s}
.simulation-project-card:hover em i{transform:translate(3px,-3px)}
.simulation-detail{min-height:100%;padding:clamp(28px,4vw,58px) clamp(24px,5vw,74px);background:#fbf8ffde}
.simulation-detail-grid{display:grid;grid-template-columns:1fr .78fr;align-items:center;gap:32px;margin-top:clamp(30px,6vh,65px)}
.simulation-detail-copy h3{margin:0;color:#3f315f;font:500 clamp(40px,4vw,66px)/1.12 "Microsoft YaHei",sans-serif;letter-spacing:-.05em}
.simulation-detail-copy>p:not(.simulation-eyebrow){max-width:43em;margin:22px 0;color:#64547d;font-size:17px;line-height:1.8}
.simulation-detail-status{display:inline-block;padding:12px 16px;background:#eee2fa;color:#64468c;font-size:13px;font-weight:750}
.simulation-detail-art{display:grid;place-items:center;min-height:250px;border-radius:25px;background:#e9dff5b8}
.simulation-detail-art svg{width:min(100%,500px);height:auto}
.simulation-detail-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:clamp(30px,5vh,55px)}
.simulation-detail-steps>div{display:grid;gap:12px;padding:20px;background:#ffffffdd;color:#45365d}
.simulation-detail-steps b{color:#7954ac;font:600 22px Georgia,serif}
.simulation-detail-steps span{font-size:15px;font-weight:700}
.simulation-detail-note{color:#746484;font-size:12px}
@media(prefers-reduced-motion:no-preference){dialog#workspace.module-enter .simulation-hero-copy{animation:lab-intro-in .55s .08s both}.simulation-project-card{animation:simulation-card-enter .62s cubic-bezier(.2,1.25,.35,1) both;animation-delay:calc(.12s + var(--card-index)*.12s)}}
@keyframes simulation-card-enter{from{opacity:0;transform:translateY(45px) rotate(-3deg) scale(.9)}to{opacity:1;transform:none}}
@media(max-width:1000px){.simulation-hero{grid-template-columns:1fr;gap:30px}.simulation-projects{grid-template-columns:repeat(2,minmax(0,1fr))}.simulation-project-card{grid-template-columns:1fr}.simulation-project-art{height:140px}}
@media(max-width:650px){.simulation-hero{padding:32px 18px 45px}.simulation-hero-copy h3{font-size:40px}.simulation-hero-copy>p:not(.simulation-eyebrow){font-size:15px}.simulation-hero-steps{margin-top:32px}.simulation-hero-steps strong{font-size:11px}.simulation-projects{grid-template-columns:1fr}.simulation-project-card{grid-template-columns:120px 1fr;min-height:170px;gap:10px;padding:10px}.simulation-project-art{height:145px}.simulation-project-copy strong{font-size:18px}.simulation-project-copy>span{font-size:11px}.simulation-project-copy em{margin-top:2px;font-size:11px}.simulation-detail{padding:22px 16px 40px}.simulation-detail-grid{grid-template-columns:1fr}.simulation-detail-art{min-height:190px}.simulation-detail-steps{grid-template-columns:1fr}}

/* Three projects share the teaching screen without a page scrollbar. */
@media(min-width:1001px){
  .simulation-hero{gap:clamp(24px,3vw,56px);padding:clamp(22px,3vw,48px)}
  .simulation-projects{gap:12px;min-height:0}
  .simulation-project-card{min-height:0;height:clamp(142px,22vh,184px);gap:15px;padding:12px}
  .simulation-project-art{height:100%}
  .simulation-project-copy{gap:5px}
  .simulation-project-copy strong{font-size:clamp(20px,1.6vw,26px)}
  .simulation-project-copy em{margin-top:2px}
  .simulation-hero-steps{margin-top:clamp(18px,4vh,44px)}
}
.simulation-project-clinical .simulation-project-art{background:#e1eff2}
dialog#workspace #workspace-content[data-view="clinical-simulation"]{padding:0;overflow:hidden}
.clinical-project-shell{position:relative;width:100%;height:100%;min-height:0;background:#071422}
.clinical-project-frame{display:block;width:100%;height:100%;border:0}
.clinical-project-back{position:absolute;top:14px;left:16px;z-index:3;padding:8px 13px;border:1px solid #5a86a0;border-radius:8px;background:#102a3b;color:#f4fbff;font:700 15px/1.25 "Microsoft YaHei",sans-serif;cursor:pointer;transition:transform .18s ease,background-color .18s ease}
.clinical-project-back:hover,.clinical-project-back:focus-visible{transform:translateX(-3px);background:#1e4f65}
@media(max-width:1000px){.clinical-project-back{top:8px;left:8px;padding:6px 10px;font-size:13px}}

/* Clinical experiment hub; existing project screens retain their own styling. */
dialog#workspace #workspace-content[data-view="clinical-area"]{padding:0}
.clinical-hub{min-height:100%;display:grid;grid-template-columns:minmax(300px,.78fr) minmax(0,1.22fr);align-items:center;gap:clamp(28px,4vw,70px);padding:clamp(28px,4vw,60px);background:radial-gradient(circle at 83% 19%,#d5e7fb 0,transparent 38%),linear-gradient(130deg,#f8fcff,#edf5ff 54%,#e9f8f4)}
.clinical-hub-intro h3{margin:0;color:#203857;font:600 clamp(42px,4.1vw,70px)/1.16 "Microsoft YaHei",sans-serif;letter-spacing:-.05em}
.clinical-hub-intro h3 em{color:#397da1;font-style:normal}
.clinical-hub-intro>p:not(.simulation-eyebrow){max-width:33em;margin:24px 0;color:#58728d;font-size:16px;line-height:1.85}
.clinical-hub .simulation-eyebrow,.clinical-area-page .simulation-eyebrow{color:#327b9a}.clinical-hub .simulation-eyebrow span,.clinical-area-page .simulation-eyebrow span{background:#42a9b1;box-shadow:0 0 0 5px #ddf2f2}
.clinical-hub-count{display:flex;align-items:baseline;gap:9px;color:#658096;font-size:13px;margin-top:28px}.clinical-hub-count b{font:700 28px Georgia,serif;color:#2f7e9b}.clinical-hub-count i{width:1px;height:19px;margin:0 13px;background:#aacbd3}
.clinical-area-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.clinical-area-card{display:flex;flex-direction:column;align-items:flex-start;min-width:0;min-height:290px;padding:15px 20px 18px;border:1px solid #d4e4ef;border-radius:22px;background:#ffffffed;text-align:left;color:#203b5c;box-shadow:0 18px 35px #5b8da21b;cursor:pointer;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.clinical-area-card:hover,.clinical-area-card:focus-visible{transform:translateY(-5px);box-shadow:0 22px 42px #5b8da233;border-color:#78b9c4}
.clinical-area-art{display:grid;place-items:center;width:100%;height:128px;border-radius:15px;background:#e1f1f3;overflow:hidden;color:#3c8497}.area-cases .clinical-area-art{background:#e3eefb;color:#5278ad}.area-traditional .clinical-area-art{background:#e9f3eb;color:#588e77}.area-emerging .clinical-area-art{background:#e8ecfb;color:#637ab8}
.clinical-area-art svg{width:100%;height:100%}.clinical-area-art .art-glow{fill:#fff8}.clinical-area-art .art-lines{fill:none;stroke:currentColor;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.clinical-area-art .art-spark{fill:#f2a476;stroke:none}
.clinical-area-meta{margin-top:13px;color:#5187a0;font-size:11px;font-weight:700}.clinical-area-card strong{margin-top:5px;font-size:25px}.clinical-area-summary{margin-top:5px;color:#6b8193;font-size:12px;line-height:1.55}.clinical-area-enter{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:auto;padding-top:11px;color:#397d9c;font-size:12px;font-weight:700}.clinical-area-enter b{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#d8eef1;font-size:17px}
.clinical-area-page{min-height:100%;padding:clamp(28px,4vw,60px);background:linear-gradient(135deg,#f8fcff,#edf7f7)}.clinical-area-back{margin-bottom:26px}.clinical-area-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:25px}.clinical-area-heading h3{margin:0;color:#213b5c;font:600 clamp(38px,3.5vw,58px)/1.2 "Microsoft YaHei",sans-serif}.clinical-area-heading p:last-child{color:#647e92}.clinical-area-heading>span{padding:9px 14px;border-radius:99px;background:#d9efef;color:#367f91;font-size:13px;white-space:nowrap}.clinical-project-grid{grid-template-columns:1fr;max-width:1350px}.clinical-project-grid .simulation-project-card{min-height:178px;height:auto}.clinical-area-pending{display:grid;grid-template-columns:minmax(220px,380px) 1fr;align-items:center;gap:40px;max-width:900px;padding:25px;border:1px solid #dceaf0;border-radius:24px;background:#fff}.clinical-area-pending .clinical-area-art{height:230px}.clinical-area-pending h4{font-size:25px;color:#284665;margin:0 0 10px}.clinical-area-pending p{color:#688195;line-height:1.8}
@media(max-width:1100px){.clinical-hub{grid-template-columns:1fr}.clinical-hub-intro h3 br{display:none}.clinical-area-card{min-height:250px}}
@media(max-width:650px){.clinical-hub,.clinical-area-page{padding:22px 16px 36px}.clinical-area-grid{gap:10px}.clinical-area-card{min-height:220px;padding:10px}.clinical-area-art{height:95px}.clinical-area-card strong{font-size:19px}.clinical-area-summary{font-size:11px}.clinical-hub-count{flex-wrap:wrap}.clinical-area-heading{display:block}.clinical-area-heading>span{display:inline-block}.clinical-area-pending{grid-template-columns:1fr}.clinical-project-grid .simulation-project-card{height:auto}}
@media(prefers-reduced-motion:no-preference){.clinical-area-card{animation:simulation-card-enter .55s both;animation-delay:calc(.08s + var(--card-index)*.08s)}.clinical-area-art .art-spark{animation:clinical-spark 2.8s ease-in-out infinite alternate}.clinical-area-card:hover .art-lines{transform:translateY(-3px);transition:transform .25s ease}}
@keyframes clinical-spark{from{opacity:.4;transform:scale(.75)}to{opacity:1;transform:scale(1.2)}}

/* Lavender clinical experiment palette with a distinct color for each path. */
.clinical-hub{background:radial-gradient(circle at 83% 19%,#e1d0fb 0,transparent 39%),linear-gradient(130deg,#fcf9ff,#f0e9fc 58%,#e9ddfa)}
.clinical-area-page{background:linear-gradient(135deg,#fcf9ff,#eee5fb)}
.clinical-hub-intro h3 em{color:#7652ac}
.clinical-hub .simulation-eyebrow,.clinical-area-page .simulation-eyebrow{color:#7652ac}
.clinical-hub .simulation-eyebrow span,.clinical-area-page .simulation-eyebrow span{background:#9a69d3;box-shadow:0 0 0 5px #eadcf8}
.clinical-hub-count b{color:#7952b2}.clinical-hub-count i{background:#c8b2e3}
.clinical-area-card{--area-accent:#537fc0;--area-tint:#deebff;--area-border:#acc8ee;border-color:var(--area-border);box-shadow:0 18px 35px #75579e22}
.clinical-area-card:hover,.clinical-area-card:focus-visible{border-color:var(--area-accent);box-shadow:0 22px 42px #75579e38}
.area-traditional{--area-accent:#168d72;--area-tint:#d8f5e9;--area-border:#9edec9}
.area-virtual{--area-accent:#9557c9;--area-tint:#ecddfc;--area-border:#ccb0eb}
.area-emerging{--area-accent:#d77b42;--area-tint:#fff0d9;--area-border:#f4c6a4}
.clinical-area-card .clinical-area-art{background:var(--area-tint);color:var(--area-accent)}
.clinical-area-card .art-glow{fill:#fff9}
.clinical-area-card .art-spark{fill:var(--area-accent)}
.clinical-area-card .clinical-area-meta,.clinical-area-card .clinical-area-enter{color:var(--area-accent)}
.clinical-area-card .clinical-area-enter b{background:var(--area-tint)}
.clinical-hub .simulation-eyebrow{font-size:15px;letter-spacing:.12em}
.clinical-hub-intro h3{font-size:clamp(36px,3.15vw,56px);letter-spacing:-.065em}
.clinical-hub-intro h3 em{white-space:nowrap}
@media(max-width:1100px){.clinical-hub-intro h3 br{display:block}}
@media(max-width:650px){.clinical-hub-intro h3{font-size:clamp(28px,7vw,42px)}.clinical-hub .simulation-eyebrow{font-size:13px}}
dialog#workspace #workspace-content[data-view="clinical-case-chapter"]{padding:0}
.clinical-case-grid,.clinical-case-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;max-width:1500px}
.clinical-case-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;min-height:180px;padding:17px;border:1px solid #d8c9ed;border-radius:18px;background:#fff;text-align:left;color:#273d5e;cursor:pointer;box-shadow:0 12px 26px #79609b14;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.clinical-case-card:hover,.clinical-case-card:focus-visible{transform:translateY(-4px);border-color:#9970cb;box-shadow:0 16px 30px #79609b30}
.clinical-case-icon{display:grid;place-items:center;width:54px;height:54px;border-radius:15px;background:#e9dcfa;color:#8053b9}.clinical-case-icon svg{width:54px;height:45px}.clinical-case-icon .art-glow{fill:#fff9}.clinical-case-icon .art-lines{fill:none;stroke:currentColor;stroke-width:8;stroke-linecap:round;stroke-linejoin:round}.clinical-case-icon .art-spark{fill:#c596e1}
.clinical-case-number{margin-top:12px;color:#8053b9;font-size:11px;font-weight:700}.clinical-case-card strong{font-size:18px;margin-top:3px}.clinical-case-card small{margin-top:auto;padding-top:8px;color:#75829a}.clinical-case-card>b{position:absolute;right:18px;bottom:18px;color:#8053b9}
.clinical-case-media{display:flex;flex-direction:column;min-width:0;padding:9px;border:1px solid #dfd5ee;border-radius:15px;background:#fff;text-align:left;color:#263b5b;cursor:pointer;overflow:hidden;transition:transform .2s ease,border-color .2s ease}.clinical-case-media:hover,.clinical-case-media:focus-visible{transform:translateY(-3px);border-color:#9870c5}
.clinical-case-thumb{display:grid;place-items:center;width:100%;height:145px;border-radius:9px;background:#e9e2f4;overflow:hidden}.clinical-case-thumb img{width:100%;height:100%;object-fit:cover}.case-video-symbol{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:#fff9;color:#8053b9;font-size:25px}.clinical-case-media strong{margin:10px 4px 3px;font-size:13px;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clinical-case-media small{margin:0 4px 5px;color:#7a879a}
.clinical-case-loading{color:#765c9a}.clinical-case-loading button{margin-left:10px;border:0;background:none;color:#704aa8;cursor:pointer}
.clinical-case-viewer{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:25px;background:#0b102be8}.clinical-case-viewer-inner{position:relative;display:grid;justify-items:center;max-width:min(96vw,1200px);max-height:92vh;color:#fff}.clinical-case-viewer img,.clinical-case-viewer video{display:block;max-width:100%;max-height:80vh;object-fit:contain;background:#fff}.clinical-case-viewer p{margin:12px 0 0;text-align:center}.case-viewer-close{position:absolute;right:0;top:-45px;width:38px;height:38px;border:1px solid #fff9;border-radius:50%;background:#3c315f;color:#fff;font-size:27px;cursor:pointer}
@media(max-width:1000px){.clinical-case-grid,.clinical-case-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:650px){.clinical-case-grid,.clinical-case-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.clinical-case-card{min-height:165px;padding:12px}.clinical-case-card strong{font-size:15px}.clinical-case-thumb{height:115px}}
.clinical-case-card{--case-accent:#8155b7;--case-tint:#edddff;--case-border:#d5b9ef;min-height:205px;align-items:center;justify-content:center;border-color:var(--case-border);background:linear-gradient(160deg,#fff 45%,var(--case-tint));text-align:center}
.clinical-case-card:hover,.clinical-case-card:focus-visible{border-color:var(--case-accent)}
.clinical-case-card:nth-child(n+5):nth-child(-n+8){--case-accent:#dc6c78;--case-tint:#ffe3e8;--case-border:#f2bcc6}
.clinical-case-card:nth-child(n+9):nth-child(-n+12){--case-accent:#188e84;--case-tint:#def6ef;--case-border:#a9e0d4}
.clinical-case-card:nth-child(n+13):nth-child(-n+16){--case-accent:#4d80c1;--case-tint:#e0edff;--case-border:#b2cdea}
.clinical-case-card:nth-child(n+17){--case-accent:#b57b30;--case-tint:#fff0ce;--case-border:#ead3a4}
.clinical-case-icon{position:relative;display:grid;place-items:center;width:82px;height:82px;border-radius:25px;background:var(--case-tint);color:var(--case-accent);box-shadow:inset 0 2px 0 #fff,0 7px 14px #3a28561a;font-size:43px;line-height:1;transition:transform .25s ease}
.clinical-case-icon::before,.clinical-case-icon::after{content:"✦";position:absolute;color:var(--case-accent);font-size:13px}.clinical-case-icon::before{right:-11px;top:7px}.clinical-case-icon::after{left:-10px;bottom:9px;font-size:9px}
.clinical-case-card:hover .clinical-case-icon{transform:translateY(-4px) rotate(-4deg) scale(1.06)}
.clinical-case-number{margin-top:12px;color:var(--case-accent);font-size:13px}.clinical-case-card strong{font-size:21px;line-height:1.3;margin-top:5px}.clinical-case-card small{margin-top:8px;padding:0;font-size:13px}.clinical-case-card>b{right:16px;bottom:13px;color:var(--case-accent)}
@media(max-width:650px){.clinical-case-card{min-height:185px}.clinical-case-icon{width:68px;height:68px;border-radius:20px;font-size:36px}.clinical-case-card strong{font-size:16px}.clinical-case-number,.clinical-case-card small{font-size:11px}}
.clinical-case-media.is-pending{cursor:default;opacity:.65}.clinical-case-media.is-pending:hover{transform:none;border-color:#dfd5ee}.clinical-case-media.is-pending .clinical-case-thumb{background:#f0edf4}.clinical-case-media.is-pending .case-video-symbol{color:#a6a1b1}
.experiment-page{--exp:#387c89;--exp-soft:#d9eff1;--exp-border:#bddde0}
.experiment-emerging{--exp:#8860b6;--exp-soft:#ecdefa;--exp-border:#d9c2ef;background:radial-gradient(circle at 90% 8%,#e5d3fb,transparent 35%),linear-gradient(135deg,#fcf8ff,#efe6fb)}
.experiment-lead{display:flex;align-items:end;justify-content:space-between;gap:25px;max-width:1500px;margin-bottom:28px;padding-bottom:23px;border-bottom:1px solid var(--exp-border)}
.experiment-lead h3{margin:0;color:#22395b;font:600 clamp(37px,3.4vw,55px)/1.2 "Microsoft YaHei",sans-serif}.experiment-lead p:last-child{margin:13px 0 0;color:#63798e;line-height:1.6}.experiment-lead .simulation-eyebrow{color:var(--exp)}
.experiment-tally{display:flex;gap:10px;flex:none}.experiment-tally strong{display:flex;flex-direction:column;min-width:93px;padding:12px 15px;border:1px solid var(--exp-border);border-radius:13px;background:#fff9;color:var(--exp);font:700 25px Georgia,serif}.experiment-tally small{margin-top:4px;font:12px "Microsoft YaHei",sans-serif;color:#657a8c}
.experiment-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;max-width:1500px}.experiment-chapter{display:flex;align-items:center;gap:14px;min-width:0;min-height:92px;padding:13px 17px;border:1px solid var(--exp-border);border-radius:14px;background:#fff9;text-align:left;color:#253e5d;cursor:pointer;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.experiment-chapter:hover,.experiment-chapter:focus-visible{transform:translateX(4px);border-color:var(--exp);box-shadow:0 12px 24px #6a548023}
.experiment-number{font:700 29px Georgia,serif;color:var(--exp);opacity:.78}.experiment-icon{display:grid;place-items:center;width:48px;height:48px;flex:none;border-radius:13px;background:var(--exp-soft);font-size:26px}.experiment-copy{display:flex;flex-direction:column;gap:5px;min-width:0}.experiment-copy strong{font-size:17px}.experiment-copy small{color:#738399;font-size:12px}.experiment-arrow{margin-left:auto;color:var(--exp);font-size:20px}
.experiment-emerging .experiment-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.experiment-emerging .experiment-chapter{min-height:165px;align-items:flex-start;flex-wrap:wrap;align-content:space-between;background:linear-gradient(145deg,#fff,#f7f0ff);border-radius:19px}.experiment-emerging .experiment-number{font-size:19px}.experiment-emerging .experiment-icon{margin-left:auto;width:64px;height:64px;font-size:34px}.experiment-emerging .experiment-copy{width:calc(100% - 24px)}.experiment-emerging .experiment-copy strong{font-size:20px}.experiment-emerging .experiment-arrow{align-self:end}
.experiment-items{display:grid;gap:10px;max-width:1300px}.experiment-item{display:flex;align-items:center;gap:18px;width:100%;min-height:76px;padding:12px 20px;border:1px solid var(--exp-border);border-radius:12px;background:#fff;text-align:left;color:#29425e;cursor:pointer}.experiment-item:hover:not(:disabled){border-color:var(--exp);background:#f9feff}.experiment-item-number{color:var(--exp);font:700 21px Georgia,serif}.experiment-item-play{display:grid;place-items:center;width:42px;height:42px;flex:none;border-radius:50%;background:var(--exp-soft);color:var(--exp);font-size:16px}.experiment-item strong{flex:1;min-width:0;font-size:16px}.experiment-item small{color:var(--exp);white-space:nowrap}.experiment-item>b{color:var(--exp);font-size:18px}.experiment-item.is-pending{opacity:.58;cursor:default}.experiment-emerging .experiment-items{grid-template-columns:repeat(2,minmax(0,1fr))}.experiment-emerging .experiment-item{align-items:flex-start;flex-wrap:wrap;min-height:120px}.experiment-emerging .experiment-item strong{flex-basis:calc(100% - 105px)}
@media(max-width:1050px){.experiment-lead{align-items:flex-start;flex-direction:column}.experiment-emerging .experiment-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.experiment-emerging .experiment-items{grid-template-columns:1fr}}
@media(max-width:650px){.experiment-grid,.experiment-emerging .experiment-grid{grid-template-columns:1fr}.experiment-emerging .experiment-chapter{min-height:125px}.experiment-tally{flex-wrap:wrap}.experiment-tally strong{min-width:80px;padding:9px 11px;font-size:21px}.experiment-item{gap:9px;padding:10px}.experiment-item strong{font-size:13px}.experiment-item small{font-size:11px}}
.clinical-hub-paths{display:flex;flex-wrap:wrap;gap:9px;margin-top:30px}.clinical-hub-paths span{padding:9px 13px;border:1px solid #d6c4eb;border-radius:999px;background:#ffffffa8;color:#7552a5;font-size:13px;font-weight:700}
dialog#workspace #workspace-content[data-view="simulation-home"]{padding:0;scroll-snap-type:y mandatory}
.clinical-landing,.clinical-board-screen{min-height:100%;scroll-snap-align:start;scroll-snap-stop:always}
.clinical-landing{display:grid;grid-template-columns:minmax(0,.96fr) minmax(0,1.04fr);align-items:center;gap:clamp(24px,3vw,56px);padding:clamp(26px,4vw,62px);background:radial-gradient(circle at 80% 18%,#e5d6fa,transparent 42%),linear-gradient(125deg,#fcf9ff,#f1eafa 65%,#e9ddf7)}
.clinical-landing .simulation-eyebrow,.clinical-board-screen .simulation-eyebrow{color:#7652ac;font-size:14px;letter-spacing:.12em}.clinical-landing .simulation-eyebrow span,.clinical-board-screen .simulation-eyebrow span{background:#9a69d3;box-shadow:0 0 0 5px #eadcf8}
.clinical-landing .clinical-hub-intro h3{font-size:clamp(36px,3.15vw,56px)}.clinical-landing .clinical-hub-intro h3 em{color:#7652ac}
.clinical-landing-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:30px}.clinical-landing-stats div{display:flex;flex-direction:column;gap:5px;padding:14px 9px;border-top:2px solid #ae90d0}.clinical-landing-stats strong{color:#7952b2;font:700 clamp(24px,2.2vw,38px) Georgia,serif}.clinical-landing-stats span{color:#6e6385;font-size:12px;white-space:nowrap}
.clinical-scroll-next{display:inline-flex;align-items:center;gap:20px;margin-top:28px;padding:13px 18px;border:0;border-radius:8px;background:#7854ae;color:#fff;font-weight:700;cursor:pointer;box-shadow:0 11px 24px #7151a53b}.clinical-scroll-next:hover{background:#68449d}
.clinical-landing-art{margin:0;padding:10px;border:1px solid #d8c5eb;border-radius:20px;background:#fff;box-shadow:0 22px 45px #7c60992b}.clinical-landing-art img{display:block;width:100%;height:auto;max-height:68vh;object-fit:contain;border-radius:11px}
.clinical-board-screen{display:grid;grid-template-columns:minmax(230px,.42fr) minmax(0,1fr);align-items:center;gap:clamp(24px,4vw,70px);padding:clamp(24px,3.6vw,54px);background:radial-gradient(circle at 78% 30%,#e1d0fb 0,transparent 42%),linear-gradient(130deg,#faf6ff,#eee4fb)}
.clinical-board-intro h3{margin:0;color:#203857;font:600 clamp(35px,3.4vw,56px)/1.25 "Microsoft YaHei",sans-serif;letter-spacing:-.05em}.clinical-board-intro>p:last-child{max-width:25em;color:#655c7b;line-height:1.8}.clinical-board-screen .clinical-area-grid{align-self:center}.clinical-board-screen .clinical-area-card{min-height:clamp(190px,27vh,260px)}.clinical-board-screen .clinical-area-art{height:clamp(75px,11vh,112px)}
@media(max-width:1100px){.clinical-landing{grid-template-columns:1fr 1fr}.clinical-board-screen{grid-template-columns:1fr}.clinical-board-intro h3 br{display:none}.clinical-board-screen .clinical-area-grid{width:100%}}
@media(max-width:700px){dialog#workspace #workspace-content[data-view="simulation-home"]{scroll-snap-type:y proximity}.clinical-landing,.clinical-board-screen{min-height:100%;grid-template-columns:1fr;padding:25px 18px;gap:18px}.clinical-landing-art img{max-height:40vh}.clinical-landing-stats{grid-template-columns:repeat(2,1fr);margin-top:18px}.clinical-scroll-next{margin-top:16px}.clinical-board-intro h3{font-size:34px}.clinical-board-screen .clinical-area-card{min-height:190px}}
.clinical-landing-total{display:flex;align-items:baseline;gap:14px;margin-top:25px;color:#7552a5}.clinical-landing-total strong{font:700 clamp(48px,4vw,70px)/1 Georgia,serif}.clinical-landing-total span{font-size:14px;font-weight:700}
.clinical-landing-stats{margin-top:12px}.clinical-landing-stats div{padding-top:10px;padding-bottom:7px}.clinical-landing-stats strong{font-size:clamp(22px,1.8vw,32px)}
.clinical-area-count{margin-top:8px;color:var(--area-accent);font-size:12px;font-weight:800}.clinical-board-screen .clinical-area-enter{padding-top:6px}

/* Each clinical library has its own color and a compact chapter overview. */
.case-library-page{--library:#426fb5;--library-soft:#dceaff;background:linear-gradient(135deg,#f7fbff,#e5f0ff)}
.experiment-traditional{--library:#158571;--library-soft:#d8f3e8;background:linear-gradient(135deg,#f7fffc,#e4f5ed)}
.virtual-library-page{--library:#8154b8;--library-soft:#eadcfb;background:linear-gradient(135deg,#fcf8ff,#efe5fc)}
.experiment-emerging{--library:#cb7139;--library-soft:#ffead8;background:linear-gradient(135deg,#fffaf4,#ffead9)}
.case-library-page,.virtual-library-page,.experiment-page{padding:clamp(20px,2.5vw,38px)}
.case-library-page .clinical-area-back,.virtual-library-page .clinical-area-back,.experiment-page .clinical-area-back{margin-bottom:13px}
.case-library-page .clinical-area-heading,.virtual-library-page .clinical-area-heading,.experiment-page .experiment-lead{align-items:center;max-width:none;margin-bottom:16px;padding:13px 20px 15px;border:1px solid color-mix(in srgb,var(--library) 25%,white);border-left:6px solid var(--library);border-radius:15px;background:linear-gradient(100deg,#fff,var(--library-soft));box-shadow:0 12px 25px #596c9020}
.case-library-page .clinical-area-heading h3,.virtual-library-page .clinical-area-heading h3,.experiment-page .experiment-lead h3{color:var(--library);font-size:clamp(39px,3.3vw,58px);font-weight:800;letter-spacing:-.05em}
.case-library-page .simulation-eyebrow,.virtual-library-page .simulation-eyebrow,.experiment-page .simulation-eyebrow{color:var(--library)}
.case-library-page .simulation-eyebrow span,.virtual-library-page .simulation-eyebrow span,.experiment-page .simulation-eyebrow span{background:var(--library);box-shadow:0 0 0 5px var(--library-soft)}
.case-library-page .clinical-area-heading p:last-child,.virtual-library-page .clinical-area-heading p:last-child,.experiment-page .experiment-lead p:last-child{margin:5px 0 0;font-size:13px;color:#60748d}
@media(min-width:1200px){
  .case-library-page .clinical-case-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;max-width:none}
  .case-library-page .clinical-case-card{min-height:145px;padding:10px}
  .case-library-page .clinical-case-icon{width:54px;height:54px;border-radius:16px;font-size:30px}
  .case-library-page .clinical-case-number{margin-top:5px;font-size:11px}
  .case-library-page .clinical-case-card strong{margin-top:2px;font-size:16px}
  .case-library-page .clinical-case-card small{margin-top:4px;font-size:11px}
  .experiment-traditional .experiment-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-width:none}
  .experiment-traditional .experiment-chapter{min-height:72px;padding:7px 12px;gap:10px}
  .experiment-traditional .experiment-number{font-size:23px}.experiment-traditional .experiment-icon{width:37px;height:37px;font-size:21px}
  .experiment-traditional .experiment-copy strong{font-size:15px}.experiment-traditional .experiment-copy small{font-size:11px}
  .experiment-emerging .experiment-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;max-width:none}
  .experiment-emerging .experiment-chapter{min-height:145px;padding:11px}
  .experiment-emerging .experiment-number{font-size:17px}.experiment-emerging .experiment-icon{width:45px;height:45px;font-size:26px}
  .experiment-emerging .experiment-copy strong{font-size:15px}.experiment-emerging .experiment-copy small{font-size:11px}
  .virtual-library-page .clinical-project-grid{max-width:none;gap:10px}
  .virtual-library-page .simulation-project-card{min-height:0;height:clamp(150px,20vh,185px)}
}
@media(min-width:1000px) and (max-width:1199px){.case-library-page .clinical-case-grid,.experiment-emerging .experiment-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.case-library-page .clinical-case-card,.experiment-emerging .experiment-chapter{min-height:145px;padding:9px}.case-library-page .clinical-case-icon{width:50px;height:50px;font-size:28px}.case-library-page .clinical-case-card strong,.experiment-emerging .experiment-copy strong{font-size:14px}.experiment-traditional .experiment-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.experiment-traditional .experiment-chapter{min-height:72px;padding:8px}.experiment-traditional .experiment-icon{width:34px;height:34px;font-size:20px}}
@media(max-width:650px){.case-library-page,.virtual-library-page,.experiment-page{padding:18px 14px}.case-library-page .clinical-area-heading,.virtual-library-page .clinical-area-heading,.experiment-page .experiment-lead{padding:12px 14px}.case-library-page .clinical-area-heading h3,.virtual-library-page .clinical-area-heading h3,.experiment-page .experiment-lead h3{font-size:36px}}
.clinical-board-screen .clinical-area-art svg{transform:none;transition:transform .3s ease}
.clinical-board-screen .clinical-area-card:hover .clinical-area-art svg{transform:scale(1.06)}
@media(min-width:1100px){
  .clinical-board-screen .clinical-area-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(190px,42%);grid-template-rows:auto auto 1fr auto auto;column-gap:22px;row-gap:5px;align-items:start;min-height:clamp(225px,31vh,295px);padding:22px;border-radius:24px;background:linear-gradient(120deg,#fff 40%,color-mix(in srgb,var(--area-tint) 54%,white));box-shadow:0 14px 33px #65528c18}
  .clinical-board-screen .clinical-area-art{grid-column:2;grid-row:1/6;width:100%;height:100%;min-height:180px;border-radius:18px;background:color-mix(in srgb,var(--area-tint) 78%,white)}
  .clinical-board-screen .clinical-area-meta,.clinical-board-screen .clinical-area-card strong,.clinical-board-screen .clinical-area-summary,.clinical-board-screen .clinical-area-count,.clinical-board-screen .clinical-area-enter{grid-column:1}
  .clinical-board-screen .clinical-area-meta{grid-row:1;margin:4px 0 0;font-size:12px}
  .clinical-board-screen .clinical-area-card strong{grid-row:2;margin:5px 0 0;font-size:clamp(24px,2vw,34px)}
  .clinical-board-screen .clinical-area-summary{grid-row:3;margin:8px 0 0;font-size:13px;line-height:1.65}
  .clinical-board-screen .clinical-area-count{grid-row:4;margin:8px 0 0;font-size:13px}
  .clinical-board-screen .clinical-area-enter{grid-row:5;align-self:end;margin:5px 0 0;padding:0;font-size:13px}
}
@media(max-width:1099px){.clinical-board-screen .clinical-area-art{height:clamp(100px,14vh,140px)}}
dialog#workspace #workspace-content[data-view="virtual-library"]{padding:0}
.virtual-guide-card{display:flex;flex-direction:column;align-items:flex-start;min-width:0;padding:22px;border:1px solid #cdb7e7;border-radius:22px;background:linear-gradient(150deg,#fff,#e9d9fb);color:#3f315f;box-shadow:0 15px 32px #5c438126}
.virtual-guide-symbol{display:grid;place-items:center;width:70px;height:70px;border-radius:19px;background:#d9c1f4;color:#7651aa;font-size:42px}.virtual-guide-card small{margin-top:18px;color:#7651aa;font-weight:800}.virtual-guide-card strong{margin-top:10px;font-size:clamp(19px,1.5vw,28px)}.virtual-guide-card p{color:#68577e;font-size:14px;line-height:1.7}.virtual-guide-card ol{margin:auto 0 0;padding-left:21px;color:#7651aa;font-size:13px;line-height:1.9;font-weight:700}
@media(min-width:1100px) and (min-height:650px){dialog#workspace #workspace-content[data-view="virtual-library"]{overflow:hidden}.virtual-library-page{height:100%;min-height:0;display:flex;flex-direction:column}.virtual-library-page .clinical-project-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:minmax(0,1fr);gap:12px;flex:1;min-height:0;max-width:none}.virtual-library-page .simulation-project-card{display:flex;flex-direction:column;align-items:stretch;height:100%;min-height:0;padding:14px}.virtual-library-page .simulation-project-art{height:clamp(115px,18vh,175px);flex:none}.virtual-library-page .simulation-project-copy{flex:1;gap:8px;padding:8px 3px}.virtual-library-page .simulation-project-copy strong{font-size:clamp(17px,1.4vw,24px);line-height:1.3}.virtual-library-page .simulation-project-copy em{margin-top:auto}.virtual-library-page .virtual-guide-card{height:100%}}
@media(min-width:700px) and (max-width:1099px){.virtual-library-page .clinical-project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.virtual-library-page .simulation-project-card{height:auto;min-height:220px}}
@media(max-width:699px){.virtual-library-page .clinical-project-grid{grid-template-columns:1fr}.virtual-guide-card{min-height:220px}}
.virtual-hernia-card{align-items:stretch;background:#fff;border-style:dashed}
.virtual-hernia-card .simulation-project-art{display:grid;place-items:center;width:100%;height:175px;border-radius:15px;background:#eadff6}
.virtual-hernia-card .simulation-project-art svg{width:100%;height:100%}
.virtual-hernia-card .simulation-project-copy{display:grid;align-content:start;gap:9px;padding:11px 3px}
.virtual-hernia-card .simulation-project-copy small,.virtual-hernia-card .simulation-project-copy strong{margin:0}
.virtual-hernia-card .simulation-project-copy strong{font-size:clamp(23px,1.7vw,29px)}
.virtual-hernia-card{cursor:pointer;border-style:solid;border-color:#bda5df;transition:transform .2s,box-shadow .2s}
.virtual-hernia-card:hover,.virtual-hernia-card:focus-visible{transform:translateY(-4px);box-shadow:0 14px 30px #6d4c9b30;outline:2px solid #7656a5;outline-offset:2px}