/* mcp.tc change history (page-only, after site.css): History entries (_history.php) on the listing's History tab and on
   /changes, plus the /changes page. Near-monochrome like the rest: a quiet timeline, before/after blocks with the changed
   words marked (<del>, <ins>), neutral badges for changes worth a closer look. Server text is plain text in .ch-d/.ba-t
   (wraps anywhere, keeps line breaks). No inline styles anywhere (CSP style-src 'self'). */
.hist-cov{display:flex;align-items:flex-start;gap:8px;max-width:68ch;font-size:15px;color:var(--fg-2);text-wrap:pretty}
.hist-cov .i{width:16px;height:16px;margin-top:3px;color:var(--fg)}
.hist-follow{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px;margin-top:20px;padding:14px 16px;border:1px solid var(--line);border-radius:var(--r);background:var(--bg-2)}
.hist-follow p{max-width:56ch;font-size:14px;color:var(--fg-2);text-wrap:pretty}
.hist-acts,.chg-acts{display:flex;flex-wrap:wrap;gap:8px}
.hist-pg,.hist-empty,.chg-more,.chg-empty{margin-top:16px;font-size:14px;color:var(--fg-3)}

/* the timeline: a dot per entry on a thin rule; tool changes get a filled dot, the start of tracking a hollow one */
.hist{margin-top:28px}
.ch{position:relative;padding:0 0 24px 26px}
.ch::before{content:"";position:absolute;left:4px;top:12px;bottom:-4px;width:1px;background:var(--line)}
.ch:last-child{padding-bottom:4px}
.ch:last-child::before{display:none}
.ch::after{content:"";position:absolute;left:0;top:6px;width:9px;height:9px;box-sizing:border-box;border:1.5px solid var(--fg-3);border-radius:50%;background:var(--bg)}
.ch[data-k=tools]::after{border-color:var(--fg);background:var(--fg)}
.ch-base::after{border-style:dotted}
.ch:target .ch-sum{text-decoration:underline;text-decoration-color:var(--line-2);text-underline-offset:4px}
.ch-top{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 12px;font-size:13px;color:var(--fg-3)}
.ch-at{color:var(--fg-2);font-variant-numeric:tabular-nums;text-decoration:underline;text-decoration-color:transparent;text-underline-offset:3px;transition:text-decoration-color .15s ease}
.ch-at:hover{text-decoration-color:currentColor}
.ch-sum{margin-top:2px;font-size:15px;font-weight:500;color:var(--fg);text-wrap:pretty}
.ch-sum .muted{font-weight:400}
.ch-flags{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.ch-x{margin-left:2px}
.ch-det{margin-top:6px}
.ch-det summary{display:inline-flex;align-items:center;gap:6px;padding:4px 0;font-size:14px;font-weight:500;color:var(--fg-2);list-style:none;cursor:pointer}
.ch-det summary::-webkit-details-marker{display:none}
.ch-det summary:hover{color:var(--fg)}
.ch-det summary .i{width:14px;height:14px}
.ch-det[open] summary .i{transform:rotate(180deg)}
@media (prefers-reduced-motion:no-preference){.ch-det summary .i{transition:transform .2s var(--ease-out)}}
.ch-body{display:grid;gap:10px;padding:8px 0 4px;font-size:14px;color:var(--fg-2)}
.ch-h{margin-top:4px;font-size:13px;font-weight:600;color:var(--fg)}
.ch-h .h-n{font-weight:400;color:var(--fg-3)}
.ch-sub,.ch-lbl{font-size:12px;color:var(--fg-3)}
.ch-tools{border:1px solid var(--line);border-radius:var(--r)}
.ch-tools>li{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;min-width:0;padding:10px 14px}
.ch-tools>li + li{border-top:1px solid var(--line)}
.ch-tools code,.ch-names code,.ch-params code{font-size:13px;font-weight:500;color:var(--fg);overflow-wrap:anywhere}
.ch-gone code{text-decoration:line-through;text-decoration-color:var(--fg-3)}
.ch-w{font-size:12px;color:var(--fg-3)}
.ch-d,.ch-note,.ba,.ch-params,.ch-sub{flex-basis:100%}
.ch-d{font-size:13.5px;color:var(--fg-2);overflow-wrap:anywhere}
.ch-note{font-size:13px;color:var(--fg-3)}
.ch-names{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px;font-size:13px}
.ch-names code{padding:1px 6px;border:1px solid var(--line);border-radius:4px;background:var(--bg-2);font-weight:400}
.ch-params{display:grid;gap:6px;font-size:13px}
.ch-params .ba{margin-top:4px}
.ch-list{padding-left:18px;list-style:disc;overflow-wrap:anywhere}
.ch-fv{overflow-wrap:anywhere}
.ch-f{display:grid;gap:6px}
/* before / after: labelled rows; the changed words are struck through (before) and marked (after), no colour needed */
.ba{display:grid;gap:4px}
.ba-r{display:grid;grid-template-columns:4.5em minmax(0,1fr);gap:10px;align-items:baseline;padding:8px 10px;border-radius:var(--r-sm);background:var(--bg-2)}
.ba-a{background:var(--bg-3)}
.ba-l{font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--fg-3)}
.ba-t{font-size:13.5px;color:var(--fg);white-space:pre-line;overflow-wrap:anywhere}
.ba-ml .ba-t{max-height:18em;overflow-y:auto}
.ba del{color:var(--fg-3);text-decoration:line-through}
.ba ins{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px;background:color-mix(in srgb,var(--fg) 9%,transparent)}
@media (max-width:479px){.ba-r{grid-template-columns:minmax(0,1fr);gap:2px}}
@media (forced-colors:active){.ch::after{forced-color-adjust:none;border-color:CanvasText}.ch[data-k=tools]::after{background:CanvasText}.ba ins{background:none}}

/* /changes: one section per day, rows with the listing's tile and name (no timeline rule) */
.chg-acts{margin-top:16px}
.chg-day{margin-top:32px}
.chg-date{padding-bottom:8px;border-bottom:1px solid var(--line);font-size:14px;font-weight:600;color:var(--fg)}
.hist-site{margin-top:0}
.hist-site .ch{display:grid;grid-template-columns:32px minmax(0,1fr);gap:12px;padding:14px 0;border-bottom:1px solid var(--line)}
.hist-site .ch::before,.hist-site .ch::after{display:none}
.hist-site .tile{width:32px;height:32px;font-size:13px}
.ch-main{min-width:0}
.ch-name{font-weight:500;color:var(--fg);overflow-wrap:anywhere}
.ch-name:hover{text-decoration:underline;text-underline-offset:3px}
.hist-site .ch-top{font-size:14px}
.hist-site .ch-at{order:3;color:var(--fg-3);text-decoration:none}
.hist-site .ch-sum{font-size:14px;font-weight:400;color:var(--fg-2)}
@media print{.ch-det>:not(summary){display:block}.hist-follow{display:none}}