/* library-plus.css ?v=20261029a — polish for /starters/, /videos/, /news/, /how-to/. Additive. */
.lib .lib-grid,.news-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,17rem),1fr));gap:1rem;padding:0;list-style:none}
.lib .lib-card{display:flex;flex-direction:column;min-width:0}
.lib .lib-card>p:last-of-type,.lib .lib-card .tag-chips{margin-top:auto}
.lib .lib-card.vid img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}
.lib .lib-card h3{overflow-wrap:anywhere}
.lib #lib-q,.tag-search{width:100%;max-width:36rem;box-sizing:border-box}
.lib-toolbar{position:sticky;top:0;z-index:5;background:var(--paper,#fff);padding:.5rem 0}
.news-list li{border-top:2px solid var(--ink,#1c1a17);padding:.75rem 0;min-width:0}
.news-list h3{margin:.2rem 0;font-size:1rem;overflow-wrap:anywhere}
.news-list p{margin:.2rem 0}
.howto-all .lane{margin-top:2rem}
img,video,iframe{max-width:100%}

/* ---- Oct. 29 follow-up (Juno): theme reach + contrast on inner pages. Color only; no layout or motion. ---- */
/* Inner pages use site.css?v=20260907a, which colors links with --teal and the header with --paper.
   Themes mostly change --link / --header-bg, so inner pages looked the same in every theme. Map them in. */
body:not(.home) .article a:not(.btn):not(.lib-card a):not(.hub-slab a), body:not(.home) .crumb a:hover { color: var(--link, var(--teal)); }
body:not(.home) .article a:not(.btn):hover { color: var(--link-hover, var(--teal-deep)); }
header.site { background: var(--header-bg, color-mix(in srgb, var(--paper) 92%, #fff)); }
/* library.css active chip + copy button: white on #ff6a1a = 2.87:1. Use the theme ink instead (>= 12:1 in all 5 themes). */
.lib-filters button.on { background: var(--ink); border-color: var(--ink); color: var(--card, #fff); }
.kit-copy { background: var(--ink); color: var(--card, #fff); }
/* How-to hub slabs: white on --orange (#e87a2e) ~2.9:1 and 85% white kicker on teal ~3.4:1. Darken the slab, solid kicker. */
.hub-page--advanced .hub-slab { background: color-mix(in srgb, var(--orange, #e87a2e) 62%, #000); }
.hub-page .hub-slab .hub-slab-kicker, .hub-page .hub-slab a { color: var(--card, #fff); }