/* /condicoes-tratadas/ as a bold page (artboard canvas/v2/Condicoes.dc.html, 2026-10-02): the page's own layout.
   Markup: lib/pages-bold/condicoes.php. Shared vocabulary: bold-kit.css (loaded before this file).
   Every rule starts with html body:is(#mpc, .mpc-site).mpb-page .mpb-condicoes (the <main>); px only (1rem is 10px).
   Breakpoints: the kit's 1100 / 900 / 640, plus 1200 (the two photo bands split 6 / 6 instead of 7 / 5) and 760
   (the ledger cells become rows).
   Sizes at 1440 are the artboard's: cover 120 / 24, index rows 44 / 20, numerals 180 and 144, titles 64 and 48,
   ledger 28 / 18, FAQ 30 / 19. */

/* ---------- cover: title, one lead, two pills, and the vermilion bundle.
   Owner decision 2026-10-02 (board #08): the lines never cross the title. They come in at the right edge beside the
   title, drop at the right of the lead and the pills and leave at the left edge UNDER the pills: the cover's bottom
   padding is the channel of that lower run (192px of the 1440 frame; the drawing is pinned to the cover's bottom).
   Above 900px the drawing shrinks with the screen (mpb-bundle--fit), so the title (8.4vw), the top padding (2.5vw),
   the lead's width (50vw) and the channel (13.33vw) shrink with it. From 900px down a smaller drawing, stretched to
   the screen width, sits in the strip under the pills (72 units of a 390 frame, 24px above the index).
   Do not shrink these paddings: the lines would reach the pills. */
