/* Article pages on the "Curvatura em cor" skin: page frame, article head and article tail.
   Loaded on every single post (functions.php: marcuspai_enqueue_post_css). Rewritten 2026-10-01.

   Owners on a post:
     posts.css (this file)          frame of every post template, head (.mp-post-hero), author card, share row, prev/next
     v6-imported-articles.css       the article body ([data-v6-article]): type, figures, tables, callouts, CTA, references
     article-reading-system.css     the "Neste artigo" rail and the reading-system components (.mp-ars__*)
     related-articles.css           the "Leia também" band (another lane; only the space above it is set here)

   What was here before: 649 rules written for the restored legacy posts (inline-styled cards, .mp-ai-* blocks,
   .mp-wall-polish, k1-k8 hero overlays) and three later override layers. A census of the 198 published posts
   (every one is a V6 document now; the 9 drafts with content too; no "treatment" post exists) found 159 rules that
   still matched an element; the other 490 were removed, and the 159 were then replaced by the rules below, which say
   the same things once and on the tokens. The previous file is in
   03-notes/curvatura-inner-20261001/backup-articles/assets/css/posts.css; the census is qa-articles/audit.mjs there.

   Specificity: site-curvatura.css loads after this file and weighs one id (html body:is(#mpc, .mpc-site)). Rules
   here start with html body:is(#mpc, .mpc-site):is(#mpa, .single-post): the second :is() matches the body class
   .single-post and weighs a second id, so an article rule wins without !important chains. #mpa is not in the markup. */

/* ---------- frame: one centred reading column (720px, about 72 characters of 19px text); posts with the
   "Neste artigo" rail add a 220px column on its left from 1101px. Head, body and tail share the left edge. */
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) {
	--mpa-col: 720px; --mpa-rail: 220px; --mpa-gap: 48px;
	--mpa-frame: var(--mpa-col);
	--mpa-indent: 0px; /* distance from the frame's left edge to the reading column */
}
@media (min-width: 1101px) {
	html body:is(#mpc, .mpc-site):is(#mpa, .single-post).mp-ars {
		--mpa-frame: calc(var(--mpa-rail) + var(--mpa-gap) + var(--mpa-col));
		--mpa-indent: calc(var(--mpa-rail) + var(--mpa-gap));
	}
}

/* the eight layout templates and the default template wrap the article in different shells (negative margins that
   pulled the body over a photo hero, white cards, 1080-1240px guards). All of them are plain blocks now. */
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) :is(.site-inner, main.mp-post-main) { width: auto !important; max-width: none !important; margin: 0 !important; padding: 0 !important; background: var(--mpc-ground) !important; }
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) :is(.site-inner > article.entry, main.mp-post-main > article) { width: auto !important; max-width: none !important; margin: 0 !important; padding: 0 !important; background: none !important; box-shadow: none !important; }
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) :is(.k1-out, .k2-out, .k2-in, .k3-out, .k3-in, .k4-out, .k4-in, .k5-out, .k5-in, .k6-out, .k6-in, .k7-out, .k7-in, .k8-out, .k8-in, .k-in) { position: static !important; width: auto !important; max-width: none !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: none !important; box-shadow: none !important; }
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) main.mp-post-main > .k3-in:empty { display: none !important; }
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) .site-inner > article.entry > header.entry-header:empty { display: none !important; }
/* 2026-10-02 (bold skin): the content box and the footer box span the page, so the tail's bands (author, last
   booking block) can run edge to edge; each child sets its own width. A child the bold skin does not place
   (the article when the reading aids are off, a note after it) stands on the centred frame, as before. */
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) :is(.entry-content, .entry-footer) {
	box-sizing: border-box; float: none !important; width: auto !important; max-width: none !important;
	margin: 0 !important; padding: 0 !important; background: none !important;
}
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) :is(.entry-content, .entry-footer) > * { box-sizing: border-box; width: min(var(--mpa-frame), 100% - 2 * var(--mpc-pad)); margin-left: auto; margin-right: auto; }
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) .entry-content { padding-top: clamp(40px, 5vw, 72px) !important; }
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) .entry-footer { border: 0 !important; }
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) .entry-footer::before, html body:is(#mpc, .mpc-site):is(#mpa, .single-post) .entry-footer::after { content: none !important; }
/* the body's last block (author card and share row, or the article itself) keeps clear of the prev/next band */
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) :is(.site-inner > article.entry, main.mp-post-main > article) { padding-bottom: clamp(56px, 7vw, 104px) !important; }

