.author-history{min-width:0}
.author-overview>.author-trend{margin-top:0}
.author-trend{--trend-red:#b9454d;--trend-pink:#f1c4c8;--trend-muted:#687269;min-width:0;padding:22px 24px 18px;margin:0 0 20px;border:1px solid var(--line);border-radius:20px;background:var(--surface);color:var(--ink)}
.trend-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}
.trend-heading h2{font-size:20px;margin:0 0 4px}
.trend-heading p{margin:0;color:var(--trend-muted);font-size:12px}
.trend-heading-mark{color:var(--trend-red);width:36px;flex:none}
.trend-heading-mark svg{display:block;width:100%;fill:var(--surface);stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.trend-periods{display:flex;gap:4px;margin:20px 0 12px;padding:4px;border-radius:12px;background:#f4efed}
.trend-periods button{flex:1;min-height:44px;padding:6px 12px;border:0;border-radius:9px;background:transparent;color:#71625e;font-size:14px}
.trend-periods button[aria-pressed=true]{color:#fff8f6;background:var(--trend-red);font-weight:600}
.trend-periods button:hover{color:var(--trend-red);background:#ecdadd}
.trend-periods button[aria-pressed=true]:hover{color:#fff8f6;background:#a63e45}
.trend-window{display:flex;gap:12px;justify-content:space-between;color:var(--trend-muted);font-size:12px}
.trend-overview{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 0 16px;border-bottom:1px solid var(--line)}
.trend-rate{display:grid;gap:4px;flex-shrink:0}
.trend-rate>span{font-size:12px;color:var(--trend-muted)}
.trend-rate strong{font-size:36px;line-height:1.1;font-weight:600;color:var(--trend-red);font-variant-numeric:tabular-nums}
.trend-totals{display:grid;gap:10px;text-align:right}
.trend-totals>.result-counts{margin:0;justify-content:flex-end;gap:10px}
.trend-totals .result-count,.trend-detail .result-count{background:transparent;border:0;padding:0;font-size:12px;gap:3px;white-space:nowrap}
.trend-totals>.result-counts svg,.trend-detail .result-count svg{width:14px;height:14px}
.trend-totals>span{color:var(--trend-muted);font-size:12px}
.trend-chart-label{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:16px 0 4px;font-size:12px;color:var(--trend-muted)}
.trend-chart-label>span{display:flex;align-items:center;gap:6px}
.trend-chart-label i{width:12px;height:2px;background:var(--trend-red)}
.trend-chart-label small{font-size:11px}
.trend-chart{position:relative;display:flex;min-width:0;height:260px}
.trend-axis{position:relative;flex:0 0 38px;font-size:11px;color:var(--trend-muted)}
.trend-axis span{position:absolute;right:8px;transform:translateY(-50%);font-variant-numeric:tabular-nums}
.trend-scroll{flex:1;min-width:0;overflow:hidden}
.trend-canvas{position:relative;width:100%;min-width:0;height:260px;touch-action:pan-y}
.trend-svg{display:block;width:100%;height:260px;overflow:visible}
.trend-grid{stroke:#dce1da;stroke-width:1;stroke-dasharray:4 5;vector-effect:non-scaling-stroke}
.trend-bar{fill:var(--trend-pink)}
.trend-bar.is-selected{fill:#df8b94}
.trend-bar.is-negative{fill:#d4dcd5}
.trend-bar.is-negative.is-selected{fill:#99aea0}
.trend-line{fill:none;stroke:var(--trend-red);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.trend-dot{fill:var(--surface);stroke:var(--trend-red);stroke-width:2;vector-effect:non-scaling-stroke}
.trend-dot.is-selected{fill:var(--trend-red);stroke:#fff8f6;stroke-width:2.5}
.trend-dot.is-push{fill:#287db5;stroke:#eff7fc}
.trend-line.is-negative{stroke:#637c6c}
.trend-grid.is-zero{stroke:#9aa89d;stroke-dasharray:none}
.trend-selection{stroke:#b4646b;stroke-width:1;stroke-dasharray:3 4;opacity:.55;vector-effect:non-scaling-stroke}
.trend-date,.trend-gap{text-anchor:middle;font-size:11px;fill:var(--trend-muted);font-family:inherit}
.trend-date.is-selected{fill:var(--trend-red);font-weight:700}
.trend-gap{fill:#90968f}
.trend-gap.is-push{fill:#287db5;font-size:12px}
.trend-hit-targets{position:absolute;inset:0;display:flex}
.trend-day{flex:1;min-width:0;min-height:44px;padding:0;border:0;border-radius:3px;background:transparent;touch-action:pan-y}
.trend-day:hover{background:#b9454d08}
.trend-day:focus-visible{outline:2px solid var(--trend-red);outline-offset:-2px;background:#b9454d0b}
.trend-modes{display:flex;gap:22px;margin:16px 0 12px;border-bottom:1px solid var(--line)}
.trend-modes button{position:relative;min-height:44px;padding:6px 0;border:0;border-radius:0;background:transparent;color:var(--trend-muted);font-size:13px}
.trend-modes button[aria-pressed=true]{color:var(--trend-red);font-weight:600}
.trend-modes button[aria-pressed=true]::after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--trend-red)}
.trend-modes button:hover{color:var(--trend-red);background:transparent}
.trend-detail{margin:0 0 4px;padding:10px 14px;border-radius:12px;background:#f9f2f1;min-height:88px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 8px}
.trend-detail>div:first-child{display:flex;align-items:baseline;gap:10px}
.trend-detail time{font-size:13px;font-weight:600}
.trend-detail strong{font-size:22px;font-variant-numeric:tabular-nums;color:var(--trend-red)}
.trend-detail strong.is-missing{color:var(--trend-muted)}
.trend-detail>div:first-child>span{font-size:11px;color:var(--trend-muted)}
.trend-detail .result-counts{grid-column:1/-1;margin:0;gap:12px}
.trend-detail>p,.trend-detail>small{margin:0;font-size:12px;color:var(--trend-muted)}
.trend-detail>small,.trend-detail>p{grid-column:1/-1}
.trend-detail-nav{display:flex;align-items:center;gap:2px}
.trend-detail-nav button{min-width:44px;min-height:44px;padding:0;border:0;background:transparent;color:var(--trend-red);font-size:26px;line-height:1}
.trend-detail-nav button:disabled{color:#bfaaa8;cursor:default;opacity:.5}
.trend-footnote{margin:12px 0 0;color:var(--trend-muted);font-size:11px;line-height:1.7}
.trend-footnote>span{display:block}
@media(max-width:760px){
 .author-trend{margin-top:16px;padding:20px 18px 16px}
 .trend-heading h2{font-size:19px}
 .trend-periods{margin-top:16px}
 .trend-overview{gap:8px}
 .trend-rate strong{font-size:32px}
 .trend-totals>.result-counts{gap:7px}
 .trend-totals .result-count{font-size:11px}
 .trend-totals>span{font-size:11px}
 .trend-detail{padding:10px 12px}
 .trend-detail>div:first-child{flex-wrap:wrap;gap:1px 8px}
 .trend-detail>div:first-child>span{flex-basis:100%}
}
@media(max-width:360px){
 .author-trend{padding:18px 14px 14px}
 .trend-overview{align-items:flex-start}
 .trend-rate strong{font-size:28px}
 .trend-totals>.result-counts{gap:5px}
 .trend-totals>.result-counts svg{width:12px;height:12px}
 .trend-chart-label{font-size:11px}
 .trend-chart-label small{font-size:10px}
}

.trend-comparison{margin:20px 0 4px;padding-top:18px;border-top:1px solid var(--line)}
.trend-comparison-heading{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 12px;justify-content:space-between}
.trend-comparison h3{margin:0;font-size:15px;font-weight:550}
.trend-comparison-heading strong{font-size:14px;color:var(--green);font-weight:550}
.trend-comparison-heading strong.is-limited{color:var(--muted)}
.trend-comparison-periods{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:14px}
.trend-comparison-periods>div{display:grid;gap:4px;min-width:0}
.trend-comparison-periods>div+div{border-left:1px solid var(--line);padding-left:16px}
.trend-comparison-periods span{font-size:13px;color:var(--muted)}
.trend-comparison-periods small{display:block;font-size:12px;font-variant-numeric:tabular-nums}
.trend-comparison-periods b{font-size:24px;color:var(--ink);font-weight:550;font-variant-numeric:tabular-nums}
.trend-comparison>p{font-size:12px;line-height:1.8;color:var(--muted);margin:12px 0 0}
@media(max-width:760px){.trend-heading p,.trend-window,.trend-rate>span,.trend-totals>span,.trend-detail>p,.trend-detail>small{font-size:13px}.trend-comparison-periods{gap:12px}.trend-comparison-periods>div+div{padding-left:12px}}