html body:is(#mpc, .mpc-site).mpb-page .mpb-condicoes .mpb-condicoes-cover-in { padding: min(36px, 2.5vw) 0 min(192px, 13.33vw); }
html body:is(#mpc, .mpc-site).mpb-page .mpb-condicoes .mpb-condicoes-cover-lead { max-width: min(720px, 50vw); margin-top: 36px; line-height: 1.4; text-wrap: balance; }
html body:is(#mpc, .mpc-site).mpb-page .mpb-condicoes .mpb-condicoes-cover-lead strong { color: var(--mpb-fg); font-weight: 600; }
html body:is(#mpc, .mpc-site).mpb-page .mpb-condicoes .mpb-condicoes-cover-actions { margin-top: 36px; }
html body:is(#mpc, .mpc-site).mpb-page .mpb-condicoes .mpb-condicoes-phone-lines { left: 0; width: 100vw; height: calc(100vw * var(--mpb-bhn) / var(--mpb-bwn)); margin-left: 0; }
@media (max-width: 900px) {
	html body:is(#mpc, .mpc-site).mpb-page .mpb-condicoes .mpb-condicoes-cover-in { padding: 6.2vw 0 calc(100vw * 72 / 390 + 48px); }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-condicoes .mpb-condicoes-cover .mpb-cover-title { --mpb-cover-fluid: 12.4vw; }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-condicoes .mpb-condicoes-cover-lead { max-width: 640px; margin-top: max(28px, 7vw); }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-condicoes .mpb-condicoes-cover-actions { margin-top: 28px; }
}

/* ---------- the seven regions: display rows under 1.5px rules.
   Owner decision 2026-10-02 (board #09): hip and knee are two plain rows; the "Dor no joelho" pill inside a row is gone. */
html body:is(#mpc, .mpc-site).mpb-page .mpb-condicoes .mpb-condicoes-index { padding-bottom: var(--mpb-band-y); background: var(--mpb-surface); }
@media (max-width: 900px) {
	html body:is(#mpc, .mpc-site).mpb-page .mpb-condicoes .mpb-condicoes-index .mpb-row--display { --mpb-row-size: clamp(22px, 7vw, 40px); }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-condicoes .mpb-condicoes-index .mpb-row-title { text-wrap: balance; }
	/* the one-line lists wrap on phones: no single word left alone on the last line */
	html body:is(#mpc, .mpc-site).mpb-page .mpb-condicoes .mpb-condicoes-index .mpb-row-ctx { text-wrap: pretty; }
}

/* ---------- cobalt band: four questions under 180px numerals. The white bundle is anchored to the lead (it lives in
   the spacer between the lead and the numerals), so it crosses the band in the empty strip whatever the lead's
   height; its right half rises beside the title, right of the lead (max 44.5vw wide). */
html body:is(#mpc, .mpc-site).mpb-page .mpb-condicoes .mpb-condicoes-perguntas { padding-block: min(104px, 7.22vw) 112px; }
html body:is(#mpc, .mpc-site).mpb-page .mpb-condicoes .mpb-condicoes-perguntas-lead { max-width: min(640px, 44.5vw); margin-top: 24px; --mpb-lead-size: clamp(17px, 1.67vw, 24px); }
html body:is(#mpc, .mpc-site).mpb-page .mpb-condicoes .mpb-condicoes-sweep { position: relative; z-index: -1; height: min(160px, 11.11vw); }
/* the artboard hangs the drawing 326px above the end of the lead (8px under the band's top edge) */
html body:is(#mpc, .mpc-site).mpb-page .mpb-condicoes .mpb-condicoes-sweep .mpb-bundle--desk .mpb-bundle-svg { top: calc(var(--mpb-w) * -0.2264); }
html body:is(#mpc, .mpc-site).mpb-page .mpb-condicoes .mpb-condicoes-sweep .mpb-condicoes-phone-lines { left: calc(-1 * var(--mpc-pad)); }
html body:is(#mpc, .mpc-site).mpb-page .mpb-condicoes .mpb-condicoes-steps { --mpb-step-max: 180px; }
html body:is(#mpc, .mpc-site).mpb-page .mpb-condicoes .mpb-condicoes-steps .mpb-num { line-height: 1; }
html body:is(#mpc, .mpc-site).mpb-page .mpb-condicoes .mpb-condicoes-steps .mpb-item-title { margin-top: 28px; line-height: 1.25; }
html body:is(#mpc, .mpc-site).mpb-page .mpb-condicoes .mpb-condicoes-steps .mpb-text { margin-top: 12px; }
/* four columns: the numeral follows its column and keeps the artboard's 16px of air (180px in a 312px column) */
@supports (width: 1cqw) {
	@media (min-width: 1101px) {
		html body:is(#mpc, .mpc-site).mpb-page .mpb-condicoes .mpb-condicoes-steps { --mpb-step-num: clamp(88px, calc((100cqw - 160px) / 6.56), var(--mpb-step-max)); }
	}
}
/* numeral, question and answer are three rows shared by the columns (subgrid): the answers start on one line even
   when a question wraps on a narrower screen */
@supports (grid-template-rows: subgrid) {
	@media (min-width: 641px) {
		html body:is(#mpc, .mpc-site).mpb-page .mpb-condicoes .mpb-condicoes-steps { row-gap: 0; }
		html body:is(#mpc, .mpc-site).mpb-page .mpb-condicoes .mpb-condicoes-steps > li { display: grid; grid-row: span 3; grid-template-rows: subgrid; grid-template-columns: minmax(0, 1fr); gap: 0; }
	}
	@media (min-width: 641px) and (max-width: 1100px) {
		html body:is(#mpc, .mpc-site).mpb-page .mpb-condicoes .mpb-condicoes-steps > li:nth-child(n+3) { margin-top: 48px; }
	}
}
@media (max-width: 900px) {
	html body:is(#mpc, .mpc-site).mpb-page .mpb-condicoes .mpb-condicoes-perguntas { padding-block: var(--mpb-band-y); }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-condicoes .mpb-condicoes-perguntas-lead { max-width: 640px; --mpb-lead-size: clamp(19px, 2.6vw, 22px); }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-condicoes .mpb-condicoes-sweep { height: calc(100vw * 96 / 390 + 12px); }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-condicoes .mpb-condicoes-sweep .mpb-condicoes-phone-lines { top: 6px; }
}
@media (max-width: 640px) {
	html body:is(#mpc, .mpc-site).mpb-page .mpb-condicoes .mpb-condicoes-steps .mpb-item-title { margin-top: 20px; }
}

/* ---------- the two photo bands: the photo is a child of the band and runs to the screen edge; the text keeps the
   page grid. Photo width = the gutter plus 7 (or 5) of the 12 columns below 1440, half the screen plus (minus)
   112px above it, as the artboard's min() / max().
   Owner taste 2026-10-02, follow-up (low profile; the band no longer repeats the cover of
   /como-funciona-a-avaliacao/): the navy band shows the hands-only hip and knee exam, an UPRIGHT frame 1350px
   wide. Each layout has its own crop (lib/pages-bold/condicoes.php); the object-position values below keep both
   hands in the box: 901 to 1199px the box is upright and cuts the right side of the crop (14% from the left);
   from 1200px the box is wider than the crop and cuts top and bottom (the hands sit in its upper half). */
html body:is(#mpc, .mpc-site).mpb-page .mpb-condicoes .mpb-condicoes-photo { margin: 0; }
html body:is(#mpc, .mpc-site).mpb-page .mpb-condicoes .mpb-condicoes-leio-photo { aspect-ratio: 1072 / 680; }
html body:is(#mpc, .mpc-site).mpb-page .mpb-condicoes .mpb-condicoes-rel-photo { aspect-ratio: 3 / 2; }
html body:is(#mpc, .mpc-site).mpb-page .mpb-condicoes .mpb-condicoes-split-gap { display: none; }
html body:is(#mpc, .mpc-site).mpb-page .mpb-condicoes .mpb-condicoes-leio-text { padding: 56px 0 var(--mpb-band-y); }
html body:is(#mpc, .mpc-site).mpb-page .mpb-condicoes .mpb-condicoes-rel-text { padding: 56px 0 var(--mpb-band-y); }
@media (max-width: 640px) {
	html body:is(#mpc, .mpc-site).mpb-page .mpb-condicoes .mpb-condicoes-leio-photo { aspect-ratio: 832 / 680; }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-condicoes .mpb-condicoes-rel-photo { aspect-ratio: 4 / 5; }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-condicoes :is(.mpb-condicoes-leio-text, .mpb-condicoes-rel-text) { padding-top: 44px; }
}
@media (min-width: 901px) {
	html body:is(#mpc, .mpc-site).mpb-page .mpb-condicoes .mpb-condicoes-photo { position: absolute; top: 0; bottom: 0; aspect-ratio: auto; }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-condicoes .mpb-condicoes-leio-photo { left: 0; width: 50%; }
	/* Owner taste 2026-10-02 (hands-only exam photo): was 62% 50%, the anchor of the back-view photo */
	html body:is(#mpc, .mpc-site).mpb-page .mpb-condicoes .mpb-condicoes-leio-photo img { object-position: 14% 30%; }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-condicoes .mpb-condicoes-rel-photo { right: 0; width: 50%; }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-condicoes .mpb-condicoes-rel-photo img { object-position: 52% 50%; }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-condicoes .mpb-condicoes-split { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-condicoes .mpb-condicoes-split-gap { display: block; }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-condicoes .mpb-condicoes-leio .mpb-condicoes-split-gap { min-height: 600px; }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-condicoes .mpb-condicoes-rel .mpb-condicoes-split-gap { min-height: 560px; }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-condicoes .mpb-condicoes-leio-text { display: flex; flex-direction: column; justify-content: center; padding: 64px 0 64px 48px; }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-condicoes .mpb-condicoes-rel-text { padding: 72px 48px 72px 0; }
}
@media (min-width: 1200px) {
	html body:is(#mpc, .mpc-site).mpb-page .mpb-condicoes .mpb-condicoes-leio-photo { width: min(calc(58.3333% - var(--mpc-pad) / 6), calc(50% + 112px)); }
	/* Owner taste 2026-10-02 (hands-only exam photo): the 692:680 crop, cut at top and bottom as the box widens */
	html body:is(#mpc, .mpc-site).mpb-page .mpb-condicoes .mpb-condicoes-leio-photo img { object-position: 50% 15%; }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-condicoes .mpb-condicoes-rel-photo { width: max(calc(41.6667% + var(--mpc-pad) / 6), calc(50% - 112px)); }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-condicoes .mpb-condicoes-split--photo-left { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-condicoes .mpb-condicoes-split--photo-right { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-condicoes .mpb-condicoes-leio .mpb-condicoes-split-gap { min-height: 680px; }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-condicoes .mpb-condicoes-rel .mpb-condicoes-split-gap { min-height: 600px; }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-condicoes .mpb-condicoes-leio-text { padding: 72px 0 72px clamp(56px, 5vw, 72px); }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-condicoes .mpb-condicoes-leio-text .mpb-title { --mpb-title-size: clamp(30px, calc(4vw - 9.6px), 48px); }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-condicoes .mpb-condicoes-rel-text { padding: 80px 64px 80px 0; }
}
@media (min-width: 1921px) {
	/* Owner taste 2026-10-02 (hands-only exam photo): the box is a wide strip here; a lower anchor keeps the hand
	   that holds the foot whole */
	html body:is(#mpc, .mpc-site).mpb-page .mpb-condicoes .mpb-condicoes-leio-photo img { object-position: 50% 24%; }
}
/* navy band text: title 48, light rule, one 28px statement, two paragraphs, the pill */
html body:is(#mpc, .mpc-site).mpb-page .mpb-condicoes .mpb-condicoes-leio-text .mpb-title { --mpb-title-lh: 1.08; }
html body:is(#mpc, .mpc-site).mpb-page .mpb-condicoes .mpb-condicoes-leio-text .mpb-statement { margin-top: 28px; line-height: 1.3; text-wrap: pretty; }
html body:is(#mpc, .mpc-site).mpb-page .mpb-condicoes .mpb-condicoes-leio-text .mpb-text { line-height: 1.55; }
html body:is(#mpc, .mpc-site).mpb-page .mpb-condicoes .mpb-condicoes-leio-text .mpb-statement + .mpb-text { margin-top: 20px; }
html body:is(#mpc, .mpc-site).mpb-page .mpb-condicoes .mpb-condicoes-leio-text .mpc-actions { margin-top: 32px; }
/* related treatments: title 48, four display rows at 28px, a small label and three pills */
html body:is(#mpc, .mpc-site).mpb-page .mpb-condicoes .mpb-condicoes-rel-text .mpb-title { --mpb-title-lh: 1.08; }
html body:is(#mpc, .mpc-site).mpb-page .mpb-condicoes .mpb-condicoes-rel-rows { margin-top: 24px; }
html body:is(#mpc, .mpc-site).mpb-page .mpb-condicoes .mpb-condicoes-rel-rows .mpb-row { --mpb-row-pad: 18px; --mpb-row-size: clamp(20px, 1.95vw, 28px); }
html body:is(#mpc, .mpc-site).mpb-page .mpb-condicoes .mpb-condicoes-rel-rows .mpb-row-title { line-height: 1.1; text-wrap: balance; }
html body:is(#mpc, .mpc-site).mpb-page .mpb-condicoes .mpb-condicoes-rel-label { margin-top: 36px; color: var(--mpb-text); font-size: 17px !important; font-weight: 600 !important; line-height: 1.4 !important; letter-spacing: 0 !important; text-transform: none !important; }
html body:is(#mpc, .mpc-site).mpb-page .mpb-condicoes .mpb-condicoes-rel-pills { gap: 14px; margin-top: 14px; }
html body:is(#mpc, .mpc-site).mpb-page .mpb-condicoes .mpb-condicoes-rel-pills .mpc-pill { gap: 12px !important; padding-inline: 24px !important; }
@media (max-width: 900px) {
	html body:is(#mpc, .mpc-site).mpb-page .mpb-condicoes .mpb-condicoes-leio-text .mpb-statement { --mpb-statement-size: clamp(22px, 3.4vw, 28px); }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-condicoes .mpb-condicoes-rel-rows .mpb-row { --mpb-row-size: clamp(20px, 6vw, 28px); }
}

/* ---------- ledger "Condições por grupo" (tint): a 304px label column and three linked conditions per row; the last
   row is three row links and two plain lines (see the note on it). Three sizes in the band: 64 / 28 / 18. */
html body:is(#mpc, .mpc-site).mpb-page .mpb-condicoes .mpb-condicoes-ledger { margin-top: 44px; border-bottom: 1.5px solid var(--mpb-line); }
html body:is(#mpc, .mpc-site).mpb-page .mpb-condicoes .mpb-condicoes-group { display: grid; grid-template-columns: clamp(232px, 21.1vw, 304px) minmax(0, 1fr); gap: 32px; align-items: start; padding: 24px 0 30px; border-top: 1.5px solid var(--mpb-line); }
html body:is(#mpc, .mpc-site).mpb-page .mpb-condicoes .mpb-condicoes-group:last-child { padding-bottom: 16px; }
html body:is(#mpc, .mpc-site).mpb-page .mpb-condicoes .mpb-condicoes-group-label { padding-top: 8px; color: var(--mpb-fg); font-size: clamp(21px, 1.95vw, 28px); line-height: 1.14; text-wrap: initial; }
html body:is(#mpc, .mpc-site).mpb-page .mpb-condicoes .mpb-condicoes-cells { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0 24px; }
html body:is(#mpc, .mpc-site).mpb-page .mpb-condicoes .mpb-condicoes-cell { display: block; color: var(--mpb-fg); text-decoration: none; }
/* the name row and the text row line up across the three cells, whatever the names wrap to */
@supports (grid-template-rows: subgrid) {
	html body:is(#mpc, .mpc-site).mpb-page .mpb-condicoes .mpb-condicoes-cells > li, html body:is(#mpc, .mpc-site).mpb-page .mpb-condicoes .mpb-condicoes-cell { display: grid; grid-row: span 2; grid-template-rows: subgrid; }
}
html body:is(#mpc, .mpc-site).mpb-page .mpb-condicoes .mpb-condicoes-cell-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 58px; padding-bottom: 10px; border-bottom: 1px solid var(--mpb-hair); }
html body:is(#mpc, .mpc-site).mpb-page .mpb-condicoes .mpb-condicoes-cell-name { min-width: 0; font-size: clamp(22px, 1.95vw, 28px); font-weight: 600; line-height: 1.2; }
html body:is(#mpc, .mpc-site).mpb-page .mpb-condicoes .mpb-condicoes-cell-text { display: block; margin-top: 12px; color: var(--mpb-text); font-size: 18px; line-height: 1.5; text-wrap: pretty; }
html body:is(#mpc, .mpc-site).mpb-page .mpb-condicoes .mpb-condicoes-cell:is(:hover, :focus-visible) .mpb-circle { background: var(--mpb-fg); color: var(--mpb-surface); }
html body:is(#mpc, .mpc-site).mpb-page .mpb-condicoes .mpb-condicoes-cell:is(:hover, :focus-visible) .mpb-condicoes-cell-name { text-decoration: underline; text-decoration-thickness: 1.5px; text-underline-offset: 5px; }
/* Release answer 2026-10-03 (Q27 a), the last group: its lines stood as five bold lines between hairlines, the look
   of the row links around them, and did nothing. The lines that have a page are the kit's row links now (28px name,
   the 48px arrow circle of the cells above, and the cells' hover: no slab); the lines without a page are plain 18px
   text with a small mark, one per column of the cells' grid. The group's own 1.5px rule stands above the first row.
   (.mpb-condicoes-links is another list: the article links of "Artigos por tema".) */
html body:is(#mpc, .mpc-site).mpb-page .mpb-condicoes .mpb-condicoes-group-rows { border-top: 0; }
html body:is(#mpc, .mpc-site).mpb-page .mpb-condicoes .mpb-condicoes-group-rows .mpb-row { --mpb-row-pad: 10px; --mpb-hover: transparent; }
html body:is(#mpc, .mpc-site).mpb-page .mpb-condicoes .mpb-condicoes-group-rows > li:first-child .mpb-row { padding-top: 0; }
html body:is(#mpc, .mpc-site).mpb-page .mpb-condicoes .mpb-condicoes-group-rows .mpb-row-title { text-wrap: pretty; }
/* the plain lines: 14px under them and the group's 16px make the 30px the other groups close with */
html body:is(#mpc, .mpc-site).mpb-page .mpb-condicoes .mpb-condicoes-plain { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px 24px; margin-top: 20px; padding-bottom: 14px; }
html body:is(#mpc, .mpc-site).mpb-page .mpb-condicoes .mpb-condicoes-plain:first-child { margin-top: 0; }
html body:is(#mpc, .mpc-site).mpb-page .mpb-condicoes .mpb-condicoes-plain > li { display: grid; grid-template-columns: 8px minmax(0, 1fr); gap: 12px; align-items: baseline; color: var(--mpb-text); font-size: 18px; line-height: 1.5; text-wrap: pretty; }
html body:is(#mpc, .mpc-site).mpb-page .mpb-condicoes .mpb-condicoes-plain > li::before { content: ''; width: 8px; height: 8px; background: var(--mpc-pain); transform: translateY(-1px); }
@media (max-width: 1100px) {
	/* the label goes above its conditions, on one line */
	html body:is(#mpc, .mpc-site).mpb-page .mpb-condicoes .mpb-condicoes-group { grid-template-columns: minmax(0, 1fr); gap: 20px; padding: 22px 0 32px; }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-condicoes .mpb-condicoes-group:last-child { padding-bottom: 12px; }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-condicoes .mpb-condicoes-group-label { padding-top: 0; font-size: clamp(22px, 3.2vw, 30px); text-wrap: balance; }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-condicoes .mpb-condicoes-group-label br { display: none; }
}
@media (max-width: 760px) {
	/* one condition per row */
	html body:is(#mpc, .mpc-site).mpb-page .mpb-condicoes .mpb-condicoes-ledger { margin-top: 32px; }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-condicoes .mpb-condicoes-cells { grid-template-columns: minmax(0, 1fr); gap: 0; }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-condicoes .mpb-condicoes-cells > li + li { margin-top: 20px; }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-condicoes .mpb-condicoes-cell-name { font-size: 24px; }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-condicoes .mpb-condicoes-cell-text { margin-top: 10px; font-size: 17px; }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-condicoes .mpb-condicoes-plain { grid-template-columns: minmax(0, 1fr); }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-condicoes .mpb-condicoes-plain > li { font-size: 17px; }
}

/* ---------- "Artigos por tema" (tint): three columns under 144px counts; the first eight links, the rest inside a
   native disclosure. Anchors #artigos-<key> are on the column titles (every article links to them). */
html body:is(#mpc, .mpc-site).mpb-page .mpb-condicoes .mpb-condicoes-temas { display: grid; grid-template-columns: repeat(var(--mpb-temas, 3), minmax(0, 1fr)); gap: clamp(32px, 3.33vw, 48px); margin-top: 44px; }
html body:is(#mpc, .mpc-site).mpb-page .mpb-condicoes .mpb-condicoes-temas:has(.mpb-more[open]) { align-items: start; }
html body:is(#mpc, .mpc-site).mpb-page .mpb-condicoes .mpb-condicoes-tema { display: flex; flex-direction: column; min-width: 0; }
html body:is(#mpc, .mpc-site).mpb-page .mpb-condicoes .mpb-condicoes-tema-head { display: flex; align-items: flex-end; gap: clamp(14px, 1.39vw, 20px); padding-bottom: 20px; border-bottom: 1.5px solid var(--mpb-line); }
html body:is(#mpc, .mpc-site).mpb-page .mpb-condicoes .mpb-condicoes-tema-head .mpb-num { --mpb-num-fluid: 10vw; flex: none; line-height: 0.9; }
html body:is(#mpc, .mpc-site).mpb-page .mpb-condicoes .mpb-condicoes-tema-title { flex: 1 1 0; min-width: 0; margin-bottom: 9px; --mpb-subtitle-size: clamp(16px, 1.53vw, 22px); line-height: 1.2; scroll-margin-top: 32px; }
/* "Artigos sobre" takes the first line (the site layer resets the face of a bare span: the kit's display class restores it) */
html body:is(#mpc, .mpc-site).mpb-page .mpb-condicoes .mpb-condicoes-tema-pre { display: block; font-size: inherit; line-height: inherit; }
html body:is(#mpc, .mpc-site).mpb-page .mpb-condicoes .mpb-condicoes-more { margin-top: auto; }
/* Review fix 2026-10-02, 901 to 1199px: a column is too narrow for the count BESIDE its label (the count fell to
   90px and the label broke into four short lines). The three columns stay; the count keeps the artboard's 144px
   and the label goes under it, "Artigos sobre" on the first line. The heads, the lists and the "Mais N artigos"
   rows are three rows shared by the columns (subgrid), so the rule under the heads stays level when one label
   takes a line more than its neighbours. Do not shrink the count here. */
@media (min-width: 901px) and (max-width: 1199px) {
	html body:is(#mpc, .mpc-site).mpb-page .mpb-condicoes .mpb-condicoes-tema-head { flex-direction: column; align-items: flex-start; gap: 14px; padding-bottom: 22px; }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-condicoes .mpb-condicoes-tema-head .mpb-num { --mpb-num-fluid: 16vw; }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-condicoes .mpb-condicoes-tema-title { flex: none; margin-bottom: 0; --mpb-subtitle-size: clamp(16px, 1.72vw, 20px); text-wrap: balance; scroll-margin-top: 192px; /* an article's link to #artigos-<key> lands with the count in view */ }
	@supports (grid-template-rows: subgrid) {
		html body:is(#mpc, .mpc-site).mpb-page .mpb-condicoes .mpb-condicoes-tema { display: grid; grid-row: span 3; grid-template-rows: subgrid; grid-template-columns: minmax(0, 1fr); row-gap: 0; }
		html body:is(#mpc, .mpc-site).mpb-page .mpb-condicoes .mpb-condicoes-more { align-self: start; margin-top: 0; }
	}
}
@media (max-width: 900px) {
	html body:is(#mpc, .mpc-site).mpb-page .mpb-condicoes .mpb-condicoes-temas { grid-template-columns: minmax(0, 1fr); gap: 56px; margin-top: 36px; }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-condicoes .mpb-condicoes-tema-head { gap: 20px; }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-condicoes .mpb-condicoes-tema-head .mpb-num { --mpb-num-fluid: 18vw; }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-condicoes .mpb-condicoes-tema-title { --mpb-subtitle-size: clamp(18px, 3.2vw, 26px); }
}
@media (min-width: 641px) and (max-width: 900px) {
	/* tablets: the links of a group in two columns */
	html body:is(#mpc, .mpc-site).mpb-page .mpb-condicoes .mpb-condicoes-links { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 40px; }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-condicoes .mpb-condicoes-links > li { display: flex; }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-condicoes .mpb-condicoes-links .mpb-link { flex: 1; }
}
@media (max-width: 640px) {
	html body:is(#mpc, .mpc-site).mpb-page .mpb-condicoes .mpb-condicoes-tema-head .mpb-num { --mpb-num-fluid: 26vw; }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-condicoes .mpb-condicoes-temas { gap: 48px; }
}

/* ---------- "Perguntas rápidas": title with the pill at the right, then the two questions side by side (the list's
   own 1.5px rule is the rule under the title) */
html body:is(#mpc, .mpc-site).mpb-page .mpb-condicoes .mpb-condicoes-faq .mpb-faq { margin-top: 20px; }
@media (min-width: 901px) {
	html body:is(#mpc, .mpc-site).mpb-page .mpb-condicoes .mpb-condicoes-faq .mpb-faq-btn[aria-expanded="true"] { padding-bottom: 18px; }
}
@media (max-width: 900px) {
	html body:is(#mpc, .mpc-site).mpb-page .mpb-condicoes .mpb-condicoes-faq .mpb-faq-q { --mpb-faq-size: clamp(22px, 3.4vw, 28px); }
}
@media (max-width: 640px) {
	html body:is(#mpc, .mpc-site).mpb-page .mpb-condicoes .mpb-condicoes-faq .mpb-faq { margin-top: 16px; }
}