/* Let the screenshot's words stand apart from the editorial reading. */
.shot figcaption{flex-basis:100%;max-width:68ch;margin-top:16px}
.shot .shot-analysis{display:grid;gap:24px;list-style:none;margin:0;padding:0}
.shot .shot-analysis li{margin:0;padding:0;font-size:14px;line-height:1.7}
.shot .shot-analysis p{margin:0}
.shot .shot-analysis .shot-observation{color:var(--ink)}
.shot .shot-observation strong{display:block;margin-bottom:6px;font-size:12px;font-weight:600;color:var(--muted)}
.shot .shot-quote{background:#edf0df;color:inherit;padding:.1em .25em;border-radius:4px;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.shot .shot-analysis .shot-reading{margin-top:10px;padding-inline-start:14px;border-inline-start:2px solid var(--line);color:var(--muted);font-style:normal}
@media(max-width:640px){.shot .shot-analysis{gap:22px}.shot .shot-analysis .shot-reading{padding-inline-start:12px}}

/* Keep milestone metadata aligned with the icon rather than its image baseline. */
.tl-card .tl-top{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px}
.tl-card .tl-top:has(>.ic){grid-template-columns:minmax(0,1fr) auto 40px}
.tl-card .tl-top .tl-date{min-width:0;line-height:1.45}
.tl-card .tl-top .tl-src{line-height:1.45;white-space:nowrap}
.tl-card .tl-top .ic{display:block;width:40px;height:40px;margin:0;border-radius:10px;object-fit:contain}
@media(max-width:640px){
 .tl-card .tl-top,.tl-card .tl-top:has(>.ic){grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;align-items:start}
 .tl-card .tl-top .tl-date{grid-column:1;grid-row:1;font-size:12px}
 .tl-card .tl-top .tl-src{grid-column:1;grid-row:2;font-size:12px}
 .tl-card .tl-top .ic{grid-column:2;grid-row:1 / span 2;width:36px;height:36px;border-radius:9px}
}