/* Moon & Milk shared guide layout — approved staging rollout, 3 October 2026. */
html:has(.mmd-guide-article){scroll-behavior:auto;}
#content article.mmd-guide-article.wrap.section{max-width:1160px;padding:48px 40px 80px;margin-inline:auto;}
#content .mmd-guide-article .guide-trail{max-width:none;margin:0 0 24px;}
#content .mmd-guide-article .page-header{display:grid;grid-template-columns:minmax(0,1fr);align-items:center;gap:40px;max-width:none;margin:0 0 40px;padding:0 0 36px;border-bottom:1px solid #c8d5ce;}
#content .mmd-guide-article .page-title{font-family:Newsreader,Georgia,serif;font-size:clamp(34px,3.7vw,48px);line-height:1.13;font-weight:500;margin:0;text-wrap:balance;}
#content .mmd-guide-article .entry-content,#content .mmd-guide-article .related-guides{max-width:740px;width:100%;margin-inline:auto;}
#content .mmd-guide-article .entry-content{font-family:Karla,Arial,sans-serif;font-size:18px;line-height:1.75;}
#content .mmd-guide-article .entry-content p{font-size:18px;line-height:1.75;margin:0 0 22px;}
#content .mmd-guide-article .entry-content h2{font-family:Newsreader,Georgia,serif;font-size:clamp(28px,3vw,34px);line-height:1.2;font-weight:500;margin:52px 0 20px;scroll-margin-top:64px;}
#content .mmd-guide-article .entry-content ul,#content .mmd-guide-article .entry-content ol{margin:24px 0 32px;padding-left:26px;}
#content .mmd-guide-article .entry-content li{line-height:1.7;margin:0 0 14px;padding-left:6px;}
#content .mmd-guide-article .entry-content li::marker{color:#335d60;font-weight:700;}
#content .mmd-guide-article .mmd-guide-contents{background:#e5ece6;border-radius:16px;padding:28px 32px;margin:0 0 48px;}
#content .mmd-guide-article .mmd-guide-label{font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;line-height:1.5;color:#335d60;margin:0 0 12px;}
#content .mmd-guide-article .mmd-guide-contents ul{display:grid;grid-template-columns:1fr 1fr;gap:0 24px;list-style:none;margin:0;padding:0;}
#content .mmd-guide-article .mmd-guide-contents li{margin:0;padding:0;}
#content .mmd-guide-article .mmd-guide-contents a{display:flex;align-items:center;min-height:44px;padding:8px 0;font-size:16px;line-height:1.45;text-underline-offset:4px;}
#content .mmd-guide-article #tools+p+ul{list-style:none;padding:0;display:grid;gap:12px;}
#content .mmd-guide-article #tools+p+ul li{background:#fffdf8;border:1px solid #d9ddd5;border-radius:12px;padding:18px 22px;margin:0;}
#content .mmd-guide-article .entry-content ol{list-style:decimal; padding:24px 24px 8px 52px;background:#fffdf8;border:1px solid #d9ddd5;border-radius:16px;}
#content .mmd-guide-article .entry-content ol li{padding-left:10px;margin-bottom:24px;}
#content .mmd-guide-article .entry-content ol li strong{display:block;margin-bottom:4px;}
#content .mmd-guide-article .mmd-care-panel{background:#fffdf8;border:1px solid #c8d5ce;border-left:5px solid #87a29a;border-radius:0 16px 16px 0;padding:28px 32px;margin:32px 0;}
#content .mmd-guide-article .mmd-care-panel h2{margin:0 0 20px;}
#content .mmd-guide-article .mmd-care-panel p:last-child{margin-bottom:0;}
#content .mmd-guide-article .mmd-guide-shop{background:#e5ece6;border-radius:16px;padding:24px 32px;margin:32px 0 48px;}
#content .mmd-guide-article .mmd-guide-shop p:not(.mmd-guide-label){font-family:Newsreader,Georgia,serif;font-size:27px;line-height:1.2;margin:0 0 16px;}
#content .mmd-guide-article .mmd-guide-shop a{display:inline-flex;align-items:center;min-height:48px;border-radius:999px;background:#335d60;color:#fff;padding:12px 22px;font-size:16px;font-weight:700;line-height:1.4;text-decoration:none;}
#content .mmd-guide-article .entry-content p:has(>strong+br){padding:22px 0;border-bottom:1px solid #d9ddd5;margin:0;}
#content .mmd-guide-article .entry-content p:has(>strong+br) strong{display:inline-block;margin-bottom:8px;}
#content .mmd-guide-article .related-guides{border-top:1px solid #c8d5ce;margin-top:48px;padding-top:28px;}
#content .mmd-guide-article a:focus-visible{outline:3px solid #335d60;outline-offset:4px;}
@media(max-width:400px){#content article.mmd-guide-article.wrap.section{padding-inline:20px;}#content .mmd-guide-article .page-title{font-size:32px;}#content .mmd-guide-article .mmd-care-panel,#content .mmd-guide-article .mmd-guide-shop{padding:20px;}#content .mmd-guide-article .entry-content ol{padding-right:18px;padding-left:42px;}}
/* Article layout base. */
/* Shared article and index presentation, approved 3 October 2026. */
#content .mmd-guide-article.has-guide-art .page-header{grid-template-columns:minmax(0,1fr) 300px;}
#content .mmd-guide-art{width:100%;max-width:300px;max-height:280px;height:auto;object-fit:contain;justify-self:center;}
#content .mmd-guide-article .mmd-guide-ornament{display:none!important;}
#content .mmd-guide-article .entry-content :is(img,iframe,table){max-width:100%;}
#content .mmd-guide-article .entry-content h3{font-family:Newsreader,Georgia,serif;font-size:26px;line-height:1.25;margin:32px 0 14px;}
#content .mmd-guide-article .entry-content h2:focus{outline:3px solid #335d60;outline-offset:6px;}
#content .mmd-guide-article .mmd-guide-contents a{overflow-wrap:anywhere;}
#content .mmd-guide-article .entry-content table{width:100%;table-layout:fixed;}
#content .mmd-guide-article .entry-content td,#content .mmd-guide-article .entry-content th{overflow-wrap:anywhere;}
#content .guides-index{max-width:1120px;margin-inline:auto;padding:48px 40px 80px;}
#content .guides-index .page-header{max-width:760px;margin:0 0 32px;}
#content .guides-index__intro{margin-top:24px;}
#content .guides-index__jump{max-width:none;background:#e5ece6;padding:20px 24px;border-radius:16px;margin:0 0 48px;}
#content .guides-index__jump-list{gap:12px;}
#content .guides-index__group{position:relative;max-width:none;margin:0;padding:44px 0;border-top:1px solid #c8d5ce;display:grid;grid-template-columns:minmax(0,1fr) 240px;column-gap:48px;}
#content .guides-index__title{margin:0 0 18px;font-size:36px;grid-column:1;grid-row:1;}
#content .guides-index__description{max-width:620px;margin:0 0 24px;grid-column:1;grid-row:2;font-size:18px;line-height:1.7;}
#content .mmd-index-art{grid-column:2;grid-row:1 / 3;align-self:center;display:flex;justify-content:center;}
#content .mmd-index-art img{max-height:200px;width:auto;max-width:240px;}
#content .guides-index__list{grid-column:1 / -1;display:grid;grid-template-columns:1fr 1fr;gap:0 32px;margin:0;padding:0;}
#content .guides-index__item{display:block;border-bottom:1px solid #d9ddd5;padding:16px 0;margin:0;}
#content .guides-index__link{display:flex;align-items:center;min-height:48px;font-size:18px;line-height:1.5;padding:4px 0;text-underline-offset:4px;}
#content .guides-index__flag{font-size:13px;margin-bottom:4px;}

/* The two reviewed Elementor hub compositions receive these classes progressively. */
#content article.mmd-guide-hub{max-width:1120px;margin-inline:auto;padding:48px 40px 80px;}
#content .mmd-guide-hub .entry-content.reading{max-width:none;width:100%;margin:0;}
#content .mmd-guide-hub .elementor > .e-parent{--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;padding:0;margin:0;max-width:none;}
#content .mmd-guide-hub .e-con-inner{width:100%;max-width:none;padding:0;gap:0;}
#content .mmd-guide-hub .elementor-widget{max-width:none;--container-widget-width:100%;margin:0;text-align:left;}
#content .mmd-guide-hub .elementor-widget-container{margin:0;padding:0;}
#content .mmd-guide-hub :is(h1,h2,h3){font-family:Newsreader,Georgia,serif;font-weight:500;color:#30324a;text-align:left;}
#content .mmd-guide-hub .elementor h1{font-size:clamp(36px,4vw,48px);line-height:1.13;margin:0 0 24px;}
#content .mmd-guide-hub .elementor h2{font-size:34px;line-height:1.2;margin:0 0 20px;}
#content .mmd-guide-hub .elementor h3{font-size:27px;line-height:1.2;margin:0 0 14px;}
#content .mmd-guide-hub .elementor p{font-family:Karla,Arial,sans-serif;font-size:18px;line-height:1.7;margin:0 0 20px;text-align:left;max-width:none;}
#content .mmd-guide-hub .elementor > .mmd-hub-intro{max-width:740px;margin-bottom:36px;}
#content .mmd-guide-hub .elementor > .mmd-hub-featured{background:#e5ece6;border-radius:18px;box-shadow:none;margin:0 0 48px;padding:32px;}
#content .mmd-hub-featured > .e-con-inner{display:grid;grid-template-columns:minmax(0,1fr) 340px;column-gap:32px;align-items:center;}
#content .mmd-hub-featured .elementor-widget-heading{grid-column:1;grid-row:1;align-self:end;}
#content .mmd-hub-featured .elementor-widget-text-editor{grid-column:1;grid-row:2;}
#content .mmd-hub-featured .elementor-widget-image{grid-column:2;grid-row:1 / 4;}
#content .mmd-hub-featured .elementor-widget-image img{width:100%;max-width:340px;max-height:300px;object-fit:contain;border-radius:0;}
#content .mmd-hub-featured .elementor-widget-button{grid-column:1;grid-row:3;align-self:start;}
#content .mmd-guide-hub .elementor-button-wrapper{text-align:left;}
#content .mmd-guide-hub .elementor-button{font-family:Karla,Arial,sans-serif;font-size:16px;line-height:1.4;min-height:48px;padding:12px 22px;background:#335d60;color:#fff;}
#content .mmd-guide-hub .mmd-hub-topic-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px 40px;}
#content .mmd-guide-hub .mmd-hub-topic{padding:26px 0;border-top:1px solid #c8d5ce;}
#content .mmd-guide-hub .mmd-hub-topic ul{list-style:none;padding:0;margin:0;}
#content .mmd-guide-hub li{margin:0;}
#content .mmd-guide-hub li a{display:inline-flex;align-items:center;min-height:44px;padding:6px 0;line-height:1.5;text-underline-offset:4px;}
#content .mmd-guide-hub .elementor > .mmd-hub-next{background:#e5ece6;border-radius:16px;margin-top:36px;padding:28px 32px;}
#content .mmd-guide-hub .elementor > .mmd-hub-next ul{margin:0;padding:0;list-style:none;}
#content .mmd-guide-hub a:focus-visible{outline:3px solid #335d60;outline-offset:4px;}
@media(max-width:800px){
 #content article.mmd-guide-article.wrap.section,#content .guides-index,#content article.mmd-guide-hub{padding:32px 24px 64px;}
 #content .mmd-guide-article.has-guide-art .page-header{grid-template-columns:1fr;gap:24px;margin-bottom:28px;padding-bottom:28px;}
 #content .mmd-guide-article .mmd-guide-art{max-height:210px;width:auto;max-width:280px;}
 #content .mmd-guide-article .mmd-guide-contents{padding:22px 24px;}
 #content .mmd-guide-article .mmd-guide-contents ul{grid-template-columns:1fr;}
 #content .mmd-guide-article .mmd-care-panel,#content .mmd-guide-article .mmd-guide-shop{padding:24px;}
 #content .guides-index__group{grid-template-columns:1fr;}
 #content .mmd-index-art{grid-column:1;grid-row:3;margin:0 0 24px;justify-content:flex-start;}
 #content .mmd-index-art img{max-width:190px;max-height:150px;}
 #content .guides-index__list{grid-template-columns:1fr;grid-row:4;}
 #content .guides-index__title{font-size:30px;}
 #content .mmd-guide-hub .elementor > .mmd-hub-featured{padding:24px;}
 #content .mmd-hub-featured > .e-con-inner{grid-template-columns:1fr;gap:0;}
 #content .mmd-hub-featured .elementor-widget-image{grid-column:1;grid-row:3;margin:8px 0 24px;}
 #content .mmd-hub-featured .elementor-widget-button{grid-row:4;}
 #content .mmd-guide-hub .mmd-hub-topic-grid{grid-template-columns:1fr;gap:0;}
 #content .mmd-guide-hub .elementor > .mmd-hub-next{padding:24px;}
}
@media(max-width:400px){#content article.mmd-guide-article.wrap.section,#content .guides-index,#content article.mmd-guide-hub{padding-inline:20px;}#content .mmd-guide-article .mmd-care-panel,#content .mmd-guide-article .mmd-guide-shop{padding:20px;}#content .mmd-guide-hub .elementor > .mmd-hub-featured,#content .mmd-guide-hub .elementor > .mmd-hub-next{padding:20px;}}