/* Collection thumbnails: semantic subject + native hook, never miniature article art.
   Load after journal.css. Put the fragment directly inside the existing card link. */
main .lq-thumb, main .card .lq-thumb {
  --thumb-bg:#291736;--thumb-ink:#fff8ec;--thumb-accent:#ddf29d;
  position:relative;isolation:isolate;display:block;box-sizing:border-box;
  width:100%;height:auto;aspect-ratio:16/9;margin:0;overflow:hidden;
  background:var(--thumb-bg);color:var(--thumb-ink);container-type:inline-size;
  border-radius:0;line-height:1.05;text-align:left;
}
main .lq-thumb *,main .card .lq-thumb *{box-sizing:border-box}
main .lq-thumb .lq-thumb__image{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:68% 50%;display:block;margin:0;filter:none}
main .lq-thumb .lq-thumb__veil{position:absolute;inset:0;display:block;background:linear-gradient(90deg,rgba(32,17,43,.97),rgba(32,17,43,.86) 42%,rgba(32,17,43,0) 65%);border:0;padding:0;border-radius:0}
main .lq-thumb .lq-thumb__hook{position:absolute;left:7%;top:15%;display:block;max-width:43%;margin:0;padding:0;border:0;border-radius:0;background:none;color:var(--thumb-ink);font-family:Arial,Helvetica,sans-serif;font-weight:800;font-size:32px;font-size:clamp(26px,8cqi,48px);line-height:1.02;letter-spacing:-.045em;text-transform:none;text-wrap:balance;z-index:2}
main .lq-thumb .lq-thumb__signature{position:absolute;left:7%;bottom:9%;font:700 10px/1 Arial,Helvetica,sans-serif;letter-spacing:.16em;color:var(--thumb-accent);background:none;border:0;padding:0;border-radius:0}
main .lq-thumb .lq-thumb__paper{position:absolute;display:flex;flex-direction:column;justify-content:center;right:2%;top:15%;width:38%;height:83%;padding:8% 4% 6%;background:#f7eedc;color:#372040;transform:rotate(12deg);box-shadow:-12px 12px 0 rgba(0,0,0,.16);border-radius:2px;font:700 18px/1 Arial,Helvetica,sans-serif;letter-spacing:-.04em}
main .lq-thumb .lq-thumb__paper span{position:static;display:block;color:inherit;background:none;font:inherit;padding:0;border:0;border-radius:0}
main .lq-thumb .lq-thumb__paper b{display:block;font:900 23px/1 Arial,Helvetica,sans-serif;margin-top:6px}
main .lq-thumb .lq-thumb__paper i{display:block;height:8px;width:74%;background:#a6ba74;margin-top:22px;transform:rotate(-3deg)}
main .lq-thumb:not(.lq-thumb--image) .lq-thumb__veil{background:linear-gradient(90deg,var(--thumb-bg) 15%,transparent 83%)}
main .card .lq-thumb--cost{--thumb-bg:#e2f29d;--thumb-ink:#271735;--thumb-accent:#271735}
main .card .lq-thumb--exception{--thumb-bg:#41263c;--thumb-accent:#ffe1a4}
main .card .lq-thumb--evidence{--thumb-bg:#e9def4;--thumb-ink:#2a1939;--thumb-accent:#503364}
main .card .lq-thumb--growth{--thumb-bg:#342442;--thumb-accent:#e2f29d}
main .card .lq-thumb--ownership{--thumb-bg:#efe6d9;--thumb-ink:#34203e;--thumb-accent:#563568}
main .lq-thumb--v1 .lq-thumb__paper{right:2%;top:7%;transform:rotate(-9deg);height:102%;background:#d8eaa2}
main .lq-thumb--v2 .lq-thumb__paper{right:1%;top:25%;transform:rotate(10deg);background:#d9c6eb}
main .lq-thumb--v2 .lq-thumb__hook{top:12%;max-width:43%}
main .lq-thumb--image{--thumb-ink:#fff8ec;--thumb-accent:#ddf29d}
main .lq-thumb--image.lq-thumb--v1 .lq-thumb__image{object-position:58% 50%}
main .lq-thumb--image.lq-thumb--v2 .lq-thumb__image{object-position:75% 50%}
main .card>a:focus-visible .lq-thumb{outline:4px solid #8c5caa;outline-offset:-4px}
@media(min-width:800px){main .card>a:hover .lq-thumb__hook{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px}}
@media(prefers-reduced-motion:reduce){main .lq-thumb,main .lq-thumb *{animation:none!important;transition:none!important}}
@media print{main .lq-thumb{break-inside:avoid;print-color-adjust:exact;-webkit-print-color-adjust:exact}}

main .lq-thumb.lq-thumb--compact .lq-thumb__hook{font-size:26px;font-size:clamp(24px,7.2cqi,43px)}

main .card .lq-thumb.lq-thumb--image{--thumb-ink:#fff8ec;--thumb-accent:#ddf29d}

/* The featured story uses the same visual promise at a larger, uncropped size. */
main .feature>a>.lq-thumb{padding:0;align-self:center;min-width:0;border-radius:0}
main .feature .lq-thumb .lq-thumb__hook{font-size:clamp(26px,8cqi,48px)}
main .feature .lq-thumb.lq-thumb--compact .lq-thumb__hook{font-size:clamp(24px,7.2cqi,43px)}

main .lq-thumb--image .lq-thumb__hook{text-shadow:0 1px 3px rgba(24,12,30,.8)}