:root{font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif;color:#e6edf8;background:#0b1220;font-synthesis:none}*{box-sizing:border-box}body{margin:0}a{color:#8bd5ed}header{border-bottom:1px solid #253247;background:#101a2b}header .wrap{display:flex;align-items:center;gap:24px;flex-wrap:wrap;padding:16px 0}header strong{font-size:1.4rem;letter-spacing:.02em}nav{display:flex;gap:8px;flex-wrap:wrap}nav a{border-radius:9px;padding:9px 12px;text-decoration:none;color:#c8d7e8}nav a:hover,nav a.active{background:#253850;color:white}.wrap{width:min(1130px,calc(100% - 34px));margin:auto}main{padding:30px 0 60px}h1{font-size:clamp(1.75rem,3.5vw,2.65rem);line-height:1.2;margin:8px 0 15px}h2{margin:10px 0 16px;font-size:1.4rem}p{line-height:1.65;color:#c3d0df}small,.muted{color:#96abc0}.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:#76b8cb;font-size:.8rem}.panel,.tile{border:1px solid #304054;background:#141f30;border-radius:16px;padding:22px;margin:16px 0}.notice{border-left:3px solid #e1bb74;background:#272535;padding:12px 16px;border-radius:6px;line-height:1.6}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px}.tile{margin:0}.tile h3{margin:0 0 8px}.tile a{display:inline-block;margin-top:8px}button,.btn,input,select{font:inherit;border-radius:9px;border:1px solid #47566e;background:#1f3048;color:#f3f6fb;padding:10px 13px}button,.btn{cursor:pointer}button:hover,.btn:hover{background:#2e4765}.primary{background:#146f85;border-color:#2097af}input[type=file]{width:100%}input[type=number]{width:115px}label{display:flex;flex-direction:column;gap:6px;font-size:.88rem;color:#bacbda}.controls{display:flex;gap:14px;flex-wrap:wrap;align-items:end;margin:17px 0}.plot{background:#0a1627;border:1px solid #32465d;border-radius:12px;overflow:hidden;margin:12px 0}canvas{width:100%;height:190px;display:block}.spectrogram{height:260px}.plot-caption{color:#abc3d2;margin:14px 0 5px;font-size:.9rem}.stats{display:flex;flex-wrap:wrap;gap:14px}.stats span{border:1px solid #35485e;border-radius:8px;padding:8px 10px;color:#cce0e9}.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(175px,1fr));gap:14px}.gallery a{background:#1c2b40;padding:8px;border-radius:11px;text-decoration:none;overflow:hidden}.gallery img{width:100%;height:145px;object-fit:contain}.gallery span{font-size:.75rem;overflow-wrap:anywhere;display:block}.library{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px}.library a{border:1px solid #2b4058;padding:12px;border-radius:8px;overflow-wrap:anywhere}footer{border-top:1px solid #304054;padding:22px 0;color:#9aafc4}table{border-collapse:collapse;width:100%}td,th{border-bottom:1px solid #35435a;text-align:left;padding:10px}code{color:#9be0ce}#status{font-size:.9rem;color:#9be0ce}.nav-list a{display:block;padding:12px;border-bottom:1px solid #29384e}.hidden{display:none!important}@media(max-width:650px){.panel{padding:15px}.controls>*{width:100%}input[type=number]{width:100%}header .wrap{gap:10px}}

.audio-player{display:block;width:100%;max-width:640px;margin:15px 0}.audio-player[hidden]{display:none}#cwt-panel{margin:24px 0;padding:16px;border:1px solid #334456;border-radius:12px}#cwt-panel.hidden{display:none}#cwt-panel .controls{margin:16px 0}#cwt-status{margin-top:8px}canvas{max-width:100%;height:auto}

/* 0.4: light 2010s academic theme, informed by original bundled Spectrum theme, no WordPress runtime */
:root{font-family:Arial,Verdana,sans-serif;color:#39434d;background:#e7edf2;font-synthesis:none}
body{background:linear-gradient(180deg,#d4e3ef 0,#eef2f4 260px,#e5eaee 100%);color:#39434d}
a{color:#18618b}
header{background:linear-gradient(180deg,#427da8,#2d658f);border-bottom:5px solid #dfac61;box-shadow:0 2px 9px #24496933}
header .wrap{padding:13px 0;align-items:center;justify-content:space-between}
header strong{font:700 1.65rem Georgia,serif;letter-spacing:.025em;color:white;text-shadow:0 1px 2px #183f5b}
header strong small{display:block;font:400 .67rem Arial,sans-serif;letter-spacing:.12em;color:#dbedf9;margin-left:27px;margin-top:1px}
.brand-icon{color:#f2c979}
nav{gap:2px}
nav a{border-radius:4px 4px 0 0;color:#f0f6fa;padding:12px 13px;font-weight:bold;font-size:.9rem}
nav a:hover,nav a.active{background:#fafcfe;color:#285f88;text-decoration:none}
.wrap{width:min(1090px,calc(100% - 30px))}
main{min-height:72vh;background:#fff;box-shadow:0 5px 28px #67809b24;padding:34px 30px 75px}
h1,h2,h3{color:#2b6189;font-family:Georgia,serif}
h1{font-size:clamp(1.75rem,3vw,2.45rem);border-bottom:1px solid #d8e5ec;padding-bottom:12px}
p{color:#526270}
.eyebrow,.intro-kicker{color:#ad773e;letter-spacing:.08em;font-size:.79rem;text-transform:uppercase;font-weight:bold}
.panel,.tile{border-radius:5px;border:1px solid #d5e2ea;background:linear-gradient(#fff,#f8fbfd);box-shadow:0 2px 7px #2e617310;padding:24px}
.tile{border-top:4px solid #5c9ac0}
.tile h3{margin:0}
.notice{background:#fff7ea;color:#685337;border-left-color:#c99c57}
button,.btn,input,select{background:#fff;border:1px solid #b4c9d6;color:#344c60;border-radius:4px}
button:hover,.btn:hover{background:#e7f3fa}
.primary{background:#337ca8;color:white;border-color:#32739c}
label{color:#4b6578}
.plot{background:#0a1627}
.stats span{color:#376485;border-color:#bdcfdf;background:#eff6fa}
footer{background:#dce6ed;color:#587185}
footer .wrap{padding:5px 0}
code{color:#176c81}
.nav-list a{border-bottom-color:#dce5eb}
.nav-list a[aria-current]{background:#e7f3fa;font-weight:bold}
.intro{background:linear-gradient(120deg,#e8f3f9,#fff);border-left:5px solid #609bc1}
.intro h2{font-size:1.5rem}
.home-footnote{font-size:.86rem}
.author-lead{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(220px,.8fr);gap:32px}
.diploma{margin:0;text-align:center}.diploma img{width:100%;max-width:390px;max-height:690px;object-fit:contain;border:1px solid #d8dde1;box-shadow:0 4px 17px #66778830}.diploma figcaption{font-size:.8rem;color:#617584;line-height:1.5;margin-top:10px}
#cwt-panel{border-color:#ccdce7}
.research-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px}
.research-metric{border:1px solid #d1e1eb;background:#f1f7fa;border-radius:5px;padding:15px}
.research-metric b{display:block;font:700 1.5rem Georgia,serif;color:#245f8a;margin:5px 0}
.research-metric small{color:#62798a}
.research-track{position:relative;background:#e8f1f6;border:1px solid #c1d7e5;height:85px;border-radius:5px;overflow:hidden}
.research-track canvas{width:100%;height:85px}
.research-results table{font-size:.9rem}
.research-results td,.research-results th{border-color:#d8e3ea}
.research-source{border-left:3px solid #6a9fbc;margin:14px 0;padding:7px 17px;background:#f7fafc}
.research-source h3{margin:5px 0}
.research-source p{margin:6px 0}
.warning-safety{border:1px solid #ecd9b5;background:#fff7e6;padding:14px 17px;border-radius:5px;color:#735331;margin:16px 0;line-height:1.6}
@media(max-width:760px){main{padding:21px 13px 40px}.author-lead{grid-template-columns:1fr}header strong{font-size:1.35rem}nav a{padding:7px 8px}.panel{padding:17px}}

/* ===== LEGACY RECONSTRUCTION ===== */
.legacy-shell{
  background:#ff0022;
  min-height:100vh;
  color:#222;
  font-family:Arial,Helvetica,sans-serif;
}
.legacy-top{
  background:
    radial-gradient(circle at 35% 30%, #ff2350 0, #c40014 25%, #9d0011 45%, #9d0011 60%, #b20013 100%);
  border-bottom:1px solid #8d0010;
}
.legacy-top-inner{
  width:min(1800px, calc(100% - 24px));
  margin:auto;
  min-height:124px;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  padding:22px 10px 14px;
}
.legacy-brand h1{
  margin:0;
  font-size:28px;
  line-height:1.1;
  color:#fff;
  font-family:Arial,Helvetica,sans-serif;
  font-weight:bold;
}
.legacy-sub{
  margin-top:8px;
  font-size:12px;
  color:#111;
}
.legacy-search{
  display:flex;
  align-items:center;
  gap:4px;
}
.legacy-search input{
  width:164px;
  height:30px;
  border:1px solid #777;
  background:#fff;
  color:#333;
  padding:4px 8px;
  border-radius:0;
}
.legacy-search button{
  width:31px;
  height:30px;
  padding:0;
  border:1px solid #777;
  background:#d9d9d9;
  color:#111;
  border-radius:15px;
}
.legacy-page{
  width:min(1820px, calc(100% - 24px));
  margin:0 auto;
  padding:10px 0 30px;
  display:grid;
  grid-template-columns:205px minmax(640px,1fr) 205px;
  gap:12px;
}
.legacy-box{
  background:#fff;
  border:1px solid #c0c0c0;
  border-radius:6px;
  overflow:hidden;
  margin-bottom:10px;
}
.legacy-box-title{
  position:relative;
  background:linear-gradient(#efefef,#cccccc);
  color:#555;
  font-weight:bold;
  padding:6px 10px;
  border-bottom:1px solid #bbb;
  font-size:13px;
}
.legacy-box-title::after{
  content:"";
  position:absolute;
  right:8px;
  top:8px;
  width:10px;
  height:10px;
  border-radius:50%;
  background:#8ab52b;
  box-shadow:0 0 0 1px #7da321;
}
.legacy-box-body{
  padding:8px 10px 12px;
  background:#fff;
}
.legacy-box-body a{
  display:block;
  padding:5px 0;
  color:#111;
  text-decoration:none;
  font-size:12px;
}
.legacy-box-body a:hover{
  text-decoration:underline;
}
.legacy-award{
  text-align:center;
}
.legacy-award img{
  width:160px;
  max-width:100%;
  border:1px solid #ddd;
}
.legacy-main{
  background:#f8f8f8;
  border:1px solid #bdbdbd;
  border-radius:6px;
  overflow:hidden;
}
.legacy-tabs{
  display:flex;
  gap:1px;
  align-items:flex-end;
  background:linear-gradient(#ededed,#cfcfcf);
  border-bottom:1px solid #b9b9b9;
  padding:0 10px;
}
.legacy-tabs a{
  display:inline-block;
  padding:6px 10px 7px;
  color:#111;
  text-decoration:none;
  font-size:12px;
  background:transparent;
}
.legacy-tabs a.active{
  background:#ff1e27;
  color:#fff;
  font-weight:bold;
  border-radius:3px 3px 0 0;
}
.legacy-post{
  display:grid;
  grid-template-columns:56px 1fr;
  gap:16px;
  padding:20px 20px 12px;
  background:#fff;
}
.legacy-post + .legacy-post{
  border-top:1px solid #ddd;
}
.legacy-date{
  width:52px;
  border:1px solid #bbb;
  text-align:center;
  background:#f3f3f3;
  height:66px;
}
.legacy-date .m{
  display:block;
  background:#ff1e27;
  color:#fff;
  font-size:11px;
  font-weight:bold;
  padding:3px 0;
}
.legacy-date .d{
  display:block;
  font-size:18px;
  color:#666;
  padding-top:9px;
  font-weight:bold;
}
.legacy-post-body h2{
  margin:0 0 10px;
  font:normal 20px/1.2 Arial,Helvetica,sans-serif;
  color:#234e73;
}
.legacy-meta{
  color:#999;
  font-size:12px;
  margin-bottom:14px;
}
.legacy-post-body p{
  color:#333;
  font-size:14px;
  line-height:1.55;
  margin:0 0 14px;
}
.legacy-figure{
  margin:12px 0 0;
  text-align:center;
}
.legacy-figure img{
  max-width:100%;
  max-height:520px;
  border:1px solid #bbb;
  background:#fff;
}
.legacy-figure figcaption{
  margin-top:8px;
  font-size:12px;
  color:#666;
}
.legacy-cta{
  display:inline-block;
  margin-top:6px;
  color:#b10000 !important;
  font-weight:bold;
}
@media(max-width:1200px){
  .legacy-page{
    grid-template-columns:1fr;
  }
  .legacy-left,.legacy-right{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
    gap:10px;
  }
}