/* Shared native edition structure; theme typography and brand assets remain authoritative. */
.mm-native-page .codex21-main{max-width:1160px;margin:24px auto;padding:0 20px}
.mm-native-page .codex21-layout{display:grid;grid-template-columns:minmax(0,1fr)270px;gap:34px;align-items:start}
.mm-native-page .codex21-layout.mm-native-no-sidebar{grid-template-columns:minmax(0,1fr);max-width:840px;margin:0 auto}
.mm-native-page .edition-article{min-width:0;max-width:none;margin:0;padding:0}
.mm-native-page .concept-heading h1{margin:0 0 16px;font-family:Georgia,"Times New Roman",serif;font-size:42px;line-height:1.12}
.mm-native-page .edition-deck{font-size:1.2rem;line-height:1.55;margin:0 0 12px}
.mm-native-page .edition-byline{font:13px/1.5 Arial,sans-serif;margin:10px 0 18px}
.mm-native-page .concept-photo{margin:22px 0}
.mm-native-page .concept-photo img{display:block;width:100%;max-width:100%;height:auto;object-fit:contain;border-radius:5px}
.mm-native-page .concept-photo figcaption,.mm-native-page .mm-native-card-credit{font:12px/1.5 Arial,sans-serif;white-space:nowrap;margin-top:5px}
.mm-native-page .reviewed-prose{min-width:0;overflow-wrap:anywhere}
.mm-native-page .reviewed-body,.mm-native-page .reviewed-prose p{line-height:1.75;font-size:18px;margin:0 0 20px}
.mm-native-page .reviewed-prose h2{margin:28px 0 14px;line-height:1.25;font-family:Georgia,"Times New Roman",serif}
.mm-native-page .codex21-evidence{margin:24px 0 0;padding:16px 0 0;border-top:1px solid #c7ceca;font:14px/1.5 Arial,sans-serif}
.mm-native-page .mm-sidebar{position:static;top:auto;display:grid;grid-template-columns:minmax(0,1fr);gap:22px;max-width:none;min-width:0;margin:0;padding:0;border:0;align-self:start}
.mm-native-page .mm-native-related-title{font-family:Georgia,"Times New Roman",serif;font-size:20px;margin:0;line-height:1.2}
.mm-native-page .concept-related-card{min-width:0;margin:0;padding:0}
.mm-native-page .concept-related-card img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:4px}
.mm-native-page .concept-related-card h3{font-family:Georgia,"Times New Roman",serif;font-size:19px;line-height:1.25;margin:9px 0 5px}
.mm-native-page .mm-site-nav{position:sticky;top:0;z-index:20;background:var(--paper,#fbfaf6);overflow-x:auto;white-space:nowrap}
.mm-native-page .mm-site-language ul{z-index:30}
.mm-native-page footer{clear:both}
@media(max-width:1000px){.mm-native-page .codex21-layout{grid-template-columns:minmax(0,1fr)}.mm-native-page .mm-sidebar{grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #c7ceca;padding-top:22px}.mm-native-page .mm-native-related-title{grid-column:1/-1}.mm-native-page .concept-related-card h3{font-size:18px}}
@media(max-width:600px){.mm-native-page .codex21-main{margin:18px auto;padding:0 16px}.mm-native-page .concept-heading h1{font-size:32px}.mm-native-page .mm-sidebar{grid-template-columns:minmax(0,1fr)}.mm-native-page .concept-related-card img{aspect-ratio:16/9}.mm-native-page .reviewed-prose p{font-size:17px}.mm-native-page{padding-bottom:72px}}
/* The existing typography sheet assigns Arial!important to headings AND their
   child links in this layer. Override inside that SAME layer, scoped to native
   headings only; unlayered!important would still lose the important cascade. */
@layer museum-typography {
 body.mm-native-page #main :is(.concept-heading h1,.reviewed-prose h2,.mm-native-related-title,.concept-related-card h3),
 body.mm-native-page #main :is(.concept-heading h1,.reviewed-prose h2,.mm-native-related-title,.concept-related-card h3) :where(*){font-family:Georgia,"Times New Roman",serif!important}
 body.mm-native-page #main .concept-heading h1{font-size:42px!important;line-height:1.12!important}
 body.mm-native-page #main .concept-related-card h3,
 body.mm-native-page #main .concept-related-card h3 a{font-size:19px!important;line-height:1.25!important}
 body.mm-native-page #main .mm-native-related-title{font-size:20px!important;line-height:1.2!important}
 @media(max-width:1000px){body.mm-native-page #main .concept-related-card h3,body.mm-native-page #main .concept-related-card h3 a{font-size:18px!important}}
 @media(max-width:600px){body.mm-native-page #main .concept-heading h1{font-size:32px!important}}
}