/* The article page on the bold "Curvatura em cor" skin (owner-approved artboard canvas/v2/Artigo.dc.html, 2026-10-02).
   Loaded on every post that runs the reading aids, after bold-kit.css (lib/article-reading-aids.php calls
   marcuspai_bold_use_kit( 'artigo' )); never loaded when the aids are off, so posts.css and
   v6-imported-articles.css still give a whole page then.

   Owners on a post:
     posts.css                    page frame, yesterday's head (aids off), the tail: author band, share row,
                                  previous/next, "Leia também"
     v6-imported-articles.css     the stored article body: text, lists, figures, tables, warnings, questions,
                                  references, the drawings of single posts
     bold-artigo.css (this file)  what needs the aids' markup: the cover band, the rail and the phone list of
                                  chapters, chapter numerals, lead and lead-in paragraphs, beats, wide blocks, tint
                                  figure panels, inline photos, booking blocks, the warning chapter, the
                                  references grid
   Markup contract: 03-notes/curvatura-inner-bold-20261002/artigo-aids.md. Work log: …/artigo.md.

   Prefix: html body:is(#mpc, .mpc-site):is(#mpa, .single-post) weighs two ids (see posts.css), so these rules
   beat the site layer and the kit without !important chains; !important is used only against a rule that has it.
   px only (1rem is 10px here). Breakpoints: 1100 (the rail becomes the phone list), 900 (the cover stacks),
   640 (phone type). */

/* ---------- 0. measures. The 1440 frame: 48px gutters, 220px rail, 64px gap, the article column (1060px), in it
   the reading measure (720px). Wide blocks span the article column and bleed through the gutter. */
html body:is(#mpc, .mpc-site):is(#mpa, .single-post).mpa-on {
	--mpa-max: 1344px; --mpa-wrap: min(100% - 2 * var(--mpc-pad), var(--mpa-max));
	--mpa-rail: 220px; --mpa-gap: 64px; --mpa-col: 720px;
	--mpa-frame: var(--mpa-max); --mpa-indent: 0px;
	--mpa-hair: rgba(19, 21, 27, .18); /* hairline on tint, where #DCDDE2 disappears */
	--mpa-air: 112px;                  /* above a chapter */
}
/* the rail stands beside the text from 901px (review of 2026-10-02: from 901 to 1100 the page was a phone layout
   stretched, with a quarter of the screen empty beside every paragraph); narrower there: 176px + 40px */
