/* D8 — Premium article reading composition. */
.amp-article.wp-block-group { margin-block: 0; }
.amp-article-shell:not(:has(.wp-block-post-content)) { display: none; }
.editor-styles-wrapper .amp-article-shell { display: block; }

/* Image-led article hero: the native featured image and metadata stay dynamic. */
.amp-article-header--reference {
 margin-block: 0; padding: var(--wp--preset--spacing--60) var(--wp--custom--layout--gutter);
 background: var(--wp--preset--color--white);
}
.amp-article-header--reference .amp-article-hero-inner { position: relative; display: grid; align-items: center; max-inline-size: var(--wp--style--global--wide-size); margin-inline: auto; }
.amp-article-header--reference .amp-article-hero-media { grid-area: 1 / 1; margin: 0; border: 0; border-radius: var(--wp--custom--radius--large); overflow: hidden; box-shadow: var(--wp--preset--shadow--soft); }
.amp-article-header--reference .amp-article-hero-media img { display: block; width: 100%; aspect-ratio: 16 / 7; object-fit: cover; }
.amp-article-header--reference .amp-article-hero-copy {
 grid-area: 1 / 1; z-index: 1; position: relative; min-inline-size: 0;
 inline-size: min(65%, 48rem); margin: var(--wp--preset--spacing--60); padding: var(--wp--preset--spacing--70);
 border-radius: var(--wp--custom--radius--large); background: var(--wp--preset--color--white); box-shadow: var(--wp--preset--shadow--soft);
}
.amp-article-header--reference .amp-article-hero-copy > * { margin-block: 0; }
.amp-article-header--reference .amp-article-hero-copy > * + * { margin-block-start: var(--wp--preset--spacing--40); }
.amp-article-header--reference .amp-article-hero-inner:not(:has(img[src]:not([src=""]))) .amp-article-hero-copy { inline-size: 100%; max-inline-size: var(--wp--custom--layout--narrow); margin-inline: auto; margin-block: 0; padding: 0; box-shadow: none; }
.amp-article-kicker.wp-block-post-terms { font-size: var(--wp--preset--font-size--small); font-weight: 700; line-height: 1.4; }
.amp-article-kicker a { display: inline-flex; padding: var(--wp--preset--spacing--10) var(--wp--preset--spacing--30); border-radius: var(--wp--custom--radius--pill); background: var(--wp--preset--color--soft); color: var(--wp--preset--color--primary); text-decoration: none; }
.is-style-amp-article-title.wp-block-post-title { margin: 0; font-size: var(--wp--preset--font-size--heading); line-height: 1.4; color: var(--wp--preset--color--primary); text-wrap: balance; overflow-wrap: anywhere; }
.amp-article-meta.wp-block-group { display: flex; flex-wrap: wrap; gap: var(--wp--preset--spacing--30); color: var(--wp--custom--surface--muted); font-size: var(--wp--preset--font-size--small); }
.amp-article-meta > * { margin-block: 0; }
/* A starter is reading content; its existing template owns the single H1 and image. */
.amp-article:has(.amp-reference-article-intro) .amp-article-hero-inner { display: flex; flex-direction: column; }
.amp-article:has(.amp-reference-article-intro) .amp-article-hero-copy { order: -1; width: 100%; max-inline-size: var(--wp--custom--layout--narrow); margin-inline: auto; margin-block: 0 var(--wp--preset--spacing--60); padding: 0; box-shadow: none; text-align: center; }
.amp-article:has(.amp-reference-article-intro) .amp-article-meta { justify-content: center; }
.amp-article:has(.amp-reference-article-intro) .amp-article-hero-media { width: 100%; max-inline-size: var(--wp--custom--layout--narrow); }
.amp-reference-article-intro > :first-child { margin-block-start: 0; }
/* Reading shell. */
.amp-article-shell.amp-section {
 margin-block: 0;
 padding-block: clamp(2.25rem, 5vw, 4.75rem);
}
.amp-article-layout { max-inline-size: var(--wp--style--global--wide-size); margin-inline: auto; }
.amp-article-main-column.wp-block-group {
 max-inline-size: var(--wp--custom--layout--narrow);
 margin-inline: auto;
 min-inline-size: 0;
}
.amp-article-body.wp-block-post-content {
 margin-block: 0;
 font-size: clamp(1rem, .97rem + .18vw, 1.08rem);
 line-height: var(--wp--custom--reading--line-height);
 color: var(--wp--preset--color--text);
 overflow-wrap: anywhere;
}
.amp-article-body.wp-block-post-content :where(p, ul, ol, blockquote, figure, pre, table) { margin-block: 0 1.55rem; }
.amp-article-body.wp-block-post-content > p { max-inline-size: 70ch; }
.amp-article-body.wp-block-post-content :where(h2, h3, h4, h5, h6) {
 color: color-mix(in srgb, var(--wp--preset--color--dark) 88%, var(--wp--preset--color--primary));
 text-wrap: balance;
 scroll-margin-block-start: 7rem;
}
.amp-article-body.wp-block-post-content h2 {
 margin-block: clamp(2.65rem, 5vw, 4rem) 1.2rem;
 padding-block-start: .2rem;
 font-size: clamp(1.55rem, 1.25rem + 1.1vw, 2.2rem);
 line-height: 1.35;
}
.amp-article-body.wp-block-post-content h2::after {
 content: "";
 display: block;
 inline-size: 3.2rem;
 block-size: 3px;
 margin-block-start: .72rem;
 border-radius: 999px;
 background: linear-gradient(90deg, var(--wp--preset--color--green), var(--wp--preset--color--primary));
}
.amp-article-body.wp-block-post-content :where(h3, h4, h5, h6) { margin-block: 2rem .85rem; }
.amp-article-body.wp-block-post-content h3 { font-size: clamp(1.22rem, 1.08rem + .45vw, 1.55rem); }
.amp-article-body > :first-child { margin-block-start: 0; }
.amp-article-body > :last-child { margin-block-end: 0; }
.amp-article-body > :where(.alignfull, .alignwide) { margin-inline: 0; max-inline-size: 100%; }
.amp-article-body :where(ul, ol) { padding-inline: 1.35rem 0; }
.amp-article-body li + li { margin-block-start: .45rem; }
.amp-article-body :where(ul, ol) :where(ul, ol) { margin-block: .45rem 0; }
.amp-article-body .wp-block-image { margin-block: 2rem; }
.amp-article-body .wp-block-image img {
 max-inline-size: 100%; inline-size: auto; block-size: auto; aspect-ratio: auto; object-fit: contain;
 border-radius: var(--wp--custom--radius--medium);
 box-shadow: var(--wp--preset--shadow--soft);
}
.amp-article-body figcaption { margin-block-start: .65rem; color: var(--wp--custom--surface--muted); font-size: var(--wp--preset--font-size--small); text-align: start; }
.amp-article-body .wp-block-quote {
 margin-inline: 0;
 padding: 1.45rem 1.55rem;
 border: 0;
 border-inline-start: 4px solid var(--wp--preset--color--primary);
 border-radius: var(--wp--custom--radius--medium);
 background: color-mix(in srgb, var(--wp--preset--color--primary) 5%, var(--wp--preset--color--white));
}
.amp-article-body .wp-block-quote cite { font-size: var(--wp--preset--font-size--small); font-style: normal; }
.amp-article-body .wp-block-table { overflow-x: auto; border-radius: var(--wp--custom--radius--small); }
.amp-article-body .wp-block-table table { min-inline-size: 32rem; border-collapse: collapse; font-size: var(--wp--preset--font-size--small); }
.amp-article-body .wp-block-table :where(th, td) { padding: .8rem 1rem; border-color: var(--wp--custom--border--color); }
.amp-article-body .wp-block-table th { background: var(--wp--preset--color--soft); text-align: start; }
.amp-article-body pre {
 max-inline-size: 100%; overflow-x: auto; padding: 1.25rem; background: var(--wp--preset--color--light);
 border: 1px solid var(--wp--custom--border--color); border-radius: var(--wp--custom--radius--small); font-size: var(--wp--preset--font-size--small);
}
.is-style-amp-article-lead { font-size: clamp(1.12rem, 1rem + .45vw, 1.32rem); line-height: 1.9; color: color-mix(in srgb, var(--wp--preset--color--text) 85%, var(--wp--preset--color--primary)); }

