﻿.market-intro{
  width:min(1180px,calc(100% - 48px));
  margin:0 auto;
  padding:2rem 0 1rem;
}
.market-intro h1{
  max-width:900px;
  font-size:clamp(1.9rem,3.3vw,3rem);
  margin:.35rem 0 .65rem;
}
.market-intro .lede{max-width:980px}
.market-dashboard{
  width:min(1180px,calc(100% - 48px));
  margin:0 auto;
  padding:.5rem 0 1rem;
}
.market-stats{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:.75rem;
  margin-bottom:.85rem;
}
.market-stats>div{
  padding:.85rem 1rem;
  border:1px solid var(--line);
  border-radius:16px;
  background:rgba(255,255,255,.025);
}
.market-stats span{
  display:block;
  color:var(--soft);
  font-size:.76rem;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.market-stats strong{
  display:block;
  margin-top:.15rem;
  color:var(--gold2);
  font-size:1.12rem;
}
.market-quick-controls{
  display:flex;
  flex-wrap:wrap;
  gap:.55rem;
  align-items:center;
  margin-bottom:.75rem;
}
.market-button-group{
  display:inline-flex;
  gap:.25rem;
  padding:.2rem;
  border:1px solid var(--line);
  border-radius:999px;
  background:#090909;
}
.market-control,
.market-filter{
  min-height:38px;
  padding:.5rem .72rem;
  border:1px solid var(--line);
  border-radius:999px;
  background:#0b0b0b;
  color:var(--muted);
  font:inherit;
  font-size:.86rem;
  font-weight:800;
  cursor:pointer;
}
.market-button-group .market-control{border-color:transparent}
.market-control:hover,
.market-control:focus-visible,
.market-filter:hover,
.market-filter:focus-visible,
.market-control.active,
.market-filter.active{
  color:#151006;
  background:linear-gradient(135deg,var(--gold),var(--gold2));
  border-color:transparent;
}
.market-settings{
  margin-bottom:1rem;
  padding:.85rem 1rem;
  border:1px solid var(--line);
  border-radius:18px;
  background:rgba(255,255,255,.025);
}
.market-settings summary{
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
  gap:.75rem;
  color:var(--gold2);
}
.market-settings summary span{
  color:var(--soft);
  font-size:.86rem;
  font-weight:600;
}
.market-settings-grid{
  display:grid;
  grid-template-columns:2fr repeat(3,minmax(0,1fr));
  gap:.75rem;
  margin-top:1rem;
}
.market-settings-grid label{
  display:grid;
  gap:.3rem;
}
.market-filter-row{
  display:flex;
  flex-wrap:wrap;
  gap:.5rem;
  margin-top:.8rem;
}
.market-clock-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:.85rem;
}
.market-clock-card{
  min-width:0;
  padding:1rem;
  border:1px solid var(--line);
  border-radius:18px;
  background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.018));
  box-shadow:0 14px 40px rgba(0,0,0,.26);
}
.market-clock-top{
  display:flex;
  justify-content:space-between;
  gap:.75rem;
  align-items:flex-start;
}
.market-clock-top h3{
  margin:.25rem 0 .25rem;
  font-size:1rem;
}
.market-clock-top p{
  margin:0;
  color:var(--soft);
  font-size:.82rem;
  line-height:1.4;
}
.market-clock-badge{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:38px;
  height:30px;
  padding:0 .45rem;
  border:1px solid var(--line);
  border-radius:999px;
  color:var(--gold2);
  font-size:.72rem;
  font-weight:900;
}
.market-time{
  margin:.85rem 0 .1rem;
  color:var(--ink);
  font-variant-numeric:tabular-nums;
  font-size:clamp(1.45rem,2.3vw,2rem);
  font-weight:900;
  letter-spacing:-.03em;
}
.market-analog{
  width:132px;
  max-width:60%;
  margin:.8rem auto .15rem;
}
.market-date{
  color:var(--muted);
  font-size:.84rem;
}
.market-offset{
  display:inline-flex;
  margin-top:.35rem;
  color:var(--gold2);
  font-size:.78rem;
  font-weight:800;
}
.market-status-row{
  display:flex;
  justify-content:space-between;
  gap:.65rem;
  align-items:center;
  margin-top:.8rem;
  padding-top:.7rem;
  border-top:1px solid rgba(216,173,78,.14);
}
.market-status{
  display:inline-flex;
  padding:.25rem .5rem;
  border-radius:999px;
  font-size:.72rem;
  font-weight:900;
}
.market-status.open{background:rgba(139,212,156,.13);color:#a7e7b5}
.market-status.pre{background:rgba(116,185,255,.13);color:#9cd0ff}
.market-status.after{background:rgba(216,173,78,.13);color:var(--gold2)}
.market-status.lunch{background:rgba(242,169,80,.13);color:#f5bf7b}
.market-status.closed{background:rgba(255,107,107,.11);color:#ff9c9c}
.market-countdown{
  color:var(--soft);
  font-size:.75rem;
  text-align:right;
}
.market-note,
.market-verification-note{
  padding:.9rem 1rem;
  border:1px solid var(--line);
  border-radius:16px;
  background:rgba(216,173,78,.06);
  color:var(--muted);
}
.market-note{grid-column:1/-1}
.market-verification-note{margin:1rem 0 0;font-size:.88rem}
.market-alarm-banner{box-shadow:var(--shadow)}
@media(max-width:1100px){
  .market-clock-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .market-settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
  .market-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .market-clock-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .market-settings-grid{grid-template-columns:1fr}
  .market-button-group{width:100%;border-radius:16px;flex-wrap:wrap}
}
@media(max-width:520px){
  .market-clock-grid{grid-template-columns:1fr}
}
.market-sr-only{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}
.market-status.break{background:rgba(242,169,80,.13);color:#f5bf7b}
.market-status.reference{background:rgba(255,255,255,.08);color:var(--soft)}
.market-card-foot{
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
  gap:.45rem .75rem;
  margin-top:.65rem;
  color:var(--soft);
  font-size:.72rem;
  line-height:1.35;
}
.market-source-link{
  color:var(--gold2);
  font-weight:800;
  text-underline-offset:.18em;
}
.market-source-link:hover,
.market-source-link:focus-visible{color:var(--ink)}
.market-source-text{font-weight:700}
.market-data-meta{
  display:flex;
  flex-wrap:wrap;
  gap:.45rem 1rem;
  margin:1rem 0 0;
  padding:.7rem .85rem;
  border:1px solid rgba(216,173,78,.16);
  border-radius:14px;
  background:rgba(255,255,255,.018);
  color:var(--soft);
  font-size:.78rem;
}
.market-data-meta strong{color:var(--muted)}
.market-alarm-banner{
  position:fixed;
  left:24px;
  right:24px;
  top:90px;
  z-index:9999;
  box-shadow:var(--shadow);
}
.market-clock-card,
.market-clock-top>div,
.market-status-row,
.market-countdown{
  min-width:0;
}
.market-clock-top h3,
.market-clock-top p,
.market-countdown,
.market-card-foot{
  overflow-wrap:anywhere;
}
@media(max-width:520px){
  .market-alarm-banner{left:12px;right:12px;top:72px}
  .market-data-meta{display:grid;gap:.35rem}
  .market-status-row{align-items:flex-start}
}


.market-reference-section,
.market-controls-panel,
.market-display-panel,
.market-selection-panel{
  margin-bottom:1rem;
  padding:1rem;
  border:1px solid var(--line);
  border-radius:20px;
  background:rgba(255,255,255,.022);
}
.market-panel-heading{
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:1rem;
  margin-bottom:.9rem;
}
.market-panel-heading h2{
  margin:.22rem 0 0;
  font-size:clamp(1.15rem,2vw,1.55rem);
}
.market-panel-heading>p{
  max-width:560px;
  margin:0;
  color:var(--soft);
  font-size:.9rem;
  line-height:1.55;
}
.market-panel-heading-compact{align-items:center}
.market-panel-summary{
  color:var(--soft);
  font-size:.82rem;
  font-weight:700;
  text-align:right;
}
.market-reference-layout{
  display:grid;
  grid-template-columns:minmax(0,2fr) minmax(260px,1fr);
  gap:.85rem;
  align-items:stretch;
}
.market-reference-grid{
  min-width:0;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:.85rem;
}
.market-reference-card{
  background:linear-gradient(180deg,rgba(216,173,78,.075),rgba(255,255,255,.018));
}
.market-howto-card{
  min-width:0;
  padding:1rem;
  border:1px solid rgba(216,173,78,.28);
  border-radius:18px;
  background:linear-gradient(145deg,rgba(216,173,78,.09),rgba(255,255,255,.018));
}
.market-howto-card h3{margin:.28rem 0 .65rem;font-size:1.08rem}
.market-howto-card ol{
  margin:0;
  padding-left:1.2rem;
  color:var(--muted);
  font-size:.88rem;
  line-height:1.55;
}
.market-howto-card li+li{margin-top:.45rem}
.market-display-panel .market-quick-controls{margin-bottom:0}
.market-selection-panel{padding-bottom:.85rem}
.market-filter-block{display:grid;gap:.42rem}
.market-field-label{
  color:var(--soft);
  font-size:.76rem;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.market-selection-panel .market-filter-row{margin-top:0}
.market-more-filters{
  margin-top:.85rem;
  padding:.78rem .9rem;
  border:1px solid rgba(216,173,78,.18);
  border-radius:16px;
  background:rgba(0,0,0,.16);
}
.market-more-filters summary{
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
  gap:.65rem;
  color:var(--gold2);
  cursor:pointer;
}
.market-more-filters summary span{
  color:var(--soft);
  font-size:.82rem;
  font-weight:600;
}
.market-more-filters .market-settings-grid{
  grid-template-columns:minmax(220px,2fr) repeat(4,minmax(0,1fr));
}
.market-filter-actions{
  display:flex;
  justify-content:flex-end;
  margin-top:.75rem;
}
.market-reset-button{
  min-height:38px;
  padding:.5rem .8rem;
  border:1px solid var(--line);
  border-radius:999px;
  background:#0b0b0b;
  color:var(--gold2);
  font:inherit;
  font-size:.84rem;
  font-weight:800;
  cursor:pointer;
}
.market-reset-button:hover,
.market-reset-button:focus-visible{
  color:#151006;
  background:linear-gradient(135deg,var(--gold),var(--gold2));
  border-color:transparent;
}
.market-results-summary{
  display:grid;
  grid-template-columns:repeat(2,minmax(160px,220px)) minmax(260px,1fr);
  gap:.75rem;
  align-items:stretch;
  margin-bottom:1rem;
}
.market-results-summary>div,
.market-results-summary>p{
  margin:0;
  padding:.78rem .9rem;
  border:1px solid var(--line);
  border-radius:16px;
  background:rgba(255,255,255,.025);
}
.market-results-summary span{
  display:block;
  color:var(--soft);
  font-size:.72rem;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.market-results-summary strong{
  display:block;
  margin-top:.12rem;
  color:var(--gold2);
  font-size:1.15rem;
}
.market-results-summary>p{
  display:flex;
  align-items:center;
  color:var(--muted);
  font-size:.9rem;
  line-height:1.45;
}
@media(max-width:1100px){
  .market-reference-layout{grid-template-columns:1fr}
  .market-more-filters .market-settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
  .market-panel-heading{display:grid;align-items:start}
  .market-panel-summary{text-align:left}
  .market-reference-grid{grid-template-columns:1fr}
  .market-more-filters .market-settings-grid{grid-template-columns:1fr}
  .market-results-summary{grid-template-columns:repeat(2,minmax(0,1fr))}
  .market-results-summary>p{grid-column:1/-1}
  .market-filter-actions{justify-content:stretch}
  .market-reset-button{width:100%}
}
@media(max-width:520px){
  .market-reference-section,
  .market-controls-panel,
.market-display-panel,
  .market-selection-panel{padding:.85rem}
  .market-results-summary{grid-template-columns:1fr}
  .market-results-summary>p{grid-column:auto}
  .market-filter-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  .market-filter{width:100%}
}


.market-controls-panel{
  margin-bottom:.85rem;
  padding:.75rem .85rem;
  border:1px solid var(--line);
  border-radius:16px;
  background:rgba(255,255,255,.022);
}
.market-control-header{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:1rem;
  margin-bottom:.55rem;
}
.market-control-header h2{
  margin:.12rem 0 0;
  font-size:1.08rem;
}
.market-control-summary{
  color:var(--soft);
  font-size:.78rem;
  font-weight:700;
  text-align:right;
}
.market-control-band{
  display:grid;
  grid-template-columns:72px minmax(0,1fr);
  gap:.65rem;
  align-items:end;
  padding:.5rem 0;
  border-top:1px solid rgba(216,173,78,.12);
}
.market-band-label{
  align-self:center;
  color:var(--gold2);
  font-size:.72rem;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.market-control-grid{
  display:grid;
  gap:.5rem;
  min-width:0;
}
.market-control-helper{
  grid-column:2;
  margin:.12rem 0 0;
  padding:.45rem .6rem;
  border:1px solid rgba(216,173,78,.12);
  border-radius:10px;
  background:rgba(216,173,78,.035);
  color:var(--soft);
  font-size:.75rem;
  line-height:1.45;
}
.market-convention-helper{
  margin-top:.5rem;
}
.market-display-grid{grid-template-columns:repeat(3,minmax(130px,1fr)) repeat(2,minmax(115px,.72fr))}
.market-filter-grid{grid-template-columns:repeat(6,minmax(125px,1fr))}
.market-compact-field{
  display:grid;
  gap:.22rem;
  min-width:0;
  color:var(--soft);
  font-size:.69rem;
  font-weight:800;
  letter-spacing:.02em;
}
.market-compact-field select,
.market-search-control input{
  width:100%;
  min-width:0;
  min-height:36px;
  padding:.42rem .58rem;
  border:1px solid var(--line);
  border-radius:8px;
  background:#090909;
  color:var(--ink);
  font:inherit;
  font-size:.81rem;
  font-weight:700;
}
.market-compact-field select:focus-visible,
.market-search-control input:focus-visible{
  outline:2px solid var(--gold2);
  outline-offset:1px;
}
.market-check-field{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:.45rem;
  min-height:36px;
  margin-top:1.04rem;
  padding:.42rem .58rem;
  border:1px solid var(--line);
  border-radius:8px;
  background:#090909;
  color:var(--muted);
  font-size:.8rem;
  font-weight:800;
}
.market-check-field input{accent-color:var(--gold2)}
.market-search-strip{
  display:grid;
  grid-template-columns:minmax(260px,1fr) auto;
  gap:.55rem;
  align-items:end;
  padding-top:.5rem;
  border-top:1px solid rgba(216,173,78,.12);
}
.market-search-control{
  display:grid;
  gap:.22rem;
  min-width:0;
  color:var(--soft);
  font-size:.69rem;
  font-weight:800;
}
.market-controls-panel .market-reset-button{
  min-height:36px;
  padding:.42rem .78rem;
  border-radius:8px;
}
.market-advanced-panel{
  margin-top:.55rem;
  padding:.48rem .6rem;
  border:1px solid rgba(216,173,78,.15);
  border-radius:10px;
  background:rgba(0,0,0,.14);
}
.market-advanced-panel summary{
  display:flex;
  justify-content:space-between;
  gap:.75rem;
  color:var(--gold2);
  font-size:.78rem;
  cursor:pointer;
}
.market-advanced-panel summary span{
  color:var(--soft);
  font-size:.74rem;
  font-weight:600;
  text-align:right;
}
.market-advanced-grid{
  display:grid;
  grid-template-columns:minmax(210px,300px) minmax(0,1fr);
  gap:.75rem;
  align-items:end;
  margin-top:.55rem;
}
.market-advanced-grid p{
  margin:0;
  color:var(--soft);
  font-size:.76rem;
  line-height:1.45;
}
.market-card-source{
  display:inline-flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:.35rem .55rem;
  align-items:center;
}
.market-mic-tag{
  display:inline-flex;
  padding:.12rem .34rem;
  border:1px solid rgba(216,173,78,.22);
  border-radius:6px;
  color:var(--soft);
  font-size:.66rem;
  font-weight:900;
  letter-spacing:.04em;
}
@media(max-width:1180px){
  .market-display-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .market-filter-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .market-check-field{margin-top:0}
}
@media(max-width:760px){
  .market-control-header{display:grid;align-items:start}
  .market-control-summary{text-align:left}
  .market-control-band{grid-template-columns:1fr;gap:.35rem}
  .market-control-helper{grid-column:1}
  .market-display-grid,
  .market-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .market-band-label{padding-top:.15rem}
  .market-search-strip{grid-template-columns:minmax(0,1fr) auto}
  .market-advanced-panel summary{display:grid}
  .market-advanced-panel summary span{text-align:left}
  .market-advanced-grid{grid-template-columns:1fr}
}
@media(max-width:430px){
  .market-controls-panel{padding:.65rem}
  .market-display-grid,
  .market-filter-grid{gap:.42rem}
  .market-compact-field select,
  .market-search-control input,
  .market-check-field{font-size:.76rem}
  .market-search-strip{grid-template-columns:1fr}
  .market-controls-panel .market-reset-button{width:100%}
}

.market-title-source-link{
  color:inherit;
  text-decoration:none;
}
.market-title-source-link:hover,
.market-title-source-link:focus-visible{
  color:var(--gold2);
  text-decoration:underline;
  text-underline-offset:.16em;
}
.market-source-strip{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:.35rem .5rem;
  margin-top:.6rem;
  padding:.45rem .55rem;
  border:1px solid rgba(216,173,78,.13);
  border-radius:12px;
  background:rgba(216,173,78,.035);
  color:var(--soft);
  font-size:.7rem;
  line-height:1.35;
}
.market-source-verified,
.market-source-convention{
  display:inline-flex;
  align-items:center;
  border-radius:999px;
  padding:.1rem .42rem;
  font-size:.64rem;
  font-weight:800;
  letter-spacing:.04em;
  text-transform:uppercase;
  white-space:nowrap;
}
.market-source-verified{
  border:1px solid rgba(72,187,120,.25);
  color:#9ae6b4;
  background:rgba(72,187,120,.08);
}
.market-source-convention{
  border:1px solid rgba(255,255,255,.15);
  color:var(--soft);
  background:rgba(255,255,255,.05);
}
.market-source-name{min-width:0}
/* Market Hours R1: AEO/FAQ/email capture and approved content spine */
.market-hours-page .market-intro,
.market-hours-page .market-dashboard{
  width:min(1180px,calc(100% - 48px));
}

.market-email-panel{
  display:grid;
  grid-template-columns:minmax(0,1.2fr) auto;
  gap:1rem;
  align-items:center;
  padding:clamp(1rem,2.4vw,1.35rem);
  border:1px solid rgba(216,173,78,.22);
  border-radius:20px;
  background:linear-gradient(180deg,rgba(216,173,78,.08),rgba(255,255,255,.02));
  box-shadow:var(--shadow);
}

.market-email-panel h2{
  font-size:clamp(1.3rem,2.2vw,1.8rem);
  margin:.2rem 0 .45rem;
}

.market-email-panel p{
  color:var(--muted);
  margin:.25rem 0;
  max-width:760px;
}

.market-email-panel .button{
  white-space:nowrap;
}

.market-hours-page .faq-stack details{
  background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.018));
}

@media(max-width:760px){
  .market-hours-page .market-intro,
  .market-hours-page .market-dashboard{
    width:min(1180px,calc(100% - 32px));
  }

  .market-email-panel{
    grid-template-columns:1fr;
  }

  .market-email-panel .button{
    width:100%;
  }
}

/* === CIQ BACKGROUND R2 START ===
   Market Hours keeps its interactive layout, but inherits the shared page background.
*/
.market-hours-page main,
.market-hours-main,
.market-page,
.market-shell,
.mh-page,
.mh-main {
  background: transparent !important;
}
/* === CIQ BACKGROUND R2 END === */