/* ---------- article head: title, ink rule, meta strip (the home's fact strip), photo beside it when the post
   has a real one. The typed label and category chips above the title stay hidden (site-curvatura.css). */
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) header.mp-post-hero:not(.mpa-hero) { position: static !important; overflow: visible !important; margin: 0 !important; padding: clamp(40px, 5vw, 72px) var(--mpc-pad) 0 !important; background: var(--mpc-ground) !important; color: var(--mpc-body); }
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) header.mp-post-hero:not(.mpa-hero) .mp-post-hero__inner { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; gap: clamp(28px, 4vw, 40px) !important; align-items: stretch !important; width: min(var(--mpa-frame), 100%) !important; max-width: none !important; margin: 0 auto !important; }
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) header.mp-post-hero:not(.mpa-hero) .mp-post-hero__copy { display: flex !important; flex-direction: column !important; justify-content: flex-start !important; min-width: 0; }
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) header.mp-post-hero:not(.mpa-hero) .mp-post-hero__title { max-width: none !important; margin: 0 !important; padding: 0 !important; border: 0 !important; font-size: clamp(27px, 2.7vw, 38px) !important; line-height: 1.12 !important; color: var(--mpc-ink) !important; }
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) header.mp-post-hero:not(.mpa-hero) .mp-post-hero__deck { max-width: 60ch; margin: 20px 0 0 !important; font-size: clamp(18px, 1.5vw, 21px) !important; line-height: 1.5 !important; color: var(--mpc-body) !important; }

html body:is(#mpc, .mpc-site):is(#mpa, .single-post) header.mp-post-hero:not(.mpa-hero) .mp-post-hero__meta { display: grid !important; grid-template-columns: minmax(0, 1fr) auto auto !important; align-items: start !important; gap: 16px clamp(24px, 3.4vw, 48px) !important; margin: clamp(24px, 3vw, 32px) 0 0 !important; padding: 20px 0 0 !important; border: 0 !important; border-top: 1.5px solid var(--mpc-ink) !important; }
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) header.mp-post-hero:not(.mpa-hero) :is(.mp-post-hero__author, .mp-post-hero__date, .mp-post-hero__reading) { display: flex !important; flex-direction: column !important; align-items: flex-start !important; justify-content: flex-start !important; gap: 4px !important; min-width: 0; }
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) header.mp-post-hero:not(.mpa-hero) .mp-post-hero__author { flex-direction: row !important; align-items: center !important; gap: 14px !important; }
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) header.mp-post-hero:not(.mpa-hero) .mp-post-hero__author > span { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) header.mp-post-hero:not(.mpa-hero) img.mp-post-hero__avatar { flex: 0 0 48px !important; width: 48px !important; min-width: 48px !important; max-width: 48px !important; height: 48px !important; min-height: 48px !important; max-height: 48px !important; margin: 0 !important; border-radius: 0 !important; object-fit: cover; }
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) header.mp-post-hero:not(.mpa-hero) .mp-post-hero__meta-label { display: block !important; margin: 0 !important; font-size: 15px !important; font-weight: 600 !important; letter-spacing: 0.1em !important; line-height: 1.2 !important; text-transform: uppercase !important; color: var(--mpc-muted) !important; }
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) header.mp-post-hero:not(.mpa-hero) .mp-post-hero__meta :is(a, time, .mp-post-hero__reading > span:last-child) { font-size: 17px !important; font-weight: 600 !important; line-height: 1.3 !important; color: var(--mpc-ink) !important; }
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) header.mp-post-hero:not(.mpa-hero) .mp-post-hero__author a { border: 0 !important; text-decoration: none !important; white-space: nowrap; }
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) header.mp-post-hero:not(.mpa-hero) .mp-post-hero__author a:is(:hover, :focus-visible) { color: var(--mpc-accent) !important; }

