/* The one stylesheet for versioning.mjs output. Hosts supply design tokens:
   public --color-* or OS --line/--accent/--muted/--bg/--panel. */
.history-page,.hw-version-diff{--hw-line:var(--color-border,var(--line));--hw-accent:var(--color-accent,var(--accent));--hw-muted:var(--color-muted,var(--muted));--hw-bg:var(--color-bg,var(--bg));--hw-surface:var(--color-surface,var(--panel));--hw-add:#277b42;--hw-del:#a33a2c;font-family:var(--font-sans,inherit)}
@media (prefers-color-scheme:dark){.history-page,.hw-version-diff{--hw-add:#72c98b;--hw-del:#ef8d84}}
.history-page{padding-top:.75rem}
.history-page>.page-title,.hw-version-diff>.page-title{margin-top:0}
.history-page>.intro{font-size:.8rem}
.history-page>.intro a{color:var(--hw-accent);font-weight:600;text-decoration:none}
.history-page .timeline{margin:0;padding:0;border-top:1px solid var(--hw-line);list-style:none}
.history-page .version{display:grid;grid-template-columns:8.5rem minmax(0,1fr)}
.history-page .version-node{position:relative;display:grid;grid-template-columns:2.6rem 1fr;grid-template-rows:auto 1fr;gap:.25rem .65rem;padding-top:2rem}
.history-page .version-node>span{z-index:1;display:grid;grid-row:1 / span 2;place-items:center;align-self:start;width:2.6rem;height:2.6rem;border:1px solid var(--hw-line);border-radius:50%;background:var(--hw-bg);color:var(--hw-accent);font-size:.72rem;font-weight:700}
.history-page .version-node time{color:var(--hw-muted);font-size:.68rem;line-height:2.6rem}
.history-page .version-node i{position:absolute;top:0;bottom:0;left:1.3rem;width:1px;background:var(--hw-line)}
.history-page .version:first-child .version-node i{top:3.3rem}
.history-page .version:last-child .version-node i{bottom:calc(100% - 2rem)}
.history-page .version>section{min-width:0;padding:2rem 0 3rem;border-bottom:1px solid var(--hw-line)}
.history-page .version-header{display:flex;justify-content:space-between;gap:1rem}
.history-page h2{margin:0;font-size:clamp(1.15rem,3vw,1.55rem);line-height:2.6rem;letter-spacing:-.02em}
.history-page .actions{display:flex;gap:.55rem;align-items:start;margin-top:.65rem}
.history-page .stats,.hw-version-diff .stats{flex:0 0 auto;display:flex;gap:.4rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.68rem}
.history-page .stats b,.hw-version-diff .stats b{color:var(--hw-add)}
.history-page .stats i,.hw-version-diff .stats i{color:var(--hw-del);font-style:normal;font-weight:700}
.hw-version-diff pre{max-height:none;margin:0;padding:.45rem 0;overflow:auto;white-space:normal;border:1px solid var(--hw-line);border-radius:6px;background:var(--hw-bg);font-size:.65rem;line-height:1.42}
.hw-version-diff pre code{display:block;min-width:max-content;padding:0 .7rem;border-radius:0;background:none;white-space:pre}
.hw-version-diff .addition{background:color-mix(in srgb,#2da44e 16%,transparent)}
.hw-version-diff .deletion{background:color-mix(in srgb,#cf222e 14%,transparent)}
.hw-version-diff .hunk{margin:.3rem 0;background:color-mix(in srgb,#54aeff 18%,transparent);color:var(--hw-muted)}
.hw-version-diff .file,.hw-version-diff .meta{color:var(--hw-muted)}
@media (max-width:650px){.history-page .version{grid-template-columns:3.4rem minmax(0,1fr)}.history-page .version-node{grid-template-columns:2.2rem}.history-page .version-node>span{width:2.2rem;height:2.2rem}.history-page .version-node time{position:absolute;top:4.25rem;left:-1.1rem;width:4.4rem;line-height:1.25;text-align:center}.history-page .version-node i{left:1.1rem}.history-page .version:first-child .version-node i{top:3.1rem}.history-page .version-header{display:block}.history-page h2{line-height:2.2rem}.history-page .stats{margin-top:.6rem}.history-page .actions{display:grid}}