/* Context belongs to a compact rail; full tag collections keep their own layout. */
:root body .context-tags{min-width:0;max-width:100%;padding:10px 12px;border:1px solid var(--line,#ffffff25);border-radius:22px;background:linear-gradient(125deg,#ffffff06,#ffffff02);box-shadow:inset 0 1px 0 #ffffff0c;margin-block:16px}
:root body .context-tags-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;padding-inline:4px}
.context-tags-label{font:400 12px/1.4 'DM Sans',sans-serif;color:var(--muted)}
.context-tags-controls{display:flex;align-items:center;gap:2px;flex:none;white-space:nowrap}
.context-tags-count{font:400 11px/1.4 'DM Sans',sans-serif;font-variant-numeric:tabular-nums;color:var(--muted);min-width:42px;text-align:center;padding-inline:6px}
.context-tags-controls button{display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid transparent;border-radius:50%;background:transparent;font:400 22px/1 'DM Sans',sans-serif;color:var(--fg)}
.context-tags-controls button:hover{background:#ffffff0b;border-color:#ffffff20}
.context-tags-controls button:disabled{opacity:.3}
.context-tags-controls button:disabled:hover{background:transparent;border-color:transparent;cursor:default}
.context-tags [hidden]{display:none!important}
:root body .context-tags-track{display:flex;flex-wrap:nowrap;align-items:center;gap:8px;min-width:0;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scroll-padding-inline:4px;scrollbar-width:thin;scrollbar-color:var(--line) transparent;list-style:none;padding:4px 4px 9px;margin:0;touch-action:pan-x pan-y}
:root body .context-tags-track>li{display:block;flex:0 0 auto;max-width:none;padding:0;margin:0;scroll-snap-align:start}
:root body .context-tags .context-tag{display:inline-flex;align-items:center;flex-wrap:nowrap;gap:5px;min-height:44px;max-width:none;padding:10px 14px;border:1px solid var(--line,#ffffff25);border-radius:24px;background:#ffffff04;box-shadow:none;white-space:nowrap;text-decoration:none;font:400 13px/1.4 'DM Sans',sans-serif;letter-spacing:0;color:var(--fg)}
.context-tag-kind,.context-tag .work-tag-relation{font:inherit;color:var(--muted)}
:root body .context-tags .context-tag:hover{background:#ffffff0a;border-color:#ffffff40;transform:none}
.context-tags a:focus-visible,.context-tags button:focus-visible,.context-tags-track:focus-visible{outline:2px solid var(--fg);outline-offset:-2px}
:root body .context-tags>.work-place-sources{margin:8px 4px 2px;padding:0;border:0;grid-column:auto;font-size:12px}
:root body .context-tags-inline{margin-block:10px;padding:0;border:0;background:none;box-shadow:none}
.context-tags-inline .context-tags-toolbar{padding-inline:0}
.context-tags-inline .context-tag-kind{display:none}
@media(max-width:700px){:root body .context-tags{padding:6px 8px;border-radius:18px}.context-tags-label{font-size:11px}:root body .context-tags .context-tag{font-size:12px;padding-inline:12px}:root body .context-tags-inline{padding:0}}
@media(prefers-reduced-motion:reduce){.context-tags-track{scroll-behavior:auto}}
@media(forced-colors:active){:root body .context-tags,:root body .context-tags .context-tag{background:Canvas;border-color:CanvasText}}
@media print{:root body .context-tags-track{overflow:visible;flex-wrap:wrap}.context-tags-controls button{display:none!important}}

/* One compact section heading, inside the same surface as its controls. */
:root body .work-page>.context-tags-section{margin-top:clamp(28px,4vw,48px)}
:root body .context-tags-work{margin-block:0}
:root body .context-tags-toolbar h2.context-tags-label{font:400 18px/1.25 'DM Sans',sans-serif;color:var(--fg);letter-spacing:-.02em;margin:0}
.context-tag-kind{font-size:11px;opacity:.8}
@media(max-width:700px){:root body .context-tags-toolbar h2.context-tags-label{font-size:16px}.context-tag-kind{font-size:10px}}