/* Table of contents / article sidebar. */
.amp-article-toc {
 margin-block: 0 2rem;
 padding: 1.25rem;
 background: var(--wp--preset--color--soft);
 border: 0;
 border-radius: var(--wp--custom--radius--medium);
 box-shadow: var(--wp--preset--shadow--soft);
 font-size: var(--wp--preset--font-size--small);
}
.amp-article-toc .amp-article-toc-title {
 margin: 0 0 .7rem;
 padding-block-end: .7rem;
 border-block-end: 1px solid var(--wp--custom--border--color);
 font-weight: 800;
 color: var(--wp--preset--color--primary);
}
.amp-article .amp-article-toc ol { margin: 0; padding: 0; list-style: none; counter-reset: amp-toc; }
.amp-article .amp-article-toc ol ol { margin-block-start: .15rem; padding-inline-start: .75rem; counter-reset: none; }
.amp-article-toc li { counter-increment: amp-toc; }
.amp-article-toc a {
 display: flex; align-items: flex-start; gap: .55rem; min-block-size: 42px; padding-block: .48rem;
 color: var(--wp--preset--color--text); text-decoration: none; line-height: 1.55; overflow-wrap: anywhere;
}
.amp-article-toc > ol > li > a::before {
 content: counter(amp-toc, decimal-leading-zero);
 flex: 0 0 auto;
 color: var(--wp--preset--color--green);
 font-weight: 800;
 font-size: .72rem;
 margin-block-start: .16rem;
}
.amp-article-toc a:hover { color: var(--wp--preset--color--primary); }
.amp-article-toc a:focus-visible { outline: 2px solid var(--wp--preset--color--primary); outline-offset: 3px; border-radius: .5rem; }
.amp-article-body :where(h2, h3):focus { outline: 2px solid var(--wp--preset--color--primary); outline-offset: 4px; }
.amp-article-sidebar { min-inline-size: 0; }
.amp-article-sidebar .amp-article-toc { margin-block-end: 0; }

