/* Capital Mag — site overlay (canon table + small faithful fixes).
   The archived tagDiv "Newspaper" theme has no .article-table class, so the
   canon article table is styled here. Everything else comes from the theme. */

.article-table-wrap{overflow-x:auto;margin:22px 0 26px}
table.article-table{width:100%;min-width:560px;border-collapse:collapse;font:15px/1.6 Georgia,"Times New Roman",serif;color:#222}
table.article-table th,table.article-table td{border:1px solid #d5d8dc;padding:10px 12px;text-align:left;vertical-align:top}
table.article-table thead th{background:#f2f3f5;color:#111;font:700 14px/1.4 -apple-system,"Segoe UI",Arial,sans-serif}
table.article-table tbody tr:nth-child(even){background:#fafbfc}
table.article-table td:first-child{font-weight:600;color:#111}

/* Article hero / figures */
.td-post-content figure.wp-block-image{margin:0 0 1.4em}
.td-post-content figure.wp-block-image img{max-width:100%;height:auto;display:block}
.td-post-content h2{font-size:23px;line-height:1.3;margin:1.5em 0 .6em}
.td-post-content h3{font-size:19px;margin:1.3em 0 .5em}
.td-post-content ul{margin:0 0 1.2em 1.3em}
.td-post-content ul li{list-style:disc;margin:.35em 0}

/* Feed-card placeholder when a cover is not (yet) available */
.post-card .entry-content a.plate{float:left;width:150px;height:107px;margin:4px 16px 8px 0;
  background:linear-gradient(135deg,#1b1b1b,#3a3a3a);display:flex;align-items:center;justify-content:center;
  color:#fff;text-align:center;font:600 12px/1.3 -apple-system,"Segoe UI",Arial,sans-serif;padding:6px;box-sizing:border-box}
.post-card .entry-content a.plate span{display:block}

/* Related block under the article */
.td-related{margin:26px 0 10px;border-top:1px solid #e6e6e6;padding-top:14px}
.td-related .widget-title{font-size:16px;margin:0 0 10px}
.td-related ul.td-related-list{margin:0;padding:0}
.td-related ul.td-related-list li{list-style:none;padding:6px 0;border-bottom:1px solid #f0f0f0;font:15px/1.45 Georgia,serif}
.td-related .rel-date{color:#999;font-size:13px}

/* Keep the thin archive nav usable when it wraps on narrow screens */
.td-header-menu-wrap .sf-menu{flex-wrap:wrap}
@media (max-width:767px){
  .td-header-menu-wrap .sf-menu{display:flex;flex-wrap:wrap;justify-content:center}
  .td-header-menu-wrap .sf-menu>li>a{padding:8px 12px;font-size:14px}
}