/* Blog list and article pages. Kept separate from styles.css so posts can be added independently. */
.article-list{list-style:none;margin:0 0 55px;padding:0;max-width:820px;border-top:1px solid var(--line)}
.article-list li{border-bottom:1px solid var(--line)}
.article-card{display:block;padding:32px 0;text-decoration:none}
.article-card h2{font-size:clamp(1.9rem,3vw,2.7rem);margin:10px 0 12px;transition:color .2s}
.article-card p{font-size:17px;max-width:56ch;margin-bottom:14px}
.article-card:hover h2,.article-card:focus-visible h2{color:var(--cherry)}
.article-meta{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--plum)}
.article-tags{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px;padding:0;list-style:none}
.article-tags li{font-size:12px;padding:3px 10px;border:1px solid var(--line);border-radius:999px;background:var(--shell)}
.article-header,.article-body,.article-footer,.back-link{max-width:680px;margin-left:auto;margin-right:auto}
.back-link{display:block;margin-bottom:40px;font-size:14px}
.article-header{padding-bottom:34px;border-bottom:1px solid var(--line);margin-bottom:42px}
.article-header h1{font-size:clamp(2.8rem,5vw,4.6rem);margin-bottom:20px}
.article-dek{font-family:var(--serif);font-size:clamp(19px,1.8vw,23px);line-height:1.45;color:var(--plum);margin-bottom:22px}
.article-body p,.article-body li{font-size:18px;line-height:1.72}
.article-body p{margin-bottom:1.25em}
.article-body h2{font-size:clamp(1.75rem,2.6vw,2.3rem);margin:2.1em 0 .7em;color:var(--plum)}
.article-body ul{margin:0 0 1.5em;padding:6px 0 6px 26px;border-left:3px solid var(--rose)}
.article-body ol{margin:0 0 1.5em;padding-left:1.5em}
.article-body ol li{padding-left:.35em;margin-bottom:1.25em}
.article-body ol li::marker{color:var(--plum);font-weight:700}
.article-body li{margin:4px 0}
.article-body a{color:var(--cherry)}
.article-break{border:0;margin:46px 0;text-align:center;overflow:visible}
.article-break::before{content:'\2726\00a0\00a0\2726\00a0\00a0\2726';color:var(--cherry);letter-spacing:.3em;font-size:14px}
.article-body .pull-quote{font-family:var(--serif);font-size:clamp(1.7rem,3vw,2.3rem);line-height:1.25;color:var(--plum);margin:40px 0;padding:6px 0 6px 24px;border-left:3px solid var(--cherry)}
.article-body h3{font-size:clamp(1.4rem,2vw,1.7rem);margin:1.9em 0 .6em;color:var(--ink)}
.article-figure{margin:6px 0 28px}
.article-figure a{display:block;border-radius:4px;overflow:hidden;border:1px solid var(--line);background:#fff;transition:border-color .2s}
.article-figure a:hover,.article-figure a:focus-visible{border-color:var(--cherry)}
.article-figure img{width:100%;height:auto}
.article-figure figcaption{font-size:13px;color:var(--plum);margin-top:10px;font-style:italic}
.article-footer{display:flex;gap:24px;align-items:center;flex-wrap:wrap;margin-top:52px;padding-top:30px;border-top:1px solid var(--line)}
@media(max-width:760px){.article-body p,.article-body li{font-size:17px}.back-link{margin-bottom:28px}.article-header{margin-bottom:32px}.article-card{padding:26px 0}}
/* Table block (journal prompts etc.) */
.article-table{margin:8px 0 32px;overflow-x:auto;border:1px solid var(--line);border-radius:4px;background:var(--shell)}
.article-table table{width:100%;border-collapse:collapse;font-size:16px;line-height:1.5}
.article-table th{text-align:left;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--plum);padding:14px 18px;border-bottom:1px solid var(--line)}
.article-table td{padding:16px 18px;vertical-align:top;border-bottom:1px solid var(--line)}
.article-table tr:last-child td{border-bottom:0}
.article-table td:first-child{font-family:var(--serif);color:var(--ink);width:50%}
@media(max-width:760px){.article-table table,.article-table tbody,.article-table tr,.article-table td{display:block;width:auto}.article-table thead{display:none}.article-table td:first-child{width:auto;padding-bottom:4px}.article-table td:last-child{padding-top:0;color:var(--plum)}.article-table tr{border-bottom:1px solid var(--line)}.article-table tr:last-child{border-bottom:0}.article-table td{border-bottom:0}}