:root{
  --wine:#8d0b18;--wine2:#b3142a;--ink:#17315c;--muted:#64748b;--blue:#1f7ae0;--sky:#eef6ff;--green:#1d9b62;--orange:#f59e0b;--red:#e54545;--violet:#7657d5;--paper:#f5f8fc;--line:#dce5f0;--white:#fff;--shadow:0 10px 30px rgba(19,49,92,.08)
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper);line-height:1.5}.topbar{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:340px 1fr auto;align-items:center;gap:22px;padding:10px 22px;background:linear-gradient(100deg,#72070d,#9d0b17);color:#fff;box-shadow:0 3px 14px rgba(80,0,0,.2)}.brand{display:block}.brand img{display:block;width:100%;max-width:320px;height:78px;object-fit:cover;object-position:left center;border-radius:4px}.article-head{min-width:0}.article-head h1{font-family:Georgia,serif;font-size:20px;line-height:1.15;margin:0 0 4px;max-width:760px}.article-head p{margin:0;font-size:13px;opacity:.9}.article-link{color:#fff;text-decoration:none;border:1px solid rgba(255,255,255,.4);padding:10px 14px;border-radius:10px;font-weight:700;white-space:nowrap}.article-link:hover{background:#fff;color:var(--wine)}.app-shell{display:grid;grid-template-columns:220px 1fr;max-width:1600px;margin:auto}.sidebar{position:sticky;top:98px;height:calc(100vh - 98px);padding:22px 14px;border-right:1px solid var(--line);background:#fff}.sidebar nav{display:grid;gap:6px}.nav-item{display:grid;grid-template-columns:34px 1fr;column-gap:9px;text-decoration:none;color:var(--ink);padding:10px;border-radius:11px}.nav-item span{grid-row:1/3;font-weight:900;color:var(--wine)}.nav-item b{font-size:14px}.nav-item small{font-size:12px;color:var(--muted)}.nav-item:hover,.nav-item.active{background:#edf5ff}.nav-item.active{box-shadow:inset 3px 0 0 var(--blue)}.side-note{position:absolute;left:16px;right:16px;bottom:18px;padding:12px;border:1px solid var(--line);border-radius:12px;background:#f8fbff}.side-note strong{font-size:12px}.side-note p{font-size:11px;color:var(--muted);margin:4px 0 0}main{min-width:0;padding:24px}.section{background:#fff;border:1px solid var(--line);border-radius:18px;padding:28px;margin-bottom:22px;box-shadow:var(--shadow)}.section-number{font-size:12px;text-transform:uppercase;letter-spacing:.16em;font-weight:900;color:var(--wine);margin:0 0 8px}.section h2{font-family:Georgia,serif;font-size:34px;line-height:1.08;margin:0 0 12px;color:#163d77}.section-heading{max-width:980px;margin-bottom:22px}.section-heading p{color:var(--muted)}.lead{font-size:18px;color:#425673;max-width:850px}.overview-section{display:grid;grid-template-columns:1.05fr .95fr;gap:36px;align-items:center;background:linear-gradient(135deg,#fff 0,#f7fbff 100%)}.study-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:24px}.study-facts div{padding:16px 10px;background:#f7fbff;border:1px solid var(--line);border-radius:14px;text-align:center}.study-facts strong{display:block;font-size:27px;color:var(--wine)}.study-facts span{font-size:12px;color:var(--muted)}.overview-visual{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:center}.path-node{padding:14px 16px;border-radius:999px;background:#eef6ff;border:1px solid #cfe4fb;font-weight:800;font-size:13px}.overview-visual i{font-style:normal;color:var(--wine);font-weight:900}.white-bear-lab{display:grid;grid-template-columns:1.1fr .9fr;gap:24px;align-items:center}.thought-stage{min-height:250px;border-radius:18px;background:radial-gradient(circle at 50% 48%,#ffffff 0,#eef6ff 60%,#dcecff 100%);display:grid;place-items:center;align-content:center;overflow:hidden;position:relative;border:1px solid #d8e8fb}.bear{font-size:92px;filter:drop-shadow(0 14px 18px rgba(23,49,92,.18));transition:.5s ease}.bear.suppressed{opacity:.05;transform:scale(.55)}.bear.rebound{opacity:1;transform:scale(1.35);animation:pulse .7s ease 2}.thought-label{margin-top:14px;font-weight:900}.lab-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.lab-controls p{width:100%;color:var(--muted)}button{font:inherit}.primary-btn,.ghost-btn{border:0;border-radius:11px;padding:12px 16px;font-weight:850;cursor:pointer}.primary-btn{background:linear-gradient(135deg,var(--wine),var(--wine2));color:#fff;box-shadow:0 7px 18px rgba(141,11,24,.18)}.primary-btn:disabled{opacity:.4;cursor:not-allowed}.ghost-btn{background:#eef3f9;color:var(--ink)}.rebound-meter,.activity-grid>div{display:grid;grid-template-columns:auto 1fr 48px;gap:10px;align-items:center}.meter,.mini-meter{height:10px;border-radius:999px;background:#e5ebf3;overflow:hidden}.meter b,.mini-meter b{display:block;height:100%;width:0;border-radius:999px;background:linear-gradient(90deg,var(--blue),#69b8ff);transition:width .45s ease}.rebound-meter{grid-column:1/-1;margin-top:6px}.inline-heading{display:flex;justify-content:space-between;gap:20px;align-items:end}.mode-tabs{display:flex;gap:8px;flex-wrap:wrap}.mode-tab{border:1px solid var(--line);background:#f7fafe;color:var(--ink);padding:9px 12px;border-radius:10px;font-weight:800;cursor:pointer}.mode-tab.active{background:#edf5ff;border-color:#9bc7ff;color:#0d56ad}.brain-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.65fr);gap:18px}.brain-canvas{border:1px solid var(--line);border-radius:16px;background:linear-gradient(145deg,#f9fcff,#eef5fb);padding:8px}.brain-canvas svg{width:100%;display:block}.brain-shape{fill:url(#brainFill);stroke:#b76f64;stroke-width:3}.brain-folds path{fill:none;stroke:#b57669;stroke-width:7;opacity:.34;stroke-linecap:round}.region{opacity:.22;transition:.25s;cursor:pointer}.pfc-zone{fill:#2688f5}.dmn-zone{fill:#38b96d}.amygdala-zone{fill:#f45845}.region.active{opacity:.6;filter:url(#softGlow)}.network-lines path{fill:none;stroke:#fff;stroke-width:4;stroke-dasharray:12 10;opacity:.92}.region-node{cursor:pointer}.region-node circle{fill:#fff;stroke:currentColor;stroke-width:7;filter:url(#softGlow)}.region-node[data-region=pfc]{color:#1581e7}.region-node[data-region=dmn]{color:#1ea75c}.region-node[data-region=amygdala]{color:#ec4a36}.region-node text{fill:#12345f;font-weight:900;font-size:18px;paint-order:stroke;stroke:#fff;stroke-width:5px;stroke-linejoin:round}.brain-caption{font-size:11px;color:var(--muted);padding:4px 9px 10px}.region-panel{border:1px solid var(--line);border-radius:16px;padding:20px;background:#fbfdff}.region-title{display:flex;gap:12px;align-items:center;border-bottom:1px solid var(--line);padding-bottom:14px;margin-bottom:12px}.region-title>span{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#e8f3ff;color:var(--blue);font-size:23px}.region-title small{color:var(--muted)}.region-title h3{margin:2px 0 0;font-family:Georgia,serif;font-size:22px;color:#1f61ad}.region-panel dl{margin:0}.region-panel dl div{padding:12px 0;border-bottom:1px dashed var(--line)}.region-panel dt{font-weight:900;color:#204a82}.region-panel dd{margin:4px 0 0;color:#53657d}.suppression-panel{margin-top:18px;border:1px solid var(--line);border-radius:14px;padding:16px;display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center;background:#f9fbfe}.slider-wrap label{display:flex;justify-content:space-between;font-weight:850}.slider-wrap input{width:100%;accent-color:var(--wine)}.range-labels{display:flex;justify-content:space-between;font-size:11px;color:var(--muted)}.activity-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:12px}.activity-grid>div{padding:12px;border:1px solid var(--line);border-radius:12px;background:#fbfdff;font-size:12px}.activity-grid span{font-weight:800}.neural-pathway{display:flex;align-items:center;gap:8px;margin-top:14px;overflow-x:auto;padding-bottom:4px}.neural-pathway div{min-width:140px;padding:12px;border-radius:12px;background:#f5f8fc;border:1px solid var(--line);display:flex;gap:8px;align-items:center}.neural-pathway b{display:grid;place-items:center;min-width:26px;height:26px;border-radius:50%;background:#eaf4ff;color:#0a62bf}.neural-pathway span{font-size:12px;font-weight:800}.neural-pathway i{font-style:normal;color:var(--wine)}.clinical-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:18px}.patient-card,.scenario-card{border:1px solid var(--line);border-radius:16px;background:#fbfdff;padding:16px}.patient-card{display:grid;grid-template-columns:180px 1fr .9fr;gap:16px;align-items:center}.patient-illustration{height:210px;border-radius:14px;background:linear-gradient(#e8f3ff,#fff);position:relative;overflow:hidden;border:1px solid var(--line)}.bed{position:absolute;left:14px;right:14px;bottom:35px;height:55px;border-radius:14px;background:#d9e5f2}.patient-head{position:absolute;width:50px;height:50px;border-radius:50%;background:#d7a07f;left:66px;top:55px}.patient-body{position:absolute;width:80px;height:95px;border-radius:30px 30px 12px 12px;background:#7eb1df;left:50px;top:98px;transform:rotate(-8deg)}.leg{position:absolute;width:112px;height:24px;border-radius:20px;background:#6a94bc;left:74px;top:165px;transform:rotate(7deg)}.patient-data h3{font-family:Georgia,serif;margin-top:0;color:#1e579a}.patient-data ul{list-style:none;padding:0;margin:0}.patient-data li{display:flex;justify-content:space-between;gap:10px;padding:5px 0;border-bottom:1px solid #edf1f6;font-size:13px}.patient-data li span{color:var(--muted)}blockquote{margin:14px 0 0;padding:12px;border-left:4px solid var(--wine);background:#fff0f2;color:#7c1320;font-family:Georgia,serif;font-style:italic}.psych-state h4{margin:0 0 10px}.psych-state>div{display:grid;grid-template-columns:1fr 100px 38px;gap:8px;align-items:center;margin:9px 0;font-size:12px}.mini-meter b{background:linear-gradient(90deg,#f0a32c,#e84c4c)}.scenario-card{display:flex;flex-direction:column}.scenario-progress{display:flex;justify-content:space-between;gap:14px;align-items:center;font-weight:850;color:var(--wine)}.dots{display:flex;gap:5px}.dots i{width:11px;height:11px;border-radius:50%;background:#d9e1eb}.dots i.on{background:var(--wine)}.scenario-prompt{margin:16px 0 12px;padding:12px;background:#fff7f8;border:1px solid #f5d8dc;border-radius:12px;font-weight:800}.choices{display:grid;gap:9px}.choice{display:grid;grid-template-columns:38px 1fr;gap:10px;align-items:center;border:1px solid var(--line);background:#fff;border-radius:12px;padding:11px;cursor:pointer;text-align:left;color:var(--ink)}.choice:hover,.choice.selected{border-color:#91c2ff;background:#eef7ff}.choice-letter{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#eaf4ff;color:#0e69c8;font-weight:950}.choice strong{display:block}.choice small{color:var(--muted)}.choice-feedback{min-height:62px;margin:12px 0;padding:10px 12px;border-radius:10px;background:#f5f8fc;color:#53657d;font-size:13px}.scenario-card .primary-btn{align-self:flex-end}.journey-map{margin-top:16px;display:flex;align-items:center;gap:8px;overflow-x:auto}.journey-map div{min-width:130px;text-align:center}.journey-map b{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;margin:auto;background:#edf1f7;color:#6b7890}.journey-map span{display:block;font-size:11px;margin-top:5px}.journey-map .done b{background:#daf4e6;color:#178a55}.journey-map .active b{background:#eaf4ff;color:#0e69c8;box-shadow:0 0 0 5px #d5eaff}.journey-map i{font-style:normal;color:#b4bfd0}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.stats-grid article{padding:16px;border:1px solid var(--line);border-radius:14px;background:#fbfdff}.stats-grid h3{font-size:14px;min-height:42px}.stat-number{font-family:Georgia,serif;font-size:25px;font-weight:900;color:var(--wine);margin:10px 0}.sig-scale{height:12px;border-radius:999px;background:linear-gradient(90deg,#dff5e8 0 5%,#eef2f6 5% 100%);position:relative;margin:14px 0}.sig-scale b{position:absolute;top:50%;width:14px;height:14px;background:var(--wine);border-radius:50%;transform:translate(-50%,-50%)}.sig-scale .threshold{position:absolute;top:-5px;bottom:-5px;width:2px;background:#1e9d5d}.stats-grid p{font-size:12px;color:var(--muted)}.takeaway{margin-top:16px;padding:16px;border-left:5px solid var(--wine);background:#fff7f8;border-radius:10px}.takeaway strong{color:var(--wine)}.takeaway p{margin:4px 0 0}footer{display:grid;grid-template-columns:220px 1fr;gap:18px;align-items:center;padding:18px 4px 34px;color:var(--muted);font-size:12px}footer img{width:210px;border-radius:4px}@keyframes pulse{0%,100%{filter:drop-shadow(0 0 0 rgba(141,11,24,0))}50%{filter:drop-shadow(0 0 25px rgba(141,11,24,.5))}}.simulate .network-lines path{animation:dash 1s linear infinite}.simulate .region-node circle{animation:nodePulse 1.25s ease-in-out infinite}@keyframes dash{to{stroke-dashoffset:-44}}@keyframes nodePulse{50%{r:25}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}@media(max-width:1100px){.topbar{grid-template-columns:260px 1fr}.brand img{height:64px}.article-link{display:none}.app-shell{grid-template-columns:1fr}.sidebar{position:static;height:auto;border-right:0;border-bottom:1px solid var(--line)}.sidebar nav{grid-template-columns:repeat(5,1fr)}.side-note{display:none}.overview-section,.brain-grid,.clinical-grid{grid-template-columns:1fr}.patient-card{grid-template-columns:160px 1fr}.psych-state{grid-column:1/-1}.activity-grid,.stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:720px){.topbar{position:static;grid-template-columns:1fr;padding:8px 12px}.brand img{width:240px;height:62px}.article-head h1{font-size:17px}.app-shell main{padding:12px}.sidebar{padding:10px;overflow-x:auto}.sidebar nav{display:flex;min-width:650px}.nav-item{min-width:120px}.section{padding:18px;border-radius:14px}.section h2{font-size:27px}.overview-section{gap:18px}.study-facts{grid-template-columns:repeat(2,1fr)}.white-bear-lab{grid-template-columns:1fr}.inline-heading{display:block}.mode-tabs{margin-top:12px}.suppression-panel{grid-template-columns:1fr}.activity-grid,.stats-grid{grid-template-columns:1fr}.patient-card{grid-template-columns:1fr}.patient-illustration{height:160px}.psych-state{grid-column:auto}.brain-grid{grid-template-columns:1fr}.region-panel{order:-1}.neural-pathway,.journey-map{padding-bottom:8px}footer{grid-template-columns:1fr}footer img{width:220px}}
