.homepage-audience-trend{margin:0 0 24px;padding:24px 0 20px;border-bottom:1px solid #ccd6ce;color:#22332b}
.audience-trend-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;flex-wrap:wrap}.audience-trend-head h2{font-size:28px;margin:0 0 8px;letter-spacing:-.5px}.audience-trend-head p{margin:0;font-size:13px;color:#64716b}
.audience-trend-summary{display:flex;align-items:center;gap:48px;flex-wrap:wrap;margin:24px 0}.audience-trend-summary>p{font-size:12px;line-height:1.8;color:#64716b;margin:0}.audience-trend-summary>p strong{font-size:14px;color:#22332b}.audience-trend-stat{display:grid;grid-template-columns:auto 1fr;align-items:baseline;gap:2px 12px}.audience-trend-stat>span{grid-column:1/-1;font-size:12px;color:#64716b}.audience-trend-stat>strong{font-size:32px;font-weight:650;letter-spacing:-.5px}.audience-trend-stat>small{font-size:12px;color:#496552}
.audience-trend-legend{display:flex;align-items:center;gap:20px;flex-wrap:wrap;font-size:12px;margin:16px 0}.audience-trend-legend>span{display:inline-flex;align-items:center;gap:8px}.audience-trend-legend>span:before{content:"";width:24px;border-top:3px solid #2f6b53}.audience-trend-legend>.audience-trend-legend--returning:before{border-color:#3566ac;border-top-style:dashed}.audience-trend-legend small{color:#64716b;margin-left:auto}
.audience-trend-scroll{overflow-x:auto}.audience-trend-chart{width:100%;min-width:600px;display:block}.audience-trend-grid{stroke:#dce3dd;stroke-width:1}.audience-trend-axis{fill:#64716b;font-size:12px;font-family:inherit}.audience-trend-line{fill:none;stroke:#2f6b53;stroke-width:3;stroke-linejoin:round;stroke-linecap:round}.audience-trend-line--returning{stroke:#3566ac;stroke-dasharray:6 4}.audience-trend-line--partial{stroke-dasharray:3 6;opacity:.65}.audience-trend-dot{fill:#2f6b53;stroke:#f7f5f0;stroke-width:2}.audience-trend-dot--returning{fill:#3566ac}.audience-trend-dot--partial{fill:#f7f5f0;stroke:#2f6b53}.audience-trend-dot--returning.audience-trend-dot--partial{stroke:#3566ac}.audience-trend-guide{stroke:#7d8e83;stroke-width:1;stroke-dasharray:3 5;pointer-events:none}.audience-trend-hit{fill:transparent;cursor:crosshair}.audience-trend-hit:focus-visible{outline:none;stroke:#3566ac;stroke-width:1}
.audience-trend-readout{padding:10px 14px;background:#edf2ec;border-radius:6px;font-size:13px;line-height:1.6;min-height:21px;margin:8px 0 12px}.audience-trend-note{font-size:12px;line-height:1.6;color:#64716b;max-width:980px;margin:10px 0 0}.audience-trend-empty{min-height:250px;display:grid;place-items:center;color:#64716b;font-size:14px}.audience-trend-table{font-size:12px}.audience-trend-table summary{cursor:pointer;color:#496552}.audience-trend-table>div{overflow-x:auto}.audience-trend-table table{width:100%;max-width:650px;border-collapse:collapse;margin-top:12px}.audience-trend-table th,.audience-trend-table td{text-align:left;padding:8px 12px;border-bottom:1px solid #dce3dd}.audience-trend-retry{margin-top:12px}
@media(max-width:700px){.audience-trend-summary{display:grid;grid-template-columns:1fr 1fr;gap:16px}.audience-trend-summary>p{grid-column:1/-1}.audience-trend-stat{display:flex;flex-direction:column;gap:4px}.audience-trend-stat>strong{font-size:28px}.audience-trend-head h2{font-size:24px}.audience-trend-legend{gap:12px}.audience-trend-legend small{margin-left:0;flex-basis:100%}.audience-trend-readout{font-size:12px}.homepage-audience-trend{padding-top:16px}}