/* photo: square, no shadow, no overlay.
   Owner ruling: real photos only (no stock, no AI images). 83 posts have a featured image, and 49 of the 65 files
   are stock photos, 3D or AI illustrations or product pictures. The head shows the photo only when the file is one of
   the owner's own (clinic, Dr. Marcus, the retouched home set): the list below. Everything else renders the text
   head, like the posts without an image. A new real photo needs its file name pattern added here; the lasting fix is
   in the stored featured images (see 03-notes/curvatura-inner-20261001/articles.md). */
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) header.mp-post-hero:not(.mpa-hero) .mp-post-hero__media:not(:has(img:is([src*="/2026/10/home/"], [src*="/hong-"], [src*="MARCUS-PAI-"], [src*="Dr-Marcus-Yu-Bin-Pai"], [src*="Clinica-Dor-Marcus-Pai"], [src*="clinica-jardim-paulista"], [src*="ondas-de-choque-epicondilite-lateral-mp"], [src*="ondas-de-choque-tendinopatia-calcaria-mp"]))) { display: none !important; }
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) header.mp-post-hero:not(.mpa-hero) .mp-post-hero__media { position: relative; min-height: 0 !important; margin: 0 !important; overflow: hidden; border-radius: 0 !important; background: none !important; }
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) header.mp-post-hero:not(.mpa-hero) .mp-post-hero__media img { display: block; width: 100% !important; height: 100% !important; min-height: 0 !important; max-height: none !important; aspect-ratio: 16 / 9; object-fit: cover; object-position: 50% 35%; filter: none !important; border-radius: 0 !important; }
@media (min-width: 1101px) {
	html body:is(#mpc, .mpc-site):is(#mpa, .single-post).mp-ars header.mp-post-hero:not(.mpa-hero) .mp-post-hero__title { font-size: clamp(30px, 3.1vw, 44px) !important; }
	/* reading-system posts: 988px frame, so the photo stands beside the title like the home's hero, and the meta
	   strip sits on the photo's bottom edge */
	html body:is(#mpc, .mpc-site):is(#mpa, .single-post).mp-ars header.mp-post-hero:not(.mpa-hero) .mp-post-hero__inner:has(.mp-post-hero__media img:is([src*="/2026/10/home/"], [src*="/hong-"], [src*="MARCUS-PAI-"], [src*="Dr-Marcus-Yu-Bin-Pai"], [src*="Clinica-Dor-Marcus-Pai"], [src*="clinica-jardim-paulista"], [src*="ondas-de-choque-epicondilite-lateral-mp"], [src*="ondas-de-choque-tendinopatia-calcaria-mp"])) { grid-template-columns: minmax(0, 1fr) 380px !important; gap: 56px !important; }
	html body:is(#mpc, .mpc-site):is(#mpa, .single-post).mp-ars header.mp-post-hero:not(.mpa-hero) .mp-post-hero__inner:has(.mp-post-hero__media img:is([src*="/2026/10/home/"], [src*="/hong-"], [src*="MARCUS-PAI-"], [src*="Dr-Marcus-Yu-Bin-Pai"], [src*="Clinica-Dor-Marcus-Pai"], [src*="clinica-jardim-paulista"], [src*="ondas-de-choque-epicondilite-lateral-mp"], [src*="ondas-de-choque-tendinopatia-calcaria-mp"])) .mp-post-hero__title { font-size: clamp(26px, 2.5vw, 36px) !important; }
	html body:is(#mpc, .mpc-site):is(#mpa, .single-post).mp-ars header.mp-post-hero:not(.mpa-hero) .mp-post-hero__inner:has(.mp-post-hero__media img:is([src*="/2026/10/home/"], [src*="/hong-"], [src*="MARCUS-PAI-"], [src*="Dr-Marcus-Yu-Bin-Pai"], [src*="Clinica-Dor-Marcus-Pai"], [src*="clinica-jardim-paulista"], [src*="ondas-de-choque-epicondilite-lateral-mp"], [src*="ondas-de-choque-tendinopatia-calcaria-mp"])) .mp-post-hero__meta { margin-top: auto !important; column-gap: 28px !important; }
	html body:is(#mpc, .mpc-site):is(#mpa, .single-post).mp-ars header.mp-post-hero:not(.mpa-hero) .mp-post-hero__media img { aspect-ratio: 1 / 1; }
	html body:is(#mpc, .mpc-site):is(#mpa, .single-post).mp-ars header.mp-post-hero:not(.mpa-hero) .mp-post-hero__inner:has(.mp-post-hero__media img:is([src*="/2026/10/home/"], [src*="/hong-"], [src*="MARCUS-PAI-"], [src*="Dr-Marcus-Yu-Bin-Pai"], [src*="Clinica-Dor-Marcus-Pai"], [src*="clinica-jardim-paulista"], [src*="ondas-de-choque-epicondilite-lateral-mp"], [src*="ondas-de-choque-tendinopatia-calcaria-mp"])) .mp-post-hero__title { padding-bottom: 32px !important; }
}
@media (max-width: 1024px), (pointer: coarse) {
	/* 44px target for the author link: the padding is taken back by the margin, so nothing moves */
	html body:is(#mpc, .mpc-site):is(#mpa, .single-post) header.mp-post-hero:not(.mpa-hero) .mp-post-hero__author a { padding-block: 11px; margin-block: -11px; }
}
@media (max-width: 640px) {
	html body:is(#mpc, .mpc-site):is(#mpa, .single-post) header.mp-post-hero:not(.mpa-hero) { padding-top: 32px !important; }
	html body:is(#mpc, .mpc-site):is(#mpa, .single-post) header.mp-post-hero:not(.mpa-hero) .mp-post-hero__title { font-size: clamp(24px, 6.7vw, 28px) !important; }
	html body:is(#mpc, .mpc-site):is(#mpa, .single-post) header.mp-post-hero:not(.mpa-hero) .mp-post-hero__meta { grid-template-columns: auto minmax(0, 1fr) !important; }
	html body:is(#mpc, .mpc-site):is(#mpa, .single-post) header.mp-post-hero:not(.mpa-hero) .mp-post-hero__author { grid-column: 1 / -1; }
	html body:is(#mpc, .mpc-site):is(#mpa, .single-post) header.mp-post-hero:not(.mpa-hero) .mp-post-hero__media img { aspect-ratio: 3 / 2; }
}

/* ---------- article tail (2026-10-02, bold skin; markup: Toma_authorbox() in functions.php).
   The author band: tint, edge to edge. Text on the left half of the frame (label, name in display type, ink
   rule, job title, bio, the four points in a ruled grid, the registry line, the ghost pill); the wide portrait
   fills the right half up to the screen edge. Stacked under 901px: the whole frame of the photo, then the text. */
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) :is(.entry-content, .entry-footer) > .h-authorbox-w { box-sizing: border-box; position: relative !important; left: auto !important; width: auto !important; max-width: none !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: var(--mpc-tint) !important; box-shadow: none !important; color: var(--mpc-ink); line-height: 1.5; text-align: left !important; }
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) .h-authorbox-w .mpa-author-photo { position: relative; margin: 0; overflow: hidden; background: #E3E5EC; aspect-ratio: 3 / 2; }
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) .h-authorbox-w .mpa-author-photo img { position: absolute; top: 0; left: 0; display: block; width: 100% !important; height: 100% !important; max-width: none; object-fit: cover; object-position: 55% 50%; border-radius: 0 !important; }
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) .h-authorbox-w .mpa-author-in { box-sizing: border-box; width: min(100% - 2 * var(--mpc-pad), 1344px); margin: 0 auto; padding: 56px 0 64px; }
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) .h-authorbox-w .h-authorbox { max-width: none !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: none !important; font-size: 17px; text-align: left; }
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) .h-authorbox .mpa-author-label { margin: 0 !important; color: var(--mpc-body) !important; font-size: 17px !important; font-weight: 600 !important; letter-spacing: 0.12em !important; line-height: 1.4 !important; text-transform: uppercase !important; }
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) .h-authorbox .h-author-name { margin: 16px 0 0 !important; padding: 0 0 22px !important; border-bottom: 1.5px solid var(--mpc-ink); color: var(--mpc-ink) !important; font-family: var(--mpc-display) !important; font-size: clamp(30px, 3.9vw, 56px) !important; font-weight: 300 !important; letter-spacing: -0.01em !important; line-height: 1.06 !important; text-transform: uppercase !important; hyphens: none; }
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) .h-authorbox .h-author-name > span { display: block; font: inherit; font-family: var(--mpc-display) !important; letter-spacing: -0.01em !important; text-transform: uppercase !important; }
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) .h-authorbox .h-author-title { max-width: none; margin: 24px 0 0 !important; color: var(--mpc-ink) !important; font-size: clamp(20px, 1.6vw, 23px) !important; font-weight: 600 !important; line-height: 1.35 !important; }
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) .h-authorbox .h-author-description { margin: 0 !important; padding: 0 !important; color: var(--mpc-body) !important; font-size: 17px !important; line-height: 1.5 !important; }
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) .h-authorbox .h-author-description p { max-width: none !important; margin: 16px 0 0 !important; color: var(--mpc-body) !important; font-size: 17px !important; line-height: 1.5 !important; }
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) .h-authorbox .h-author-points { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 0 32px !important; margin: 24px 0 0 !important; padding: 0 !important; border: 0 !important; list-style: none !important; }
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) .h-authorbox .h-author-points li { position: static; display: block !important; margin: 0 !important; padding: 12px 0 !important; border: 0 !important; border-top: 1px solid rgba(19, 21, 27, .18) !important; border-radius: 0 !important; background: none !important; color: var(--mpc-body) !important; font-size: 17px !important; line-height: 1.5 !important; }
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) .h-authorbox :is(.h-author-points, .h-author-credentials) li::before { content: none !important; }
/* the registry line: CRM-SP · RQE · the three titles, one sentence with centred dots */
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) .h-authorbox .h-author-credentials { display: block !important; margin: 0 !important; padding: 16px 0 0 !important; border-top: 1px solid rgba(19, 21, 27, .18); list-style: none !important; }
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) .h-authorbox .h-author-credentials li { display: inline !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: none !important; color: var(--mpc-body) !important; font-size: 17px !important; font-weight: 400 !important; line-height: 1.5 !important; white-space: normal !important; }
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) .h-authorbox .h-author-credentials li + li::before { content: '\00B7' !important; display: inline !important; position: static !important; width: auto !important; height: auto !important; margin: 0 .45em 0 .3em !important; background: none !important; color: inherit; }
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) .h-authorbox a.h-author-more { margin: 32px 0 0 !important; }
@media (min-width: 901px) {
	html body:is(#mpc, .mpc-site):is(#mpa, .single-post) .h-authorbox-w .mpa-author-photo { position: absolute; top: 0; right: 0; bottom: 0; width: 50%; aspect-ratio: auto; }
	html body:is(#mpc, .mpc-site):is(#mpa, .single-post) .h-authorbox-w .mpa-author-in { padding: 96px 0; }
	html body:is(#mpc, .mpc-site):is(#mpa, .single-post) .h-authorbox-w.mpa-author--photo .h-authorbox { width: calc(50% - 32px); }
	html body:is(#mpc, .mpc-site):is(#mpa, .single-post) .h-authorbox-w:not(.mpa-author--photo) .h-authorbox { max-width: 760px !important; }
}
@media (max-width: 640px) {
	html body:is(#mpc, .mpc-site):is(#mpa, .single-post) .h-authorbox .h-author-points { grid-template-columns: minmax(0, 1fr) !important; }
	html body:is(#mpc, .mpc-site):is(#mpa, .single-post) .h-authorbox a.h-author-more { width: 100% !important; font-size: 18px !important; }
}

/* share row: a quiet strip on the ground under the author band */
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) :is(.entry-content, .entry-footer) > .share-bot { position: static !important; left: auto !important; width: min(100% - 2 * var(--mpc-pad), 1344px) !important; max-width: none !important; margin: 0 auto !important; padding: 40px 0 !important; border: 0 !important; background: none !important; box-shadow: none !important; text-align: left !important; }
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) .share-bot .rrssb-buttons { display: flex !important; flex-wrap: wrap; align-items: center; gap: 12px; margin: 0 !important; padding: 0 !important; list-style: none !important; }
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) .share-bot .rrssb-buttons > li { display: block; width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; }
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) .share-bot .rrssb-buttons > li::before { content: none !important; }
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) .share-bot .share-text { margin-right: 8px !important; }
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) .share-bot .share-text b { font-size: 15px !important; font-weight: 600 !important; letter-spacing: 0.1em; text-transform: uppercase; color: var(--mpc-muted) !important; }
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) .share-bot .rrssb-buttons a { display: inline-flex !important; align-items: center; justify-content: center; width: 48px; height: 48px; min-width: 48px; min-height: 48px; border-radius: 50%; box-shadow: inset 0 0 0 1.5px var(--mpc-ink); color: var(--mpc-ink) !important; font-size: 18px !important; text-decoration: none !important; transition: background-color .18s ease, color .18s ease; }
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) .share-bot .rrssb-buttons a .rrssb-icon::before { color: inherit !important; }
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) .share-bot .rrssb-buttons a:is(:hover, :focus-visible) { background: var(--mpc-ink); color: var(--mpc-white) !important; }

