/* Column layouts also work without a cover photo. */
.column-article{max-width:860px;padding-top:64px;padding-bottom:84px}
.column-back{display:inline-block;color:var(--muted);font-size:14px;margin-bottom:34px}
.column-heading{padding-bottom:30px;border-bottom:1px solid var(--line);margin-bottom:32px}
.column-heading h1{font-size:clamp(29px,3.2vw,42px);line-height:1.45;letter-spacing:-.045em;margin:15px 0 20px;overflow-wrap:anywhere}
.column-heading .column-summary{font-size:17px;color:var(--muted);line-height:1.9;margin:0 0 22px}
.column-heading .column-byline{font-size:13px;margin:0;color:var(--muted)}
.column-byline a{color:var(--ink);font-weight:600}
.column-byline span{display:block;margin-top:5px}
.column-article .column-toc{background:#f5f6f9;border:1px solid var(--line);padding:24px 28px;margin:32px 0 40px;border-radius:8px;font-size:15px}
.column-toc strong{font-size:14px;color:var(--muted)}
.column-toc ol{margin:13px 0 0;padding-left:24px}
.column-toc li{padding:4px 0}
.column-content{font-size:17px;line-height:2;overflow-wrap:anywhere}
.column-content h2{font-size:25px;line-height:1.6;margin:44px 0 18px;letter-spacing:-.03em}
.column-content h3{font-size:20px;margin:28px 0 14px}
.column-content p{margin:0 0 21px}
.column-content ul{padding-left:23px;margin:0 0 24px}
.column-content li{margin-bottom:9px}
.column-content a{text-decoration:underline;text-underline-offset:4px;color:var(--blue)}
.column-article .column-photo{margin:32px 0}
.column-photo img{width:auto;max-width:100%;height:auto;max-height:650px;object-fit:contain;margin:0 auto;border-radius:6px}
.column-photo figcaption{font-size:13px;line-height:1.8;text-align:center;color:var(--muted);margin-top:12px;white-space:pre-line}
.column-bottom{border-top:1px solid var(--line);padding-top:28px;display:block;margin:44px 0 0}
.column-list .column-row.has-photo{display:grid;grid-template-columns:150px 120px 1fr;gap:10px 24px}
.column-row.has-photo .column-thumbnail{grid-row:1/3;width:150px;height:112px;object-fit:cover;border-radius:5px}
.column-row.has-photo p{grid-column:3}
@media(max-width:700px){
 .column-article{padding-top:36px;padding-bottom:52px}
 .column-heading .column-summary,.column-content{font-size:16px}
 .column-content h2{font-size:22px;margin-top:34px}
 .column-article .column-toc{padding:20px}
 .column-photo img{max-height:530px}
 .column-list .column-row.has-photo{grid-template-columns:90px 1fr;gap:8px 16px}
 .column-row.has-photo .column-thumbnail{width:90px;height:90px;grid-column:1;grid-row:1/3}
 .column-row.has-photo time,.column-row.has-photo h3{grid-column:2}
 .column-row.has-photo p{grid-column:1/-1}
}