/* /livros-publicacoes/ as a bold page (plan 03-notes/curvatura-inner-bold-20261002/plans/livros-publicacoes.md):
   the page's own layout. Loaded after bold-kit.css, only on this page (lib/pages-bold.php).
   Markup: lib/pages-bold/livros.php. Every rule starts with html body:is(#mpc, .mpc-site).mpb-page .mpb-livros
   (the <main>), px only.
   Layouts: the shelf is one grid of 4 columns from 1101px, 3 from 901 to 1100, 2 from 641 to 900, and its first
   row is always the head and the first books, whose covers stand on the cover band's bottom edge (three covers,
   two, one). 640 and under: one book per row, every cover in the shelf band.
   Work log: 03-notes/curvatura-inner-bold-20261002/wave2-livros-tecnologias.md. */

/* one unit of the 1440 frame (1px at 1440 and above, smaller under it): the two-band sweep is placed with it.
   --mpb-livros-cols is the number of columns of the shelf; --mpb-livros-cw is the width of a cover of the shelf:
   280px, or its column when the column is narrower. */
html body:is(#mpc, .mpc-site).mpb-page .mpb-livros {
	--mpb-livros-u: calc(min(100vw, 1440px) / 1440);
	--mpb-livros-cols: 1;
	--mpb-livros-cw: min(280px, calc((min(100vw, 1440px) - 2 * var(--mpc-pad) - (var(--mpb-livros-cols) - 1) * var(--mpb-gap)) / var(--mpb-livros-cols)));
}
@media (min-width: 641px) { html body:is(#mpc, .mpc-site).mpb-page .mpb-livros { --mpb-livros-cols: 2; } }
@media (min-width: 901px) { html body:is(#mpc, .mpc-site).mpb-page .mpb-livros { --mpb-livros-cols: 3; } }
@media (min-width: 1101px) { html body:is(#mpc, .mpc-site).mpb-page .mpb-livros { --mpb-livros-cols: 4; } }

/* ---------- cover (tint): "Livros, artigos" at 120px, the rest of the stored h1 as a sentence under it; from
   641px the lead and two pills stand in the first column of the shelf's grid and the other columns are empty
   here: the first covers of the shelf (next band) stand in them, on this band's bottom edge */
html body:is(#mpc, .mpc-site).mpb-page .mpb-livros .mpb-livros-cover { padding-bottom: 0; }
html body:is(#mpc, .mpc-site).mpb-page .mpb-livros .mpb-livros-h1-rest {
	display: block; margin-top: 16px; color: var(--mpb-fg);
	font-family: var(--mpc-font) !important; font-size: clamp(21px, 2.23vw, 32px) !important; font-weight: 600 !important; line-height: 1.25 !important; letter-spacing: 0 !important; text-transform: none !important;
}
html body:is(#mpc, .mpc-site).mpb-page .mpb-livros .mpb-livros-cover-zone { margin-top: 40px; padding-bottom: var(--mpb-band-y); }
html body:is(#mpc, .mpc-site).mpb-page .mpb-livros .mpb-livros-cover-copy { max-width: 600px; }
html body:is(#mpc, .mpc-site).mpb-page .mpb-livros .mpb-livros-cover-actions { margin-top: 32px; }
@media (min-width: 641px) {
	/* the zone is at least as tall as the tallest cover that stands in it (280 x 379) */
	html body:is(#mpc, .mpc-site).mpb-page .mpb-livros .mpb-livros-cover-zone { display: grid; grid-template-columns: repeat(var(--mpb-livros-cols), minmax(0, 1fr)); column-gap: var(--mpb-gap); align-items: start; min-height: calc(var(--mpb-livros-cw) * 1.357); margin-top: 48px; padding-bottom: 0; }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-livros .mpb-livros-cover-copy { grid-column: 1; padding-bottom: 56px; }
	/* two stacked pills as wide as the column */
	html body:is(#mpc, .mpc-site).mpb-page .mpb-livros .mpb-livros-cover-actions { flex-direction: column; align-items: stretch; gap: 12px; margin-top: 28px; }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-livros .mpb-livros-cover-actions .mpc-pill { width: 100% !important; padding-inline: 16px !important; }
}
@media (min-width: 1101px) { html body:is(#mpc, .mpc-site).mpb-page .mpb-livros .mpb-livros-cover-zone { margin-top: 56px; } }
/* three and four columns up to 1359px: the column is 209 to 308px wide, so the second pill drops its arrow and
   both go down one size */
@media (min-width: 901px) and (max-width: 1359px) {
	html body:is(#mpc, .mpc-site).mpb-page .mpb-livros .mpb-livros-cover-actions .mpc-pill { padding-inline: 10px !important; font-size: 16px !important; gap: 8px !important; }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-livros .mpb-livros-cover-actions .mpc-ico-arrow { display: none; }
}
/* the stacked cover's drawings (900px and under), as wide as the screen and scaled with it. Phones: a hook in the
   top right corner. 641 to 900: the lines fall from the top edge right of the title and end behind the book that
   stands on the band's edge (the drawing is 390 x 330 units; the cover lies over its end at every width). */
@media (max-width: 900px) {
	html body:is(#mpc, .mpc-site).mpb-page .mpb-livros .mpb-livros-lines-capa .mpb-bundle-svg { width: 100vw; height: calc(100vw * 170 / 390); }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-livros .mpb-livros-lines-capa--tab .mpb-bundle-svg { height: calc(100vw * 330 / 390); }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-livros .mpb-livros-lines-capa path { vector-effect: non-scaling-stroke; }
}
@media (max-width: 640px) { html body:is(#mpc, .mpc-site).mpb-page .mpb-livros .mpb-livros-lines-capa--tab { display: none; } }
@media (min-width: 641px) { html body:is(#mpc, .mpc-site).mpb-page .mpb-livros .mpb-livros-lines-capa--fone { display: none; } }
@media (max-width: 640px) {
	html body:is(#mpc, .mpc-site).mpb-page .mpb-livros .mpb-livros-h1-rest { margin-top: 12px; }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-livros .mpb-livros-cover-zone { margin-top: 28px; }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-livros .mpb-livros-cover-actions { margin-top: 28px; gap: 12px; }
}

/* ---------- the shelf (ground): five books with their facts, one grid. From 641px its first rule is the edge
   between the cover band and this one, and the covers of the first row stand on it (they lie over the cover band:
   this band is mpb-band--over): books 1 to 3 from 1101px, 1 and 2 from 901 to 1100, book 1 from 641 to 900. The
   other books stand on their own rules, and the shelf closes with the row link to "Mais livros", full width. */
html body:is(#mpc, .mpc-site).mpb-page .mpb-livros .mpb-livros-shelves { display: grid; grid-template-columns: minmax(0, 1fr); row-gap: 56px; }
html body:is(#mpc, .mpc-site).mpb-page .mpb-livros .mpb-livros-shelf { display: contents; }
html body:is(#mpc, .mpc-site).mpb-page .mpb-livros .mpb-livros-shelf-head .mpb-title { margin-top: 12px; }
html body:is(#mpc, .mpc-site).mpb-page .mpb-livros .mpb-livros-shelf-head .mpb-text { max-width: 420px; margin-top: 16px; }
html body:is(#mpc, .mpc-site).mpb-page .mpb-livros .mpb-livros-book { min-width: 0; }
html body:is(#mpc, .mpc-site).mpb-page .mpb-livros .mpb-livros-book-fig { width: 200px; }
html body:is(#mpc, .mpc-site).mpb-page .mpb-livros .mpb-livros-book-fig img { width: 100%; height: auto; }
html body:is(#mpc, .mpc-site).mpb-page .mpb-livros .mpb-livros-book-facts { padding-top: 24px; border-top: 1.5px solid var(--mpb-line); }
html body:is(#mpc, .mpc-site).mpb-page .mpb-livros .mpb-livros-meta { margin-top: 10px; color: var(--mpb-muted); font-size: 18px; line-height: 1.45; }
html body:is(#mpc, .mpc-site).mpb-page .mpb-livros .mpb-livros-desc { margin-top: 12px; color: var(--mpb-text); font-size: 18px; line-height: 1.5; }
html body:is(#mpc, .mpc-site).mpb-page .mpb-livros .mpb-livros-chap { margin-top: 20px; padding-top: 16px; border-top: 1px solid var(--mpb-hair); }
html body:is(#mpc, .mpc-site).mpb-page .mpb-livros .mpb-livros-chap-list > li { margin-top: 8px; color: var(--mpb-fg); font-size: 18px; font-weight: 600; line-height: 1.35; }
html body:is(#mpc, .mpc-site).mpb-page .mpb-livros .mpb-livros-record { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-top: 16px; border-top: 1px solid var(--mpb-hair); }
html body:is(#mpc, .mpc-site).mpb-page .mpb-livros .mpb-livros-nowrap { white-space: nowrap; }
/* the link to the six other books: a title and the down circle */
html body:is(#mpc, .mpc-site).mpb-page .mpb-livros .mpb-livros-more-cell { border-top: 1.5px solid var(--mpb-line); border-bottom: 1.5px solid var(--mpb-line); }
html body:is(#mpc, .mpc-site).mpb-page .mpb-livros .mpb-livros-more { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 20px 0; color: var(--mpb-fg); text-decoration: none; }
html body:is(#mpc, .mpc-site).mpb-page .mpb-livros .mpb-livros-more-text { display: block; max-width: 280px; text-wrap: balance; }
html body:is(#mpc, .mpc-site).mpb-page .mpb-livros .mpb-livros-more:is(:hover, :focus-visible) .mpb-livros-more-text { text-decoration: underline; text-decoration-thickness: 1.5px; text-underline-offset: 5px; }
html body:is(#mpc, .mpc-site).mpb-page .mpb-livros .mpb-livros-more:is(:hover, :focus-visible) .mpb-circle { background: var(--mpb-fg); color: var(--mpb-surface); }
@media (max-width: 640px) {
	html body:is(#mpc, .mpc-site).mpb-page .mpb-livros .mpb-livros-shelves { row-gap: 48px; }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-livros .mpb-livros-meta, html body:is(#mpc, .mpc-site).mpb-page .mpb-livros .mpb-livros-desc, html body:is(#mpc, .mpc-site).mpb-page .mpb-livros .mpb-livros-chap-list > li { font-size: 17px; }
}
/* 641px and up: the shelf's grid. Its top rule is the edge of the cover band (this band has no top padding);
   the head is the first cell; every cover stands in a box of one height (the tallest cover: 280 x 404),
   bottom-aligned, on the rule of its own facts; the link to the six other books is a row link across the grid. */
@media (min-width: 641px) {
	html body:is(#mpc, .mpc-site).mpb-page .mpb-livros .mpb-livros-estante { padding-top: 0; }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-livros .mpb-livros-shelves { grid-template-columns: repeat(var(--mpb-livros-cols), minmax(0, 1fr)); column-gap: var(--mpb-gap); row-gap: 64px; border-top: 1.5px solid var(--mpb-line); }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-livros .mpb-livros-shelf-head { grid-column: 1; grid-row: 1; padding-top: 28px; }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-livros .mpb-livros-book-fig { display: flex; align-items: flex-end; width: min(100%, 280px); aspect-ratio: 280 / 404; }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-livros .mpb-livros-more-cell { grid-column: 1 / -1; }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-livros .mpb-livros-more { gap: 32px; padding: 28px 0; }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-livros .mpb-livros-more-text { --mpb-item-size: clamp(28px, 2.5vw, 36px); max-width: none; }
}
/* the first row: the covers stand on the top rule, over the cover band, and their facts start under it.
   641 to 900 (two columns): head, book 1; then books 2 and 3; then 4 and 5. */
@media (min-width: 641px) and (max-width: 900px) {
	html body:is(#mpc, .mpc-site).mpb-page .mpb-livros .mpb-livros-book:nth-child(1) { position: relative; }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-livros .mpb-livros-book:nth-child(1) .mpb-livros-book-fig { position: absolute; left: 0; bottom: calc(100% + 1.5px); display: block; aspect-ratio: auto; }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-livros .mpb-livros-book:nth-child(1) .mpb-livros-book-facts { border-top: 0; }
}
/* 901 to 1100 (three columns): head, books 1 and 2; then books 3, 4 and 5 */
@media (min-width: 901px) and (max-width: 1100px) {
	html body:is(#mpc, .mpc-site).mpb-page .mpb-livros .mpb-livros-book:nth-child(-n+2) { position: relative; }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-livros .mpb-livros-book:nth-child(-n+2) .mpb-livros-book-fig { position: absolute; left: 0; bottom: calc(100% + 1.5px); display: block; aspect-ratio: auto; }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-livros .mpb-livros-book:nth-child(-n+2) .mpb-livros-book-facts { border-top: 0; }
}
@media (min-width: 1101px) {
	html body:is(#mpc, .mpc-site).mpb-page .mpb-livros .mpb-livros-shelves { row-gap: 0; }
	/* shelf A (four columns): head, books 1 to 3 in columns 2 to 4 */
	html body:is(#mpc, .mpc-site).mpb-page .mpb-livros .mpb-livros-book:nth-child(-n+3) { position: relative; grid-row: 1; }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-livros .mpb-livros-book:nth-child(1) { grid-column: 2; }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-livros .mpb-livros-book:nth-child(2) { grid-column: 3; }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-livros .mpb-livros-book:nth-child(3) { grid-column: 4; }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-livros .mpb-livros-book:nth-child(-n+3) .mpb-livros-book-fig { position: absolute; left: 0; bottom: calc(100% + 1.5px); display: block; aspect-ratio: auto; }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-livros .mpb-livros-book:nth-child(-n+3) .mpb-livros-book-facts { border-top: 0; }
	/* shelf B, 72px under the facts of shelf A: books 4 and 5 take two columns each, the cover in the first and
	   the facts beside it in the second, so the four columns are full. The shelf has a rule of its own across the
	   four columns (drawn by the grid's ::before): the facts hang under it, as on shelf A, and the covers stand on
	   the next rule, which is the top rule of the row link to "Mais livros". */
	html body:is(#mpc, .mpc-site).mpb-page .mpb-livros .mpb-livros-shelves::before { content: ''; grid-column: 1 / -1; grid-row: 2; align-self: start; height: 0; margin-top: 72px; border-top: 1.5px solid var(--mpb-line); pointer-events: none; }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-livros .mpb-livros-book:nth-child(n+4) { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: var(--mpb-gap); align-items: start; grid-row: 2; margin-top: 72px; }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-livros .mpb-livros-book:nth-child(4) { grid-column: 1 / span 2; }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-livros .mpb-livros-book:nth-child(5) { grid-column: 3 / span 2; }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-livros .mpb-livros-book:nth-child(n+4) .mpb-livros-book-fig { grid-column: 1; align-self: end; display: block; aspect-ratio: auto; }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-livros .mpb-livros-book:nth-child(n+4) .mpb-livros-book-facts { grid-column: 2; padding: 24px 0 28px; border-top: 0; }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-livros .mpb-livros-more-cell { grid-row: 3; }
}

/* with subgrid the facts of the books of one shelf share their rows (title, publisher line, text, chapter, link),
   so the hairlines of the columns run level on both shelves; on shelf B the cover spans the five rows */
@supports (grid-template-rows: subgrid) {
	@media (min-width: 1101px) {
		html body:is(#mpc, .mpc-site).mpb-page .mpb-livros .mpb-livros-shelf-head { grid-row: 1 / span 5; }
		html body:is(#mpc, .mpc-site).mpb-page .mpb-livros .mpb-livros-book:nth-child(n) { display: grid; grid-template-rows: subgrid; }
		html body:is(#mpc, .mpc-site).mpb-page .mpb-livros .mpb-livros-book:nth-child(-n+3) { grid-row: 1 / span 5; }
		html body:is(#mpc, .mpc-site).mpb-page .mpb-livros .mpb-livros-book:nth-child(n+4) { grid-row: 6 / span 5; }
		html body:is(#mpc, .mpc-site).mpb-page .mpb-livros .mpb-livros-book:nth-child(n) .mpb-livros-book-facts { display: contents; }
		html body:is(#mpc, .mpc-site).mpb-page .mpb-livros .mpb-livros-book:nth-child(n) .mpb-item-title { margin-top: 24px; }
		html body:is(#mpc, .mpc-site).mpb-page .mpb-livros .mpb-livros-shelves::before { grid-row: 6; }
		html body:is(#mpc, .mpc-site).mpb-page .mpb-livros .mpb-livros-book:nth-child(n+4) .mpb-livros-book-fig { grid-row: 1 / -1; }
		html body:is(#mpc, .mpc-site).mpb-page .mpb-livros .mpb-livros-book:nth-child(n+4) .mpb-livros-book-facts > * { grid-column: 2; }
		html body:is(#mpc, .mpc-site).mpb-page .mpb-livros .mpb-livros-book:nth-child(n+4) .mpb-livros-record { margin-bottom: 28px; }
		html body:is(#mpc, .mpc-site).mpb-page .mpb-livros .mpb-livros-more-cell { grid-row: 11; }
	}
}

/* ---------- Tratado de Dor (navy): the photo of the book in hand fills the left seven columns out to the screen
   edge, top to bottom of the band; the text keeps its own padding */
html body:is(#mpc, .mpc-site).mpb-page .mpb-livros .mpb-livros-tratado-photo img { object-position: 42% 55%; }
html body:is(#mpc, .mpc-site).mpb-page .mpb-livros .mpb-livros-tratado-copy { padding-block: var(--mpb-band-y); }
html body:is(#mpc, .mpc-site).mpb-page .mpb-livros .mpb-livros-tratado-copy .mpb-statement { margin-top: 24px; }
html body:is(#mpc, .mpc-site).mpb-page .mpb-livros .mpb-livros-tratado-copy .mpb-text--19 { margin-top: 20px; }
html body:is(#mpc, .mpc-site).mpb-page .mpb-livros .mpb-livros-tratado-chap { margin-top: 32px; padding: 20px 0 22px; border-top: 1px solid var(--mpb-hair); border-bottom: 1px solid var(--mpb-hair); }
html body:is(#mpc, .mpc-site).mpb-page .mpb-livros .mpb-livros-tratado-chap .mpb-item-title { margin-top: 8px; }
html body:is(#mpc, .mpc-site).mpb-page .mpb-livros .mpb-livros-tratado-meta { margin-top: 22px; }
html body:is(#mpc, .mpc-site).mpb-page .mpb-livros .mpb-livros-tratado-actions { margin-top: 32px; }
@media (min-width: 901px) {
	html body:is(#mpc, .mpc-site).mpb-page .mpb-livros .mpb-livros-tratado-photo { --mpb-fig-min: 640px; }
}
@media (max-width: 900px) {
	/* stacked: the photo first, edge to edge (4:3 on tablets, the upright crop on phones), the text under it */
	html body:is(#mpc, .mpc-site).mpb-page .mpb-livros .mpb-livros-tratado-photo { min-height: 0; margin-inline: calc(-1 * var(--mpc-pad)); aspect-ratio: 4 / 3; }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-livros .mpb-livros-tratado-copy { padding-block: 8px var(--mpb-band-y); }
}
@media (max-width: 640px) {
	html body:is(#mpc, .mpc-site).mpb-page .mpb-livros .mpb-livros-tratado-photo { aspect-ratio: 4 / 5; }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-livros .mpb-livros-tratado-photo img { object-position: 50% 50%; }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-livros .mpb-livros-tratado-copy { padding-top: 0; }
}

/* ---------- six more books (ground): six flat covers standing on one ink rule (three per row from 641 to 1100,
   two per row on phones), title and one line under the rule. Covers on a shelf, as on the home. */
html body:is(#mpc, .mpc-site).mpb-page .mpb-livros .mpb-livros-mais { scroll-margin-top: 24px; }
html body:is(#mpc, .mpc-site).mpb-page .mpb-livros .mpb-livros-mais-lead { max-width: 820px; margin-top: 24px; }
html body:is(#mpc, .mpc-site).mpb-page .mpb-livros .mpb-livros-six { --mpb-livros-six-gap: 24px; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: var(--mpb-livros-six-gap); row-gap: 40px; margin-top: 40px; }
html body:is(#mpc, .mpc-site).mpb-page .mpb-livros .mpb-livros-six-cover { display: flex; align-items: flex-end; aspect-ratio: 500 / 760; }
html body:is(#mpc, .mpc-site).mpb-page .mpb-livros .mpb-livros-six-cover img { width: 100%; height: auto; }
html body:is(#mpc, .mpc-site).mpb-page .mpb-livros .mpb-livros-six-cap { position: relative; margin-top: 0; padding-top: 16px; border-top: 1.5px solid var(--mpb-line); line-height: 1.3 !important; }
html body:is(#mpc, .mpc-site).mpb-page .mpb-livros .mpb-livros-six-cap .mpb-cap-text { margin-top: 6px; font-size: 17px; line-height: 1.4; }
/* the rule runs through the gaps: each caption draws the stretch to its right, except the last of a row */
html body:is(#mpc, .mpc-site).mpb-page .mpb-livros .mpb-livros-six-cap::before { content: ''; position: absolute; top: -1.5px; left: 100%; width: var(--mpb-livros-six-gap); border-top: 1.5px solid var(--mpb-line); }
@media (max-width: 640px) {
	html body:is(#mpc, .mpc-site).mpb-page .mpb-livros .mpb-livros-six-book:nth-child(2n) .mpb-livros-six-cap::before { display: none; }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-livros .mpb-livros-six-cap .mpb-cap-text { font-size: 16px; }
}
@media (min-width: 641px) and (max-width: 1100px) {
	html body:is(#mpc, .mpc-site).mpb-page .mpb-livros .mpb-livros-six { --mpb-livros-six-gap: 32px; grid-template-columns: repeat(3, minmax(0, 1fr)); row-gap: 48px; margin-top: 48px; }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-livros .mpb-livros-six-book:nth-child(3n) .mpb-livros-six-cap::before { display: none; }
}
@media (min-width: 1101px) {
	html body:is(#mpc, .mpc-site).mpb-page .mpb-livros .mpb-livros-six { --mpb-livros-six-gap: 32px; grid-template-columns: repeat(6, minmax(0, 1fr)); margin-top: 48px; }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-livros .mpb-livros-six-book:nth-child(6n) .mpb-livros-six-cap::before { display: none; }
}
/* the drawing needs the empty space right of the head: only from 1101px */
@media (max-width: 1100px) { html body:is(#mpc, .mpc-site).mpb-page .mpb-livros .mpb-livros-lines-mais { display: none; } }

/* ---------- the published study (cobalt): a ledger with the year at 200px; the lines cross the empty bottom
   strip and go on, in cobalt, over the top padding of the next band */
html body:is(#mpc, .mpc-site).mpb-page .mpb-livros .mpb-livros-estudo { padding-bottom: calc(200 * var(--mpb-livros-u)); }
html body:is(#mpc, .mpc-site).mpb-page .mpb-livros .mpb-livros-estudo-sub { margin-top: 20px; }
html body:is(#mpc, .mpc-site).mpb-page .mpb-livros .mpb-livros-ledger { margin-top: 48px; }
html body:is(#mpc, .mpc-site).mpb-page .mpb-livros .mpb-livros-ledger .mpb-num { margin-top: 28px; }
html body:is(#mpc, .mpc-site).mpb-page .mpb-livros .mpb-livros-ledger .mpb-statement { margin-top: 12px; max-width: 560px; }
html body:is(#mpc, .mpc-site).mpb-page .mpb-livros .mpb-livros-ledger .mpb-text { max-width: 560px; margin-top: 12px; }
html body:is(#mpc, .mpc-site).mpb-page .mpb-livros .mpb-livros-ledger-second { margin-top: 24px; }
/* the drawing is 1440 x 300 and its y 200 is the edge between the two bands (offsets scale with the drawing) */
html body:is(#mpc, .mpc-site).mpb-page .mpb-livros .mpb-livros-sweep--a .mpb-bundle-svg { bottom: calc(-100 * var(--mpb-livros-u)); }
html body:is(#mpc, .mpc-site).mpb-page .mpb-livros .mpb-livros-sweep--b .mpb-bundle-svg { top: calc(-200 * var(--mpb-livros-u)); }
@media (max-width: 900px) {
	/* stacked: a drawing as wide as the screen and 152px high, half in each band */
	html body:is(#mpc, .mpc-site).mpb-page .mpb-livros .mpb-livros-estudo { padding-bottom: 116px; }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-livros .mpb-livros-consulta { padding-top: 116px; }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-livros .mpb-livros-lines-estudo .mpb-bundle-svg { width: 100vw; height: 152px; }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-livros .mpb-livros-lines-estudo path { vector-effect: non-scaling-stroke; }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-livros .mpb-livros-ledger { margin-top: 40px; }
	/* one column: the year as wide as the column allows ("2021" is 2.78em wide) */
	html body:is(#mpc, .mpc-site).mpb-page .mpb-livros .mpb-livros-ledger .mpb-num { --mpb-num-size: clamp(96px, 30vw, 200px); }
}

/* ---------- in the consultation, and the next pages (ground) */
html body:is(#mpc, .mpc-site).mpb-page .mpb-livros .mpb-livros-consulta-sub { margin-top: 28px; }
html body:is(#mpc, .mpc-site).mpb-page .mpb-livros .mpb-livros-next { margin-top: 40px; }
html body:is(#mpc, .mpc-site).mpb-page .mpb-livros .mpb-livros-next .mpb-row { --mpb-row-pad: 20px; }
@media (max-width: 640px) {
	html body:is(#mpc, .mpc-site).mpb-page .mpb-livros .mpb-livros-consulta-sub { margin-top: 20px; }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-livros .mpb-livros-next { margin-top: 32px; }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-livros .mpb-livros-next .mpb-row { --mpb-row-pad: 16px; }
}