/* Newsletter #14: natural artwork proportions and readable article navigation. */
.newsletter-14-feature { display:grid; grid-template-columns:minmax(0,300px) minmax(0,1fr); gap:40px; align-items:center; }
.newsletter-14-cover img { width:100%; height:auto; display:block; object-fit:contain; border-radius:18px; }
.newsletter-14-feature h2 { margin:10px 0 16px; }
.newsletter-14-reader { width:min(720px, calc(100% - 32px)); margin:24px auto; }
.newsletter-14-toc { background:#f0f5f9; color:#07111f; border:1px solid #d9e6f2; border-radius:14px; padding:16px 20px; margin-top:20px; }
.newsletter-14-toc summary { cursor:pointer; font-weight:800; }
.newsletter-14-toc nav { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px 20px; margin-top:18px; }
.newsletter-14-toc a { color:#07111f; text-decoration:underline; }
.newsletter-14-article h2[id] { scroll-margin-top:120px; }
@media(max-width:600px) {
 .newsletter-14-feature { grid-template-columns:minmax(0,1fr); gap:24px; }
 .newsletter-14-cover { width:min(280px,100%); margin:auto; }
 .newsletter-14-toc nav { grid-template-columns:minmax(0,1fr); }
 .newsletter-14-article > table > tbody > tr > td > table > tbody > tr > td { padding-left:16px !important; padding-right:16px !important; }
 .newsletter-14-article h1 { font-size:26px !important; }
 .newsletter-14-article h2 { font-size:22px !important; }
 .newsletter-14-article table { overflow-wrap:break-word; }
}