/* The writing lives here; the newsletter signup uses the existing Substack list. */
.writing-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px}
.writing-card{padding-top:0}
.writing-card .writing-cover{display:flex;align-items:center;justify-content:center;background:#050505;margin-bottom:24px;min-height:280px;padding:24px}
.writing-cover img{display:block;width:100%;height:280px;object-fit:contain;transition:filter .25s ease}
.writing-cover:hover img{filter:brightness(1.12)}
.writing-card h2 a:hover{color:var(--gold)}
.writing-card .button{min-height:44px}
.writing-newsletter{margin-top:56px;padding-top:30px;border-top:1px solid var(--line)}
.writing-newsletter h2{font-size:30px;font-weight:400;margin:8px 0}
.writing-newsletter p,.newsletter-card p{color:var(--muted)}
.newsletter-signup{max-width:480px}
.newsletter-signup summary{cursor:pointer;list-style:none;min-height:44px}
.newsletter-signup summary::-webkit-details-marker{display:none}
.newsletter-signup summary::after{content:' +';margin-left:12px}
.newsletter-signup[open] summary::after{content:' −'}
.newsletter-signup summary:focus-visible,.article-back:focus-visible{outline:2px solid var(--gold);outline-offset:6px}
.newsletter-embed{display:block;width:100%;height:360px;margin-top:20px;border:1px solid var(--line);background:#fff}
.newsletter-help{font:12px/1.6 Arial,sans-serif;color:var(--muted)!important;margin:12px 0 0}
.newsletter-help a{text-decoration:underline;text-underline-offset:3px}
.connect-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px}
.article-back{display:inline-block;color:var(--gold);font:12px/1.5 Arial,sans-serif;letter-spacing:.08em;margin-bottom:30px;min-height:24px}
.article-heading{max-width:780px;margin:0 auto 32px}
.article-heading h1{margin-bottom:18px}
.article-byline{font:13px/1.6 Arial,sans-serif;color:var(--muted);letter-spacing:.03em}
.article-content{max-width:780px;margin:0 auto;font-size:19px;line-height:1.85;overflow-wrap:break-word}
.article-content p{margin:0 0 24px}
.article-content strong{font-weight:700;color:var(--ink)}
.article-content a{color:var(--gold);text-decoration:underline;text-underline-offset:4px}
.article-figure{float:right;width:36%;margin:0 0 24px 36px}
.article-figure img{display:block;width:100%;height:auto}
.article-figure figcaption,.image-credit{font:12px/1.6 Arial,sans-serif;color:var(--muted);margin-top:10px}
.article-content::after{content:'';display:block;clear:both}
.article-next{max-width:780px;margin:36px auto 0;padding-top:24px;border-top:1px solid var(--line);display:flex;gap:20px;justify-content:space-between;flex-wrap:wrap}
.article-next a{color:var(--gold);font:13px/1.6 Arial,sans-serif}
.article-page .writing-newsletter{max-width:780px;margin-inline:auto}
@media(max-width:760px){
  .writing-grid,.connect-grid{grid-template-columns:1fr;gap:30px}
  .writing-card .writing-cover{min-height:240px;padding:20px}
  .writing-cover img{height:250px}
  .writing-newsletter{margin-top:36px}
  .article-content{font-size:18px;line-height:1.8}
  .article-figure{float:none;width:min(100%,280px);margin:0 auto 30px}
  .newsletter-embed{height:370px}
  .article-back{min-height:44px;display:inline-flex;align-items:center;margin-bottom:20px}
}
@media(prefers-reduced-motion:reduce){.writing-cover img{transition:none}}
