/* Stories use the same type, paper and visual rhythm as the front page. */








.collection-story{min-width:0}
.collection-copy{min-width:0;padding-top:23px}
.collection-topic{font:400 11px/1.5 var(--sans);color:var(--muted);margin:0 0 12px}
.collection-copy h2{font:400 clamp(30px,2.8vw,39px)/1.1 var(--display);letter-spacing:-.027em;margin:0 0 16px;max-width:580px;text-wrap:balance}
.collection-copy h2 a:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}
.collection-summary{font:17px/1.6 var(--serif);color:var(--muted);margin:0;max-width:510px}
.collection-meta{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:12px;max-width:510px;color:var(--muted);font:11px/1.5 var(--sans)}
.collection-save{display:grid;place-items:center;width:44px;height:44px;flex:0 0 44px;padding:12px;color:var(--ink)}
.collection-save svg{width:17px;height:20px;fill:none;stroke:currentColor;stroke-width:1.35}
.collection-save.is-saved svg{fill:var(--ink)}
.collection-save:hover{color:var(--accent)}










@media(max-width:700px){
  
  
  
  
  
  
  .collection-copy h2{font-size:30px}
  .collection-summary{font-size:16px}
}
@media(max-width:600px){
  
  
  
  
  
  
  
  .collection-copy{padding-top:19px}
  .collection-topic{font-size:11px;margin-bottom:10px}
  .collection-copy h2{font-size:34px;line-height:1.1;letter-spacing:-.025em;margin-bottom:14px;max-width:none;text-wrap:pretty}
  .collection-summary{font-size:17px;line-height:1.6;max-width:none}
  .collection-meta{max-width:none;margin-top:8px}
}
@media(max-width:359px){.collection-copy h2{font-size:31px}}