@media (min-width: 901px) { html body:is(#mpc, .mpc-site):is(#mpa, .single-post).mpa-on { --mpa-indent: calc(var(--mpa-rail) + var(--mpa-gap)); } }
@media (min-width: 901px) and (max-width: 1100px) { html body:is(#mpc, .mpc-site):is(#mpa, .single-post).mpa-on { --mpa-rail: 176px; --mpa-gap: 40px; } }
@media (max-width: 1100px) { html body:is(#mpc, .mpc-site):is(#mpa, .single-post).mpa-on { --mpa-air: 88px; } }
@media (max-width: 640px) { html body:is(#mpc, .mpc-site):is(#mpa, .single-post).mpa-on { --mpa-air: 64px; } }

/* While the display face is on its way, the cover title is set in a local face scaled to the same average width
   (Unbounded capitals are about 1.21 times as wide as Arial's), so the title breaks into the same lines and the
   cover does not change height when the web font arrives (layout shift measured with qa-artigo/cls.mjs). */
@font-face { font-family: 'MPA Display Fallback'; src: local('Arial'), local('Helvetica Neue'), local('Helvetica'), local('Roboto'), local('Liberation Sans'); size-adjust: 121%; font-weight: 300 400; }

/* the header marks "Artigos" as the section an article belongs to (the nav sets aria-current only on the list page) */
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) .mph-nav a.mpc-navlink[href$="/artigos/"] { text-decoration: underline; text-decoration-color: var(--mpc-accent); text-decoration-thickness: 2px; text-underline-offset: 6px; }

/* ---------- 1. cover: the tint band. Ghost pill, title, standfirst, ink rule, meta strip; the photo stands in
   the right column from the title's cap line, bleeds through the gutter and hangs 45px under the band. Track,
   gap and type scale together, so a title breaks the same way at every width (the size step is chosen in PHP:
   marcuspai_artigo_title_fit()). */
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) header.mpa-hero { position: relative !important; z-index: 2; overflow: visible !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: var(--mpc-tint) !important; color: var(--mpc-ink); container-type: inline-size; }
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) header.mpa-hero::before, html body:is(#mpc, .mpc-site):is(#mpa, .single-post) header.mpa-hero::after { content: none !important; }
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) header.mpa-hero .mpa-hero-in { position: relative; z-index: 1; box-sizing: border-box; display: grid !important; grid-template-columns: minmax(0, 1fr) !important; gap: 0 !important; align-items: stretch !important; width: var(--mpa-wrap) !important; max-width: none !important; margin: 0 auto !important; padding: 56px 0 0 !important; }
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) header.mpa-hero .mpa-hero-copy { display: block !important; min-width: 0; min-height: 0 !important; margin: 0 !important; padding: 0 0 136px !important; border: 0 !important; background: none !important; }
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) header.mpa-hero .mpa-back { gap: 12px !important; padding-inline: 26px !important; }
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) header.mpa-hero .mpa-hero-title {
	max-width: none !important; margin: 40px 0 0 !important; padding: 0 !important; border: 0 !important; color: var(--mpc-ink) !important;
	font-family: 'Unbounded', 'MPA Display Fallback', sans-serif !important; font-weight: 300 !important; text-transform: uppercase !important; letter-spacing: -0.01em !important; line-height: 1.02 !important;
	text-wrap: balance; hyphens: none !important; -webkit-hyphens: none !important; overflow-wrap: break-word;
	font-size: max(18px, min(calc(var(--mpa-h1) * 1px), calc(var(--mpa-h1) * 0.06vw + 4.3vw), calc((100vw - 2 * var(--mpc-pad)) / var(--mpa-word) * 0.97))) !important;
	font-size: max(18px, min(calc(var(--mpa-h1) * 1px), calc(var(--mpa-h1) * 0.06cqw + 4.3cqw), calc((100cqw - 2 * var(--mpc-pad)) / var(--mpa-word) * 0.98))) !important;
}
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) header.mpa-hero .mp-post-hero__deck { max-width: 640px; margin: 28px 0 0 !important; padding: 0 !important; color: var(--mpc-ink) !important; font-size: clamp(19px, 1.53vw, 22px) !important; font-weight: 400 !important; line-height: 1.45 !important; text-wrap: pretty; }
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) header.mpa-hero .mpa-meta { display: flex !important; flex-wrap: wrap; gap: 14px 64px !important; margin: 36px 0 0 !important; padding: 16px 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.mpa-hero .mpa-meta-item { display: block !important; min-width: 0; margin: 0; padding: 0; }
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) header.mpa-hero .mpa-meta-k { margin: 0; padding: 0; color: var(--mpc-body) !important; font-size: 15px !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) header.mpa-hero .mpa-meta-v, html body:is(#mpc, .mpc-site):is(#mpa, .single-post) header.mpa-hero .mpa-meta-v :is(a, time, span) { margin: 0; padding: 0; color: var(--mpc-ink) !important; font-size: 17px !important; font-weight: 600 !important; line-height: 1.4 !important; }
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) header.mpa-hero .mpa-meta-v { margin-top: 4px; }
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) header.mpa-hero .mpa-meta-v a { border: 0 !important; text-decoration: none !important; }
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) header.mpa-hero .mpa-meta-v a:is(:hover, :focus-visible) { text-decoration: underline !important; text-decoration-color: var(--mpc-accent) !important; text-decoration-thickness: 2px !important; text-underline-offset: 4px; }
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) header.mpa-hero .mpa-cover { position: relative; min-width: 0; margin: 0 calc(var(--mpc-pad) * -1) -32px; overflow: hidden; background: #E3E5EC; aspect-ratio: 3 / 2; }
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) header.mpa-hero .mpa-cover img { position: absolute; top: 0; left: 0; display: block; width: 100% !important; height: 100% !important; max-width: none; object-fit: cover; object-position: 50% 40%; border-radius: 0 !important; }
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) header.mpa-hero.mpa-has-cover .mpa-hero-copy { padding-bottom: 40px !important; }
@media (min-width: 901px) {
	html body:is(#mpc, .mpc-site):is(#mpa, .single-post) header.mpa-hero .mpa-hero-in { min-height: clamp(520px, 46.9vw, 675px); }
	html body:is(#mpc, .mpc-site):is(#mpa, .single-post) header.mpa-hero.mpa-has-cover .mpa-hero-in { grid-template-columns: minmax(0, 59.52fr) minmax(0, 38.1fr) !important; column-gap: 2.38% !important; }
	html body:is(#mpc, .mpc-site):is(#mpa, .single-post) header.mpa-hero.mpa-has-cover .mpa-hero-copy { padding-bottom: 136px !important; }
	html body:is(#mpc, .mpc-site):is(#mpa, .single-post) header.mpa-hero .mpa-hero-title {
		font-size: max(18px, min(calc(var(--mpa-h1) * 1px), calc((100vw - 2 * var(--mpc-pad)) * var(--mpa-h1) / 1366), calc((100vw - 2 * var(--mpc-pad)) * 0.5952 / var(--mpa-word) * 0.97))) !important;
		font-size: max(18px, min(calc(var(--mpa-h1) * 1px), calc((100cqw - 2 * var(--mpc-pad)) * var(--mpa-h1) / 1344), calc((100cqw - 2 * var(--mpc-pad)) * 0.5952 / var(--mpa-word) * 0.98))) !important;
	}
	html body:is(#mpc, .mpc-site):is(#mpa, .single-post) header.mpa-hero.mpa-no-cover .mpa-hero-title { max-width: 1100px !important; }
	html body:is(#mpc, .mpc-site):is(#mpa, .single-post) header.mpa-hero .mpa-cover { margin: 104px calc(var(--mpc-pad) * -1) -45px 0; aspect-ratio: auto; }
	html body:is(#mpc, .mpc-site):is(#mpa, .single-post) header.mpa-hero .mpa-cover img { object-position: 50% 30%; }
}
@media (max-width: 900px) {
	html body:is(#mpc, .mpc-site):is(#mpa, .single-post) header.mpa-hero .mpa-hero-in { padding-top: 40px !important; }
	html body:is(#mpc, .mpc-site):is(#mpa, .single-post) header.mpa-hero .mpa-hero-title { margin-top: 32px !important; }
	html body:is(#mpc, .mpc-site):is(#mpa, .single-post) header.mpa-hero .mpa-hero-copy { padding-bottom: 56px !important; }
	html body:is(#mpc, .mpc-site):is(#mpa, .single-post) header.mpa-hero .mpa-meta { gap: 14px 40px !important; margin-top: 28px !important; }
}
@media (max-width: 640px) {
	html body:is(#mpc, .mpc-site):is(#mpa, .single-post) header.mpa-hero .mpa-hero-in { padding-top: 32px !important; }
	html body:is(#mpc, .mpc-site):is(#mpa, .single-post) header.mpa-hero .mpa-back { min-height: 48px !important; }
	/* phones: the title is the largest text of the page after the chapter numerals, 30 to 40px (28 to 36px for a
	   title of many words), never under 28px. It is no longer sized by its widest word: a word no phone line can
	   hold carries soft hyphens (marcuspai_artigo_title_html()), which work only here (hyphens: manual; from
	   641px they are ignored), and the size is capped only by the widest word that has none (--mpa-piece). */
	html body:is(#mpc, .mpc-site):is(#mpa, .single-post) header.mpa-hero .mpa-hero-title {
		margin-top: 28px !important; line-height: 1.04 !important; hyphens: manual !important; -webkit-hyphens: manual !important; text-wrap: wrap;
		font-size: max(28px, min(clamp(30px, 8.6vw, 40px), calc((100vw - 2 * var(--mpc-pad)) / var(--mpa-piece) * 0.98))) !important;
		font-size: max(28px, min(clamp(30px, 8.6cqw, 40px), calc((100cqw - 2 * var(--mpc-pad)) / var(--mpa-piece) * 0.98))) !important;
	}
	html body:is(#mpc, .mpc-site):is(#mpa, .single-post) header.mpa-hero.mpa-hero--many .mpa-hero-title {
		font-size: max(28px, min(clamp(28px, 7.8vw, 36px), calc((100vw - 2 * var(--mpc-pad)) / var(--mpa-piece) * 0.98))) !important;
		font-size: max(28px, min(clamp(28px, 7.8cqw, 36px), calc((100cqw - 2 * var(--mpc-pad)) / var(--mpa-piece) * 0.98))) !important;
	}
	html body:is(#mpc, .mpc-site):is(#mpa, .single-post) header.mpa-hero .mp-post-hero__deck { margin-top: 20px !important; font-size: 19px !important; }
	html body:is(#mpc, .mpc-site):is(#mpa, .single-post) header.mpa-hero .mpa-meta { gap: 12px 28px !important; }
	html body:is(#mpc, .mpc-site):is(#mpa, .single-post) header.mpa-hero .mpa-meta-v, html body:is(#mpc, .mpc-site):is(#mpa, .single-post) header.mpa-hero .mpa-meta-v :is(a, time, span) { font-size: 16px !important; }
	/* 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.mpa-hero .mpa-meta-v a { display: inline-block; padding-block: 11px; margin-block: -11px; }
}
/* the cobalt bundle hangs under the band into the body's left margin; decoration, under the photo and the text */
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) header.mpa-hero .mpa-hero-lines { z-index: 0; }
/* phones and tablets: the same lines as a low wave under the meta strip, in the copy block's bottom padding; the
   photo lies over their lower edge (marcuspai_artigo_cover_phone_lines(): 920 x 120, cut by the screen's width) */
@media (max-width: 900px) {
	html body:is(#mpc, .mpc-site):is(#mpa, .single-post) header.mpa-hero .mpa-hero-copy { position: relative; padding-bottom: 152px !important; }
	html body:is(#mpc, .mpc-site):is(#mpa, .single-post) header.mpa-hero.mpa-has-cover .mpa-hero-copy { padding-bottom: 128px !important; }
	html body:is(#mpc, .mpc-site):is(#mpa, .single-post) header.mpa-hero .mpa-hero-wave { top: auto; right: calc(var(--mpc-pad) * -1); bottom: -24px; left: calc(var(--mpc-pad) * -1); height: 120px; }
	html body:is(#mpc, .mpc-site):is(#mpa, .single-post) header.mpa-hero:not(.mpa-has-cover) .mpa-hero-wave { bottom: 0; }
}

/* ---------- 2. frame. The content box is the full width; each part places itself: the body grid (rail +
   article column) on the gutters, the tail's bands edge to edge. */
html body:is(#mpc, .mpc-site):is(#mpa, .single-post).mpa-on .entry-content { padding-top: 0 !important; }
html body:is(#mpc, .mpc-site):is(#mpa, .single-post).mpa-on .entry-content > .mpa-frame { width: auto !important; max-width: none !important; margin: 0 !important; }
html body:is(#mpc, .mpc-site):is(#mpa, .single-post).mpa-on :is(.site-inner > article.entry, main.mp-post-main > article) { padding-bottom: 0 !important; }
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) [data-v6-article].mpa-article { width: auto !important; max-width: none !important; margin: 0 !important; overflow-wrap: break-word; }
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) [data-v6-article] .mpa-body { box-sizing: border-box; width: var(--mpa-wrap); margin: 0 auto; padding: 72px 0 80px; }
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) [data-v6-article] .mpa-story { min-width: 0; }
@media (min-width: 901px) {
	html body:is(#mpc, .mpc-site):is(#mpa, .single-post) [data-v6-article] .mpa-body { display: grid; grid-template-columns: var(--mpa-rail) minmax(0, 1fr); column-gap: var(--mpa-gap); align-items: start; padding: clamp(96px, 11.6vw, 128px) 0 96px; }
	html body:is(#mpc, .mpc-site):is(#mpa, .single-post) [data-v6-article] .mpa-rail { grid-column: 1; }
	html body:is(#mpc, .mpc-site):is(#mpa, .single-post) [data-v6-article] .mpa-story { grid-column: 2; }
}
@media (max-width: 640px) { html body:is(#mpc, .mpc-site):is(#mpa, .single-post) [data-v6-article] .mpa-body { padding: 56px 0 64px; } }
/* a note the theme prints after the article (medical review): in the reading column */
html body:is(#mpc, .mpc-site):is(#mpa, .single-post).mpa-on .entry-content > :is(p, .mp-medical-review) { box-sizing: border-box; width: var(--mpa-wrap) !important; max-width: none !important; margin: 0 auto !important; padding: 0 0 72px var(--mpa-indent) !important; color: var(--mpc-body); font-size: 17px; line-height: 1.5; }

/* ---------- 3. "Neste artigo": the rail (sticky from 901px). Label in display type over the ink rule, the
   chapters with vermilion numerals, the current one in bold. */
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) [data-v6-article] .mpa-rail { display: none; min-width: 0; margin: 0; padding: 0; }
@media (min-width: 901px) {
	/* a list taller than the window scrolls inside the rail (the script keeps the current chapter in its middle); no
	   scrollbar: the label stays at the top and the edge that hides chapters fades (classes set by the script) */
	html body:is(#mpc, .mpc-site):is(#mpa, .single-post) [data-v6-article] .mpa-rail { display: block; position: sticky; top: 32px; max-height: calc(100vh - 64px); overflow-y: auto; overscroll-behavior: contain; scrollbar-width: none; }
	html body:is(#mpc, .mpc-site):is(#mpa, .single-post) [data-v6-article] .mpa-rail::-webkit-scrollbar { display: none; }
	html body:is(#mpc, .mpc-site):is(#mpa, .single-post) [data-v6-article] .mpa-rail-label.mpa-rail-label { position: sticky; top: 0; z-index: 1; background: var(--mpc-ground); }
	html body:is(#mpc, .mpc-site):is(#mpa, .single-post) [data-v6-article] .mpa-rail--more-below { -webkit-mask-image: linear-gradient(#000 calc(100% - 64px), transparent); mask-image: linear-gradient(#000 calc(100% - 64px), transparent); }
	/* 2026-10-03 (posts-b-04): a chapter name with a word wider than the rail's text column (132px from 901 to
	   1100px: "Acompanhamento", "Eletroneuromiografia"; wider still in the bold of the current chapter) ran past
	   the rail and was cut by its scroll box. The word breaks inside the column: at the soft hyphens the rail
	   markup carries in long words (marcuspai_aids_rail_label()), anywhere as the last resort. No hyphens: auto:
	   the article never lets the browser hyphenate (v6-imported-articles.css, section 1).
	   2026-10-06: the soft hyphens work only in the narrow rail (the 901 to 1100px block below); in the 220px rail
	   every name fits, so there they are ignored and the names set as they always did. */
	html body:is(#mpc, .mpc-site):is(#mpa, .single-post) [data-v6-article] .mpa-rail .mpa-rail-t { min-width: 0; overflow-wrap: anywhere; hyphens: none; -webkit-hyphens: none; }
}
/* more than 14 chapters: a tighter list, so more of it stands in the window (the row keeps its 44px). The
   numerals stay at 24px in every rail: vermilion on the ground is 3.8:1, enough only for large type. */
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) .mpa-frame .mpa-rail--dense .mpa-rail-link { padding: 5px 0 !important; font-size: 15px !important; line-height: 1.25 !important; }
@media (min-width: 901px) and (max-width: 1100px) {
	html body:is(#mpc, .mpc-site):is(#mpa, .single-post) .mpa-frame .mpa-rail-link { grid-template-columns: 44px minmax(0, 1fr); font-size: 15px !important; }
	html body:is(#mpc, .mpc-site):is(#mpa, .single-post) [data-v6-article] .mpa-rail .mpa-rail-t { hyphens: manual; -webkit-hyphens: manual; }
}
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) :is(.mpa-rail-label, .mpa-toc-label).mpa-rail-label, html body:is(#mpc, .mpc-site):is(#mpa, .single-post) .mpa-toc .mpa-toc-label { margin: 0 !important; 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: 1.2 !important; text-transform: uppercase !important; }
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) [data-v6-article] .mpa-rail-label.mpa-rail-label { max-width: none; padding: 0 0 14px !important; border-bottom: 1.5px solid var(--mpc-ink); }
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) .mpa-frame :is(.mpa-rail-list, .mpa-toc-list) { margin: 0 !important; padding: 0 !important; list-style: none !important; }
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) .mpa-frame :is(.mpa-rail-list, .mpa-toc-list) > li { display: block !important; max-width: none; margin: 0 !important; padding: 0 !important; border: 0; border-bottom: 1px solid var(--mpc-rule); font-size: 16px; line-height: 1.3; }
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) .mpa-frame :is(.mpa-rail-list, .mpa-toc-list) > li::before, html body:is(#mpc, .mpc-site):is(#mpa, .single-post) .mpa-frame :is(.mpa-rail-list, .mpa-toc-list) > li::marker { content: none !important; }
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) .mpa-frame :is(.mpa-rail-link, .mpa-toc-link) { display: grid !important; grid-template-columns: 48px minmax(0, 1fr); align-items: baseline; box-sizing: border-box; min-height: 44px; margin: 0 !important; padding: 9px 0 !important; border: 0 !important; background: none !important; color: var(--mpc-body) !important; font-size: 16px !important; font-weight: 500 !important; line-height: 1.3 !important; text-decoration: none !important; }
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) .mpa-frame :is(.mpa-rail-link, .mpa-toc-link) .mpa-num { color: var(--mpc-pain) !important; font-family: var(--mpc-display) !important; font-size: 24px !important; font-weight: 400 !important; letter-spacing: 0 !important; line-height: 1 !important; font-variant-numeric: lining-nums; }
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) .mpa-frame :is(.mpa-rail-link, .mpa-toc-link) :is(.mpa-rail-t, .mpa-toc-t) { color: inherit !important; font-size: inherit !important; font-weight: inherit !important; line-height: inherit !important; }
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) .mpa-frame :is(.mpa-rail-link, .mpa-toc-link):is(:hover, :focus-visible) { color: var(--mpc-ink) !important; }
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) .mpa-frame :is(.mpa-rail-link, .mpa-toc-link):is(:hover, :focus-visible) :is(.mpa-rail-t, .mpa-toc-t) { text-decoration: underline; text-underline-offset: 4px; }
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) .mpa-frame :is(.mpa-rail-link, .mpa-toc-link)[aria-current] { color: var(--mpc-ink) !important; font-weight: 700 !important; }

/* the same list on phones and tablets: a closed disclosure under the cover */
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) .mpa-toc { display: block; box-sizing: border-box; width: var(--mpa-wrap); margin: 88px auto 0; padding: 0; border: 0; border-top: 1.5px solid var(--mpc-ink); border-bottom: 1px solid var(--mpc-rule); background: none; }
@media (min-width: 901px) { html body:is(#mpc, .mpc-site):is(#mpa, .single-post) .mpa-toc { display: none; } }
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) .mpa-toc-sum { position: relative; display: flex; align-items: center; gap: 14px; min-height: 72px; margin: 0; padding: 0 64px 0 0; list-style: none; cursor: pointer; color: var(--mpc-ink); }
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) .mpa-toc-sum::-webkit-details-marker { display: none; }
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) .mpa-toc .mpa-toc-count { color: var(--mpc-pain); font-family: var(--mpc-display) !important; font-size: 24px; font-weight: 400; line-height: 1; }
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) .mpa-toc-sum::after { content: ''; position: absolute; right: 0; top: 50%; width: 48px; height: 48px; margin-top: -24px; 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 16 16' fill='none' stroke='%2313151B' stroke-width='1.8'%3E%3Cpath d='M8 2v12M2 8h12'/%3E%3C/svg%3E") center / 16px 16px no-repeat; }
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) .mpa-toc[open] > .mpa-toc-sum::after { box-shadow: none; background-color: var(--mpc-ink); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23FFFFFF' stroke-width='1.8'%3E%3Cpath d='M2 8h12'/%3E%3C/svg%3E"); }
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) .mpa-toc-nav { margin: 0; padding: 0; border-top: 1px solid var(--mpc-rule); }
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) .mpa-toc .mpa-toc-list > li:last-child { border-bottom: 0; }
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) .mpa-toc .mpa-toc-link { min-height: 52px; padding: 13px 0 !important; font-size: 17px !important; }
@media (max-width: 900px) { html body:is(#mpc, .mpc-site):is(#mpa, .single-post) .mpa-toc { margin-top: 72px; } }

/* ---------- 4. chapters. Each one opens with its numeral (Unbounded 300, vermilion) over the heading, and with
   air above; a chapter never starts glued to the paragraph before it. */
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) [data-v6-article] .mpa-story > * { margin-top: 0 !important; margin-bottom: 0 !important; }
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) [data-v6-article] .mpa-story > * + * { margin-top: var(--mpa-air) !important; }
/* a section that carries no chapter heading continues the chapter before it */
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) [data-v6-article] .mpa-story > * + section:not(.mpa-chapter, .mpa-warning) { margin-top: 48px !important; }
/* an opening section (running text before the first chapter heading, 11 posts): the article starts with it */
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) [data-v6-article] .mpa-story > section.mpa-opening.mpa-opening { margin-top: 0 !important; }
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) [data-v6-article] h2.mpa-chapter-title { max-width: var(--mpa-col); margin: 0 0 28px !important; padding: 0 !important; color: var(--mpc-ink); font-size: clamp(28px, 3.1vw, 34px) !important; font-weight: 700 !important; letter-spacing: -0.01em !important; line-height: 1.15 !important; text-wrap: balance; scroll-margin-top: 32px; }
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) [data-v6-article] h2.mpa-chapter-title::before {
	content: attr(data-chapter); content: attr(data-chapter) / "";
	display: block; margin: 0 0 4px -0.03em; color: var(--mpc-pain); font-family: var(--mpc-display); font-size: clamp(88px, 11vw, 120px); font-weight: 300; letter-spacing: -0.02em; line-height: 0.9; font-variant-numeric: lining-nums; text-transform: none;
}
/* desktop (the rail is beside the text): the artboard's sizes, numeral 120 to 144px over a 36 to 40px heading */
@media (min-width: 1101px) {
	html body:is(#mpc, .mpc-site):is(#mpa, .single-post) [data-v6-article] h2.mpa-chapter-title { font-size: clamp(32px, 2.78vw, 40px) !important; } /* 40px at 1440 (the artboard); never over the smallest cover title (36px at 1101) */
	html body:is(#mpc, .mpc-site):is(#mpa, .single-post) [data-v6-article] h2.mpa-chapter-title::before { font-size: clamp(120px, 10vw, 144px); }
}
@media (max-width: 640px) {
	/* 24 to 26px: under the cover title (28px and up), so the h1 stays the largest text after the numerals */
	html body:is(#mpc, .mpc-site):is(#mpa, .single-post) [data-v6-article] h2.mpa-chapter-title { margin-bottom: 20px !important; font-size: clamp(24px, 6.6vw, 26px) !important; }
	html body:is(#mpc, .mpc-site):is(#mpa, .single-post) [data-v6-article] h2.mpa-chapter-title::before { margin-bottom: 6px; font-size: clamp(72px, 21.5vw, 88px); }
}

/* the reading measure: text never runs wider than 720px; blocks marked wide span the article column */
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) [data-v6-article] .mpa-story :is(p, h3, h4, h5, ul, ol, dl, blockquote, details, aside, header):not(.mpa-wide, .mpa-wide *, .mpa-cta-last) { max-width: var(--mpa-col); }

/* the way in: the article's first paragraph, then the first paragraph of every chapter */
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) [data-v6-article] .mpa-story p.mpa-leadin { color: var(--mpc-ink); font-size: clamp(20px, 1.46vw, 21px); line-height: 1.6; }
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) [data-v6-article] .mpa-story p.mpa-lead { color: var(--mpc-ink); font-size: clamp(21px, 1.67vw, 24px); line-height: 1.5; }
/* an article that carries its own deck: the deck is the way in, the first paragraph a lead-in */
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) [data-v6-article] .mpa-story > .mpa-intro { margin: 0 !important; padding: 0; border: 0; background: none; }
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) [data-v6-article] .mpa-story > .mpa-intro :is(.article-label, .section-label) { display: none !important; }
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) [data-v6-article] .mpa-story > .mpa-intro :is(.v6-dek, .v6-deck, .article-deck, .article-dek, .mp-deck, p) { max-width: var(--mpa-col); margin: 0; color: var(--mpc-ink); font-size: clamp(21px, 1.67vw, 24px) !important; font-weight: 600; line-height: 1.4 !important; text-wrap: pretty; }
/* an in-body header that holds plain paragraphs instead of a deck (one post): a lead and lead-ins, not bold */
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) [data-v6-article] .mpa-story > .mpa-intro > p:not([class]) { font-weight: 400; line-height: 1.5 !important; }
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) [data-v6-article] .mpa-story > .mpa-intro > p:not([class]) + p:not([class]) { margin-top: 1.1em; font-size: clamp(20px, 1.46vw, 21px) !important; line-height: 1.6 !important; }
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) [data-v6-article] .mpa-story > .mpa-intro + * { margin-top: 72px !important; }
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) [data-v6-article] .mpa-story > .mpa-intro ~ * p.mpa-lead { font-size: clamp(20px, 1.46vw, 21px); line-height: 1.6; }
/* desktop: the lead never under 23px (the brief's 23 to 24px), also on a 1101 to 1379px screen */
@media (min-width: 1101px) {
	html body:is(#mpc, .mpc-site):is(#mpa, .single-post) [data-v6-article] .mpa-story p.mpa-lead, html body:is(#mpc, .mpc-site):is(#mpa, .single-post) [data-v6-article] .mpa-story > .mpa-intro :is(.v6-dek, .v6-deck, .article-deck, .article-dek, .mp-deck, p) { font-size: clamp(23px, 1.67vw, 24px) !important; }
	html body:is(#mpc, .mpc-site):is(#mpa, .single-post) [data-v6-article] .mpa-story > .mpa-intro ~ * p.mpa-lead, html body:is(#mpc, .mpc-site):is(#mpa, .single-post) [data-v6-article] .mpa-story > .mpa-intro > p:not([class]) + p:not([class]) { font-size: clamp(20px, 1.46vw, 21px) !important; }
}
/* a beat: the paragraph that divides a long run of running text. It is a real stop (review of 2026-10-02: with
   only the bar before it, at the size of its neighbours, the reader still saw up to three screens of even text):
   set like a chapter's lead-in, larger and in ink, under the vermilion bar and with air above. */
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) [data-v6-article] .mpa-story p.mpa-beat { margin-top: 40px; color: var(--mpc-ink); font-size: clamp(20px, 1.46vw, 21px); line-height: 1.5; }
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) [data-v6-article] .mpa-story p.mpa-beat::before { content: ''; display: block; width: 48px; height: 6px; margin: 0 0 20px; background: var(--mpc-pain); }
@media (max-width: 640px) {
	html body:is(#mpc, .mpc-site):is(#mpa, .single-post) [data-v6-article] .mpa-story p.mpa-beat { margin-top: 36px; font-size: 20px; line-height: 1.5; }
	html body:is(#mpc, .mpc-site):is(#mpa, .single-post) [data-v6-article] .mpa-story p.mpa-leadin { font-size: 20px; line-height: 1.55; }
	html body:is(#mpc, .mpc-site):is(#mpa, .single-post) [data-v6-article] .mpa-story p.mpa-lead, html body:is(#mpc, .mpc-site):is(#mpa, .single-post) [data-v6-article] .mpa-story > .mpa-intro :is(.v6-dek, .v6-deck, .article-deck, .article-dek, .mp-deck, p) { font-size: 21px !important; line-height: 1.45 !important; }
	html body:is(#mpc, .mpc-site):is(#mpa, .single-post) [data-v6-article] .mpa-story > .mpa-intro ~ * p.mpa-lead { font-size: 20px !important; line-height: 1.55 !important; }
	html body:is(#mpc, .mpc-site):is(#mpa, .single-post) [data-v6-article] .mpa-story > .mpa-intro + * { margin-top: 56px !important; }
}

/* ---------- 5. wide blocks: figures and tables span the article column (1060px at 1440) and bleed through the
   gutter to the frame edge; two right edges on the page, the reading measure and the gutter. */
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) [data-v6-article] .mpa-story :is(.mpa-wide, .mpa-photo) { box-sizing: border-box; width: auto; max-width: none !important; }
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) [data-v6-article] .mpa-story .mpa-wide:is([data-v6-visual-id], .mp60-visual, .clinical-visual, figure, table) { margin: 56px calc(var(--mpc-pad) * -1) 56px 0 !important; padding-right: var(--mpc-pad) !important; }
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) [data-v6-article] .mpa-story .mpa-wide:last-child { margin-bottom: 0 !important; }
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) [data-v6-article] .mpa-story h2 + .mpa-wide { margin-top: 0 !important; }
@media (max-width: 900px) {
	html body:is(#mpc, .mpc-site):is(#mpa, .single-post) [data-v6-article] .mpa-story .mpa-wide:is([data-v6-visual-id], .mp60-visual, .clinical-visual, figure, table) { margin-left: calc(var(--mpc-pad) * -1) !important; padding-left: var(--mpc-pad) !important; }
}
@media (max-width: 640px) { html body:is(#mpc, .mpc-site):is(#mpa, .single-post) [data-v6-article] .mpa-story .mpa-wide:is([data-v6-visual-id], .mp60-visual, .clinical-visual, figure, table) { margin-top: 40px !important; margin-bottom: 40px !important; } }

/* figure title: a short one is a display label, a long one (over 40 characters) a sentence in Albert Sans 700.
   (The class is repeated to out-weigh the shape selectors of v6-imported-articles.css, which carry !important.) */
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) [data-v6-article] .mpa-vis-title.mpa-vis-title.mpa-vis-title.mpa-vis-title, html body:is(#mpc, .mpc-site):is(#mpa, .single-post) [data-v6-article] .mpa-vis-title.mpa-vis-title.mpa-vis-title.mpa-vis-title :is(span, em, strong, b) { color: var(--mpc-ink) !important; font-size: clamp(21px, 2.09vw, 30px) !important; font-weight: 700 !important; letter-spacing: -0.01em !important; line-height: 1.2 !important; text-transform: none !important; }
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) [data-v6-article] .mpa-vis--short .mpa-vis-title.mpa-vis-title.mpa-vis-title.mpa-vis-title, html body:is(#mpc, .mpc-site):is(#mpa, .single-post) [data-v6-article] .mpa-vis--short .mpa-vis-title.mpa-vis-title.mpa-vis-title.mpa-vis-title :is(span, em, strong, b) { font-family: var(--mpc-display) !important; font-size: clamp(19px, 2.09vw, 30px) !important; font-weight: 400 !important; letter-spacing: 0.01em !important; text-transform: uppercase !important; hyphens: none; }
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) [data-v6-article] :is([data-v6-visual-id], .mp60-visual, .clinical-visual) .mpa-vis-title.mpa-vis-title.mpa-vis-title.mpa-vis-title { display: block; max-width: none; margin: 0 0 28px !important; padding: 0 !important; border: 0 !important; text-wrap: balance; }
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) [data-v6-article] figcaption > .mpa-vis-title.mpa-vis-title.mpa-vis-title.mpa-vis-title { margin-bottom: 0 !important; }
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) [data-v6-article] figcaption:has(> .mpa-vis-title) { margin-bottom: 28px !important; }

/* a figure of cells, rows or steps: the tint panel under the ink rule. Inside it hairlines are ink at 18% and the
   small grey notes take the body colour (grey on tint fails the contrast floor). */
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) [data-v6-article] .mpa-story .mpa-vis--panel.mpa-wide { --mpc-rule: var(--mpa-hair); --mpc-muted: var(--mpc-body); padding: 44px var(--mpc-pad) 28px 48px !important; background: var(--mpc-tint) !important; }
@media (max-width: 1100px) { html body:is(#mpc, .mpc-site):is(#mpa, .single-post) [data-v6-article] .mpa-story .mpa-vis--panel.mpa-wide { padding: 36px var(--mpc-pad) 24px !important; } }
@media (max-width: 640px) { html body:is(#mpc, .mpc-site):is(#mpa, .single-post) [data-v6-article] .mpa-story .mpa-vis--panel.mpa-wide { padding-top: 28px !important; padding-bottom: 16px !important; } }
/* the small notes inside a cell (a third level under term and text): 16px, not the 15px floor */
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) [data-v6-article] .mpa-story .mpa-wide small { font-size: 16px; }
/* from 1280px the panel takes the artboard's sizes: the term of a cell 30px / 700, its text 19px (they were 24px
   and 18px: quieter than the artboard). A bold line that closes a cell stays a conclusion, not a second term. */
@media (min-width: 1280px) {
	html body:is(#mpc, .mpc-site):is(#mpa, .single-post) [data-v6-article] .mpa-story .mpa-vis--panel.mpa-wide :is(b, strong):not(td *, th *, p > *, figcaption > *, .mpa-vis-title, .mpa-vis-title *, span + :last-child),
	html body:is(#mpc, .mpc-site):is(#mpa, .single-post) [data-v6-article] .mpa-story .mpa-vis--panel.mpa-wide p:has(> strong:first-child + span) > strong,
	html body:is(#mpc, .mpc-site):is(#mpa, .single-post) [data-v6-article] .mpa-story .mpa-vis--panel.mpa-wide dt { margin-bottom: 8px; font-size: clamp(27px, 2.09vw, 30px); letter-spacing: -0.01em; line-height: 1.2; }
	html body:is(#mpc, .mpc-site):is(#mpa, .single-post) [data-v6-article] .mpa-story .mpa-vis--panel.mpa-wide,
	html body:is(#mpc, .mpc-site):is(#mpa, .single-post) [data-v6-article] .mpa-story .mpa-vis--panel.mpa-wide :is(span, dd, li, p):not(sup *, td *, th *, a *, .mpa-vis-title, .mpa-vis-title *, figcaption *, :is(div, li, article) > span:first-child:has(+ :is(strong, b))) { font-size: 19px; line-height: 1.5; }
}
/* a table or a drawing: on the ground, under the bleeding ink rule */
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) [data-v6-article] .mpa-story :is(.mpa-vis--table, .mpa-vis--drawing).mpa-wide { padding-top: 28px !important; }

/* inline photo: a wide block with the caption on a ground plate cut into its corner */
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) [data-v6-article] .mpa-story .mpa-photo { position: relative; margin-right: calc(var(--mpc-pad) * -1) !important; padding: 0; overflow: hidden; background: #E3E5EC; }
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) [data-v6-article] .mpa-story .mpa-photo img { display: block; width: 100% !important; height: auto; aspect-ratio: 16 / 9; object-fit: cover; object-position: 50% 45%; border-radius: 0 !important; }
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) [data-v6-article] .mpa-story .mpa-photo figcaption.mpa-cap { position: absolute; left: 0; bottom: 0; box-sizing: border-box; max-width: min(88%, 640px); margin: 0 !important; padding: 14px 24px 0 0 !important; border: 0 !important; background: var(--mpc-ground) !important; color: var(--mpc-ink) !important; font-size: 17px !important; font-weight: 600 !important; line-height: 1.4 !important; }
@media (max-width: 900px) { html body:is(#mpc, .mpc-site):is(#mpa, .single-post) [data-v6-article] .mpa-story .mpa-photo { margin-left: calc(var(--mpc-pad) * -1) !important; } html body:is(#mpc, .mpc-site):is(#mpa, .single-post) [data-v6-article] .mpa-story .mpa-photo figcaption.mpa-cap { padding-left: var(--mpc-pad) !important; } }
/* a photo inside a chapter (in the middle of a long run of paragraphs): air above and below */
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) [data-v6-article] .mpa-story .mpa-photo.mpa-photo--in { margin-top: 56px !important; margin-bottom: 56px !important; border: 0 !important; }
@media (max-width: 640px) { html body:is(#mpc, .mpc-site):is(#mpa, .single-post) [data-v6-article] .mpa-story .mpa-photo.mpa-photo--in { margin-top: 44px !important; margin-bottom: 44px !important; } }
@media (max-width: 640px) {
	html body:is(#mpc, .mpc-site):is(#mpa, .single-post) [data-v6-article] .mpa-story .mpa-photo img { aspect-ratio: 3 / 2; }
	html body:is(#mpc, .mpc-site):is(#mpa, .single-post) [data-v6-article] .mpa-story .mpa-photo figcaption.mpa-cap { max-width: 92%; padding: 10px 16px 0 var(--mpc-pad) !important; font-size: 16px !important; }
}

/* ---------- 6. booking blocks. Every stored block has one WhatsApp link; its parts carry classes
   (marcuspai_artigo_booking_parts()). Earlier blocks: compact, in the reading column, under a 3px cobalt rule
   (the warning carries the same rule in vermilion), with the cobalt pill. The last one: the cobalt band of the artboard, edge to edge when it stands after the last chapter
   (.mpa-cta-band), a cobalt panel on the article column otherwise. Its title is the fixed booking label, drawn
   from data-mpa-label. */
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) [data-v6-article] .mpa-cta.mpa-cta { position: relative; isolation: isolate; display: block !important; box-sizing: border-box; max-width: var(--mpa-col); margin: 56px 0 !important; padding: 26px 0 0 !important; border: 0 !important; border-top: 3px solid var(--mpc-accent) !important; border-radius: 0 !important; background: none !important; box-shadow: none !important; color: var(--mpc-body) !important; font-size: 18px; line-height: 1.55; }
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) [data-v6-article] .mpa-story > .mpa-cta.mpa-cta { margin: var(--mpa-air) 0 0 !important; }
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) [data-v6-article] .mpa-cta :is(br, p:empty) { display: none !important; }
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) [data-v6-article] .mpa-cta > div > span:first-child:has(~ :is(strong, h2, h3, h4)), html body:is(#mpc, .mpc-site):is(#mpa, .single-post) [data-v6-article] .mpa-cta > p:first-child:has(+ :is(h2, h3, h4)) { display: none !important; }
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) [data-v6-article] .mpa-cta :is(p, span:not(a *, .mpb-bundle), small, div) { display: block; max-width: 60ch; margin: 0 0 10px; padding: 0; border: 0; background: none; color: inherit !important; font-size: inherit !important; line-height: inherit !important; }
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) [data-v6-article] .mpa-cta > :last-child, html body:is(#mpc, .mpc-site):is(#mpa, .single-post) [data-v6-article] .mpa-cta > div > :last-child, html body:is(#mpc, .mpc-site):is(#mpa, .single-post) [data-v6-article] .mpa-cta p:has(> .mpa-cta-link:only-child) { margin-bottom: 0 !important; }
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) [data-v6-article] .mpa-cta .mpa-cta-title.mpa-cta-title { display: block; max-width: 28ch; margin: 0 0 10px !important; padding: 0 !important; color: var(--mpc-ink) !important; font-size: clamp(21px, 1.67vw, 24px) !important; font-weight: 600 !important; letter-spacing: 0 !important; line-height: 1.25 !important; text-wrap: balance; }
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) [data-v6-article] .mpa-cta .mpa-cta-title::before { content: none !important; }
/* the link, first as plain text (style.css turns every WhatsApp link into a pill) ... */
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) [data-v6-article] .mpa-cta a.mpa-cta-link { display: inline !important; width: auto !important; min-width: 0 !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: none !important; box-shadow: none !important; transform: none !important; color: var(--mpc-ink) !important; font-size: inherit !important; font-weight: 600 !important; letter-spacing: 0 !important; line-height: inherit !important; text-align: left !important; text-transform: none !important; text-decoration: underline !important; text-decoration-color: var(--mpc-accent) !important; text-decoration-thickness: 2px !important; text-underline-offset: 4px !important; }
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) [data-v6-article] .mpa-cta a.mpa-cta-link::before { content: none !important; }
/* ... then the pill (a short label on its own line): cobalt, with the WhatsApp glyph */
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) [data-v6-article] .mpa-cta a.mpa-cta-link--pill { display: flex !important; width: fit-content !important; align-items: center !important; justify-content: center !important; gap: 12px; box-sizing: border-box; max-width: 100%; min-height: 56px !important; margin: 18px 0 0 !important; padding: 8px 28px !important; border-radius: 999px !important; background: var(--mpc-accent) !important; color: #FFFFFF !important; font-size: 17px !important; line-height: 1.2 !important; text-decoration: none !important; transition: box-shadow .15s ease; }
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) [data-v6-article] .mpa-cta a.mpa-cta-link--pill::before { content: '' !important; flex: none; width: 20px; height: 20px; background: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.5 20.5l1.4-4.2A8.5 8.5 0 1 1 8 19.2Z'/%3E%3Cpath d='M9 9.5c.4 2.3 2.2 4.1 4.5 4.6'/%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 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.5 20.5l1.4-4.2A8.5 8.5 0 1 1 8 19.2Z'/%3E%3Cpath d='M9 9.5c.4 2.3 2.2 4.1 4.5 4.6'/%3E%3C/svg%3E") center / contain no-repeat; }
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) [data-v6-article] .mpa-cta a.mpa-cta-link--pill:is(:hover, :focus-visible) { box-shadow: 0 0 0 4px var(--mpc-halo) !important; }
/* a long label, or a block that is only its link: a row that ends in the cobalt circle */
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) [data-v6-article] .mpa-cta a:is(.mpa-cta-link--row, .mpa-cta-link--solo) { display: grid !important; grid-template-columns: minmax(0, 1fr) 48px; gap: 24px; align-items: center; margin: 18px 0 0 !important; padding: 18px 0 0 !important; border-top: 1px solid var(--mpa-hair) !important; font-size: clamp(19px, 1.46vw, 21px) !important; line-height: 1.35 !important; text-decoration: none !important; }
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) [data-v6-article] .mpa-cta a.mpa-cta-link--solo { margin-top: 0 !important; padding-top: 0 !important; border-top: 0 !important; }
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) [data-v6-article] .mpa-cta a:is(.mpa-cta-link--row, .mpa-cta-link--solo)::after { content: ''; width: 48px; height: 48px; border-radius: 50%; transition: box-shadow .15s ease; background: var(--mpc-accent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.5 20.5l1.4-4.2A8.5 8.5 0 1 1 8 19.2Z'/%3E%3Cpath d='M9 9.5c.4 2.3 2.2 4.1 4.5 4.6'/%3E%3C/svg%3E") center / 22px 22px no-repeat; }
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) [data-v6-article] .mpa-cta a:is(.mpa-cta-link--row, .mpa-cta-link--solo):is(:hover, :focus-visible)::after { box-shadow: 0 0 0 5px var(--mpc-halo); }
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) [data-v6-article] .mpa-cta a:is(.mpa-cta-link--row, .mpa-cta-link--solo, .mpa-cta-link--inline):is(:hover, :focus-visible) { color: var(--mpc-accent) !important; }
@media (max-width: 640px) {
	html body:is(#mpc, .mpc-site):is(#mpa, .single-post) [data-v6-article] .mpa-cta.mpa-cta { margin: 44px 0 !important; padding-top: 22px !important; }
	html body:is(#mpc, .mpc-site):is(#mpa, .single-post) [data-v6-article] .mpa-story > .mpa-cta.mpa-cta { margin: var(--mpa-air) 0 0 !important; }
	html body:is(#mpc, .mpc-site):is(#mpa, .single-post) [data-v6-article] .mpa-cta a.mpa-cta-link--pill { display: flex !important; width: 100% !important; font-size: 18px !important; text-align: center !important; }
}

/* the last booking block: cobalt, white type, the white pill, the white line bundle behind the text */
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) [data-v6-article] .mpa-cta-last.mpa-cta-last { overflow: hidden; max-width: none !important; background: var(--mpc-accent) !important; color: #FFFFFF !important; font-size: clamp(19px, 1.53vw, 22px); line-height: 1.45; }
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) [data-v6-article] .mpa-cta-last[data-mpa-label]::before { content: attr(data-mpa-label); display: block; margin: 0 0 28px; color: #FFFFFF; font-family: var(--mpc-display); font-size: clamp(30px, 4.45vw, 64px); font-weight: 300; letter-spacing: -0.01em; line-height: 1.04; text-transform: uppercase; }
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) [data-v6-article] .mpa-cta-last .mpa-cta-lines { z-index: -1; }
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) [data-v6-article] .mpa-cta-last .mpa-cta-title.mpa-cta-title { max-width: 1020px; margin-bottom: 16px !important; color: #FFFFFF !important; font-size: clamp(24px, 2.78vw, 40px) !important; letter-spacing: -0.01em !important; line-height: 1.2 !important; }
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) [data-v6-article] .mpa-cta-last :is(p, span:not(a *, .mpb-bundle), small, div) { max-width: 760px; }
/* the full-bleed band with a stored title: the sentence under it speaks at 20 to 28px / 500 (the artboard sets
   the band's sentence large; at 22px under a 40px title it read as small print) */
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) [data-v6-article] .mpa-tail > .mpa-cta-band.mpa-cta--titled { font-size: clamp(20px, 1.95vw, 28px); font-weight: 500; letter-spacing: -0.005em; line-height: 1.3; }
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) [data-v6-article] .mpa-tail > .mpa-cta-band.mpa-cta--titled .mpa-cta-title.mpa-cta-title { margin-bottom: 20px !important; }
/* no stored title: the sentence carries the band */
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) [data-v6-article] .mpa-cta-last:is(.mpa-cta--plain, .mpa-cta--solo) { font-size: clamp(22px, 2.5vw, 36px); font-weight: 600; letter-spacing: -0.01em; line-height: 1.2; }
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) [data-v6-article] .mpa-cta-last:is(.mpa-cta--plain, .mpa-cta--solo) :is(p, span:not(a *, .mpb-bundle), small, div) { max-width: 1020px; font-weight: inherit; }
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) [data-v6-article] .mpa-cta-last a.mpa-cta-link { color: #FFFFFF !important; text-decoration-color: #FFFFFF !important; }
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) [data-v6-article] .mpa-cta-last a.mpa-cta-link--pill { min-height: 60px !important; margin-top: 30px !important; padding-inline: 30px !important; background: #FFFFFF !important; color: var(--mpc-navy) !important; font-size: 18px !important; font-weight: 700 !important; letter-spacing: 0 !important; }
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) [data-v6-article] .mpa-cta-last a.mpa-cta-link--pill:is(:hover, :focus-visible) { box-shadow: 0 0 0 4px rgba(255, 255, 255, .3) !important; }
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) [data-v6-article] .mpa-cta-last a:is(.mpa-cta-link--row, .mpa-cta-link--solo) { max-width: 1020px; border-top-color: rgba(255, 255, 255, .45) !important; font-size: clamp(21px, 1.95vw, 28px) !important; }
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) [data-v6-article] .mpa-cta-last a.mpa-cta-link--row { margin-top: 28px !important; padding-top: 24px !important; }
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) [data-v6-article] .mpa-cta-last a.mpa-cta-link--solo { font-size: inherit !important; line-height: inherit !important; letter-spacing: inherit !important; }
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) [data-v6-article] .mpa-cta-last a:is(.mpa-cta-link--row, .mpa-cta-link--solo)::after { width: 64px; height: 64px; background-color: #FFFFFF; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230F1C57' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.5 20.5l1.4-4.2A8.5 8.5 0 1 1 8 19.2Z'/%3E%3Cpath d='M9 9.5c.4 2.3 2.2 4.1 4.5 4.6'/%3E%3C/svg%3E"); background-size: 26px 26px; }
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) [data-v6-article] .mpa-cta-last a:is(.mpa-cta-link--row, .mpa-cta-link--solo) { grid-template-columns: minmax(0, 1fr) 64px; }
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) [data-v6-article] .mpa-cta-last a:is(.mpa-cta-link--row, .mpa-cta-link--solo, .mpa-cta-link--inline):is(:hover, :focus-visible) { color: #FFFFFF !important; text-decoration: underline !important; text-decoration-color: #FFFFFF !important; text-decoration-thickness: 2px !important; text-underline-offset: 5px !important; }
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) [data-v6-article] .mpa-cta-last a:is(.mpa-cta-link--row, .mpa-cta-link--solo):is(:hover, :focus-visible)::after { box-shadow: 0 0 0 5px rgba(255, 255, 255, .3); }
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) [data-v6-article] .mpa-cta-last :is(a, summary, button):focus-visible { outline-color: #FFFFFF !important; }
/* in the story: a cobalt panel on the article column, bleeding through the gutter */
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) [data-v6-article] .mpa-story .mpa-cta-last.mpa-cta-last { margin: 64px calc(var(--mpc-pad) * -1) 64px 0 !important; padding: 64px var(--mpc-pad) 72px 48px !important; }
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) [data-v6-article] .mpa-story > .mpa-cta-last.mpa-cta-last { margin-top: var(--mpa-air) !important; margin-bottom: 0 !important; }
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) [data-v6-article] .mpa-story .mpa-cta-last[data-mpa-label]::before { font-size: clamp(28px, 3.34vw, 48px); margin-bottom: 24px; }
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) [data-v6-article] .mpa-story .mpa-cta-last .mpa-cta-title.mpa-cta-title { font-size: clamp(23px, 2.23vw, 32px) !important; }
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) [data-v6-article] .mpa-story .mpa-cta-last:is(.mpa-cta--plain, .mpa-cta--solo) { font-size: clamp(21px, 2.09vw, 30px); }
/* the line bundle was drawn for the full-bleed band: in the narrower panel its lines would run behind the
   sentence (qa-artigo/bundles.mjs), so the panel carries none */
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) [data-v6-article] .mpa-story .mpa-cta-last .mpa-cta-lines { display: none; }
/* after the last chapter: the full-bleed band */
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) [data-v6-article] .mpa-tail { margin: 0; padding: 0; }
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) [data-v6-article] .mpa-tail > * { box-sizing: border-box; width: var(--mpa-wrap); max-width: none; margin-left: auto !important; margin-right: auto !important; }
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) [data-v6-article] .mpa-tail > .mpa-cta-band.mpa-cta-band { width: auto; margin: 0 !important; padding: 96px max(var(--mpc-pad), calc((100% - var(--mpa-max)) / 2)) 184px !important; }
/* the white lines enter at the top right and sweep along the bottom (a 1440 drawing, centred, cropped on narrower
   screens): the text measure ends where the curve is still inside the bottom padding (980px of the drawing: the
   lines stand 169px above the band's bottom edge there, the padding is 184px), so no line of the sentence, the
   title or the pill has a line behind it at any width (qa-artigo/bundles.mjs) */
