/* Trail Studio conditions — compact V7 field-ledger treatment. */

.trailConditions{
  --tc-ink:var(--guide-ink-bright,#F2F0E8);
  --tc-dim:var(--guide-ink-dim,#AAA9A1);
  --tc-muted:#777A74;
  --tc-accent:var(--accent-ink,var(--accent,#E4BC64));
  --tc-cyan:#70C4CE;
  --tc-green:#7CC89B;
  --tc-warn:#F1B06D;
  --tc-danger:#EC877B;
  --tc-border:var(--guide-border,var(--border,rgba(242,240,232,.12)));
  --tc-border-strong:var(--guide-border-strong,var(--border-strong,rgba(242,240,232,.22)));
  color:var(--tc-ink);
  font-family:var(--font-interface,var(--font,ui-monospace,monospace));
  container-type:inline-size;
}

.trailConditions *{box-sizing:border-box}

.trailConditions__header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:0 0 14px;
}

.trailConditions__title{
  margin:0;
  color:var(--tc-ink);
  font:400 22px/1.05 var(--font-display,Georgia,serif);
  letter-spacing:-.025em;
}

.trailConditions__badge{
  flex:none;
  padding:5px 7px;
  color:#09100D;
  border-radius:6px;
  background:var(--tc-accent);
  font:700 7px/1 var(--font-num,var(--font,ui-monospace,monospace));
  letter-spacing:.13em;
}

.trailConditions[data-state="partial"] .trailConditions__badge,
.trailConditions[data-state="stale"] .trailConditions__badge,
.trailConditions[data-state="licensing-required"] .trailConditions__badge{
  color:#160D06;
  background:var(--tc-warn);
}

.trailConditions[data-state="fixture"] .trailConditions__badge{
  color:#061215;
  background:var(--tc-cyan);
}

.trailConditions[data-state="unavailable"] .trailConditions__badge{
  color:var(--tc-ink);
  background:#5D625E;
}

.trailConditions__section{
  padding:18px 0 20px;
  border-top:1px solid var(--tc-border);
}

.trailConditions__sectionHead{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  margin-bottom:12px;
}

.trailConditions__sectionHead span,
.trailConditions__sectionHead b{
  font:700 8px/1.25 var(--font-num,var(--font,ui-monospace,monospace));
  letter-spacing:.13em;
}

.trailConditions__sectionHead span{color:var(--tc-dim)}
.trailConditions__sectionHead b{
  max-width:58%;
  color:var(--tc-accent);
  text-align:right;
}

.trailConditions__state{
  display:grid;
  grid-template-columns:34px minmax(0,1fr);
  align-items:start;
  gap:10px;
  padding:12px;
  color:var(--tc-dim);
  border:1px solid var(--tc-border);
  border-radius:5px;
  background:rgba(255,255,255,.018);
}

.trailConditions>.trailConditions__state{margin:0 0 18px}

.trailConditions__stateMark{
  display:grid;
  width:32px;
  height:32px;
  place-items:center;
  color:#08100C;
  border-radius:50%;
  background:var(--tc-warn);
  font:800 10px/1 var(--font-num,var(--font,ui-monospace,monospace));
  letter-spacing:.06em;
}

.trailConditions__stateCopy{min-width:0}
.trailConditions__stateCopy strong,
.trailConditions__stateCopy p,
.trailConditions__stateCopy small{display:block;margin:0}
.trailConditions__stateCopy strong{
  color:var(--tc-ink);
  font:650 10px/1.35 var(--font-num,var(--font,ui-monospace,monospace));
  letter-spacing:.035em;
}
.trailConditions__stateCopy p{
  margin-top:3px;
  color:var(--tc-dim);
  font:400 10px/1.45 var(--font-interface,var(--font,ui-monospace,monospace));
}
.trailConditions__stateCopy small{
  margin-top:6px;
  color:var(--tc-muted);
  font:600 7px/1.35 var(--font-num,var(--font,ui-monospace,monospace));
  letter-spacing:.08em;
  text-transform:uppercase;
}

.trailConditions__state[data-state="loading"] .trailConditions__stateMark{
  color:#061215;
  background:var(--tc-cyan);
  animation:trailConditionsPulse 1.25s ease-in-out infinite;
}
.trailConditions__state[data-state="fixture"] .trailConditions__stateMark{
  color:#061215;
  background:var(--tc-cyan);
}
.trailConditions__state[data-state="fixture"] .trailConditions__stateMark::before{content:"QA"}
.trailConditions__state[data-state="fixture"] .trailConditions__stateMark{font-size:0}
.trailConditions__state[data-state="fixture"] .trailConditions__stateMark::before{
  font:800 8px/1 var(--font-num,var(--font,ui-monospace,monospace));
  letter-spacing:.08em;
}
.trailConditions__state[data-state="ok-empty"] .trailConditions__stateMark{
  color:#06110B;
  background:var(--tc-green);
}
.trailConditions__state[data-state="ok-empty"] .trailConditions__stateMark::before{content:"OK"}
.trailConditions__state[data-state="ok-empty"] .trailConditions__stateMark{font-size:0}
.trailConditions__state[data-state="ok-empty"] .trailConditions__stateMark::before{
  font:800 8px/1 var(--font-num,var(--font,ui-monospace,monospace));
  letter-spacing:.04em;
}
.trailConditions__state[data-state="failed"] .trailConditions__stateMark,
.trailConditions__state[data-state="unavailable"] .trailConditions__stateMark{
  color:#180908;
  background:var(--tc-danger);
}

.trailConditions__days{
  display:grid;
  grid-template-columns:repeat(7,minmax(82px,1fr));
  gap:7px;
  margin:0;
  padding:0 0 5px;
  overflow-x:auto;
  overscroll-behavior-inline:contain;
  scrollbar-color:var(--tc-border-strong) transparent;
  scroll-snap-type:inline proximity;
  list-style:none;
}

.trailConditions__day{display:block;scroll-snap-align:start}

.trailConditions__dayButton{
  display:grid;
  width:100%;
  min-width:82px;
  min-height:106px;
  place-items:center;
  align-content:center;
  gap:6px;
  padding:10px 7px;
  color:var(--tc-dim);
  border:1px solid var(--tc-border);
  border-radius:5px;
  background:rgba(255,255,255,.012);
  cursor:pointer;
}

.trailConditions__dayButton[data-active="true"]{
  color:var(--tc-ink);
  border-color:var(--tc-accent);
  background:color-mix(in srgb,var(--tc-accent) 8%,transparent);
}

.trailConditions__dayButton:hover{border-color:var(--tc-border-strong)}
.trailConditions__dayButton:focus-visible{outline:2px solid var(--tc-cyan);outline-offset:2px}

.trailConditions__dayName,
.trailConditions__dayTemps,
.trailConditions__dayRain{
  font-family:var(--font-num,var(--font,ui-monospace,monospace));
  white-space:nowrap;
}
.trailConditions__dayName{font-size:10px;line-height:1;letter-spacing:.08em}
.trailConditions__dayMark{color:var(--tc-cyan);font:750 10px/1 var(--font-num,var(--font,ui-monospace,monospace));letter-spacing:.08em}
.trailConditions__dayTemps{color:var(--tc-ink);font-size:10px;font-weight:650;font-variant-numeric:tabular-nums;white-space:nowrap}
.trailConditions__dayRain{color:var(--tc-dim);font-size:10px;line-height:1;letter-spacing:.04em}

.trailConditions__dayDetail{
  display:grid;
  gap:4px;
  min-height:44px;
  margin-top:7px;
  padding:9px 10px;
  border-left:2px solid var(--tc-accent);
  background:rgba(255,255,255,.014);
}
.trailConditions__dayDetail strong{
  color:var(--tc-ink);
  font:650 9px/1.35 var(--font-num,var(--font,ui-monospace,monospace));
  letter-spacing:.04em;
}
.trailConditions__dayDetail span{
  color:var(--tc-dim);
  font:600 7px/1.45 var(--font-num,var(--font,ui-monospace,monospace));
  letter-spacing:.06em;
}

.trailConditions__currentHero{
  display:grid;
  grid-template-columns:60px minmax(0,1fr);
  align-items:center;
  gap:13px;
  margin-bottom:12px;
  padding:14px;
  border:1px solid var(--tc-border-strong);
  border-radius:6px;
  background:
    linear-gradient(135deg,rgba(112,196,206,.08),transparent 58%),
    rgba(255,255,255,.018);
}

.trailConditions__currentMark{
  display:grid;
  width:54px;
  min-height:54px;
  place-items:center;
  color:var(--tc-cyan);
  border:1px solid rgba(112,196,206,.34);
  border-radius:4px;
  background:rgba(112,196,206,.055);
  font:750 7px/1 var(--font-num,var(--font,ui-monospace,monospace));
  letter-spacing:.1em;
}

.trailConditions__currentCopy strong,
.trailConditions__currentCopy span,
.trailConditions__currentCopy small{display:block}
.trailConditions__currentCopy strong{
  color:var(--tc-ink);
  font:400 36px/.9 var(--font-display,Georgia,serif);
  letter-spacing:-.035em;
}
.trailConditions__currentCopy span{
  margin-top:7px;
  color:var(--tc-ink);
  font:600 11px/1.25 var(--font-interface,var(--font,ui-monospace,monospace));
}
.trailConditions__currentCopy small{
  margin-top:3px;
  color:var(--tc-dim);
  font:400 9px/1.3 var(--font-interface,var(--font,ui-monospace,monospace));
}

.trailConditions__metricGrid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:6px;
}

.trailConditions__metricGrid--two{grid-template-columns:repeat(2,minmax(0,1fr))}

.trailConditions__metric{
  min-width:0;
  min-height:74px;
  padding:10px;
  border:1px solid var(--tc-border);
  border-radius:4px;
  background:rgba(255,255,255,.014);
}

.trailConditions__metric[data-tone="aqi"]{
  border-color:rgba(124,200,155,.38);
  background:rgba(124,200,155,.055);
}
.trailConditions__metric[data-tone="muted"]{border-style:dashed}

.trailConditions__metricLabel,
.trailConditions__metricValue,
.trailConditions__metricNote{display:block}
.trailConditions__metricLabel{
  color:var(--tc-dim);
  font:700 7px/1.1 var(--font-num,var(--font,ui-monospace,monospace));
  letter-spacing:.11em;
}
.trailConditions__metricValue{
  margin-top:8px;
  overflow-wrap:anywhere;
  color:var(--tc-ink);
  font:600 12px/1.24 var(--font-num,var(--font,ui-monospace,monospace));
}
.trailConditions__metricNote{
  margin-top:4px;
  color:var(--tc-dim);
  font:400 8px/1.35 var(--font-interface,var(--font,ui-monospace,monospace));
}

.trailConditions__microcopy{
  margin:9px 1px 0;
  color:var(--tc-dim);
  font:400 8px/1.45 var(--font-interface,var(--font,ui-monospace,monospace));
}

.trailConditions__mudCard{
  display:grid;
  grid-template-columns:112px minmax(0,1fr);
  align-items:center;
  gap:14px;
  padding:14px;
  border:1px solid var(--tc-border-strong);
  border-radius:6px;
  background:rgba(255,255,255,.016);
}

.trailConditions__mudCard[data-tone="low"]{--mud-color:var(--tc-green)}
.trailConditions__mudCard[data-tone="moderate"]{--mud-color:var(--tc-accent)}
.trailConditions__mudCard[data-tone="elevated"]{--mud-color:var(--tc-warn)}
.trailConditions__mudCard[data-tone="high"]{--mud-color:var(--tc-danger)}
.trailConditions__mudCard[data-tone="unavailable"]{--mud-color:var(--tc-muted)}

.trailConditions__mudScore{
  --mud-score:0;
  display:grid;
  gap:9px;
  min-width:0;
}
.trailConditions__mudValue{display:flex;align-items:flex-end;gap:4px}
.trailConditions__mudScore strong,
.trailConditions__mudScore span{display:block}
.trailConditions__mudScore strong{
  color:var(--tc-ink);
  font:400 30px/.85 var(--font-display,Georgia,serif);
}
.trailConditions__mudValue span{
  margin-bottom:1px;
  color:var(--tc-dim);
  font:700 6px/1 var(--font-num,var(--font,ui-monospace,monospace));
  letter-spacing:.08em;
}
.trailConditions__mudTrack{
  position:relative;
  height:9px;
  overflow:hidden;
  border:1px solid var(--tc-border-strong);
  border-radius:2px;
  background:
    repeating-linear-gradient(90deg,transparent 0 calc(25% - 1px),rgba(242,240,232,.16) calc(25% - 1px) 25%),
    rgba(255,255,255,.045);
}
.trailConditions__mudTrack i{
  display:block;
  width:calc(var(--mud-score) * 1%);
  height:100%;
  background:var(--mud-color);
}
.trailConditions__mudCopy strong,
.trailConditions__mudCopy p,
.trailConditions__mudCopy small{display:block;margin:0}
.trailConditions__mudCopy strong{
  color:var(--mud-color);
  font:500 19px/1 var(--font-display,Georgia,serif);
}
.trailConditions__mudCopy p{
  margin-top:6px;
  color:var(--tc-dim);
  font:400 9px/1.45 var(--font-interface,var(--font,ui-monospace,monospace));
}
.trailConditions__mudCopy small{
  margin-top:7px;
  color:var(--tc-warn);
  font:700 6px/1.35 var(--font-num,var(--font,ui-monospace,monospace));
  letter-spacing:.08em;
}

.trailConditions__alertList{
  display:grid;
  gap:7px;
  margin:0;
  padding:0;
  list-style:none;
}
.trailConditions__alert{
  padding:11px 12px;
  border:1px solid rgba(236,135,123,.42);
  border-radius:4px;
  background:rgba(236,135,123,.055);
}
.trailConditions__alert strong,
.trailConditions__alert span,
.trailConditions__alert a{display:block}
.trailConditions__alert strong{
  color:var(--tc-ink);
  font:650 10px/1.35 var(--font-num,var(--font,ui-monospace,monospace));
}
.trailConditions__alert span{
  margin-top:4px;
  color:var(--tc-dim);
  font:400 8px/1.4 var(--font-interface,var(--font,ui-monospace,monospace));
}
.trailConditions__alert a{
  width:max-content;
  min-height:44px;
  margin-top:2px;
  padding-top:12px;
  color:var(--tc-accent);
  font:700 8px/1 var(--font-num,var(--font,ui-monospace,monospace));
  letter-spacing:.08em;
  text-underline-offset:3px;
}

.trailConditions__sourceLedger{
  display:grid;
  grid-template-columns:76px minmax(0,1fr);
  margin:0;
  border-top:1px solid var(--tc-border);
}
.trailConditions__sourceLedger dt,
.trailConditions__sourceLedger dd{
  margin:0;
  padding:9px 0;
  border-bottom:1px solid var(--tc-border);
}
.trailConditions__sourceLedger dt{
  color:var(--tc-dim);
  font:700 7px/1.25 var(--font-num,var(--font,ui-monospace,monospace));
  letter-spacing:.1em;
}
.trailConditions__sourceLedger dd{padding-left:10px}
.trailConditions__sourceLedger strong,
.trailConditions__sourceLedger span{display:block}
.trailConditions__sourceLedger strong{
  color:var(--tc-ink);
  font:600 9px/1.25 var(--font-num,var(--font,ui-monospace,monospace));
}
.trailConditions__sourceLedger span{
  margin-top:3px;
  color:var(--tc-dim);
  font:400 8px/1.35 var(--font-interface,var(--font,ui-monospace,monospace));
}

.trailConditions__limitations{margin-top:12px}
.trailConditions__limitations summary{
  min-height:44px;
  display:flex;
  align-items:center;
  color:var(--tc-dim);
  cursor:pointer;
  font:700 8px/1.2 var(--font-num,var(--font,ui-monospace,monospace));
  letter-spacing:.08em;
}
.trailConditions__limitations summary:hover{color:var(--tc-accent)}
.trailConditions__limitations ul{margin:0;padding:0 0 0 16px}
.trailConditions__limitations li{
  margin:0 0 7px;
  color:var(--tc-dim);
  font:400 9px/1.48 var(--font-interface,var(--font,ui-monospace,monospace));
}

@keyframes trailConditionsPulse{
  0%,100%{opacity:.5;transform:scale(.94)}
  50%{opacity:1;transform:scale(1)}
}

@container(max-width:330px){
  .trailConditions__currentHero{grid-template-columns:52px minmax(0,1fr);gap:10px;padding:11px}
  .trailConditions__currentMark{width:48px;min-height:48px}
  .trailConditions__currentCopy strong{font-size:31px}
  .trailConditions__metricGrid{grid-template-columns:1fr}
  .trailConditions__metricGrid--two{grid-template-columns:repeat(2,minmax(0,1fr))}
  .trailConditions__mudCard{grid-template-columns:96px minmax(0,1fr);gap:10px;padding:11px}
  .trailConditions__mudScore strong{font-size:25px}
}

@media(prefers-reduced-motion:reduce){
  .trailConditions__state[data-state="loading"] .trailConditions__stateMark{animation:none}
}

@media(forced-colors:active){
  .trailConditions__badge,
  .trailConditions__stateMark,
  .trailConditions__mudScore{forced-color-adjust:auto}
  .trailConditions__dayButton[data-active="true"],
  .trailConditions__currentHero,
  .trailConditions__mudCard{outline:1px solid CanvasText}
}