/* ---------- "Leia também" (markup: lib/related-articles.php, another lane; restyled here only): the title in
   display type with the hub link as a ghost pill beside it, the ink rule, then row links: title, one line of
   context, the 64px arrow circle; hover fills the row with tint. */
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) .mp-related { margin: 0 !important; padding: 96px 0 104px !important; border: 0 !important; background: var(--mpc-ground) !important; color: var(--mpc-ink) !important; }
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) .mp-related-in { display: grid; grid-template-columns: minmax(0, 1fr) auto; column-gap: 32px; align-items: end; width: min(100% - 2 * var(--mpc-pad), 1344px) !important; max-width: none !important; margin: 0 auto !important; }
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) .mp-related h2 { grid-column: 1; grid-row: 1; margin: 0 !important; color: var(--mpc-ink) !important; font-size: clamp(30px, 3.9vw, 56px) !important; font-weight: 300 !important; letter-spacing: -0.01em !important; line-height: 1.08 !important; }
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) .mp-related-more { grid-column: 2; grid-row: 1; margin: 0 !important; font-size: 17px; }
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) .mp-related-more a { display: inline-flex !important; align-items: center; justify-content: center; gap: 14px; box-sizing: border-box; min-height: 56px; padding: 8px 26px !important; border: 0 !important; border-radius: 999px !important; background: transparent !important; box-shadow: inset 0 0 0 1.5px var(--mpc-ink) !important; color: var(--mpc-ink) !important; font-size: 17px !important; font-weight: 600 !important; line-height: 1.2 !important; text-decoration: none !important; transition: background-color .15s ease, color .15s ease; }
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) .mp-related-more a::after { content: ''; flex: none; width: 22px; height: 12px; background: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 12' fill='none' stroke='%23000' stroke-width='1.6'%3E%3Cpath d='M0 6h20M15 1l5 5-5 5'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 12' fill='none' stroke='%23000' stroke-width='1.6'%3E%3Cpath d='M0 6h20M15 1l5 5-5 5'/%3E%3C/svg%3E") center / contain no-repeat; }
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) .mp-related-more a:is(:hover, :focus-visible) { background: var(--mpc-ink) !important; color: var(--mpc-ground) !important; }
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) .mp-related-list { grid-column: 1 / -1; grid-row: 2; display: block !important; margin: 24px 0 0 !important; padding: 0 !important; border-top: 1.5px solid var(--mpc-ink); list-style: none !important; }
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) .mp-related-list li { margin: 0 !important; padding: 0 !important; border: 0 !important; border-bottom: 1px solid var(--mpc-rule) !important; }
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) .mp-related-a { display: grid !important; grid-template-columns: minmax(0, 6fr) minmax(0, 5fr) 64px; column-gap: 48px; align-items: center; padding: 30px 0 !important; color: var(--mpc-ink) !important; text-decoration: none !important; }
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) .mp-related-t { margin: 0; color: var(--mpc-ink) !important; font-size: clamp(22px, 2.23vw, 32px) !important; font-weight: 600 !important; letter-spacing: 0 !important; line-height: 1.2 !important; text-wrap: balance; }
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) .mp-related-d { margin: 0 !important; color: var(--mpc-body) !important; font-size: 17px !important; line-height: 1.5 !important; }
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) .mp-related-a::after { content: ''; grid-column: 3; grid-row: 1; width: 64px; height: 64px; border-radius: 50%; box-shadow: inset 0 0 0 1.5px var(--mpc-ink); background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 12' fill='none' stroke='%2313151B' stroke-width='1.6'%3E%3Cpath d='M0 6h20M15 1l5 5-5 5'/%3E%3C/svg%3E") center / 24px 14px no-repeat; transition: background-color .15s ease; }
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) .mp-related-a:is(:hover, :focus-visible) { background: var(--mpc-tint); box-shadow: -24px 0 0 var(--mpc-tint), 24px 0 0 var(--mpc-tint); }
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) .mp-related-a:is(:hover, :focus-visible) .mp-related-t { text-decoration: underline; text-decoration-thickness: 1.5px; text-underline-offset: 5px; }
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) .mp-related-a:is(:hover, :focus-visible)::after { background-color: var(--mpc-ink); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 12' fill='none' stroke='%23FFFFFF' stroke-width='1.6'%3E%3Cpath d='M0 6h20M15 1l5 5-5 5'/%3E%3C/svg%3E"); }
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) .mp-related-a:focus-visible { border-radius: 0 !important; }
/* "Mais sobre": the post's categories as text links under the rows (lib/pages-bold/artigo.php). The cover carries
   no category labels (owner decision 15); this line keeps the category archives linked from their posts. */
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) .mp-related .mpa-about { grid-column: 1 / -1; grid-row: 3; display: flex; flex-wrap: wrap; align-items: baseline; gap: 0 20px; max-width: none; margin: 28px 0 0 !important; padding: 0 !important; color: var(--mpc-ink) !important; font-size: 19px !important; line-height: 22px !important; }
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) .mp-related .mpa-about-label { color: var(--mpc-ink) !important; font-family: var(--mpc-display) !important; font-size: 15px !important; font-weight: 400 !important; letter-spacing: 0.08em !important; line-height: 22px !important; text-transform: uppercase !important; }
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) .mp-related .mpa-about-list { display: flex; flex-wrap: wrap; gap: 0 24px; min-width: 0; }
/* the links stand apart (the commas of the markup are for a page without this stylesheet); 44px in both directions, also for a short name ("Pés") */
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) .mp-related .mpa-about-sep { display: none; }
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) .mp-related a.mpa-about-link { display: inline-block; min-width: 44px; padding: 11px 0 !important; border: 0 !important; color: var(--mpc-ink) !important; font-size: 19px !important; font-weight: 600 !important; line-height: 22px !important; text-decoration: underline !important; text-decoration-color: var(--mpc-accent) !important; text-decoration-thickness: 2px !important; text-underline-offset: 5px !important; }
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) .mp-related a.mpa-about-link:is(:hover, :focus-visible) { color: var(--mpc-accent) !important; }
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) .mp-related.mpa-about-only { padding: 56px 0 64px !important; }
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) .mp-related.mpa-about-only .mpa-about { grid-row: 1; margin-top: 0 !important; }
@media (max-width: 900px) {
	html body:is(#mpc, .mpc-site):is(#mpa, .single-post) .mp-related { padding: 72px 0 80px !important; }
	html body:is(#mpc, .mpc-site):is(#mpa, .single-post) .mp-related-in { grid-template-columns: minmax(0, 1fr); }
	html body:is(#mpc, .mpc-site):is(#mpa, .single-post) .mp-related .mpa-about { grid-row: 4; margin-top: 24px !important; }
	html body:is(#mpc, .mpc-site):is(#mpa, .single-post) .mp-related-more { grid-column: 1; grid-row: 3; margin-top: 32px !important; }
	html body:is(#mpc, .mpc-site):is(#mpa, .single-post) .mp-related-a { grid-template-columns: minmax(0, 1fr) 48px; column-gap: 20px; padding: 22px 0 !important; }
	html body:is(#mpc, .mpc-site):is(#mpa, .single-post) .mp-related-t { grid-column: 1; }
	html body:is(#mpc, .mpc-site):is(#mpa, .single-post) .mp-related-d { grid-column: 1; margin-top: 8px !important; }
	html body:is(#mpc, .mpc-site):is(#mpa, .single-post) .mp-related-a::after { grid-column: 2; grid-row: 1 / span 2; width: 48px; height: 48px; background-size: 22px 12px; }
}
@media (max-width: 640px) {
	html body:is(#mpc, .mpc-site):is(#mpa, .single-post) .mp-related { padding: 64px 0 !important; }
	html body:is(#mpc, .mpc-site):is(#mpa, .single-post) .mp-related-more a { display: flex !important; width: 100%; text-align: center; }
	html body:is(#mpc, .mpc-site):is(#mpa, .single-post) .mp-related-a:is(:hover, :focus-visible) { box-shadow: -16px 0 0 var(--mpc-tint), 16px 0 0 var(--mpc-tint); }
}

/* ---------- previous / next article: two ruled row links with the arrow circle of the home's lists */
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) .np.np1 { min-height: 0 !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-top: 1px solid var(--mpc-rule) !important; background: var(--mpc-ground) !important; }
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) .np.np1 > .wrap { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); box-sizing: border-box; width: min(100% - 2 * var(--mpc-pad), var(--max)) !important; max-width: none !important; margin: 0 auto !important; padding: 0 !important; }
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) .np.np1 > .wrap::before, html body:is(#mpc, .mpc-site):is(#mpa, .single-post) .np.np1 > .wrap::after { content: none !important; display: none !important; }
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) .np.np1 > .wrap > :is(.np1-p, .np1-n) { float: none !important; width: auto !important; max-width: none !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: none !important; text-align: left !important; }
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) .np.np1 > .wrap > .np1-n { border-left: 1px solid var(--mpc-rule) !important; }
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) .np.np1 > .wrap > :only-child { grid-column: 1 / -1; border-left: 0 !important; }
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) .np.np1 a { display: grid !important; grid-template-columns: minmax(0, 1fr) 48px; column-gap: 24px; align-items: center; height: 100%; box-sizing: border-box; padding: 36px 0 !important; color: var(--mpc-ink) !important; text-decoration: none !important; }
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) .np.np1 .np1-p a { grid-template-columns: 48px minmax(0, 1fr); padding-right: 40px !important; }
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) .np.np1 .np1-n a { padding-left: 40px !important; }
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) .np.np1 :is(.np1-tag, .np1-tit) { grid-column: 1; margin: 0 !important; padding: 0 !important; text-align: left !important; }
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) .np.np1 .np1-p :is(.np1-tag, .np1-tit) { grid-column: 2; }
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) .np.np1 .np1-tag { align-self: end; margin-bottom: 6px !important; font-size: 15px !important; font-weight: 600 !important; letter-spacing: 0.1em !important; line-height: 1.2 !important; text-transform: uppercase !important; color: var(--mpc-muted) !important; }
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) .np.np1 .np1-tit { align-self: start; font-size: clamp(19px, 1.6vw, 22px) !important; font-weight: 600 !important; letter-spacing: 0 !important; line-height: 1.3 !important; color: var(--mpc-ink) !important; text-wrap: balance; }
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) .np.np1 .np1-tit::after { content: none !important; display: none !important; }
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) .np.np1 a::after { content: ''; grid-column: 2; grid-row: 1 / span 2; width: 48px; height: 48px; border-radius: 50%; box-shadow: inset 0 0 0 1.5px var(--mpc-ink); background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 12' fill='none' stroke='%2313151B' stroke-width='1.5'%3E%3Cpath d='M0 6h20M15 1l5 5-5 5'/%3E%3C/svg%3E") center / 20px 11px no-repeat; transition: background-color .18s ease; }
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) .np.np1 .np1-p a::after { grid-column: 1; transform: scaleX(-1); }
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) .np.np1 a:is(:hover, :focus-visible)::after { background-color: var(--mpc-ink); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 12' fill='none' stroke='%23FFFFFF' stroke-width='1.5'%3E%3Cpath d='M0 6h20M15 1l5 5-5 5'/%3E%3C/svg%3E"); }
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) .np.np1 a:is(:hover, :focus-visible) .np1-tit { text-decoration: underline; text-decoration-color: var(--mpc-accent); text-underline-offset: 5px; }
@media (max-width: 760px) {
	html body:is(#mpc, .mpc-site):is(#mpa, .single-post) .np.np1 > .wrap { grid-template-columns: minmax(0, 1fr); }
	html body:is(#mpc, .mpc-site):is(#mpa, .single-post) .np.np1 > .wrap > .np1-n { border-left: 0 !important; border-top: 1px solid var(--mpc-rule) !important; }
	html body:is(#mpc, .mpc-site):is(#mpa, .single-post) .np.np1 a { padding: 24px 0 !important; column-gap: 16px; }
	html body:is(#mpc, .mpc-site):is(#mpa, .single-post) .np.np1 .np1-p a { padding-right: 0 !important; }
	html body:is(#mpc, .mpc-site):is(#mpa, .single-post) .np.np1 .np1-n a { padding-left: 0 !important; }
}