/* Conditions brief — round 5 A. Shared evidence hierarchy; semantic colors retained. */
:root{--brief-gap:24px;--brief-warning:var(--orange-bright,#E9B458)}
.conditionsBrief,.conditionsReading,.conditionsDisclosure{min-width:0}
.conditionsBrief{display:grid;gap:0;max-width:72ch}
.conditionsReading{padding:0 0 var(--brief-gap)}
.conditionsReading h3,.conditionsBrief h4,.trailConditions__current h3{margin:0 0 16px;font:400 26px/1.25 var(--cg-display);color:var(--cg-bright)}
.conditionsBrief p,.conditionsDisclosure p,.conditionsNotice p{margin:8px 0;font:var(--cg-body)/1.6 var(--cg-prose);color:var(--cg-ink);max-width:var(--cg-measure)}
.conditionsMetrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 28px;margin:16px 0}
.conditionsMetrics>div{min-width:0;margin:0;border:0;background:none;padding:0}
.conditionsMetrics dt,.conditionsMetrics .trailConditions__metricLabel{font:var(--cg-control)/1.4 var(--cg-interface);color:var(--cg-ink);text-transform:none;letter-spacing:0}
.conditionsMetrics dd,.conditionsMetrics .trailConditions__metricValue{margin:6px 0 0;font:400 26px/1.3 var(--cg-number);font-variant-numeric:tabular-nums lining-nums;color:var(--cg-bright);overflow-wrap:anywhere}
.conditionsBrief .conditionsEvidence,.conditionsEvidence,.conditionsScope{font:var(--cg-meta)/1.6 var(--cg-interface);color:var(--cg-muted);overflow-wrap:anywhere}
.conditionsReading>.btn{margin-top:14px}
.conditionsNotice{display:grid;grid-template-columns:24px minmax(0,1fr);gap:16px;padding:24px 0;border-top:1px solid var(--cg-rule)}
.conditionsNotice>.atlas-icon{width:24px;height:24px;margin-top:3px;color:var(--cg-ink)}
.conditionsNotice strong{display:block;font:400 20px/1.4 var(--cg-display);color:var(--cg-bright)}
.conditionsNotice--access strong,.conditionsNotice--access>.atlas-icon,.conditionsNotice--alert strong,.conditionsNotice--alert>.atlas-icon{color:var(--brief-warning)}
.conditionsNotice a{display:inline-flex;align-items:center;gap:8px;min-height:44px;font:var(--cg-control)/1.5 var(--cg-interface);color:var(--cg-focus)}
.conditionsNotice a .atlas-icon{width:18px;height:18px}
.conditionsAccess.atlasAccessNotice{padding:0;margin:0 0 28px;border:0;background:none;box-shadow:none}
.conditionsAccess .conditionsNotice{border-top:0;padding-top:0}
.conditionsDisclosure{border:0;border-top:1px solid var(--cg-rule);background:none;box-shadow:none;margin:0;padding:0}
.conditionsDisclosure>summary,.guideContent .conditionsDisclosure>summary{display:list-item;cursor:pointer;min-height:48px;padding:14px 0;font:var(--cg-control)/1.5 var(--cg-interface);color:var(--cg-bright)}
.conditionsDisclosure[open]{padding-bottom:20px}
.conditionsDisclosure ul{font:var(--cg-compact)/1.65 var(--cg-prose);padding-left:22px;max-width:var(--cg-measure)}
.conditionsDisclosure .wxFeeds{border:0}
.conditionsRecovery{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding-top:20px}
.conditionsRecovery>a{font:var(--cg-control)/1.5 var(--cg-interface);color:var(--cg-focus)}
.conditionsEmpty{padding:24px 0;border-block:1px solid var(--cg-rule)}
.conditionsEmpty p{font:var(--cg-body)/1.6 var(--cg-prose)}
.conditionsEmpty[hidden]{display:none}
.weatherSharedAlerts{max-width:72ch;margin-top:24px}
.guideAccessFlag{color:var(--brief-warning);font:var(--cg-meta)/1.5 var(--cg-interface)}
#detail-panel-conditions .detailPanelIntro{margin-bottom:24px}
#detail-panel-conditions .detailPanelIntro p:empty{display:none}
#detail-panel-conditions .conditionsBrief{max-width:none}
#wxBody .conditionsBrief p{font-size:var(--cg-compact)}
#wxBody .conditionsMetrics dd{font-size:24px}
.wxFull{column-count:1}
.trailConditions .trailConditions__header{margin-bottom:24px;border:0;padding:0}
.trailConditions .trailConditions__section{padding:24px 0;border:0;border-bottom:1px solid var(--cg-rule);background:none}
.trailConditions .trailConditions__current{padding-top:0}
.trailConditions .trailConditions__state{padding:20px 0;border:0;background:none;box-shadow:none}
.trailConditions .trailConditions__stateMark{width:24px;height:24px;background:none;border:0}
.trailConditions .trailConditions__stateCopy strong{font:400 20px/1.4 var(--cg-display)}
.trailConditions .trailConditions__stateCopy p{font:var(--cg-compact)/1.6 var(--cg-prose)}
.trailConditions .trailConditions__metric{padding:12px 0;border:0;background:none}
.trailConditions .trailConditions__sourceLedger dd{overflow-wrap:anywhere}
.trailConditions .trailConditions__alert{border-width:0 0 1px;padding:14px 0;background:none}
.trailConditions .trailConditions__badge{display:none}
.trailConditions .conditionsDisclosure>summary{font:var(--cg-control)/1.5 var(--cg-interface)}
.beachForecast .conditionsBrief{max-width:none}
.beachForecast .beachForecastHours{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.beachForecast .beachForecastHours>section{padding:18px 0;border:0;border-block:1px solid var(--cg-rule);background:none}
.beachForecast .beachForecastHours .conditionsMetrics{grid-template-columns:1fr;gap:12px}
.beachForecast .conditionsMetrics dd{font-size:20px}
.beachForecast .beachForecastWarning{border:0;border-bottom:1px solid var(--cg-rule);background:none;padding:16px 0;color:var(--brief-warning)}
#atlasSyncStatus{display:flex;align-items:center;gap:16px;max-width:min(600px,calc(100vw - 32px))}
#atlasSyncStatus button{flex-shrink:0;min-height:44px;padding:8px 12px;border:1px solid var(--cg-rule);border-radius:3px;background:var(--cg-bg);color:var(--cg-bright);font:var(--cg-meta)/1.4 var(--cg-interface)}
@media(max-width:760px){
 :root{--brief-gap:20px}
 .conditionsReading h3,.conditionsBrief h4,.trailConditions__current h3{font-size:24px}
 .conditionsMetrics{gap:18px}
 .conditionsMetrics dd,.conditionsMetrics .trailConditions__metricValue{font-size:24px}
 .conditionsNotice{gap:12px;padding:20px 0}
 .conditionsNotice p{font-size:16px}
 .conditionsRecovery{align-items:stretch;flex-direction:column}
 .beachForecast .beachForecastHours{grid-template-columns:1fr}
 .beachForecast .beachForecastHours .conditionsMetrics{grid-template-columns:repeat(2,minmax(0,1fr))}
 #atlasSyncStatus{gap:8px}
}


/* Routine sync state belongs in Settings; failures stay actionable without covering headings. */
#atlasSyncStatus:not([data-sync-state="failed"]){display:none}
@media(max-width:760px){
 #atlasSyncStatus[data-sync-state="failed"]{top:auto;bottom:78px;left:12px;right:12px;width:auto;max-width:none}
 body[data-sync-state="failed"] .view.scroll{padding-bottom:160px}
}