/* WordPress glue for Look C. Keep small: the design lives in base.css / look-c.css. */
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}
.skip-link:focus{position:fixed;top:8px;left:8px;z-index:100;width:auto;height:auto;clip:auto;background:#fff;color:#000;padding:8px 12px}
/* Responsive video (replaces snippet 10) */
.collab-vid,.art figure.video,.art .wp-block-embed__wrapper{position:relative;width:100%;aspect-ratio:16/9;border-radius:12px;overflow:hidden;background:#111;margin:0 0 8px}
.collab-vid iframe,.art figure.video iframe,.art .wp-block-embed__wrapper iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.art figure.top-video{aspect-ratio:auto;background:none;overflow:visible}
.art figure.top-video .vid{position:relative;aspect-ratio:16/9;border-radius:12px;overflow:hidden;background:#111}
.art figure.top-video figcaption,.art figure.feature--top figcaption{font-size:.85em;opacity:.8;margin-top:6px}
.art figure.feature--top{margin:0 0 22px}
.art figure.feature--top img{width:100%;height:auto;border-radius:12px;display:block}
.foot .crisis{margin:14px 0 0;font-weight:700}
.foot .crisis a{color:inherit}
.archive-list{list-style:none;padding:0}
.archive-list li{padding:12px 0;border-bottom:1px solid #e3d9c4}
.archive-list li span{display:block;font-size:.85em;opacity:.75}
.pagination{margin:24px 0}
/* Reduce Motion: stop every animation and smooth scroll on the site */
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
/* v0.1.2: with clip cards hidden (COLLAB_SHOW_STORIES_ABOUT off), keep each card the preview's width (1/5 of the row) instead of stretching the rest */
@media (min-width:900px){.ff-clips{grid-auto-columns:calc((100% - 48px) / 5)}}
/* v0.1.14: list pages (/articles/, archives, pages, 404): heading on its own line under the site name, sized and spaced like the article page (crumb gap + h1 clamp). */
body:not(.is-article):not(.home) main.art>h1:first-child{font-size:clamp(32px,6.6vw,54px);line-height:1.05;margin-top:40px}
/* v0.1.14: exactly one article card shows full width */
.library ol.one,.library ol:has(>li:only-child){grid-template-columns:1fr}
/* 0.1.74 J677: buy button block (Look C pill, mustard on ink) */
.art .dwi-buy{margin:28px 0}
.art .dwi-buy a{display:inline-block;padding:12px 22px;border-radius:999px;background:var(--mustard,#e2b13c);color:var(--ink,#1d1c1a);font:700 16px/1.2 system-ui,sans-serif;text-decoration:none}
.art .dwi-buy a:hover,.art .dwi-buy a:focus{background:var(--ink,#1d1c1a);color:var(--paper,#fbf7ee)}