@media (min-width: 901px) {
	html body:is(#mpc, .mpc-site):is(#mpa, .single-post) [data-v6-article] .mpa-tail > .mpa-cta-band.mpa-cta-band { --mpa-band-measure: min(932px, calc(50vw + 260px - var(--mpc-pad))); padding-right: max(var(--mpc-pad), calc(100% - max(var(--mpc-pad), (100% - var(--mpa-max)) / 2) - var(--mpa-band-measure))) !important; }
	html body:is(#mpc, .mpc-site):is(#mpa, .single-post) [data-v6-article] .mpa-tail > .mpa-cta-band.mpa-cta-band .mpa-cta-title.mpa-cta-title, html body:is(#mpc, .mpc-site):is(#mpa, .single-post) [data-v6-article] .mpa-tail > .mpa-cta-band.mpa-cta-band:is(.mpa-cta--plain, .mpa-cta--solo) :is(p, span:not(a *, .mpb-bundle), small, div), html body:is(#mpc, .mpc-site):is(#mpa, .single-post) [data-v6-article] .mpa-tail > .mpa-cta-band.mpa-cta-band a:is(.mpa-cta-link--row, .mpa-cta-link--solo) { max-width: var(--mpa-band-measure); }
	html body:is(#mpc, .mpc-site):is(#mpa, .single-post) [data-v6-article] .mpa-tail > .mpa-cta-band.mpa-cta-band :is(p, span:not(a *, .mpb-bundle), small, div) { max-width: min(760px, var(--mpa-band-measure)); }
	html body:is(#mpc, .mpc-site):is(#mpa, .single-post) [data-v6-article] .mpa-tail > .mpa-cta-band.mpa-cta-band:is(.mpa-cta--plain, .mpa-cta--solo) :is(p, span:not(a *, .mpb-bundle), small, div) { max-width: var(--mpa-band-measure); }
}
@media (max-width: 1100px) {
	html body:is(#mpc, .mpc-site):is(#mpa, .single-post) [data-v6-article] .mpa-story .mpa-cta-last.mpa-cta-last { padding: 56px var(--mpc-pad) 64px !important; }
	html body:is(#mpc, .mpc-site):is(#mpa, .single-post) [data-v6-article] .mpa-tail > .mpa-cta-band.mpa-cta-band { padding-top: 80px !important; padding-bottom: 184px !important; }
}
@media (max-width: 900px) {
	html body:is(#mpc, .mpc-site):is(#mpa, .single-post) [data-v6-article] .mpa-story .mpa-cta-last.mpa-cta-last { margin-left: calc(var(--mpc-pad) * -1) !important; }
	html body:is(#mpc, .mpc-site):is(#mpa, .single-post) [data-v6-article] .mpa-tail > .mpa-cta-band.mpa-cta-band { padding-top: 72px !important; padding-bottom: 80px !important; }
}
@media (max-width: 640px) {
	html body:is(#mpc, .mpc-site):is(#mpa, .single-post) [data-v6-article] .mpa-story .mpa-cta-last.mpa-cta-last { margin-top: 48px !important; margin-bottom: 48px !important; padding: 48px var(--mpc-pad) 56px !important; }
	html body:is(#mpc, .mpc-site):is(#mpa, .single-post) [data-v6-article] .mpa-story > .mpa-cta-last.mpa-cta-last { margin-top: var(--mpa-air) !important; margin-bottom: 0 !important; }
	html body:is(#mpc, .mpc-site):is(#mpa, .single-post) [data-v6-article] .mpa-tail > .mpa-cta-band.mpa-cta-band { padding-top: 64px !important; padding-bottom: 72px !important; }
	html body:is(#mpc, .mpc-site):is(#mpa, .single-post) [data-v6-article] .mpa-cta-last a:is(.mpa-cta-link--row, .mpa-cta-link--solo) { grid-template-columns: minmax(0, 1fr) 48px; gap: 16px; }
	html body:is(#mpc, .mpc-site):is(#mpa, .single-post) [data-v6-article] .mpa-cta-last a:is(.mpa-cta-link--row, .mpa-cta-link--solo)::after { width: 48px; height: 48px; background-size: 22px 22px; }
}

/* ---------- 7. the warning. The chapter "Sinais de alerta": no box, the 3px vermilion rule bleeding to the frame
   edge, the numeral, the heading as a vermilion display label, the first paragraph large, the rest in ink.
   A warning inside a chapter: the same rule over a compact block in the reading column. */
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) [data-v6-article] .mpa-warning.mpa-warning { margin: 56px 0 !important; padding: 28px 0 0 !important; border: 0 !important; border-top: 3px solid var(--mpc-pain) !important; border-radius: 0 !important; background: none !important; box-shadow: none !important; color: var(--mpc-ink) !important; }
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) [data-v6-article] .mpa-warning.mpa-warning :is(.mpa-warning, [data-v6-red-flag-owner], .mpv6-warning, .v6-warning, .v6-red-flag, .v6-red-flags, .mp-warning, .warning-section) { margin: 0 !important; padding: 0 !important; border: 0 !important; }
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) [data-v6-article] .mpa-warning.mpa-warning :is(p, li) { color: var(--mpc-ink); }
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) [data-v6-article] .mpa-warning.mpa-warning > :is(strong, .v6-warning-title, h3, h4):first-child, html body:is(#mpc, .mpc-site):is(#mpa, .single-post) [data-v6-article] .mpa-warning.mpa-warning > p:first-child > strong:first-child { color: var(--mpc-ink) !important; }
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) [data-v6-article] .mpa-warning.mpa-warning > :is(strong, .v6-warning-title, h3, h4):first-child { display: block; margin: 0 0 10px !important; font-size: clamp(21px, 1.67vw, 24px) !important; font-weight: 700 !important; line-height: 1.25 !important; }
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) [data-v6-article] .mpa-warning.mpa-warning > h3:first-child::before { content: none; }
/* the chapter */
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) [data-v6-article] .mpa-story > .mpa-warning.mpa-warning { margin: var(--mpa-air) calc(var(--mpc-pad) * -1) 0 0 !important; padding: 36px var(--mpc-pad) 0 0 !important; }
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) [data-v6-article] .mpa-warning h2.mpa-chapter-title { margin-bottom: 28px !important; color: var(--mpc-pain) !important; font-family: var(--mpc-display) !important; font-size: 24px !important; font-weight: 400 !important; letter-spacing: 0.01em !important; line-height: 1.2 !important; text-transform: uppercase !important; }
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) [data-v6-article] .mpa-warning h2.mpa-chapter-title::before { margin-bottom: 12px; text-transform: none; letter-spacing: -0.02em; }
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) [data-v6-article] .mpa-story :is(.mpa-chapter--warning, .mpa-warning:has(> h2.mpa-chapter-title)) > h2.mpa-chapter-title + p { max-width: 960px; margin-bottom: 28px; color: var(--mpc-ink); font-size: clamp(21px, 2.09vw, 30px); font-weight: 600; letter-spacing: -0.005em; line-height: 1.35; text-wrap: pretty; }
/* a long statement (over 320 characters, marked mpa-alert--long by the aids: 86 of 116 posts) would be a wall
   of bold type at that size: it is set as a lead, in ink, on the reading measure */
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) [data-v6-article] .mpa-story :is(.mpa-chapter--warning, .mpa-warning:has(> h2.mpa-chapter-title)) > h2.mpa-chapter-title + p.mpa-alert--long { max-width: var(--mpa-col); margin-bottom: 1.2em; font-size: clamp(20px, 1.53vw, 22px); font-weight: 500; letter-spacing: 0; line-height: 1.55; }
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) [data-v6-article] .mpa-story :is(.mpa-chapter--warning, .mpa-warning:has(> h2.mpa-chapter-title)) > h2.mpa-chapter-title + p.mpa-alert--long strong { font-weight: 700; }
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) [data-v6-article] .mpa-story :is(.mpa-chapter--warning, .mpa-warning:has(> h2.mpa-chapter-title)) > h2.mpa-chapter-title + p strong { font-weight: 700; }
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) [data-v6-article] .mpa-story :is(.mpa-chapter--warning, .mpa-warning:has(> h2.mpa-chapter-title)) > h2.mpa-chapter-title + p sup { font-weight: 600; }
@media (max-width: 900px) { html body:is(#mpc, .mpc-site):is(#mpa, .single-post) [data-v6-article] .mpa-story > .mpa-warning.mpa-warning { margin-left: calc(var(--mpc-pad) * -1) !important; padding-left: var(--mpc-pad) !important; } }
@media (max-width: 640px) { html body:is(#mpc, .mpc-site):is(#mpa, .single-post) [data-v6-article] .mpa-warning.mpa-warning { margin: 40px 0 !important; padding-top: 24px !important; } html body:is(#mpc, .mpc-site):is(#mpa, .single-post) [data-v6-article] .mpa-story > .mpa-warning.mpa-warning { margin: var(--mpa-air) calc(var(--mpc-pad) * -1) 0 !important; padding: 28px var(--mpc-pad) 0 !important; } }
/* the label stays at 24px (vermilion reads as large text from 24px); only on a 320px screen, where a long word
   of a label would be cut, it is set smaller and in ink */
@media (max-width: 340px) { html body:is(#mpc, .mpc-site):is(#mpa, .single-post) [data-v6-article] .mpa-warning h2.mpa-chapter-title { color: var(--mpc-ink) !important; font-size: 21px !important; overflow-wrap: break-word; } }
/* a warning stored as labelled rows (four posts): each label is a stop, set like a sub-heading over its
   paragraphs; rows that are single paragraphs with a bold opening are ruled like a list */
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) [data-v6-article] .mpa-warning div:is(.v6-warning-row, .warning-row):has(> :is(strong, b):first-child + p) { margin: 36px 0 0; padding: 20px 0 0; border-top: 1px solid var(--mpa-hair); }
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) [data-v6-article] .mpa-warning h2 + div:is(.v6-warning-row, .warning-row):has(> :is(strong, b):first-child + p) { margin-top: 0; padding-top: 0; border-top: 0; }
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) [data-v6-article] .mpa-warning div:is(.v6-warning-row, .warning-row):has(> :is(strong, b):first-child + p) > :is(strong, b):first-child { display: block; max-width: var(--mpa-col); margin: 0 0 12px; color: var(--mpc-ink) !important; font-size: clamp(21px, 1.67vw, 24px); font-weight: 700; letter-spacing: -0.005em; line-height: 1.25; }
/* ... and, when a label stands over several paragraphs, the first one is its way in, as under a chapter heading */
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) [data-v6-article] .mpa-story .mpa-warning div:is(.v6-warning-row, .warning-row) > :is(strong, b):first-child + p:not(:last-child) { color: var(--mpc-ink); font-size: clamp(20px, 1.46vw, 21px); line-height: 1.55; }
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) [data-v6-article] .mpa-warning p:is(.v6-warning-row, .warning-row):not(.mpa-alert) + p:is(.v6-warning-row, .warning-row) { margin-top: 0; padding-top: 18px; border-top: 1px solid var(--mpa-hair); }
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) [data-v6-article] .mpa-warning p:is(.v6-warning-row, .warning-row):not(.mpa-alert):has(+ p:is(.v6-warning-row, .warning-row)) { margin-bottom: 18px; }
/* a figure that is itself the warning: the vermilion rule instead of the ink rule */
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) [data-v6-article] .mpa-story .mpa-wide.mpa-warning { padding-top: 28px !important; border-top: 3px solid var(--mpc-pain) !important; }

