/* 既存記事の色と書体を継承し、一覧表はスマートフォン内に収める。 */
.autumn-subtitle { font-size: .65em; }
[data-article-slug="autumn-vegetables-guide"] .article-hero__image { margin: 0; align-self: start; min-height: 0; }
[data-article-slug="autumn-vegetables-guide"] .article-hero__image img { height: auto; }
.autumn-toc { border-block: 1px solid var(--article-line); padding: 16px 0; display: flex; flex-wrap: wrap; gap: 8px 20px; }
.autumn-toc p { flex-basis: 100%; margin: 0; font-weight: 700; }
.autumn-toc a { color: var(--article-brand); text-decoration: underline; text-underline-offset: 4px; min-height: 44px; display: inline-flex; align-items: center; }
.autumn-table-wrap { margin: 22px 0; }
.autumn-table { width: 100%; border-collapse: collapse; font-size: 14px; line-height: 1.8; }
.autumn-table caption { text-align: left; margin-bottom: 12px; font-weight: 700; }
.autumn-table th, .autumn-table td { border-bottom: 1px solid var(--article-line); padding: 14px 10px; text-align: left; vertical-align: top; overflow-wrap: anywhere; }
.autumn-table th { background: #f3f8f4; }
.autumn-table th:first-child { width: 23%; }
.autumn-table td:last-child { width: 29%; }
.autumn-source-note { font-size: 13px; color: var(--article-muted); }
[data-article-slug="autumn-vegetables-guide"] [id] { scroll-margin-top: 96px; }
[data-article-slug="autumn-vegetables-guide"] a:focus-visible { outline: 3px solid #065f46; outline-offset: 4px; }
@media (max-width: 414px) { .autumn-table th, .autumn-table td { padding: 12px 6px; } .autumn-table { font-size: 13px; } }