@import url('/data-ai/supervised-ml/styles.css?v=20260902-zoom-reflow-1');

:root{
  --time-gold:#e8a600;
  --time-cyan:#19a8b6;
  --time-violet:#7659a7;
  --time-soft:#eaf8fa;
  --time-warm:#fff6df;
  --time-frontier:#f3edfb;
}

body{background:#f5f7f8;}

/* The title and subtitle carry the context; legacy promo capsules stay absent. */
.hero-tags{display:none!important;}

.rhythms-masthead{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 82% 22%,rgba(25,185,203,.36),transparent 27%),
    radial-gradient(circle at 67% 85%,rgba(232,166,0,.2),transparent 26%),
    linear-gradient(135deg,#06273e,#14516e 58%,#117c7b);
}

.rhythms-masthead::after{
  content:"";
  position:absolute;
  inset:auto -8% -115px 45%;
  height:210px;
  border:1px solid rgba(255,255,255,.15);
  border-radius:50%;
  box-shadow:0 -38px 0 rgba(255,255,255,.035),0 -76px 0 rgba(255,255,255,.025);
  transform:rotate(-7deg);
  pointer-events:none;
}

.deck-download{
  position:relative;
  z-index:1;
  display:inline-flex;
  align-items:center;
  margin-top:18px;
  padding:10px 14px;
  border:1px solid rgba(255,255,255,.46);
  border-radius:10px;
  color:#fff;
  background:rgba(6,39,62,.28);
  font-size:.78rem;
  font-weight:900;
  letter-spacing:.02em;
  text-decoration:none;
}
.deck-download:hover{background:rgba(255,255,255,.14);}

.temporal-block{background:var(--time-warm);}

.analysis-grammar{margin:0;padding:10px 18px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;list-style:none;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#f8fbfc;}
.analysis-grammar li{display:flex;align-items:center;gap:8px;min-width:0;color:#425663;font-size:.72rem;}
.analysis-grammar span{display:grid;place-items:center;width:24px;height:24px;flex:0 0 24px;border:1px solid #bfd1d8;border-radius:50%;color:#317080;font:800 .62rem ui-monospace,SFMono-Regular,Menlo,monospace;}
.analysis-grammar strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

.experiment-content{min-height:620px;}
.temporal-lab{display:grid;gap:20px;}
.temporal-intro{display:grid;gap:8px;}
.temporal-intro>span{color:#247284;font-size:.65rem;font-weight:900;letter-spacing:.11em;}
.temporal-intro h4{margin:0;color:var(--navy);font-size:1.3rem;letter-spacing:-.02em;}
.temporal-intro p{margin:0;color:var(--muted);line-height:1.6;max-width:850px;}

.control-grid{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:11px;}
.control-card{padding:13px 14px;border:1px solid var(--line);border-radius:12px;background:#fbfcfd;}
.control-card label{display:flex;justify-content:space-between;gap:10px;color:#53606a;font-size:.74rem;font-weight:850;text-transform:uppercase;letter-spacing:.05em;}
.control-card output{color:var(--navy);}
.control-card input[type="range"]{width:100%;margin-top:10px;accent-color:var(--blue);}

.signal-frame{position:relative;border:1px solid var(--line);border-radius:14px;background:linear-gradient(180deg,#fff,#f7fafb);overflow:hidden;}
.signal-frame svg{display:block;width:100%;height:auto;min-height:300px;}
.signal-grid-line{stroke:#e4eaee;stroke-width:1;}
.signal-axis{stroke:#aeb9c2;stroke-width:1.2;}
.signal-path{fill:none;stroke:#245f89;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;}
.signal-path.secondary{stroke:#2f7e72;stroke-width:2.6;}
.signal-path.tertiary{stroke:#b37d26;stroke-width:2.35;}
.signal-path.source{stroke:#b37d26;stroke-width:2;stroke-dasharray:7 6;}
.signal-path.observed{stroke-width:2;opacity:.72;}
.signal-path.latent{stroke-width:3.2;}
.signal-path.competing{stroke-dasharray:8 5;}
.cell-trace{fill:none;stroke:#7aa6b2;stroke-width:1.2;opacity:.38;}
.population-mean{stroke-width:3.5;}
.signal-guide{stroke:#b15a57;stroke-width:1.4;stroke-dasharray:5 5;}
.signal-dot{fill:#245f89;}
.signal-marker{fill:#fff;stroke:#245f89;stroke-width:3;}
.axis-label{fill:#78848d;font-size:12px;font-weight:700;}
.signal-label{fill:#33424d;font-size:12px;font-weight:850;}
.gate-label{fill:#40535f;font-size:13px;font-weight:850;}
.gate-track{fill:#e6edf0;}
.gate-value{fill:#2b7f8a;}
.gate-value.warm{fill:#c18b27;}
.gate-score{fill:#536873;font-size:12px;font-weight:850;}

.metric-grid.temporal-metrics{grid-template-columns:repeat(4,minmax(0,1fr));}
.temporal-metrics .metric strong{font-size:1.5rem;}

.research-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:start;padding:18px 20px;border:1px solid #d6dce2;border-left:4px solid var(--time-cyan);border-radius:12px;background:#f8fbfc;}
.research-card.frontier{border-left-color:var(--time-violet);background:var(--time-frontier);}
.research-card h5{margin:0 0 6px;color:var(--navy);font-size:1rem;}
.research-card p{margin:0;color:#58646d;line-height:1.55;}
.research-card a{white-space:nowrap;color:#245f89;font-size:.82rem;font-weight:850;text-decoration:none;}
.research-card a:hover{text-decoration:underline;}
.research-tag{display:inline-block;margin-bottom:7px;padding:4px 7px;border-radius:999px;background:#e1eef2;color:#285f70;font-size:.65rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;}
.frontier .research-tag{background:#e9dfec;color:#654e70;}

.diagram-card{padding:24px;border:1px solid var(--line);border-radius:14px;background:#fbfcfd;}
.molecular-network{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;max-width:730px;margin:0 auto;}
.molecule{display:grid;place-items:center;min-height:92px;padding:16px;text-align:center;border:1px solid #ccd7de;border-radius:50%;background:#fff;color:var(--navy);font-weight:900;}
.molecule.primary{background:#e9f3f5;border-color:#a9ccd3;}
.molecule.warm{background:#f7f0e2;border-color:#dfc892;}
.network-arrow{color:#6b7881;font-size:1.4rem;font-weight:900;}
.feedback-loop{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;align-items:center;}
.feedback-node{padding:16px 10px;border:1px solid #ccd7de;border-radius:12px;background:#fff;text-align:center;font-size:.8rem;font-weight:850;color:#33424d;}
.feedback-node.active{background:#eaf4f1;border-color:#aacdc2;}
.feedback-arrow{text-align:center;color:#84919a;font-weight:900;}

.python-companion{border:1px solid #c9d4dc;border-radius:14px;overflow:hidden;background:#102a43;box-shadow:0 10px 26px rgba(18,42,62,.08);}
.python-companion__head{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:14px 17px;border-bottom:1px solid rgba(255,255,255,.12);}
.python-companion__title{display:grid;gap:2px;}
.python-companion__title span{color:#8eb5cf;font-size:.65rem;font-weight:900;letter-spacing:.11em;text-transform:uppercase;}
.python-companion__title strong{color:#fff;font-size:.95rem;}
.python-companion button{padding:6px 9px;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#dce8ef;background:rgba(255,255,255,.06);font-size:.72rem;font-weight:800;}
.python-companion pre{margin:0;padding:18px;overflow:auto;color:#d9e8ef;background:#0d2237;font:12.5px/1.65 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;}
.python-companion__why{margin:0;padding:13px 17px;color:#c3d4de;background:#173b58;font-size:.82rem;line-height:1.5;}

.sequence-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;}
.sequence-step{position:relative;padding:15px 11px;border:1px solid var(--line);border-radius:10px;background:#fff;color:#40505b;font-size:.78rem;font-weight:800;text-align:center;}
.sequence-step:not(:last-child)::after{content:"→";position:absolute;right:-13px;top:50%;transform:translateY(-50%);z-index:2;color:#7b8790;}

.hypothesis-funnel{display:grid;gap:8px;max-width:660px;margin:0 auto;}
.hypothesis-funnel div{padding:12px 16px;border:1px solid #d6dce2;border-radius:10px;background:#fff;text-align:center;font-size:.82rem;font-weight:800;color:#43515b;}
.hypothesis-funnel div:nth-child(2){margin-inline:5%;}.hypothesis-funnel div:nth-child(3){margin-inline:10%;}.hypothesis-funnel div:nth-child(4){margin-inline:15%;}.hypothesis-funnel div:nth-child(5){margin-inline:20%;}

.legend-row{display:flex;gap:14px;flex-wrap:wrap;color:#6c7881;font-size:.75rem;font-weight:800;}
.legend-key::before{content:"";display:inline-block;width:18px;height:3px;margin-right:6px;vertical-align:middle;border-radius:999px;background:#245f89;}
.legend-key.secondary::before{background:#2f7e72}.legend-key.tertiary::before{background:#b37d26;}
.legend-key.cell::before{height:1px;background:#7aa6b2;}
.legend-key.source::before{background:#b37d26;}

.evidence-return{display:grid;grid-template-columns:150px minmax(0,1fr);gap:18px;align-items:start;padding:16px 18px;border:1px solid #b9d3d8;border-left:4px solid var(--time-cyan);border-radius:12px;background:#f2fafb;}
.evidence-return span,.model-status>span{color:#247284;font-size:.65rem;font-weight:900;letter-spacing:.1em;}
.evidence-return p{margin:0;color:#304956;font-size:.9rem;line-height:1.55;}
.model-status{display:grid;grid-template-columns:150px minmax(0,1fr);gap:4px 18px;padding:14px 18px;border:1px dashed #c7d2d8;border-radius:12px;background:#fbfcfd;}
.model-status strong{color:#334b59;font-size:.82rem;}
.model-status p{grid-column:2;margin:0;color:#687983;font-size:.78rem;line-height:1.5;}

.evidence-record-visual{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;}
.evidence-record-visual>div{min-height:126px;padding:16px 12px;border:1px solid #cfdae0;border-radius:12px;background:linear-gradient(180deg,#fff,#f6fafb);}
.evidence-record-visual span{display:block;margin-bottom:16px;color:#b37d26;font:800 .68rem ui-monospace,SFMono-Regular,Menlo,monospace;}
.evidence-record-visual strong{display:block;color:#18394c;font-size:.78rem;line-height:1.3;}
.evidence-record-visual small{display:block;margin-top:7px;color:#6a7b85;font-size:.67rem;line-height:1.45;}

.bounded-workflow{overflow:hidden;border:1px solid #c9d4dc;border-radius:14px;background:#f7fafb;}
.bounded-workflow__head{padding:13px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #dbe4e8;background:#edf5f7;}
.bounded-workflow__head span{color:#245f89;font-size:.64rem;font-weight:900;letter-spacing:.11em;}
.bounded-workflow__head strong{color:#173248;font-size:.78rem;}
.bounded-workflow ol{margin:0;padding:14px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;list-style:none;}
.bounded-workflow li{position:relative;padding:10px;border:1px solid #d7e1e5;border-radius:10px;background:#fff;}
.bounded-workflow li>span{display:block;margin-bottom:6px;color:#b37d26;font:800 .66rem ui-monospace,SFMono-Regular,Menlo,monospace;}
.bounded-workflow li strong{display:block;color:#173248;font-size:.76rem;}
.bounded-workflow li p{margin:4px 0 0;color:#617482;font-size:.7rem;line-height:1.4;}

@media(max-width:1080px){.experiment-content{min-height:0;}.journey{max-height:none;}.analysis-grammar{grid-template-columns:repeat(3,minmax(0,1fr));}.control-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.metric-grid.temporal-metrics{grid-template-columns:repeat(2,1fr);}.bounded-workflow ol{grid-template-columns:repeat(2,minmax(0,1fr));}.evidence-record-visual{grid-template-columns:repeat(3,minmax(0,1fr));}}
@media(max-width:680px){.presentation{padding:18px 12px;}.presentation-header{align-items:flex-start;flex-direction:column;}.analysis-grammar{grid-template-columns:1fr 1fr;padding:10px 12px;}.analysis-grammar li:last-child{grid-column:1/-1}.control-grid,.metric-grid.temporal-metrics,.bounded-workflow ol,.evidence-record-visual{grid-template-columns:1fr}.research-card{grid-template-columns:1fr}.feedback-loop,.sequence-grid{grid-template-columns:1fr}.sequence-step:not(:last-child)::after{content:"↓";right:auto;left:50%;top:auto;bottom:-16px}.molecular-network{grid-template-columns:1fr}.network-arrow{transform:rotate(90deg);text-align:center}.question-block,.experiment-content{padding:22px 18px;}.evidence-return,.model-status{grid-template-columns:1fr}.model-status p{grid-column:1}.signal-frame svg{min-height:240px}}