/* Disclaimer closes the clinical reading flow without competing with the article. */
.amp-article-disclaimer.wp-block-group {
 inline-size: calc(100% - 2 * var(--wp--custom--layout--gutter));
 max-inline-size: var(--wp--custom--layout--narrow);
 margin-inline: auto;
 margin-block: 0 clamp(3rem, 6vw, 5rem);
 padding: 1.1rem 1.25rem;
 border: 1px solid color-mix(in srgb, var(--wp--preset--color--primary) 10%, transparent);
 border-radius: var(--wp--custom--radius--medium);
 background: var(--wp--preset--color--soft);
 color: var(--wp--custom--surface--muted);
 font-size: var(--wp--preset--font-size--small);
}
.amp-article-disclaimer > p { margin-block: 0; }

/* Related reading retains its three-post query and shared reference card tokens. */
.amp-related-articles { margin-block-start: var(--wp--preset--spacing--70); padding-block-start: var(--wp--preset--spacing--60); }
.amp-related-articles > h2, .amp-article-body .amp-related-articles > h2 { margin: 0 0 var(--wp--preset--spacing--50); font-size: var(--wp--preset--font-size--heading-small); color: var(--wp--preset--color--primary); }
.amp-related-articles .amp-related-category { color: var(--wp--preset--color--primary); font-size: var(--wp--preset--font-size--xs); }
.amp-related-articles .amp-article-card .wp-block-post-title { font-size: var(--wp--preset--font-size--body); line-height: 1.5; }
.amp-related-articles .wp-block-post-title a { color: var(--wp--preset--color--primary); text-decoration: none; }
.amp-related-articles .wp-block-post-date { color: var(--wp--custom--surface--muted); font-size: var(--wp--preset--font-size--xs); margin-block-start: auto; }
@media (min-width: 64rem) {
 .amp-article-layout[data-sidebar] { display: grid; gap: clamp(2rem, 4vw, 4rem); align-items: start; }
 .amp-article-layout[data-sidebar="left"] { grid-template-columns: minmax(0, 1fr) minmax(15rem, var(--wp--custom--reading--sidebar-width)); grid-template-areas: "main sidebar"; }
 .amp-article-layout[data-sidebar="right"] { grid-template-columns: minmax(15rem, var(--wp--custom--reading--sidebar-width)) minmax(0, 1fr); grid-template-areas: "sidebar main"; }
 :root[dir="ltr"] .amp-article-layout[data-sidebar="left"] { grid-template-columns: minmax(15rem, var(--wp--custom--reading--sidebar-width)) minmax(0, 1fr); grid-template-areas: "sidebar main"; }
 :root[dir="ltr"] .amp-article-layout[data-sidebar="right"] { grid-template-columns: minmax(0, 1fr) minmax(15rem, var(--wp--custom--reading--sidebar-width)); grid-template-areas: "main sidebar"; }
 .amp-article-layout[data-sidebar] > .amp-article-main-column { grid-area: main; inline-size: 100%; max-inline-size: 48rem; }
 .amp-article-sidebar { grid-area: sidebar; }
 .amp-article-sidebar.is-sticky {
  position: sticky; inset-block-start: calc(var(--wp-admin--admin-bar--height, 0px) + 1.5rem);
  max-block-size: calc(100dvh - var(--wp-admin--admin-bar--height, 0px) - 3rem); overflow-y: auto; scrollbar-gutter: stable;
 }
}
@media (max-width: 63.999rem) {
 .amp-article-sidebar { max-inline-size: 48rem; margin-inline: auto; margin-block-end: 1.5rem; }
 .amp-article-toc { padding: 1rem 1.15rem; }
}
@media (max-width: 48rem) {
 .amp-article-header { padding-inline: max(1rem, var(--wp--custom--layout--gutter)); }
 .amp-article-header--reference .amp-article-hero-media img { aspect-ratio: 4 / 3; }
 .amp-article-header--reference .amp-article-hero-copy { padding: var(--wp--preset--spacing--50); }
 .amp-article-header--reference .amp-article-hero-inner { display: flex; flex-direction: column; gap: var(--wp--preset--spacing--40); }
 .amp-article-header--reference .amp-article-hero-copy { width: 100%; margin: 0; }
 .amp-article-header--reference .amp-article-hero-media { width: 100%; }




 .amp-related-articles .wp-block-post-template { grid-template-columns: 1fr; }
}
@media (max-width: 32rem) {


 .amp-article-body.wp-block-post-content { font-size: 1rem; }
 .amp-article-body.wp-block-post-content h2 { font-size: 1.55rem; }
}



.amp-article-body.wp-block-post-content .amp-related-articles > h2::after { display: none; }

