/* Intelligence Hub: tab panels, document library and market block.
   Same dark palette and tokens as v52.css; nothing here restyles the header,
   footer or the concierge bubble used on other pages. */

.tabs-hint{margin-left:auto;font-size:11.5px;color:var(--dimmer);padding:8px 0;white-space:nowrap}

.panel{margin-top:26px}
.panel[hidden]{display:none}
.panel-head{max-width:780px;margin-bottom:18px}
.panel-head h2{font-size:clamp(22px,2.6vw,32px);font-weight:400;letter-spacing:-.02em;margin:0 0 8px;color:#fff}
.panel-head p{font-size:13.5px;line-height:1.7;color:var(--dim);margin:0}

/* ---- ask panel ------------------------------------------------------- */
.concierge.wide{max-width:none}
.concierge.wide .sug{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.concierge.wide .conc-log{max-height:320px}
.concierge.wide .conc-copy{max-width:720px}

/* ---- document library ------------------------------------------------ */
.filters{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:18px 0 6px}
.filters label{font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--dimmer)}
.filters select{
  appearance:none;color-scheme:dark;font-family:inherit;font-size:12.5px;font-weight:600;
  color:#E9F0F4;background:rgba(255,255,255,.05);border:1px solid var(--line);
  border-radius:10px;padding:9px 14px;min-width:140px;cursor:pointer;
}
.filters select:hover{border-color:var(--line-strong)}
.filters select option{background:#0B1420;color:#E9F0F4}
.filters-count{margin-left:auto;font-size:11.5px;color:var(--dimmer);letter-spacing:.02em}

.doc-list{display:flex;flex-direction:column;margin-top:8px}
.doc-row{
  display:grid;grid-template-columns:104px 1fr 18px;
  grid-template-areas:"date kind go" "date title go" "date desc go";
  gap:4px 18px;align-items:start;padding:18px 6px;border-top:1px solid var(--line);
  text-decoration:none;color:inherit;transition:background .2s ease;
}
.doc-row:last-child{border-bottom:1px solid var(--line)}
.doc-row:hover{background:rgba(255,255,255,.035)}
.doc-row time{grid-area:date;font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--teal-soft);padding-top:2px}
.doc-kind{grid-area:kind;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--dimmer)}
.doc-row strong{grid-area:title;font-size:16px;font-weight:600;color:#fff;line-height:1.35}
.doc-desc{grid-area:desc;font-size:12.5px;line-height:1.6;color:var(--dim)}
.doc-go{grid-area:go;align-self:center;justify-self:end;color:var(--teal);font-size:16px}

/* ---- market panel ---------------------------------------------------- */
.market-split{margin-top:34px;gap:44px;align-items:start}
.market-split .prose h3{font-size:18px;font-weight:600;margin:0 0 10px;color:#fff}
.market-split .prose p{font-size:13.5px;line-height:1.75;color:var(--dim)}
.market-split .prose ul{list-style:none;padding:0;margin:14px 0;display:grid;gap:8px}
.market-split .prose li{font-size:13px;color:var(--dim);border-left:2px solid rgba(47,216,196,.4);padding-left:12px}
.market-split .prose li strong{color:#fff;font-weight:600}

@media (max-width:900px){
  .concierge.wide .sug{grid-template-columns:1fr}
  .market-split{grid-template-columns:1fr;gap:26px}
  .doc-row{grid-template-columns:1fr;grid-template-areas:"date" "kind" "title" "desc";gap:6px}
  .doc-go{display:none}
  .filters-count{margin-left:0;width:100%}
}

/* ---- mobile fixes -------------------------------------------------------
   The hub loads v52.css unscoped, and its full-bleed bands (.hero-band,
   .hero-glow) measure wider than a phone viewport, which put a horizontal
   scrollbar on the whole page. Clip it here rather than on every page. */
@media (max-width: 900px) {
  html, body { overflow-x: clip; }
  /* The tabs hint sat in the flex row and kept its desktop width. */
  .tabs-hint { flex: 1 1 100%; margin-left: 0; padding: 10px 0 2px; }
}