.page-head{padding:32px 0}
.page-head .trends-back{color:#c5dce0}
.page-head .trends-lead{color:#d6e7e9}
.trends-main{padding-top:28px;padding-bottom:48px}
.trends-feeds{margin-bottom:24px}
.trends-feeds button:disabled{opacity:.6;cursor:wait}
.trends-back{display:block;margin-bottom:22px;font-size:13px;color:var(--ink-2)}
.trends-lead{line-height:1.9;color:var(--ink-2);margin-top:16px}
.trends-toolbar{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.trends-toolbar label{font-weight:700;font-size:14px}
.trends-toolbar select{padding:10px;border:1px solid var(--line);border-radius:4px;background:var(--surface);font:inherit;max-width:100%}
.trends-toolbar p,.trends-scope,#trend-chart-period,#trend-period{font-size:12px;color:var(--ink-2);line-height:1.8}
.trends-scope{margin-top:22px}
.trends-category{margin-top:22px}
.trends-search{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:24px 0 16px}
.trends-search label{font-size:14px;font-weight:700}
.trends-search input{font:inherit;flex:1 1 240px;max-width:420px;min-width:0;padding:10px 12px;border:1px solid var(--line);border-radius:4px;background:var(--surface);color:var(--ink)}
.trends-types{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}
.trends-types button{font:inherit;font-size:14px;font-weight:700;padding:12px 16px;border:1px solid var(--line);border-radius:5px;background:var(--surface);color:var(--ink);cursor:pointer}
.trends-types button[aria-pressed=true]{background:#183e38;border-color:#183e38;color:#fff}
.trends-types button:disabled{opacity:.6;cursor:wait}
.trends-type-description{font-size:12px;line-height:1.8;color:var(--ink-2);margin-top:10px}
.trends-category label{display:flex;align-items:center;flex-wrap:wrap;gap:10px;font-size:14px;font-weight:700}
.trends-category select{font:inherit;max-width:100%;min-width:0;padding:10px;border:1px solid var(--line);border-radius:4px;background:var(--surface);color:var(--ink)}
.trends-filters{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0 16px}
.trends-filters button{font:inherit;font-size:13px;border:1px solid var(--line);border-radius:5px;background:var(--surface);padding:10px 14px;color:var(--ink);cursor:pointer}
.trends-filters button[aria-pressed=true]{background:#183e38;color:#fff;border-color:#183e38}
.trends-filter-description{font-size:12px;line-height:1.8;color:var(--ink-2);margin:0 0 4px}
#trend-status{font-size:13px;margin-bottom:18px}
#trend-status:empty{margin:0}
.trends-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start}
.trend-card{border:1px solid var(--line);border-radius:8px;background:var(--surface);padding:23px;min-width:0}
.trend-card__head{display:flex;justify-content:space-between;gap:12px;align-items:start;min-height:64px}
.trend-card h2{font-size:19px;line-height:1.5;margin:4px 0 0}
.trend-card__group{font-size:11px;color:var(--ink-2)}
.trend-state{display:inline-block;white-space:nowrap;font-size:11px;padding:4px 7px;border-radius:4px;color:#34564f;background:#edf3f0}
.trend-state--surging,.trend-state--rising{color:#176049;background:#e9f5ee}
.trend-state--declining,.trend-state--steep-decline{color:#855520;background:#fbf0e1}
.trend-state--hold,.trend-state--insufficient{color:#62666b;background:#f0f1f2}
.trend-card__numbers{display:flex;align-items:baseline;gap:9px;margin-top:18px;flex-wrap:wrap}
.trend-card__numbers strong{font-size:30px;line-height:1.2;font-variant-numeric:tabular-nums}
.trend-card__numbers small{font-size:12px;color:var(--ink-2)}
.trend-card__delta{font-size:13px;margin-left:auto}
.trend-card__share{font-size:12px;line-height:1.8;margin-top:8px;color:var(--ink-2)}
.trend-card__chart,.trend-chart-months,.trend-chart-caption{display:grid;grid-template-columns:repeat(26,minmax(0,1fr));gap:2px}
.trend-chart-legend{display:flex;flex-wrap:wrap;gap:4px 14px;margin-top:20px;font-size:11px;color:var(--ink-2)}
.trend-chart-legend__line{color:#99521d}
.trend-chart-legend__line::before{content:'';display:inline-block;width:16px;border-top:2px solid #b0662b;vertical-align:middle;margin-right:5px}
.trend-chart-legend__band{color:#99521d}
.trend-chart-legend__band::before{content:'';display:inline-block;width:16px;height:9px;background:rgba(176,102,43,.16);vertical-align:middle;margin-right:5px}
.trend-axis-titles{display:flex;justify-content:space-between;font-size:10px;color:var(--ink-2);margin:12px 0 6px}
.trend-chart-shell{display:grid;grid-template-columns:28px minmax(0,1fr) 38px;align-items:stretch}
.trend-chart-plot{position:relative;min-width:0;background:linear-gradient(to top,var(--line) 1px,transparent 1px);border-top:1px solid var(--line)}
.trend-axis{display:flex;flex-direction:column;justify-content:space-between;font-size:10px;line-height:1;color:var(--ink-2);font-variant-numeric:tabular-nums}
.trend-axis--left{text-align:right;padding-right:5px}
.trend-axis--right{padding-left:5px;color:#99521d}
.trend-line,.trend-band{position:absolute;inset:0;width:100%;height:120px;overflow:hidden;pointer-events:none}
.trend-line path{fill:none;stroke:#b0662b;stroke-width:2;stroke-linejoin:round;stroke-linecap:round}
.trend-band path{fill:rgba(176,102,43,.16);stroke:none}
.trend-card__chart{position:relative;margin-top:0;gap:0;height:120px}
.trend-chart-labels{margin-left:28px;margin-right:38px}
.trend-change{font-size:12px;line-height:1.8;margin-top:8px;color:var(--ink-2)}
.trend-change strong{font-size:18px;color:#99521d;font-variant-numeric:tabular-nums}
.trend-change__direction{display:block;font-size:11px}
.trend-change--hold{min-height:76px}
.trend-bar{height:120px;min-width:0;padding:0 1px;border:0;background:transparent;display:flex;flex-direction:column;justify-content:end;align-items:stretch;cursor:pointer;border-radius:2px}
.trend-bar i{display:block;pointer-events:none;background:#c5cfcc;border-radius:2px 2px 0 0;min-height:2px;height:var(--height)}
.trend-bar--previous i{background:#849f96}
.trend-bar--recent i{background:#2f6e5b}
.trend-bar--missing{background:repeating-linear-gradient(135deg,transparent,transparent 4px,#e2e6e4 4px,#e2e6e4 6px)}
.trend-bar:hover,.trend-bar.is-selected{box-shadow:inset 0 0 0 1px #2f6e5b;background-color:#edf3f0}
.trend-chart-months{font-size:10px;color:var(--ink-2);margin-top:5px;height:18px}
.trend-chart-months span{white-space:nowrap}
.trend-chart-months span:last-child{justify-self:end}
.trend-chart-caption{font-size:10px;color:var(--ink-2);margin-top:6px;text-align:center}
.trend-chart-caption span{grid-column:span 4;border-top:2px solid #c5cfcc;padding-top:4px}
.trend-chart-caption span:first-child{grid-column:span 18}
.trend-chart-caption span:nth-child(2){border-color:#849f96}
.trend-chart-caption span:nth-child(3){border-color:#2f6e5b}
.trend-chart-detail{font-size:11px;color:var(--ink-2);line-height:1.7;min-height:3.4em;margin-top:8px;overflow-wrap:anywhere}
.trend-history{list-style:none;padding:0!important;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;margin:20px 0 0!important}
.trend-history li{display:flex;flex-direction:column;align-items:center;gap:5px}
.trend-history time{font-size:10px;color:var(--ink-2)}
.trend-history .trend-state{font-size:10px;padding:4px}
.trend-card__note{font-size:12px;line-height:1.7;margin-top:12px;color:var(--ink-2)}
.trend-evidence{border-top:1px solid var(--line);margin-top:20px;padding-top:14px;font-size:13px}
.trend-evidence summary,.trends-method summary{cursor:pointer;font-weight:700}
.trend-evidence h3{font-size:13px;margin:20px 0 10px}
.trend-evidence ul{list-style:none;padding:0}
.trend-evidence li{border-bottom:1px solid var(--line);padding:10px 0;line-height:1.7}
.trend-evidence time{display:block;font-size:11px;color:var(--ink-2)}
.trend-evidence a{overflow-wrap:anywhere}
.trends-method{border:1px solid var(--line);border-radius:8px;margin-top:36px;padding:22px;background:var(--surface)}
.trends-method p{font-size:13px;line-height:1.9;margin-top:16px}
.trends-table-wrap{overflow-x:auto;margin-top:20px}
.trends-method table{border-collapse:collapse;font-size:12px;width:100%}
.trends-method caption{text-align:left;padding-bottom:10px}
.trends-method th,.trends-method td{padding:12px 8px;border-bottom:1px solid var(--line);text-align:left;line-height:1.7}
.trends-method td:first-child{white-space:nowrap}
.trends-footer{border-top:1px solid var(--line);padding-top:24px;padding-bottom:24px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:12px;color:var(--ink-2)}
.trends-main :focus-visible{outline:3px solid #397b9f;outline-offset:3px}
@media(max-width:760px){.trends-grid{grid-template-columns:1fr}
.trend-card{padding:18px}
.trend-card h2{font-size:18px}
.trends-toolbar label{display:flex;flex-wrap:wrap;gap:8px}
.trend-card__numbers strong{font-size:27px}
.trends-method{padding:16px}
}