/* Long-form reading and article entry use the existing publication palette. */
.two-article { max-width:780px; margin:0 auto; padding-top:4px; }
.two-article-heading { padding-bottom:25px; border-bottom:1px solid var(--ink); }
.two-article-heading h1 { margin:0 0 22px; font:600 clamp(28px,3.4vw,42px)/1.45 var(--serif); word-break:keep-all; overflow-wrap:anywhere; }
.two-article-meta { display:flex; flex-wrap:wrap; align-items:center; gap:4px 18px; margin:0; color:var(--muted); font-size:13px; }
.two-article-meta a { display:inline-flex; align-items:center; min-height:44px; text-decoration:underline; text-underline-offset:5px; }
.two-article-body { padding-top:30px; color:var(--ink-soft); font-family:var(--serif); font-size:18px; line-height:2; overflow-wrap:break-word; }
.two-article-body p { margin:0 0 24px; }
.two-article-body figure { margin:36px 0; }
.two-article-body figure a { display:block; width:fit-content; max-width:100%; margin-inline:auto; }
.two-article-body img { display:block; width:auto; max-width:100%; height:auto; margin-inline:auto; }
.two-article-body figure:last-child { max-width:520px; margin-inline:auto; }
.two-article-body figcaption { margin:12px auto 0; max-width:640px; color:var(--muted); font-size:13px; line-height:1.85; text-align:center; }
.two-article-end { width:24px; height:2px; margin:46px auto; background:var(--accent); }
.two-article-return { display:flex; justify-content:space-between; flex-wrap:wrap; gap:8px 24px; border-top:1px solid var(--line); padding-top:20px; }
.two-article-return a { display:inline-flex; align-items:center; min-height:44px; color:var(--muted); font-size:14px; }
.two-latest { padding:36px 0; border-bottom:1px solid var(--line); }
.two-story { display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1fr); align-items:center; gap:36px; }
.two-story-image img { display:block; width:100%; height:auto; }
.two-story-meta { margin:0 0 12px; color:var(--muted); font-size:13px; }
.two-story h2 { margin:0 0 14px; font-size:28px; line-height:1.5; word-break:keep-all; overflow-wrap:anywhere; }
.two-story p:not(.two-story-meta) { margin:0; color:var(--muted); font-size:16px; line-height:1.85; }
.two-story-link { display:inline-flex; align-items:center; min-height:44px; margin-top:12px; color:var(--accent); font-size:14px; }
@media (max-width:820px) {
  .two-article { margin-inline:4px; padding-top:0; }
  .two-article-heading { padding-bottom:22px; }
  .two-article-heading h1 { max-width:100%; margin-bottom:16px; font-size:30px; line-height:1.35; letter-spacing:.01em; }
  .two-article-body { padding-top:24px; font-size:17px; line-height:1.95; }
  .two-article-body p { margin-bottom:22px; }
  .two-article-body figure { margin:28px 0; }
  .two-article-meta { font-size:12px; gap:2px 14px; }
  .two-story { grid-template-columns:1fr; gap:20px; }
  .two-story h2 { font-size:25px; }
}
@media (max-width:360px) { .two-article { margin-inline:0; } }