/* ---------- 8. references: the numeral and the heading in the rail column, the list under the bleeding ink
   rule, the first ones in view and the rest behind "Ver todas as N referências". */
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) [data-v6-article] .mpa-tail > .mpa-refs-section { display: block; margin: 0 auto !important; padding: 80px 0 !important; border: 0 !important; background: none !important; }
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) [data-v6-article] .mpa-tail > :not(.mpa-cta-band, .mpa-refs-section) { padding-left: var(--mpa-indent); }
/* two posts store both booking blocks after the last chapter: the earlier one stays a compact block on the
   reading column, above the band */
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) [data-v6-article] .mpa-tail > .mpa-cta.mpa-cta:not(.mpa-cta-last) { width: auto; max-width: var(--mpa-col) !important; margin: 0 calc((100% - var(--mpa-wrap)) / 2) 96px calc((100% - var(--mpa-wrap)) / 2 + var(--mpa-indent)) !important; }
/* a note between the booking band and the references (the stored authority note) keeps clear of the band */
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) [data-v6-article] .mpa-tail > .mpa-cta-band + :not(.mpa-refs-section) { margin-top: 72px !important; }
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) [data-v6-article] .mpa-refs-section > h2.mpa-chapter-title { margin: 0 0 32px !important; font-size: clamp(28px, 2.78vw, 40px) !important; }
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) [data-v6-article] .mpa-refs-section > :is(ol, ul):first-of-type, html body:is(#mpc, .mpc-site):is(#mpa, .single-post) [data-v6-article] .mpa-refs-section > h2 + details.mpa-refs { border-top: 1.5px solid var(--mpc-ink) !important; }
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) [data-v6-article] .mpa-refs-section :is(ol, ul) { max-width: none !important; }
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) [data-v6-article] .mpa-refs-section ol > li { padding: 14px 0 14px 44px !important; }
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) [data-v6-article] .mpa-refs-section ol > li::before { top: 14px; color: var(--mpc-accent); font-weight: 700; }
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) [data-v6-article] .mpa-refs-section ol.mpa-refs-more { counter-reset: none; }
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) [data-v6-article] .mpa-refs-section details.mpa-refs { max-width: none; border-top: 0 !important; }
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) [data-v6-article] .mpa-refs-section details.mpa-refs > summary { min-height: 80px; font-size: 16px !important; font-weight: 700 !important; }
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) [data-v6-article] .mpa-refs-section details.mpa-refs > summary:is(:hover, :focus-visible) .mpa-refs-label { text-decoration: underline; text-underline-offset: 5px; }
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) [data-v6-article] .mpa-refs-section details.mpa-refs > :not(summary) { max-width: none !important; padding: 0 !important; }
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) [data-v6-article] .mpa-refs-section details.mpa-refs[open] > summary { border-bottom: 1px solid var(--mpc-rule) !important; }
@media (min-width: 901px) {
	html body:is(#mpc, .mpc-site):is(#mpa, .single-post) [data-v6-article] .mpa-tail > .mpa-refs-section { display: grid; grid-template-columns: var(--mpa-rail) minmax(0, 1fr); column-gap: var(--mpa-gap); align-items: start; padding: 96px 0 !important; }
	html body:is(#mpc, .mpc-site):is(#mpa, .single-post) [data-v6-article] .mpa-refs-section > h2.mpa-chapter-title { grid-column: 1; grid-row: 1 / span 6; margin: 0 !important; }
	/* the numeral stands in the 220px rail column: 124px holds the widest pair of digits ("20") */
	html body:is(#mpc, .mpc-site):is(#mpa, .single-post) [data-v6-article] .mpa-refs-section > h2.mpa-chapter-title::before { font-size: clamp(88px, 8.6vw, 124px); }
	html body:is(#mpc, .mpc-site):is(#mpa, .single-post) [data-v6-article] .mpa-refs-section > :not(h2) { grid-column: 2; }
	html body:is(#mpc, .mpc-site):is(#mpa, .single-post) [data-v6-article] .mpa-refs-section > :is(ol, ul):first-of-type, html body:is(#mpc, .mpc-site):is(#mpa, .single-post) [data-v6-article] .mpa-refs-section > h2 + details.mpa-refs { margin-right: calc(var(--mpc-pad) * -1) !important; padding-right: var(--mpc-pad) !important; }
}
@media (max-width: 640px) { html body:is(#mpc, .mpc-site):is(#mpa, .single-post) [data-v6-article] .mpa-tail > .mpa-refs-section { padding: 64px 0 !important; } html body:is(#mpc, .mpc-site):is(#mpa, .single-post) [data-v6-article] .mpa-refs-section ol > li { padding-left: 36px !important; } }

@media (min-width: 901px) and (max-width: 1100px) {
	/* the references' numeral and heading stand in the 176px rail column */
	html body:is(#mpc, .mpc-site):is(#mpa, .single-post) [data-v6-article] .mpa-refs-section > h2.mpa-chapter-title { font-size: 24px !important; }
}

/* ---------- 8b. two rules of article-reading-system.css that are still in use; that stylesheet is no longer loaded
   with the skin (lib/pages-bold/artigo.php, marcuspai_artigo_dequeue_unused()). The legacy theme clips the page
   container, which would disable the sticky rail; two posts print the reading library's own photo figure. */
html body:is(#mpc, .mpc-site):is(#mpa, .single-post).mpa-on .site-container { overflow-x: clip; overflow-y: visible; }
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) .mp-ars__figure { width: 100%; margin: clamp(48px, 6vw, 72px) 0 !important; padding: 0 !important; border: 0 !important; }
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) .mp-ars__figure-image { display: block; width: 100%; height: auto; max-height: 520px; object-fit: cover; border-radius: 0; }
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) .mp-ars__figure figcaption { max-width: 64ch; margin: 0 !important; padding: 12px 0 0 !important; border: 0 !important; font-size: 15px !important; font-weight: 400 !important; line-height: 1.5 !important; color: var(--mpc-muted) !important; }

/* ---------- 9. the progress bar and the scroll cue of a table that is wider than its box */
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) .mpa-progress { height: 4px; }
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) [data-v6-article] .mpa-scrolls { position: relative; }
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) [data-v6-article] table.mpa-scrolls::before, html body:is(#mpc, .mpc-site):is(#mpa, .single-post) [data-v6-article] :not(table).mpa-scrolls::before { content: 'Deslize para o lado'; position: sticky; left: 0; display: block; width: max-content; margin: 0 0 14px; padding: 0 36px 0 0; background: 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") right center / 22px 12px no-repeat; color: var(--mpc-ink); font-size: 15px; font-weight: 600; letter-spacing: 0.12em; line-height: 1.4; text-transform: uppercase; }
/* the scrolling box shows the keyboard focus inside its own edge (the page clips what hangs out of the column) */
html body:is(#mpc, .mpc-site):is(#mpa, .single-post) [data-v6-article] .mpa-scrolls:focus-visible { outline: 2px solid var(--mpc-accent); outline-offset: -2px; }

@media print {
	html body:is(#mpc, .mpc-site):is(#mpa, .single-post) header.mpa-hero { background: none !important; }
	html body:is(#mpc, .mpc-site):is(#mpa, .single-post) [data-v6-article] .mpa-cta-last.mpa-cta-last { background: none !important; color: #000 !important; }
	html body:is(#mpc, .mpc-site):is(#mpa, .single-post) [data-v6-article] .mpa-cta-last[data-mpa-label]::before, html body:is(#mpc, .mpc-site):is(#mpa, .single-post) [data-v6-article] .mpa-cta-last .mpa-cta-title.mpa-cta-title, html body:is(#mpc, .mpc-site):is(#mpa, .single-post) [data-v6-article] .mpa-cta-last a.mpa-cta-link { color: #000 !important; }
}