/* Live data lake demo, layered on /bizintel/style.css (same jungle tokens). */
:root{--q-shallow:#ffd16d;--q-mid:#fb8b62;--q-deep:#75bce6;--b0:#547345;--b1:#a4d468;--b2:#ffd16d;--b3:#fb8b62;--land:#123a2c;--land-edge:#3e6a4c}
.hud nav a{white-space:nowrap}

/* Live status line */
.live-status{display:flex;align-items:center;gap:12px;margin:20px 0 0!important;font-size:15px!important;color:var(--cream)!important}
.live-status i{flex-shrink:0;width:10px;height:10px;border-radius:50%;background:var(--muted)}
.live-status.ok i{background:var(--leaf);box-shadow:0 0 0 0 var(--leaf);animation:pulse 2s ease-out infinite}
.live-status.warn i{background:var(--coral)}
@keyframes pulse{0%{box-shadow:0 0 0 0 #a4d46899}70%{box-shadow:0 0 0 10px #a4d46800}100%{box-shadow:0 0 0 0 #a4d46800}}
.quake-stats{grid-template-columns:repeat(4,minmax(0,1fr))}
.quake-stats .stat .label{display:block}

/* Pipeline stages */
.stages{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}
.stage{position:relative;display:flex;flex-direction:column;gap:10px;padding:22px;background:#0a271ff2;border:2px solid var(--edge);box-shadow:6px 6px 0 #031b12}
.stage:not(:last-child):after{content:'▸';position:absolute;right:-24px;top:50%;transform:translateY(-50%);color:var(--gold);font-size:20px}
.stage .code{font:8px/1.6 var(--pixel);color:#b4c89f}
.stage h3{margin:4px 0 0}
.stage p{font-size:14px!important;line-height:1.6!important;margin:0!important;flex:1}
.stage strong{font:700 22px/1.2 var(--body);color:var(--gold);font-variant-numeric:tabular-nums;border-top:1px solid #425c36;padding-top:14px}
.stage small{font-size:12px;line-height:1.5;color:var(--muted);overflow-wrap:anywhere}
.stage .file{font-family:Consolas,'Courier New',monospace;font-size:11px}

/* Map */
.map-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:20px;align-items:start}
.map svg{display:block;width:100%;height:auto;max-height:640px}
.map .land{fill:var(--land);stroke:var(--land-edge);stroke-width:4;stroke-linejoin:round}
.map .quake{fill-opacity:.55;stroke:none}
.map .quake.recent{fill-opacity:.9;stroke:var(--cream);stroke-width:5}
.map .quake[tabindex]:hover,.map .quake[tabindex]:focus{fill-opacity:1;outline:none;stroke:var(--cream);stroke-width:8}
.depth-legend i{width:12px!important;height:12px!important;border-radius:50%!important}
.q-shallow{background:var(--q-shallow)}.q-mid{background:var(--q-mid)}.q-deep{background:var(--q-deep)}
.latest-scroll{max-height:none}
.latest-scroll .mag{color:var(--gold);font-weight:700}
#daily-legend i{height:10px}
.stack:hover rect,.stack:focus rect{opacity:.8}
.stack:focus{outline:none}
.trend-grid.three{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:20px}

/* Moon */
.moon-dark{fill:#0b241c;stroke:var(--land-edge);stroke-width:1}
.moon-lit{fill:#f4ecd0}
html.corporate .moon-dark{fill:#2b3140;stroke:#171a20}
html.corporate .moon-lit{fill:#f7f1d8;stroke:#d9cfa4;stroke-width:.5}
.moon-glow{fill:var(--cream);fill-opacity:.1;stroke:var(--cream);stroke-opacity:.3;stroke-width:1}
.avg-line{fill:none;stroke:var(--leaf);stroke-width:2;stroke-linejoin:round}
.max-dot{fill:var(--gold)}
.panel-label,.tick{fill:var(--muted);font:12px var(--body)}
#moon-legend i.glow{background:#f4ecd01f;border:1px solid #f4ecd066}
#moon-legend i.dot{width:10px!important;height:10px!important;border-radius:50%!important;background:var(--gold)}
.moon-readout{margin:18px 0!important;font-size:17px!important;line-height:1.6!important;color:var(--cream)!important}
.moon-table{min-width:760px}
.moon-table td strong{display:block;color:var(--cream)}
.moon-table td .sub{display:block;font-size:12px}
.moon-table .mag{color:var(--gold);font-weight:700}
.moon-table .idx{display:flex;align-items:center;gap:10px;min-width:150px}
.moon-table .idx i{display:block;height:10px;background:var(--b1);opacity:.8;min-width:2px}
.moon-table .idx b{font-weight:600;font-variant-numeric:tabular-nums;color:var(--cream);min-width:44px}
.moon-table tr.hi .idx i{background:var(--b3);opacity:1}
.moon-table tr.lo .idx i{background:var(--q-deep);opacity:1}
.moon-table tr.hi td:first-child{box-shadow:inset 3px 0 0 var(--b3)}
.moon-table tr.lo td:first-child{box-shadow:inset 3px 0 0 var(--q-deep)}
#moon .chart-card,#police .chart-card{margin-top:20px}
#police .notes,#method .notes+.notes{margin-top:20px}
.baseline{stroke:var(--cream);stroke-opacity:.45;stroke-dasharray:5 5;stroke-width:1}
.crime-line,.fhi-line{fill:none;stroke-width:2.5;stroke-linejoin:round;stroke-linecap:round}
.crime-line{stroke:var(--gold)}.fhi-line{stroke:var(--q-deep)}
.crime-dot{fill:var(--gold)}.fhi-dot{fill:var(--q-deep)}
#police-legend i.crime{background:var(--gold)}#police-legend i.fhi{background:var(--q-deep)}
#police-legend i.glow{background:#f4ecd01f;border:1px solid #f4ecd066}
.police-table{min-width:620px}
.phase-cell{display:flex;align-items:center;gap:12px}
.phase-cell svg{flex-shrink:0}
.dev{display:flex;align-items:center;gap:12px}
.dev .track{position:relative;display:block;width:140px;height:10px;background:#0a281f}
.dev .track:after{content:'';position:absolute;left:50%;top:-3px;bottom:-3px;width:1px;background:var(--cream);opacity:.5}
.dev .track i{position:absolute;top:0;bottom:0}
.dev .track i.up{left:50%;background:var(--b3)}
.dev .track i.down{right:50%;background:var(--q-deep)}
.dev b{font-weight:600;font-variant-numeric:tabular-nums;color:var(--cream);min-width:56px}
#moon .notes{margin-top:20px}

/* Method */
.notes ul li{margin-bottom:10px}
.sql{margin:18px 0 0;padding:16px;background:#061b16;border:1px solid var(--line);overflow-x:auto;font:13px/1.6 Consolas,'Courier New',monospace;color:var(--cream)}
.foot span{font-size:14px}

@media(max-width:1100px){
  .stages{grid-template-columns:repeat(2,minmax(0,1fr))}
  .stage:nth-child(2):after{display:none}
  .map-grid{grid-template-columns:1fr}
  .trend-grid.three{grid-template-columns:1fr 1fr}
}
@media(max-width:700px){
  .quake-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .stages{grid-template-columns:1fr;gap:26px}
  .stage:not(:last-child):after{content:'▾';right:auto;left:50%;top:auto;bottom:-25px;transform:translateX(-50%)}
  .stage:nth-child(2):after{display:block}
  .trend-grid.three{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){.live-status.ok i{animation:none}}

/* Ask the data */
.ask-section.hero{padding-top:42px}
.ask-section .section-heading{margin-bottom:24px;max-width:900px}
.ask-section h1{font-size:clamp(28px,4vw,48px);margin:18px 0 16px}
.ask-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,300px) auto;gap:14px;align-items:end}
.ask-panel .ask-model-help{font-size:14px;line-height:1.6;margin:14px 0 8px}
.ask-model-help strong{color:var(--cream)}
.ask-model-guide{font:14px/1.6 var(--body);color:var(--muted);border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:16px}
.ask-model-guide summary{cursor:pointer;color:var(--cream);text-decoration:underline;text-underline-offset:3px}
.ask-model-guide p{font-size:14px;line-height:1.6;margin:12px 0}
.ask-model-guide ul{padding-left:20px;margin:0 0 4px}
.ask-model-guide li+li{margin-top:8px}
.ask-field{display:flex;flex-direction:column;gap:8px;font:8px var(--pixel);color:var(--leaf)}
.ask-field input{background:#0a281f;color:var(--cream);border:1px solid #526e45;padding:12px 14px;font:16px var(--body);width:100%;min-height:46px}
.ask-field input:hover,.ask-field input:focus{border-color:var(--gold);outline:none}
.ask-go{min-height:46px;white-space:nowrap}
.ask-go:disabled{opacity:.55;cursor:wait}
.ask-examples{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 4px}
.ask-examples button{background:#0a281f;color:var(--muted);border:1px solid #526e45;padding:8px 12px;font:13px/1.4 var(--body);cursor:pointer;text-align:left}
.ask-examples button:hover{border-color:var(--gold);color:var(--cream)}
.ask-log{display:flex;flex-direction:column;gap:14px;margin-top:20px}
.ask-log:empty{display:none}
.ask-card{background:#061b16;border:1px solid var(--line);border-left:3px solid var(--gold);padding:18px 20px}
.ask-card.ask-error{border-left-color:var(--coral)}
.ask-question{font:9px/1.8 var(--pixel)!important;color:var(--gold)!important;margin:0 0 10px!important}
.ask-answer{font-size:17px!important;line-height:1.6!important;color:var(--cream)!important;margin:0 0 6px!important}
.ask-thinking{font-size:15px!important;color:var(--muted)!important;margin:0!important;animation:ask-pulse 1.4s ease-in-out infinite alternate}
@keyframes ask-pulse{from{opacity:.55}to{opacity:1}}
.ask-meta{font-size:12px!important;color:var(--muted)!important;margin:0!important}
.ask-details{margin-top:12px;border-top:1px solid var(--line)}
.ask-details summary{cursor:pointer;padding:12px 0 4px;font-size:14px;color:var(--cream);display:flex;justify-content:space-between}
.ask-details summary span{color:var(--gold)}
.ask-details[open] summary span{transform:rotate(45deg)}
.ask-details .sql{margin:10px 0}
.ask-rows{max-height:360px;margin-top:10px}
.ask-panel .source{margin-top:18px!important}
@media(max-width:800px){.ask-row{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.ask-thinking{animation:none}}