/* Article feature image (preview, 3 Oct 2026). Loaded after look-c/style.css; does not edit it.
   Desktop: floats left or right of the opening paragraphs at ~40% width.
   Phones (<640px): stacks full width above the text. */
.art .feature{margin:4px 0 18px;padding:0}
.art .feature img{display:block;width:100%;height:auto;max-height:none;aspect-ratio:auto;object-fit:cover;border-radius:22px;background:var(--cream,#f1e6cf)}
.art .feature figcaption{font:12px/1.4 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;opacity:.8;margin-top:6px}
.art .feature figcaption a{color:inherit;text-decoration:underline;text-underline-offset:2px}
@media (min-width:640px){
  .art .feature{width:40%}
  .art .feature--right{float:right;margin:6px 0 14px 26px}
  .art .feature--left{float:left;margin:6px 26px 14px 0}
  /* When body opens with the feature then an h2 (no lead paras), don't float into empty space */
  .art .body > .feature:first-child:has(+ h2){float:none;width:min(100%,420px);margin:4px 0 18px}
}
/* keep later blocks (h2 with rules, callouts, footer bits) from wrapping awkwardly round the float */
.art .body h2{clear:both}
.art .body::after{content:"";display:table;clear:both}