/* Reading layout shared by the independently published article pages. */
a.page-card {display:block;color:inherit;text-decoration:none;transition:box-shadow .2s,transform .2s}
a.page-card.wide-card {display:grid}
a.page-card:hover {transform:translateY(-3px);box-shadow:0 18px 38px rgba(40,25,16,.14)}
a.page-card:focus-visible,.article-related-card:focus-visible {outline:3px solid var(--red,#a22f28);outline-offset:4px}
.article-main {max-width:1280px;margin:auto;padding:30px clamp(20px,5vw,72px) 64px}
.article-breadcrumb {display:flex;gap:12px;align-items:center;font-size:14px;margin-bottom:34px}
.article-breadcrumb a {text-underline-offset:4px}
.article-heading {max-width:850px;margin-bottom:30px}
.article-heading h1 {font-size:clamp(34px,4.5vw,64px);line-height:1.12;margin:12px 0 22px;overflow-wrap:anywhere}
.article-lead {font-size:clamp(18px,2vw,22px);line-height:1.7;color:#5b514b}
.article-hero {margin:0 0 42px}
.article-hero img {width:100%;height:auto;max-height:660px;object-fit:contain;background:#eee7de;border-radius:8px}
.article-hero figcaption {font-size:14px;line-height:1.7;color:#71645a;margin-top:10px}
.article-layout {display:grid;grid-template-columns:minmax(180px,230px) minmax(0,1fr);gap:clamp(28px,5vw,70px)}
.article-toc {position:sticky;top:28px;border-top:2px solid #9c332b;padding-top:18px}
.article-toc h2 {font-size:17px;margin:0 0 16px}
.article-toc ul {padding-left:0;list-style:none;margin:0;display:grid;gap:12px}
.article-toc a {font-size:14px;line-height:1.5;color:#685a51;text-decoration:none}
.article-toc a:hover {text-decoration:underline;text-underline-offset:3px}
.article-prose {max-width:760px}
.article-prose section {scroll-margin-top:24px;margin:0 0 36px}
.article-prose h2 {font-size:clamp(23px,2.8vw,31px);line-height:1.25;margin:0 0 16px}
.article-prose p {font-size:18px;line-height:1.9;color:#48413b;margin:0 0 20px}
.article-gallery {display:grid;gap:28px;margin:12px 0 40px}
.article-gallery figure {margin:0}
.article-gallery img {width:100%;height:auto;border-radius:6px}
.article-gallery figcaption {font-size:14px;line-height:1.7;color:#71645a;margin-top:10px}
.article-prose .article-sources {padding-top:26px;border-top:1px solid var(--line)}
.article-sources li {margin-bottom:10px;overflow-wrap:anywhere}
.article-sources a,.article-back {color:#8d2d25;text-underline-offset:4px}
.article-prose .article-update {font-size:14px;color:#71645a;margin-top:20px}
.article-back {display:inline-block;margin-bottom:15px;font-weight:700}
.article-related {margin-top:60px;padding-top:32px;border-top:1px solid var(--line)}
.article-related>h2 {font-size:30px;margin:10px 0 25px}
.article-related>div {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.article-related-card {border:1px solid var(--line);border-radius:8px;background:white;overflow:hidden;color:inherit;text-decoration:none}
.article-related-card img {width:100%;aspect-ratio:1.6;object-fit:cover}
.article-related-card div {padding:20px}
.article-related-card h3 {font-size:20px;line-height:1.35;margin:0 0 12px}
.article-related-card p {font-size:15px;line-height:1.7;color:#6b5f55}
@media(max-width:760px){.article-layout{grid-template-columns:1fr;gap:32px}.article-toc{position:static}.article-toc ul{columns:2;display:block}.article-toc li{break-inside:avoid;margin-bottom:12px}.article-related>div{grid-template-columns:1fr}.article-main{padding-top:22px}.article-breadcrumb{margin-bottom:26px}.article-hero{margin-bottom:30px}}
@media(max-width:440px){.article-toc ul{columns:1}.article-prose p{font-size:17px}}

.food-region-article {display:inline-block;margin-top:16px;font-weight:700;color:#8d2d25;text-underline-offset:4px}

a.food-card,a.feature-card,a.culture-item {display:block;color:inherit;text-decoration:none}
a.food-card:focus-visible,a.feature-card:focus-visible,a.culture-item:focus-visible {outline:3px solid #9c332b;outline-offset:4px}

/* Narrative pages need no imposed sidebar or numbered outline. Practical tables and procedures appear only where the topic calls for them. */
.article-layout--reading {display:block;max-width:860px;margin-inline:auto}
.article-layout--reading .article-prose {max-width:none}
.article-format-narrative .article-layout--reading,.article-format-cultural-essay .article-layout--reading {max-width:780px}
.article-prose>p:first-child {font-size:20px;line-height:1.85}
.article-prose .article-list,.article-prose .article-steps {padding-left:24px;margin:18px 0 28px}
.article-prose li {font-size:17px;line-height:1.85;color:#48413b;margin-bottom:15px;padding-left:5px}
.article-table-wrap {overflow-x:auto;width:100%;margin:22px 0 30px;border:1px solid var(--line);border-radius:8px}
.article-table-wrap table {width:100%;border-collapse:collapse;font-size:16px;line-height:1.7;text-align:left}
.article-table-wrap th {background:#f3e6d5;color:#5e3928;font-weight:700;padding:16px;vertical-align:top}
.article-table-wrap td {padding:16px;vertical-align:top;color:#48413b;border-top:1px solid var(--line)}
.article-table-wrap th,.article-table-wrap td {min-width:130px}
.article-table-wrap:focus-visible {outline:3px solid #9c332b;outline-offset:3px}
.article-note {padding:22px 25px;background:#f5ebdf;border-left:4px solid #ad853e;border-radius:5px;margin:24px 0 30px}
.article-note h3 {font-size:21px;margin:0 0 12px;line-height:1.4}
.article-prose .article-note p {font-size:17px;margin:0;line-height:1.8}
.article-topic-cards {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:22px 0 30px}
.article-topic-cards>div {padding:23px;border:1px solid var(--line);border-radius:8px;background:#fffdf8}
.article-topic-cards h3 {font-size:22px;line-height:1.3;margin:0 0 12px}
.article-prose .article-topic-cards p {font-size:17px;line-height:1.8;margin:0}
@media(max-width:600px){.article-topic-cards{grid-template-columns:1fr}.article-table-wrap th,.article-table-wrap td{min-width:145px}.article-prose>p:first-child{font-size:18px}.article-note{padding:20px}}

/* Article photographs keep their full composition and native aspect ratio. */
.article-prose figure {margin:28px 0 34px}
.article-prose figure img {display:block;width:100%;height:auto;max-width:100%;border-radius:6px}
.article-prose figcaption {font-size:14px;line-height:1.7;color:#71645a;margin-top:10px}
.article-layout>aside,.article-prose {min-width:0}
.article-toc a {overflow-wrap:anywhere}
@media(max-width:760px){.article-layout{grid-template-columns:minmax(0,1fr)}}

/* Keep each article's title and reading text on the same centered measure. */
.article-page {--article-reading-width:860px}
.article-format-narrative,.article-format-cultural-essay {--article-reading-width:780px}
.article-heading,.article-hero,.article-layout,
.article-page .zodiac-finder,.article-page .zodiac-animal-section {
  width:100%;max-width:var(--article-reading-width);margin-inline:auto;
}
.article-heading {margin-bottom:30px}
.article-hero img {display:block}
.article-layout,.article-layout--reading {display:block;max-width:var(--article-reading-width)}
.article-layout .article-prose {max-width:none;width:100%}
.article-layout--with-contents>aside {margin-bottom:36px}
.article-layout--with-contents .article-toc {position:static}
.article-layout--with-contents .article-toc ul {display:block;columns:2;column-gap:32px}
.article-layout--with-contents .article-toc li {break-inside:avoid;margin-bottom:12px}
@media(max-width:440px){.article-layout--with-contents .article-toc ul{columns:1}}