/* jt-sys-archive.css — inner-pages system · ARCHIVES group adapter (2026-09-28, LocalWP).
   Loaded by lib/jt-system.php for family «archive» (category · tag · blog index) and by lib/jt-sys-archives.php for
   «tax» · «search» · «404», where it carries the group's shared components and prints BEFORE the family's own sheet.
   Every rule is keyed on body.jt-sys (+ a family / view class) → inert when the system is off; each family rolls back
   through its body class. Never paints a WhatsApp anchor (whatsapp-cta.css does): shape only.
   Spec: seo-fixes-output/20260927-inner-pages-system/design-language/DESIGN-LANGUAGE.md (C1-C, C8, C17, C18, C20)
   Report: seo-fixes-output/20260927-inner-pages-system/impl/archives/IMPLEMENTED.md

   Sections: 0 tokens · 1 hero additions (crumbs, count kicker, Display H1, paged line) · 2 card grid (category, tag,
   search, blog index) · 3 pagination · 4 routes (search field + chips, 404 / empty search) · 5 reduced motion / print */

/* ============================================================================================================
   0. Tokens — the legacy private sets re-pointed to the system (archives-19); grounds on paper
   ============================================================================================================ */
body.jt-sys.jt-sys--archive{
	--jt-archive-ink:var(--jt-sys-ink);
	--jt-archive-paper:var(--jt-sys-paper);
	--jt-archive-surface:var(--jt-sys-surface);
	--jt-archive-line:var(--jt-sys-line);
	--jt-archive-muted:var(--jt-sys-muted);
	--jt-archive-sage:var(--jt-sys-verde);
	--jt-archive-blush:var(--jt-sys-chip-1);
	--jt-archive-blue:var(--jt-sys-sage);
}
body.jt-sys:is(.jt-sys--archive,.jt-sys--tax,.jt-sys--search,.jt-sys--404),
body.jt-sys:is(.jt-sys--archive,.jt-sys--tax,.jt-sys--search,.jt-sys--404) .site-container{ background:var(--jt-sys-paper); }
/* the card grid gutter: 24 px, 16 px on phones */
/* --jt-arc-pad = the card's vertical rhythm; --jt-arc-inset = its horizontal inset (0 on phones: flush editorial list) */
body.jt-sys{ --jt-arc-gap:24px; --jt-arc-row-gap:24px; --jt-arc-pad:clamp(20px,2vw,28px); --jt-arc-inset:var(--jt-arc-pad); }
@media (max-width:599px){ body.jt-sys{ --jt-arc-gap:16px; --jt-arc-row-gap:40px; --jt-arc-pad:16px; --jt-arc-inset:0px; } }

/* ============================================================================================================
   1. Hero additions — the type-only verde-2 band itself is core (jt-system.css §7). The group's heroes carry
      .jt-sys-hero: crumbs (C17) → kicker (count + legacy label) → H1 → dek → actions / field → paged line.
   ============================================================================================================ */
/* hub rhythm: 96 px top at every width, as /tratamentos-a-laser/ (clears the 44/72 px absolute masthead; fix round R14:
   was clamp(92px,9vw,120px) → crumbs at 92/115/120), crumbs, then the kicker without its rule */
html body.jt-sys .jt-sys-hero.p6-h.entry-header.hero{ padding-top:96px; }
html body.jt-sys .jt-sys-hero :is(.p6-ov){ width:auto; max-width:var(--jt-sys-rail); margin:0 auto; align-self:auto; }
html body.jt-sys .jt-sys-hero .p6-tag-t{
	display:block; width:auto; max-width:none; margin:0 0 22px; padding:0; border:0; grid-column:auto;
	letter-spacing:var(--jt-sys-track-kicker); text-transform:uppercase; font-synthesis:none; /* legacy tax/swiss kickers: 0 tracking, 700–750 */
}
/* dek: the legacy sheets zero its margin (tax) or push it 44 px (swiss) and add a rule (tax) */
html body.jt-sys .jt-sys-hero .p6-tag-b{ grid-column:auto; margin:28px 0 0; padding:0; border:0; max-width:var(--jt-sys-measure-hero-dek); }
@media (max-width:900px){ /* core's run-in kicker: 28 px dash + 12 px gap */
	html body.jt-sys .jt-sys-hero .p6-tag-t{ display:flex; align-items:center; gap:12px; }
}
/* C17 crumbs — 13 px soft, every link a 44 px row; opts out of style.css nav{display:none;height:100vh} (≤1299) */
html body.jt-sys nav.jt-sys-crumbs{
	display:block; position:static; width:auto; height:auto; min-height:0; margin:0 0 20px; padding:0;
	background:none; box-shadow:none; max-width:none;
}
body.jt-sys .jt-sys-crumbs ol{ display:flex; flex-wrap:wrap; align-items:center; gap:0; margin:0; padding:0; list-style:none; }
body.jt-sys .jt-sys-crumbs li{
	display:inline-flex; align-items:center; margin:0; padding:0; list-style:none;
	font:400 13px/1.2 var(--jt-sys-sans); letter-spacing:0; text-transform:none; color:var(--jt-band-soft);
}
body.jt-sys .jt-sys-crumbs li::before{ content:none; }
body.jt-sys .jt-sys-crumbs li + li::before{ content:"/"; display:inline-block; padding:0 10px; color:var(--jt-band-soft); }
body.jt-sys .jt-sys-crumbs a,
body.jt-sys .jt-sys-crumbs [aria-current]{ display:inline-flex; align-items:center; min-height:44px; padding:0 2px; }
body.jt-sys .jt-sys-crumbs li:first-child > *{ padding-left:0; } /* the first crumb starts on the rail */
body.jt-sys .jt-sys-crumbs a{ color:var(--jt-band-soft); text-decoration:none; }
body.jt-sys .jt-sys-crumbs a:hover{ color:var(--jt-band-ink); text-decoration:underline; text-decoration-thickness:1px; text-underline-offset:.2em; }
body.jt-sys .jt-sys-crumbs [aria-current]{ color:var(--jt-band-text); }
body.jt-sys .jt-sys-hero .jt-sys-crumbs a:focus-visible{ outline:2px solid var(--jt-band-focus) !important; outline-offset:2px; }

/* the legacy dek sheets set 23 px Roobert / Butler 24 px on the dek's <p> (archive-category-swiss, archive-shell) */
html body.jt-sys .jt-sys-hero .p6-tag-b p,
html body.jt-sys .jt-sys-hero .jt-sys-hero-text p{
	margin:0; font:300 var(--jt-sys-fs-dek)/var(--jt-sys-lh-dek) var(--jt-sys-sans); letter-spacing:0; color:var(--jt-band-text);
	text-wrap:pretty; /* no one-word last line («… Saúde da / Pele.») */
}
html body.jt-sys .jt-sys-hero .jt-sys-hero-text p{ margin-top:28px; max-width:var(--jt-sys-measure-hero-dek); }
html body.jt-sys .jt-sys-hero .jt-sys-hero-text p:empty{ display:none; }
/* «Página 2 de 6» — a quiet caption under the dek */
body.jt-sys .jt-sys-hero .jt-sys-hero-meta{
	margin:28px 0 0; padding:14px 0 0; max-width:var(--jt-sys-measure-hero-dek); border-top:1px solid var(--jt-band-rule);
	font:400 var(--jt-sys-fs-caption)/1.45 var(--jt-sys-sans); letter-spacing:var(--jt-sys-track-caption); text-transform:uppercase;
	color:var(--jt-band-soft);
}

/* Display H1 (DESIGN-LANGUAGE §3 «archives only», the /na-midia/ precedent): Roobert 400 + the approved optical bold
   (never a synthetic 800). Category, tag and the blog index. Phones: the longest single words («Dermatologista»,
   14 letters) must fit 342 px, so the floor follows the viewport. */
html body.jt-sys.jt-sys--archive .jt-sys-hero--archive .p6-tit{
	max-width:none !important;
	font:400 var(--jt-sys-fs-display)/.9 var(--jt-sys-sans) !important;
	letter-spacing:0 !important;
	-webkit-text-stroke:var(--jt-sys-optical-bold) currentColor;
	font-synthesis:none;
	overflow-wrap:break-word;
	text-wrap:balance;
}
@media (max-width:767px){
	html body.jt-sys.jt-sys--archive .jt-sys-hero--archive .p6-tit{ font-size:clamp(40px,12vw,76px) !important; line-height:.94 !important; }
}

/* ============================================================================================================
   2. Card grid (C20 re-tokened) — category, tag, search and the blog index (body.jt-sys-cards, lib/jt-sys-archives.php).
      ONE rail: the grid is .site-inner itself (its children must stay the articles — the legacy sheets and the main
      landmark key on it), full width, the rail carried as padding (--jt-sys-pad). 12 tracks: feature card full width,
      then 3-up (≥1024) / 2-up (600–1023) / 1-up; count-aware fills close the last row (archives-05, verify-corrected).
      Card = surface, 1 px ink top rule, 3:2 image, label line, Butler 400 title (H3 role), 3-line excerpt.
      Specificity: html body.jt-sys.jt-sys-cards … = legacy (archive-category-swiss / archive-artigos / archive-shell)
      + 1 class + 2 elements, no !important.
   ============================================================================================================ */
html body.jt-sys.jt-sys-cards .site-inner{
	display:grid; grid-template-columns:repeat(12,minmax(0,1fr)); gap:var(--jt-arc-row-gap) var(--jt-arc-gap);
	position:static; z-index:auto; box-sizing:border-box;
	width:auto; max-width:none; margin:0; padding:var(--jt-sys-band-pad) var(--jt-sys-pad);
	background:var(--jt-sys-paper); border:0;
	counter-reset:jt-category-card;
}
/* clearfix pseudos would be phantom grid rows (archives-21) */
html body.jt-sys.jt-sys-cards .site-inner::before,
html body.jt-sys.jt-sys-cards .site-inner::after{ content:none; display:none; }
html body.jt-sys.jt-sys-cards .site-inner > :not(article){ grid-column:1 / -1; min-width:0; }

html body.jt-sys.jt-sys-cards .site-inner > article.entry:nth-of-type(n){
	grid-column:span 4; position:relative; box-sizing:border-box;
	display:flex; flex-direction:column; min-width:0; min-height:0;
	margin:0; padding:0; overflow:hidden;
	border:0; border-top:1px solid var(--jt-sys-ink); border-radius:0; box-shadow:none; outline:0;
	background:var(--jt-sys-surface); color:var(--jt-sys-ink-2);
	counter-increment:jt-category-card;
	transform:none; transition:none;
}
html body.jt-sys.jt-sys-cards .site-inner > article.entry:nth-of-type(n)::before,
html body.jt-sys.jt-sys-cards .site-inner > article.entry:nth-of-type(n)::after,
html body.jt-sys.jt-sys-cards .site-inner > article.entry:nth-of-type(n) .entry-header::before,
html body.jt-sys.jt-sys-cards .site-inner > article.entry:nth-of-type(n) .entry-header::after{ content:none; display:none; }
html body.jt-sys.jt-sys-cards .site-inner > article.entry:nth-of-type(n):hover{ transform:none; box-shadow:none; background:var(--jt-sys-surface); }
html body.jt-sys.jt-sys-cards .site-inner > article.entry:nth-of-type(n) .entry-header{ display:contents; }

/* image: fills its frame, never sizes the row (verify m06: a portrait lead blew card 1 up to 1,123 px) */
html body.jt-sys.jt-sys-cards .site-inner > article.entry:nth-of-type(n) .entry-image-link{
	order:0; display:block; position:relative; flex:0 0 auto;
	width:auto; height:auto; min-height:0; aspect-ratio:3 / 2; margin:0; padding:0; overflow:hidden;
	border:0; background:var(--jt-sys-paper-soft);
}
html body.jt-sys.jt-sys-cards .site-inner > article.entry:nth-of-type(n) .entry-image-link picture{ display:contents; }
html body.jt-sys.jt-sys-cards .site-inner > article.entry:nth-of-type(n) .entry-image-link img{
	position:absolute; inset:0; display:block; width:100%; height:100%; max-width:none; margin:0; padding:0;
	object-fit:cover; object-position:50% 35%; border:0; border-radius:0; filter:none; transform:none; transition:none;
}

/* label line: counter + categories (archive) — caption role, 12.5 px .1em, muted */
html body.jt-sys.jt-sys-cards .site-inner > article.entry:nth-of-type(n) .entry-meta{
	order:1; margin:0 var(--jt-arc-inset); padding:var(--jt-arc-pad) 0 0;
	font:400 var(--jt-sys-fs-caption)/1.45 var(--jt-sys-sans); letter-spacing:var(--jt-sys-track-caption); text-transform:uppercase;
	color:var(--jt-sys-muted); font-synthesis:none; border:0; background:none;
}
html body.jt-sys.jt-sys-cards .site-inner > article.entry:nth-of-type(n) .entry-meta:not(:empty){ padding-left:32px; text-indent:-32px; }
html body.jt-sys.jt-sys-cards .site-inner > article.entry:nth-of-type(n) .entry-meta::before{ /* hanging counter: wrapped category lines keep one left edge */
	content:counter(jt-category-card, decimal-leading-zero); display:inline-block; width:32px; margin:0; text-indent:0; color:var(--jt-sys-ink);
}
/* (fix round R12: the category names print as plain text on listing cards — lib/jt-sys-archives.php
   jt_sys_archives_plain_cats() — so the 24 px link rules are gone: 73 of 108 tab stops on /category/dermatologia/) */

/* title: Butler 400, H3 role (the element stays the loop's h2); the link is stretched over the card */
html body.jt-sys.jt-sys-cards .site-inner > article.entry:nth-of-type(n) .entry-title{
	order:2; margin:0 var(--jt-arc-inset); padding:10px 0 0; max-width:none;
	font:400 var(--jt-sys-fs-h3)/1.2 var(--jt-sys-serif); letter-spacing:var(--jt-sys-track-serif); text-transform:none;
	text-wrap:balance; color:var(--jt-sys-ink); font-synthesis:none; hyphens:manual; overflow-wrap:break-word;
}
html body.jt-sys.jt-sys-cards .site-inner > article.entry:nth-of-type(n) .entry-title-link{ color:var(--jt-sys-ink); text-decoration:none; font:inherit; }
html body.jt-sys.jt-sys-cards .site-inner > article.entry:nth-of-type(n) .entry-title-link::after{ content:""; position:absolute; inset:0; z-index:0; }
html body.jt-sys.jt-sys-cards .site-inner > article.entry:nth-of-type(n):hover .entry-title-link,
html body.jt-sys.jt-sys-cards .site-inner > article.entry:nth-of-type(n) .entry-title-link:focus-visible{ text-decoration:underline; text-decoration-thickness:1px; text-underline-offset:.12em; }
html body.jt-sys.jt-sys-cards .site-inner > article.entry:nth-of-type(n) .entry-title-link:focus-visible{ outline:2px solid var(--jt-sys-ink) !important; outline-offset:3px; }

/* the blog index's legacy lead card pins title and meta absolutely over its photo (archive-artigos.css) */
html body.jt-sys.jt-sys-cards .site-inner > article.entry:nth-of-type(n) :is(.entry-meta,.entry-title,.entry-content,.jt-sys-card-type){
	position:static; inset:auto; z-index:auto; max-width:none; min-height:0; background:none; box-shadow:none;
}

/* excerpt: 3 lines (text stays in the DOM) */
html body.jt-sys.jt-sys-cards .site-inner > article.entry:nth-of-type(n) .entry-content{
	order:3; margin:0 var(--jt-arc-inset); padding:12px 0 var(--jt-arc-pad); border:0; background:none;
}
html body.jt-sys.jt-sys-cards .site-inner > article.entry:nth-of-type(n) .entry-content p{
	display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden;
	margin:0; max-width:var(--jt-sys-measure-body);
	font:300 var(--jt-sys-fs-body-sm)/1.55 var(--jt-sys-sans); letter-spacing:0; color:var(--jt-sys-ink-2);
}
html body.jt-sys.jt-sys-cards .site-inner > article.entry:nth-of-type(n) .entry-content p:not(:first-child){ display:none; } /* auto-excerpts are one <p>; guard */

/* 2b. layout per width. The horizontal anatomy (feature card; a lone last card) is a SUBGRID of the 12 tracks, so its
   copy column starts exactly on a column of the cards below (one left edge per column, gutter included). */
@media (min-width:600px){
	/* feature = card 1 of listings with a lead (not search): image over the first two columns, copy on the third */
	html body.jt-sys.jt-sys-cards:not(.search) .site-inner > article.entry:first-of-type{
		grid-column:1 / -1; display:grid; grid-template-columns:subgrid; grid-template-rows:auto auto minmax(0,1fr); align-content:start;
	}
	html body.jt-sys.jt-sys-cards:not(.search) .site-inner > article.entry:first-of-type .entry-image-link{
		grid-column:1 / 7; grid-row:1 / -1; aspect-ratio:auto; min-height:clamp(320px,34vw,480px);
	}
	html body.jt-sys.jt-sys-cards:not(.search) .site-inner > article.entry:first-of-type > :not(.entry-header),
	html body.jt-sys.jt-sys-cards:not(.search) .site-inner > article.entry:first-of-type .entry-title{ grid-column:7 / -1; }
	html body.jt-sys.jt-sys-cards:not(.search) .site-inner > article.entry:first-of-type .entry-meta{ grid-row:1; padding-top:clamp(24px,3vw,40px); }
	html body.jt-sys.jt-sys-cards:not(.search) .site-inner > article.entry:first-of-type .entry-title{
		grid-row:2; padding-top:14px; font-weight:300; font-size:clamp(28px,3vw,42px); line-height:1.1;
	}
	html body.jt-sys.jt-sys-cards:not(.search) .site-inner > article.entry:first-of-type .entry-content{ grid-row:3; padding-top:16px; }
	html body.jt-sys.jt-sys-cards:not(.search) .site-inner > article.entry:first-of-type .entry-content p{ -webkit-line-clamp:5; font-size:var(--jt-sys-fs-body); line-height:var(--jt-sys-lh-body); }
	/* the other cards: 2-up (span 6) until 1023 */
	html body.jt-sys.jt-sys-cards .site-inner > article.entry:nth-of-type(n){ grid-column:span 6; }
}
@media (min-width:1024px){
	html body.jt-sys.jt-sys-cards .site-inner > article.entry:nth-of-type(n){ grid-column:span 4; }
	html body.jt-sys.jt-sys-cards:not(.search) .site-inner > article.entry:first-of-type{ grid-column:1 / -1; }
	html body.jt-sys.jt-sys-cards:not(.search) .site-inner > article.entry:first-of-type .entry-image-link{ grid-column:1 / 9; }
	html body.jt-sys.jt-sys-cards:not(.search) .site-inner > article.entry:first-of-type > :not(.entry-header),
	html body.jt-sys.jt-sys-cards:not(.search) .site-inner > article.entry:first-of-type .entry-title{ grid-column:9 / -1; }
}

/* 2c. count-aware last row. Listings with a lead: cards 2…n run in rows of 3 (≥1024) or 2 (600–1023).
   ≥1024 — one left over (n ≡ 2 mod 3, incl. n = 2): full width, horizontal; two left (n ≡ 0 mod 3): span 6 each.
   600–1023 — one left over (n even): full width, horizontal. Search has no lead: rows of 3 / 2 from card 1. */
@media (min-width:1024px){
	html body.jt-sys.jt-sys-cards:not(.search) .site-inner > article.entry:nth-of-type(3n+2):nth-last-of-type(2),
	html body.jt-sys.jt-sys-cards:not(.search) .site-inner > article.entry:nth-of-type(3n+3):last-of-type,
	html body.jt-sys.jt-sys-cards.search .site-inner > article.entry:nth-of-type(3n+1):nth-last-of-type(2),
	html body.jt-sys.jt-sys-cards.search .site-inner > article.entry:nth-of-type(3n+2):last-of-type{ grid-column:span 6; }
	html body.jt-sys.jt-sys-cards:not(.search) .site-inner > article.entry:nth-of-type(3n+2):last-of-type,
	html body.jt-sys.jt-sys-cards.search .site-inner > article.entry:nth-of-type(3n+1):last-of-type{
		grid-column:1 / -1; display:grid; grid-template-columns:subgrid; grid-template-rows:auto auto minmax(0,1fr); align-content:start;
	}
	html body.jt-sys.jt-sys-cards:not(.search) .site-inner > article.entry:nth-of-type(3n+2):last-of-type .entry-image-link,
	html body.jt-sys.jt-sys-cards.search .site-inner > article.entry:nth-of-type(3n+1):last-of-type .entry-image-link{ grid-column:1 / 5; grid-row:1 / -1; aspect-ratio:auto; min-height:260px; }
	html body.jt-sys.jt-sys-cards:not(.search) .site-inner > article.entry:nth-of-type(3n+2):last-of-type > :not(.entry-header),
	html body.jt-sys.jt-sys-cards:not(.search) .site-inner > article.entry:nth-of-type(3n+2):last-of-type .entry-title,
	html body.jt-sys.jt-sys-cards.search .site-inner > article.entry:nth-of-type(3n+1):last-of-type > :not(.entry-header),
	html body.jt-sys.jt-sys-cards.search .site-inner > article.entry:nth-of-type(3n+1):last-of-type :is(.entry-title,.jt-sys-card-type){ grid-column:5 / -1; }
}
@media (min-width:600px) and (max-width:1023px){
	html body.jt-sys.jt-sys-cards:not(.search) .site-inner > article.entry:nth-of-type(2n+2):last-of-type,
	html body.jt-sys.jt-sys-cards.search .site-inner > article.entry:nth-of-type(2n+1):last-of-type{
		grid-column:1 / -1; display:grid; grid-template-columns:subgrid; grid-template-rows:auto auto minmax(0,1fr); align-content:start;
	}
	html body.jt-sys.jt-sys-cards:not(.search) .site-inner > article.entry:nth-of-type(2n+2):last-of-type .entry-image-link,
	html body.jt-sys.jt-sys-cards.search .site-inner > article.entry:nth-of-type(2n+1):last-of-type .entry-image-link{ grid-column:1 / 7; grid-row:1 / -1; aspect-ratio:auto; min-height:240px; }
	html body.jt-sys.jt-sys-cards:not(.search) .site-inner > article.entry:nth-of-type(2n+2):last-of-type > :not(.entry-header),
	html body.jt-sys.jt-sys-cards:not(.search) .site-inner > article.entry:nth-of-type(2n+2):last-of-type .entry-title,
	html body.jt-sys.jt-sys-cards.search .site-inner > article.entry:nth-of-type(2n+1):last-of-type > :not(.entry-header),
	html body.jt-sys.jt-sys-cards.search .site-inner > article.entry:nth-of-type(2n+1):last-of-type :is(.entry-title,.jt-sys-card-type){ grid-column:7 / -1; }
}
/* 2c'. one title line per row (fix round R4): on the vertical cards the label line (1–3 lines of category names) sat
   between image and title, so titles in one row started up to 48 px apart. The counter becomes the card's own ::before
   (not part of the heading's name) and the category line moves to the card foot — the search card's anatomy. The
   horizontal cards (the lead; a lone last card: 3n+2 at ≥1024, 2n+2 at 600–1023) keep the hanging counter line. */
@media (min-width:1024px){
	html body.jt-sys.jt-sys-cards:not(.search) .site-inner > article.entry:nth-of-type(n):not(:first-of-type):not(:nth-of-type(3n+2):last-of-type)::before{
		content:counter(jt-category-card, decimal-leading-zero); display:block; order:1; position:static; inset:auto; width:auto; height:auto; min-height:0;
		margin:0 var(--jt-arc-inset); padding:var(--jt-arc-pad) 0 0; border:0; background:none; box-shadow:none; transform:none; /* the legacy swiss sheet paints article::before as an absolute badge */
		font:400 var(--jt-sys-fs-caption)/1.45 var(--jt-sys-sans); letter-spacing:var(--jt-sys-track-caption); color:var(--jt-sys-ink);
	}
	html body.jt-sys.jt-sys-cards:not(.search) .site-inner > article.entry:nth-of-type(n):not(:first-of-type):not(:nth-of-type(3n+2):last-of-type) .entry-meta:nth-child(n){
		order:4; margin:auto var(--jt-arc-inset) 0; padding:0 0 var(--jt-arc-pad); text-indent:0;
	}
	html body.jt-sys.jt-sys-cards:not(.search) .site-inner > article.entry:nth-of-type(n):not(:first-of-type):not(:nth-of-type(3n+2):last-of-type) .entry-meta::before{ content:none; display:none; }
	html body.jt-sys.jt-sys-cards:not(.search) .site-inner > article.entry:nth-of-type(n):not(:first-of-type):not(:nth-of-type(3n+2):last-of-type) .entry-content{ padding-bottom:16px; }
	/* R7: the two-card last row keeps the 3-up image height — span-6 width over (3-up width × 2/3) = 9(W−g)/4(W−2g),
	   2.30 for every rail W from 976 to 1232 px (was a 403 px 3:2 frame against 263 px at 1440) */
	html body.jt-sys.jt-sys-cards:not(.search) .site-inner > article.entry:nth-of-type(3n+2):nth-last-of-type(2) .entry-image-link,
	html body.jt-sys.jt-sys-cards:not(.search) .site-inner > article.entry:nth-of-type(3n+3):last-of-type .entry-image-link{ aspect-ratio:23 / 10; }
}
@media (min-width:600px) and (max-width:1023px){
	html body.jt-sys.jt-sys-cards:not(.search) .site-inner > article.entry:nth-of-type(n):not(:first-of-type):not(:nth-of-type(2n+2):last-of-type)::before{
		content:counter(jt-category-card, decimal-leading-zero); display:block; order:1; position:static; inset:auto; width:auto; height:auto; min-height:0;
		margin:0 var(--jt-arc-inset); padding:var(--jt-arc-pad) 0 0; border:0; background:none; box-shadow:none; transform:none;
		font:400 var(--jt-sys-fs-caption)/1.45 var(--jt-sys-sans); letter-spacing:var(--jt-sys-track-caption); color:var(--jt-sys-ink);
	}
	html body.jt-sys.jt-sys-cards:not(.search) .site-inner > article.entry:nth-of-type(n):not(:first-of-type):not(:nth-of-type(2n+2):last-of-type) .entry-meta:nth-child(n){
		order:4; margin:auto var(--jt-arc-inset) 0; padding:0 0 var(--jt-arc-pad); text-indent:0;
	}
	html body.jt-sys.jt-sys-cards:not(.search) .site-inner > article.entry:nth-of-type(n):not(:first-of-type):not(:nth-of-type(2n+2):last-of-type) .entry-meta::before{ content:none; display:none; }
	html body.jt-sys.jt-sys-cards:not(.search) .site-inner > article.entry:nth-of-type(n):not(:first-of-type):not(:nth-of-type(2n+2):last-of-type) .entry-content{ padding-bottom:16px; }
}
/* a horizontal card without an image (search: pages, FAQ) keeps one column of copy on the rail */
html body.jt-sys.jt-sys-cards .site-inner > article.entry:nth-of-type(n):not(:has(.entry-image-link)) > :not(.entry-header),
html body.jt-sys.jt-sys-cards .site-inner > article.entry:nth-of-type(n):not(:has(.entry-image-link)) :is(.entry-title,.jt-sys-card-type){ grid-column:1 / -1 !important; }

/* 2d. phones: one column, compact card (archives-30: 30 cards × 555 px) — 16:9 image, 22 px title */
@media (max-width:599px){
	/* flush editorial list: no surface, text on the rail (one left edge with the hero and the pagination) */
	html body.jt-sys.jt-sys-cards .site-inner > article.entry:nth-of-type(n){ grid-column:1 / -1; background:transparent; border-top:0; overflow:visible; } /* fix round R11: the title's focus ring kept its left side (the image link clips its own image) */
	html body.jt-sys.jt-sys-cards .site-inner > article.entry:nth-of-type(n):hover{ background:transparent; }
	html body.jt-sys.jt-sys-cards .site-inner > article.entry:nth-of-type(n) .entry-image-link{ aspect-ratio:16 / 9; }
	html body.jt-sys.jt-sys-cards .site-inner > article.entry:nth-of-type(n) .entry-title{ font-size:22px; }
	html body.jt-sys.jt-sys-cards:not(.search) .site-inner > article.entry:first-of-type .entry-title{ font-size:26px; font-weight:300; line-height:1.12; }
	html body.jt-sys.jt-sys-cards .site-inner > article.entry:nth-of-type(n) .entry-content{ padding-top:10px; }
}

/* 2e. search cards: the type label leads (ink caption), the category line sits at the card foot, no counter */
html body.jt-sys.jt-sys-cards .site-inner > article.entry:nth-of-type(n) .jt-sys-card-type{
	order:1; margin:0 var(--jt-arc-inset); padding:var(--jt-arc-pad) 0 0;
	font:400 var(--jt-sys-fs-caption)/1.45 var(--jt-sys-sans); letter-spacing:var(--jt-sys-track-caption); text-transform:uppercase;
	color:var(--jt-sys-ink); font-synthesis:none;
}
html body.jt-sys.jt-sys-cards.search .site-inner > article.entry:nth-of-type(n) .entry-meta:nth-child(n){ order:4; margin:auto var(--jt-arc-inset) 0; padding:0 0 var(--jt-arc-pad); text-indent:0; }
html body.jt-sys.jt-sys-cards.search .site-inner > article.entry:nth-of-type(n) .entry-meta::before{ content:none; display:none; }
html body.jt-sys.jt-sys-cards.search .site-inner > article.entry:nth-of-type(n) .entry-content{ padding-bottom:16px; }
html body.jt-sys.jt-sys-cards.search .site-inner > article.entry:nth-of-type(n):not(:has(.entry-meta)) .entry-content{ padding-bottom:var(--jt-arc-pad); }
/* fix round R5: a result without a picture (pages, FAQ) gets a type-only frame in the picture slot — sálvia, the type
   label at display scale (the post-header rule: no photo when none matches) — instead of 270–337 px of empty surface in
   a row of picture cards; its title then starts at the same y as theirs (frame = image, + the label line they carry).
   Vertical cards only: the lone horizontal last card (3n+1 at ≥1024, 2n+1 at 600–1023) keeps its one column of copy.
   The label box itself sits on the card's copy line (margin = the inset) and the fill reaches the card edges through two
   offset shadows; content-box 3:2 + (inset/3 + inset) padding = (card width) × 2/3, the picture cards' image height. */
@media (min-width:1024px){
	html body.jt-sys.jt-sys-cards.search .site-inner > article.entry:nth-of-type(n):not(:has(.entry-image-link)):not(:nth-of-type(3n+1):last-of-type) .jt-sys-card-type{
		order:0; display:flex; align-items:flex-end; box-sizing:content-box; aspect-ratio:3 / 2;
		margin:0 var(--jt-arc-inset); padding:calc(var(--jt-arc-inset) / 3) 0 var(--jt-arc-inset);
		background:var(--jt-sys-sage); box-shadow:calc(-1 * var(--jt-arc-inset)) 0 0 0 var(--jt-sys-sage), var(--jt-arc-inset) 0 0 0 var(--jt-sys-sage);
		color:var(--jt-sys-ink);
		font:300 clamp(28px,2.6vw,36px)/1.1 var(--jt-sys-serif); letter-spacing:var(--jt-sys-track-serif); text-transform:none;
	}
	html body.jt-sys.jt-sys-cards.search .site-inner > article.entry:nth-of-type(n):not(:has(.entry-image-link)):not(:nth-of-type(3n+1):last-of-type) .entry-title{ margin-top:calc(var(--jt-arc-pad) + 18px); } /* = the label line the picture cards carry */
}
@media (min-width:600px) and (max-width:1023px){
	html body.jt-sys.jt-sys-cards.search .site-inner > article.entry:nth-of-type(n):not(:has(.entry-image-link)):not(:nth-of-type(2n+1):last-of-type) .jt-sys-card-type{
		order:0; display:flex; align-items:flex-end; box-sizing:content-box; aspect-ratio:3 / 2;
		margin:0 var(--jt-arc-inset); padding:calc(var(--jt-arc-inset) / 3) 0 var(--jt-arc-inset);
		background:var(--jt-sys-sage); box-shadow:calc(-1 * var(--jt-arc-inset)) 0 0 0 var(--jt-sys-sage), var(--jt-arc-inset) 0 0 0 var(--jt-sys-sage);
		color:var(--jt-sys-ink);
		font:300 clamp(28px,2.6vw,36px)/1.1 var(--jt-sys-serif); letter-spacing:var(--jt-sys-track-serif); text-transform:none;
	}
	html body.jt-sys.jt-sys-cards.search .site-inner > article.entry:nth-of-type(n):not(:has(.entry-image-link)):not(:nth-of-type(2n+1):last-of-type) .entry-title{ margin-top:calc(var(--jt-arc-pad) + 18px); } /* = the label line the picture cards carry */
}

/* ============================================================================================================
   3. Pagination — one component for the group (archives-13, verify-corrected): 1 px ink top rule, 48 px cells in
      Roobert 400, active = 2 px underline, previous at the start, next at the end. aria strings in pt-BR (PHP).
   ============================================================================================================ */
html body.jt-sys:is(.jt-sys--archive,.jt-sys--tax,.jt-sys--search) .archive-pagination{
	grid-column:1 / -1; box-sizing:border-box; width:auto; max-width:none;
	margin:clamp(16px,2vw,24px) 0 0; padding:8px 0 0; border:0; border-top:1px solid var(--jt-sys-ink); border-radius:0;
	background:none; box-shadow:none; text-align:left;
	font:400 15px/1 var(--jt-sys-sans); letter-spacing:0;
}
html body.jt-sys:is(.jt-sys--archive,.jt-sys--tax,.jt-sys--search) .archive-pagination ul{
	display:flex; flex-wrap:wrap; align-items:stretch; justify-content:flex-start; gap:0 4px; margin:0; padding:0; list-style:none;
}
html body.jt-sys:is(.jt-sys--archive,.jt-sys--tax,.jt-sys--search) .archive-pagination li{ display:flex; margin:0; padding:0; list-style:none; border:0; }
html body.jt-sys:is(.jt-sys--archive,.jt-sys--tax,.jt-sys--search) .archive-pagination li::before{ content:none; }
html body.jt-sys:is(.jt-sys--archive,.jt-sys--tax,.jt-sys--search) .archive-pagination li a,
html body.jt-sys:is(.jt-sys--archive,.jt-sys--tax,.jt-sys--search) .archive-pagination li.pagination-omission{
	display:inline-flex; align-items:center; justify-content:center; box-sizing:border-box;
	min-width:48px; min-height:48px; padding:0 14px; margin:0;
	border:0; border-radius:0; background:none; box-shadow:none;
	font:400 15px/1 var(--jt-sys-sans); letter-spacing:0; text-transform:none; text-decoration:none;
	color:var(--jt-sys-ink); font-synthesis:none;
	transition:background var(--jt-sys-dur-row) var(--jt-sys-ease);
}
html body.jt-sys:is(.jt-sys--archive,.jt-sys--tax,.jt-sys--search) .archive-pagination li.pagination-omission{ color:var(--jt-sys-muted); padding:0 8px; }
html body.jt-sys:is(.jt-sys--archive,.jt-sys--tax,.jt-sys--search) .archive-pagination li a:hover{ background:var(--jt-sys-tint); color:var(--jt-sys-ink); }
html body.jt-sys:is(.jt-sys--archive,.jt-sys--tax,.jt-sys--search) .archive-pagination li.active a,
html body.jt-sys:is(.jt-sys--archive,.jt-sys--tax,.jt-sys--search) .archive-pagination li a[aria-current]{
	background:none; color:var(--jt-sys-ink); box-shadow:inset 0 -2px 0 var(--jt-sys-ink);
}
html body.jt-sys:is(.jt-sys--archive,.jt-sys--tax,.jt-sys--search) .archive-pagination li a:focus-visible{ outline:2px solid var(--jt-sys-ink) !important; outline-offset:-2px; }
/* fix round R6: the page numbers stay on the rail on every page (the first number sat at x=104 on page 1, centred on
   pages 2–5 and at x=1080 on the last page) — previous + next sit together at the right end */
html body.jt-sys:is(.jt-sys--archive,.jt-sys--tax,.jt-sys--search) .archive-pagination .pagination-previous{ order:9; margin-left:auto; margin-right:0; }
html body.jt-sys:is(.jt-sys--archive,.jt-sys--tax,.jt-sys--search) .archive-pagination .pagination-next{ order:10; margin-left:auto; }
html body.jt-sys:is(.jt-sys--archive,.jt-sys--tax,.jt-sys--search) .archive-pagination .pagination-previous ~ .pagination-next{ margin-left:0; }
@media (max-width:599px){ /* «Próxima Página »» took a second row alone at 390 */
	html body.jt-sys:is(.jt-sys--archive,.jt-sys--tax,.jt-sys--search) .archive-pagination li a{ padding:0 10px; min-width:44px; }
	html body.jt-sys:is(.jt-sys--archive,.jt-sys--tax,.jt-sys--search) .archive-pagination :is(.pagination-previous,.pagination-next){ flex-basis:100%; margin:0; }
	html body.jt-sys:is(.jt-sys--archive,.jt-sys--tax,.jt-sys--search) .archive-pagination :is(.pagination-previous,.pagination-next) a{ width:100%; justify-content:flex-start; padding-left:0; }
	html body.jt-sys:is(.jt-sys--archive,.jt-sys--tax,.jt-sys--search) .archive-pagination .pagination-previous{ order:9; margin-left:0; border-top:1px solid var(--jt-sys-line); }
	html body.jt-sys:is(.jt-sys--archive,.jt-sys--tax,.jt-sys--search) .archive-pagination .pagination-next{ order:10; border-top:1px solid var(--jt-sys-line); }
}

/* ============================================================================================================
   4. Routes — search field (C18) + route chips (C8) + the one WhatsApp pill. Search hero, empty search, 404.
      Reads --jt-band-* so it works on the verde-2 hero and on paper.
   ============================================================================================================ */
body.jt-sys .jt-sys-search{ display:block; margin:32px 0 0; padding:0; max-width:640px; }
body.jt-sys .jt-sys-search__label{
	display:block; margin:0 0 10px; padding:0;
	font:400 var(--jt-sys-fs-label)/1.5 var(--jt-sys-sans); letter-spacing:var(--jt-sys-track-label); text-transform:uppercase;
	color:var(--jt-band-soft);
}
body.jt-sys .jt-sys-search__row{ display:flex; flex-wrap:nowrap; gap:12px; align-items:stretch; }
html body.jt-sys .jt-sys-search .jt-sys-search__input{
	flex:1 1 auto; min-width:0; width:auto; min-height:54px; margin:0; padding:14px 16px; box-sizing:border-box;
	border:1px solid var(--jt-sys-ink); border-radius:0; background:#fff; color:var(--jt-sys-ink); box-shadow:none;
	font:300 17px/1.3 var(--jt-sys-sans); letter-spacing:0; -webkit-appearance:none; appearance:none;
}
html body.jt-sys .jt-sys-search .jt-sys-search__input:focus{ border-color:var(--jt-sys-verde); box-shadow:inset 0 0 0 1px var(--jt-sys-verde); outline:2px solid var(--jt-band-focus); outline-offset:2px; }
html body.jt-sys .jt-sys-search .jt-sys-search__go{
	flex:0 0 auto; display:inline-flex; align-items:center; justify-content:center; min-height:54px; margin:0; padding:0 28px;
	border:0; border-radius:var(--jt-sys-radius-pill); background:var(--jt-sys-verde); color:#fff; box-shadow:none; cursor:pointer;
	font:400 var(--jt-sys-fs-pill)/1.2 var(--jt-sys-sans); letter-spacing:0; text-transform:none;
	transition:background var(--jt-sys-dur) var(--jt-sys-ease);
}
html body.jt-sys .jt-sys-search .jt-sys-search__go:hover{ background:var(--jt-sys-verde-2); color:#fff; }
html body.jt-sys .jt-sys-search .jt-sys-search__go:focus-visible{ outline:2px solid var(--jt-band-focus) !important; outline-offset:3px; }
/* on the dark hero: white field without a frame, white primary with verde label (C11 «on dark») */
html body.jt-sys .jt-sys-hero .jt-sys-search .jt-sys-search__input{ border-color:transparent; }
html body.jt-sys .jt-sys-hero .jt-sys-search .jt-sys-search__go{ background:#fff; color:var(--jt-sys-verde); }
html body.jt-sys .jt-sys-hero .jt-sys-search .jt-sys-search__go:hover{ background:var(--jt-sys-on-dark); color:var(--jt-sys-verde); }
@media (max-width:420px){ html body.jt-sys .jt-sys-search .jt-sys-search__go{ padding:0 20px; } }

body.jt-sys .jt-sys-chips{ display:flex; flex-wrap:wrap; gap:8px; margin:32px 0 0; padding:0; list-style:none; max-width:900px; }
body.jt-sys .jt-sys-chips li{ margin:0; padding:0; list-style:none; }
body.jt-sys .jt-sys-chips li::before{ content:none; }
html body.jt-sys .jt-sys-chips .jt-sys-chip{
	display:inline-flex; align-items:center; min-height:var(--jt-sys-chip-h); padding:var(--jt-sys-chip-pad); box-sizing:border-box;
	border:1px solid var(--jt-band-chip-border); border-radius:0; background:var(--jt-band-chip-bg); color:var(--jt-band-ink); box-shadow:none;
	font:400 var(--jt-sys-fs-chip)/1.25 var(--jt-sys-sans); letter-spacing:0; text-transform:none; text-decoration:none;
	transition:background var(--jt-sys-dur) var(--jt-sys-ease), color var(--jt-sys-dur) var(--jt-sys-ease);
}
html body.jt-sys .jt-sys-chips .jt-sys-chip:hover{ background:var(--jt-band-chip-hover-bg); border-color:var(--jt-band-chip-hover-bg); color:var(--jt-band-chip-hover-fg); }
html body.jt-sys .jt-sys-chips .jt-sys-chip:focus-visible{ outline:2px solid var(--jt-band-focus) !important; outline-offset:3px; }
body.jt-sys .jt-sys-routes__act{ margin:32px 0 0; padding:0; }
/* the WhatsApp anchor: shape only — colour, font, glyph and focus stay with whatsapp-cta.css */
html body.jt-sys .jt-sys-routes__act a.jt-sys-routes__wa{
	display:inline-flex; align-items:center; justify-content:center; min-height:var(--jt-sys-pill-h); padding:var(--jt-sys-pill-pad); margin:0;
	border-radius:var(--jt-sys-radius-pill); text-decoration:none;
}
@media (max-width:560px){ html body.jt-sys .jt-sys-routes__act a.jt-sys-routes__wa{ width:100%; } }

/* ============================================================================================================
   5. Reduced motion · print
   ============================================================================================================ */
@media (prefers-reduced-motion:reduce){
	body.jt-sys :is(.jt-sys-chip,.jt-sys-search__go,.archive-pagination a){ transition:none !important; }
}
@media print{
	body.jt-sys .jt-sys-crumbs,
	body.jt-sys .jt-sys-search,
	body.jt-sys .archive-pagination{ display:none !important; }
	html body.jt-sys.jt-sys-cards .site-inner{ display:block; padding:0; background:#fff; }
	html body.jt-sys.jt-sys-cards .site-inner > article.entry:nth-of-type(n){ display:block; break-inside:avoid; margin:0 0 16px; background:#fff; }
	html body.jt-sys.jt-sys-cards .site-inner > article.entry:nth-of-type(n) .entry-image-link{ display:none; }
}

/* ============================================================================================================
   6. Blog index (/artigos/, body.jt-sys-cards--journal) — the three modules printed after the grid by index.php
      toma_artigos_archive_conversion_blocks(): owned media, consultation block, author box. Each becomes a section on
      the rail with the marginalia grid (kicker | content), the same anatomy the page family gives these components
      (jt-sys-page.css §3/§5), in the paper band. archive-artigos.css / page-owned-authority-media.css beaten by
      specificity only.
   ============================================================================================================ */
html body.jt-sys.jt-sys-cards--journal .site-inner > :is(.jt-owned-authority-media,.jt-article-cta,.h-authorbox-w){
	grid-column:1 / -1; box-sizing:border-box;
	display:grid; grid-template-columns:var(--jt-sys-marg) minmax(0,1fr); grid-template-rows:none; column-gap:var(--jt-sys-marg-gap); row-gap:0;
	align-items:start; width:auto; max-width:none; min-height:0;
	margin:clamp(56px,7vw,96px) 0 0; padding:0; border:0; border-radius:0; background:none; box-shadow:none;
	color:var(--jt-sys-ink-2); font-family:var(--jt-sys-sans); letter-spacing:0;
}
html body.jt-sys.jt-sys-cards--journal .site-inner > :is(.jt-owned-authority-media,.jt-article-cta,.h-authorbox-w)::before,
html body.jt-sys.jt-sys-cards--journal .site-inner > :is(.jt-owned-authority-media,.jt-article-cta,.h-authorbox-w)::after{ content:none; display:none; }
/* shared kicker (marginalia, 1 px rule) */
html body.jt-sys.jt-sys-cards--journal .site-inner :is(.jt-owned-authority-media__kicker,.jt-article-cta__label,.h-author-kicker){
	grid-column:1; grid-row:1; align-self:start;
	display:block; margin:0; padding:8px 0 0; border:0; border-top:1px solid var(--jt-sys-line); background:none;
	font:400 var(--jt-sys-fs-kicker)/1.5 var(--jt-sys-sans); letter-spacing:var(--jt-sys-track-kicker); text-transform:uppercase;
	color:var(--jt-sys-muted); font-synthesis:none;
}
/* shared H2 + dek */
html body.jt-sys.jt-sys-cards--journal .site-inner > :is(.jt-owned-authority-media,.jt-article-cta) h2{
	grid-column:2; grid-row:1; margin:0; padding:0; max-width:var(--jt-sys-measure-h2);
	font:300 var(--jt-sys-fs-h2)/var(--jt-sys-lh-h2) var(--jt-sys-serif); letter-spacing:var(--jt-sys-track-serif); text-transform:none;
	text-wrap:balance; overflow-wrap:normal; color:var(--jt-sys-ink); font-synthesis:none;
}
html body.jt-sys.jt-sys-cards--journal .site-inner > :is(.jt-owned-authority-media,.jt-article-cta) h2 + p,
html body.jt-sys.jt-sys-cards--journal .site-inner > .jt-owned-authority-media .jt-owned-authority-media__copy > p{
	margin:20px 0 0; max-width:var(--jt-sys-measure-dek);
	font:300 var(--jt-sys-fs-dek)/var(--jt-sys-lh-dek) var(--jt-sys-sans); letter-spacing:0; color:var(--jt-sys-ink-2);
}

/* 6a. owned media: kicker | H2, dek, then the three photos in one row, captions below (never on bars) */
html body.jt-sys.jt-sys-cards--journal .site-inner > .jt-owned-authority-media .jt-owned-authority-media__copy,
html body.jt-sys.jt-sys-cards--journal .site-inner > .jt-owned-authority-media .jt-owned-authority-media__copy > div{ display:contents; }
html body.jt-sys.jt-sys-cards--journal .site-inner > .jt-owned-authority-media .jt-owned-authority-media__copy > p{ grid-column:2; grid-row:2; }
html body.jt-sys.jt-sys-cards--journal .site-inner > .jt-owned-authority-media .jt-owned-authority-media__grid{
	grid-column:2; grid-row:3;
	display:grid; grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1fr); grid-template-rows:none;
	gap:clamp(12px,1.6vw,20px); align-items:start;
	width:auto; height:auto; min-height:0; max-height:none; margin:clamp(32px,4vw,48px) 0 0; border:0; background:transparent;
}
html body.jt-sys.jt-sys-cards--journal .site-inner > .jt-owned-authority-media .jt-owned-authority-media__grid > figure:nth-child(n){
	grid-column:auto; grid-row:auto; display:block; position:static; min-width:0; min-height:0; margin:0; overflow:visible; background:transparent;
}
html body.jt-sys.jt-sys-cards--journal .site-inner > .jt-owned-authority-media .jt-owned-authority-media__grid > figure:nth-child(n) img{
	display:block; position:static; width:100%; height:auto; min-height:0; max-width:none; aspect-ratio:3 / 4;
	object-fit:cover; object-position:50% 30%; border-radius:0; filter:none; transform:none;
}
html body.jt-sys.jt-sys-cards--journal .site-inner > .jt-owned-authority-media .jt-owned-authority-media__grid > figure:first-child img{ aspect-ratio:3 / 2; object-position:50% 22%; }
html body.jt-sys.jt-sys-cards--journal .site-inner > .jt-owned-authority-media .jt-owned-authority-media__grid > figure:nth-child(n) picture{ display:block; }
html body.jt-sys.jt-sys-cards--journal .site-inner > .jt-owned-authority-media figcaption{
	position:static; inset:auto; margin:0; padding:10px 0 0; max-width:none; min-height:0; background:transparent; border:0;
	font:400 var(--jt-sys-fs-caption)/1.45 var(--jt-sys-sans); letter-spacing:var(--jt-sys-track-caption); text-transform:uppercase;
	color:var(--jt-sys-muted); text-align:left;
}

/* 6b. consultation block (light variant): label | H2, dek, the three facts as one ruled line, WhatsApp pill + ghost */
html body.jt-sys.jt-sys-cards--journal .site-inner > .jt-article-cta .jt-article-cta__copy{ display:contents; }
html body.jt-sys.jt-sys-cards--journal .site-inner > .jt-article-cta h2 + p{ grid-column:2; grid-row:2; }
html body.jt-sys.jt-sys-cards--journal .site-inner > .jt-article-cta .jt-article-cta__details{
	grid-column:2; grid-row:3; display:flex; flex-wrap:wrap; gap:0; margin:28px 0 0; padding:0;
	border-top:1px solid var(--jt-sys-ink); border-bottom:1px solid var(--jt-sys-line); max-width:900px;
}
html body.jt-sys.jt-sys-cards--journal .site-inner > .jt-article-cta .jt-article-cta__details span{
	display:inline-block; min-height:0; margin:0; padding:14px 28px 14px 0; border:0; background:none;
	font:400 var(--jt-sys-fs-meta)/1.5 var(--jt-sys-sans); letter-spacing:0; text-transform:none; color:var(--jt-sys-ink); font-synthesis:none;
}
html body.jt-sys.jt-sys-cards--journal .site-inner > .jt-article-cta .jt-article-cta__details span + span{ padding-left:28px; border-left:1px solid var(--jt-sys-line); }
html body.jt-sys.jt-sys-cards--journal .site-inner > .jt-article-cta .jt-article-cta__actions{
	grid-column:2; grid-row:4; display:flex; flex-wrap:wrap; gap:12px; margin:32px 0 0; padding:0;
}
/* WhatsApp anchor: shape only */
html body.jt-sys.jt-sys-cards--journal .site-inner > .jt-article-cta .jt-article-cta__button[href*="wa.me/"]{
	display:inline-flex; align-items:center; justify-content:center; min-height:var(--jt-sys-pill-h); padding:var(--jt-sys-pill-pad);
	border-radius:var(--jt-sys-radius-pill); text-transform:none;
}
html body.jt-sys.jt-sys-cards--journal .site-inner > .jt-article-cta .jt-article-cta__button:not([href*="wa.me/"]){
	display:inline-flex; align-items:center; justify-content:center; min-height:var(--jt-sys-pill-h); padding:var(--jt-sys-pill-pad);
	border:0; border-radius:var(--jt-sys-radius-pill); background:transparent; box-shadow:inset 0 0 0 1px var(--jt-sys-ink);
	font:400 var(--jt-sys-fs-pill)/1.2 var(--jt-sys-sans) !important; letter-spacing:0; text-transform:none; text-decoration:none; color:var(--jt-sys-ink);
	transition:background var(--jt-sys-dur) var(--jt-sys-ease);
}
html body.jt-sys.jt-sys-cards--journal .site-inner > .jt-article-cta .jt-article-cta__button:not([href*="wa.me/"]):hover{ background:var(--jt-sys-paper-soft); color:var(--jt-sys-ink); }
html body.jt-sys.jt-sys-cards--journal .site-inner > .jt-article-cta .jt-article-cta__button:not([href*="wa.me/"]):focus-visible{ outline:2px solid var(--jt-sys-ink) !important; outline-offset:3px; }

/* 6c. author box: kicker | portrait + name, credentials as one ruled line, bio at reading measure (no dark panel,
       no watermark, no badge chips, no circle crop) */
html body.jt-sys.jt-sys-cards--journal .site-inner > .h-authorbox-w{ display:block; }
html body.jt-sys.jt-sys-cards--journal .site-inner > .h-authorbox-w .h-authorbox{
	display:grid; grid-template-columns:var(--jt-sys-marg) minmax(0,1fr); column-gap:var(--jt-sys-marg-gap); align-items:start;
	max-width:none; min-height:0; margin:0; padding:0; overflow:visible; background:transparent; border:0; box-shadow:none;
}
html body.jt-sys.jt-sys-cards--journal .site-inner > .h-authorbox-w .h-authorbox::before,
html body.jt-sys.jt-sys-cards--journal .site-inner > .h-authorbox-w .h-authorbox::after{ content:none; display:none; }
html body.jt-sys.jt-sys-cards--journal .site-inner > .h-authorbox-w .h-author-identity{ display:contents; background:transparent; color:var(--jt-sys-ink); } /* its dark ground is gone with the box */
html body.jt-sys.jt-sys-cards--journal .site-inner > .h-authorbox-w .aut-bio-link{
	grid-column:2; grid-row:1; display:flex; align-items:center; gap:clamp(18px,2.4vw,28px); justify-self:start;
	color:var(--jt-sys-ink); text-decoration:none;
}
html body.jt-sys.jt-sys-cards--journal .site-inner > .h-authorbox-w .h-author-avatar{
	flex:0 0 auto; width:clamp(88px,8vw,112px); height:auto; aspect-ratio:4 / 5; margin:0;
	border:0; border-radius:0; background:transparent; overflow:hidden; box-shadow:none;
}
html body.jt-sys.jt-sys-cards--journal .site-inner > .h-authorbox-w .h-author-avatar img{ width:100%; height:100%; object-fit:cover; object-position:50% 16%; border-radius:0; filter:none; }
html body.jt-sys.jt-sys-cards--journal .site-inner > .h-authorbox-w h3.h-author-name{
	max-width:none; margin:0; font:300 clamp(30px,3.4vw,44px)/1.04 var(--jt-sys-serif); letter-spacing:var(--jt-sys-track-serif);
	text-transform:none; color:var(--jt-sys-ink); font-synthesis:none;
}
html body.jt-sys.jt-sys-cards--journal .site-inner > .h-authorbox-w .aut-bio-link:hover h3.h-author-name{ text-decoration:underline; text-decoration-thickness:1px; text-underline-offset:.12em; }
html body.jt-sys.jt-sys-cards--journal .site-inner > .h-authorbox-w .h-author-lead{
	grid-column:2; grid-row:2; margin:20px 0 0; max-width:var(--jt-sys-measure-dek);
	font:300 var(--jt-sys-fs-dek)/var(--jt-sys-lh-dek) var(--jt-sys-sans); letter-spacing:0; color:var(--jt-sys-ink-2);
}
html body.jt-sys.jt-sys-cards--journal .site-inner > .h-authorbox-w .h-author-social-label{
	grid-column:1; grid-row:2; margin:24px 0 0; padding:0;
	font:400 var(--jt-sys-fs-caption)/1.45 var(--jt-sys-sans); letter-spacing:var(--jt-sys-track-caption); text-transform:uppercase; color:var(--jt-sys-muted);
}
html body.jt-sys.jt-sys-cards--journal .site-inner > .h-authorbox-w .sms-w{
	grid-column:1; grid-row:3; display:flex; flex-wrap:wrap; gap:0 20px; width:auto; max-width:none; margin:4px 0 0; padding:0; border:0; background:transparent;
}
/* fix round R17: the five mixed 34 px grey sprites (filled YouTube, outlined Instagram, a Facebook circle …) become a text
   ledger in the caption role — the channel name is the link's own aria-label, drawn by ::before (the accessible name is
   unchanged); 44 px rows */
html body.jt-sys.jt-sys-cards--journal .site-inner > .h-authorbox-w .sms-w .sms{
	position:static; display:inline-flex; align-items:center; width:auto; height:auto; min-height:44px; margin:0; padding:0;
	border:0; background:none; filter:none; opacity:1; transform:none; transition:none;
	font:400 var(--jt-sys-fs-caption)/1.45 var(--jt-sys-sans); letter-spacing:var(--jt-sys-track-caption); text-transform:uppercase;
	color:var(--jt-sys-ink); text-decoration:none; font-synthesis:none;
}
html body.jt-sys.jt-sys-cards--journal .site-inner > .h-authorbox-w .sms-w .sms::before{ content:attr(aria-label); }
@media (min-width:901px){ /* the ledger hangs right under its label (row 2 is as tall as the lead beside it): one unit in the marginalia */
	html body.jt-sys.jt-sys-cards--journal .site-inner > .h-authorbox-w .sms-w{ grid-row:2 / span 2; align-self:start; margin-top:calc(24px + 18px + 4px); }
}
html body.jt-sys.jt-sys-cards--journal .site-inner > .h-authorbox-w .sms-w .sms::after{ content:none; }
html body.jt-sys.jt-sys-cards--journal .site-inner > .h-authorbox-w .sms-w .sms:hover{ filter:none; opacity:1; transform:none; text-decoration:underline; text-decoration-thickness:1px; text-underline-offset:.2em; }
html body.jt-sys.jt-sys-cards--journal .site-inner > .h-authorbox-w .sms-w .sms:focus-visible{ outline:2px solid var(--jt-sys-ink) !important; outline-offset:2px; }
html body.jt-sys.jt-sys-cards--journal .site-inner > .h-authorbox-w .h-author-copy{
	grid-column:2; grid-row:3 / span 2; min-width:0; margin:clamp(28px,3vw,40px) 0 0; padding:0; background:none; border:0; color:var(--jt-sys-ink-2);
}
html body.jt-sys.jt-sys-cards--journal .site-inner > .h-authorbox-w .h-author-copy::before,
html body.jt-sys.jt-sys-cards--journal .site-inner > .h-authorbox-w .h-author-copy::after{ content:none; display:none; }
html body.jt-sys.jt-sys-cards--journal .site-inner > .h-authorbox-w .h-author-credential-row{
	display:flex; flex-wrap:wrap; gap:0; margin:0 0 24px; padding:0; border:0;
	border-top:1px solid var(--jt-sys-ink); border-bottom:1px solid var(--jt-sys-line); background:none;
}
html body.jt-sys.jt-sys-cards--journal .site-inner > .h-authorbox-w :is(.h-author-role,.h-author-credentials){
	display:inline-block; min-height:0; margin:0; padding:14px 28px 14px 0; border:0; background:transparent; box-shadow:none;
	font:400 var(--jt-sys-fs-meta)/1.5 var(--jt-sys-sans); letter-spacing:0; text-transform:none; color:var(--jt-sys-ink); font-synthesis:none;
	text-align:left;
}
html body.jt-sys.jt-sys-cards--journal .site-inner > .h-authorbox-w .h-author-credentials{ padding-left:28px; border-left:1px solid var(--jt-sys-line); }
html body.jt-sys.jt-sys-cards--journal .site-inner > .h-authorbox-w .h-author-description{
	max-width:var(--jt-sys-measure-body); font:300 var(--jt-sys-fs-body)/var(--jt-sys-lh-body) var(--jt-sys-sans); letter-spacing:0; color:var(--jt-sys-ink-2);
}
html body.jt-sys.jt-sys-cards--journal .site-inner > .h-authorbox-w .h-author-description p{ margin:0 0 14px; font:inherit; color:inherit; }
/* credentials grid → a facts ledger: ink top rule, hairline rows, no boxes; Roobert 400/300 (was 800/500 synthetic) */
html body.jt-sys.jt-sys-cards--journal .site-inner > .h-authorbox-w .h-author-cv-grid{
	display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); column-gap:var(--jt-arc-gap); row-gap:0;
	margin:32px 0 0; padding:0; border:0; border-top:1px solid var(--jt-sys-ink); background:none;
}
html body.jt-sys.jt-sys-cards--journal .site-inner > .h-authorbox-w .h-author-cv-item{
	display:block; min-height:0; margin:0; padding:14px 0; border:0; border-bottom:1px solid var(--jt-sys-line); background:none; box-shadow:none;
}
html body.jt-sys.jt-sys-cards--journal .site-inner > .h-authorbox-w .h-author-cv-item strong{
	display:block; font:400 var(--jt-sys-fs-meta)/1.4 var(--jt-sys-sans); letter-spacing:0; text-transform:none; color:var(--jt-sys-ink); font-synthesis:none;
}
html body.jt-sys.jt-sys-cards--journal .site-inner > .h-authorbox-w .h-author-cv-item small{
	display:block; margin-top:4px; font:300 14px/1.45 var(--jt-sys-sans); letter-spacing:0; text-transform:none; color:var(--jt-sys-ink-2); font-synthesis:none;
}
@media (max-width:760px){ html body.jt-sys.jt-sys-cards--journal .site-inner > .h-authorbox-w .h-author-cv-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:420px){ html body.jt-sys.jt-sys-cards--journal .site-inner > .h-authorbox-w .h-author-cv-grid{ grid-template-columns:minmax(0,1fr); } }

@media (max-width:900px){
	html body.jt-sys.jt-sys-cards--journal .site-inner > :is(.jt-owned-authority-media,.jt-article-cta),
	html body.jt-sys.jt-sys-cards--journal .site-inner > .h-authorbox-w .h-authorbox{ grid-template-columns:minmax(0,1fr); }
	html body.jt-sys.jt-sys-cards--journal .site-inner > :is(.jt-owned-authority-media,.jt-article-cta,.h-authorbox-w) :is(.jt-owned-authority-media__kicker,.jt-article-cta__label,.h-author-kicker,h2,h2 + p,.jt-owned-authority-media__copy > p,.jt-owned-authority-media__grid,.jt-article-cta__details,.jt-article-cta__actions,.aut-bio-link,.h-author-lead,.h-author-social-label,.sms-w,.h-author-copy){
		grid-column:1; grid-row:auto;
	}
	html body.jt-sys.jt-sys-cards--journal .site-inner :is(.jt-owned-authority-media__kicker,.jt-article-cta__label,.h-author-kicker){
		display:flex; align-items:center; gap:12px; margin:0 0 18px; padding:0; border-top:0;
	}
	html body.jt-sys.jt-sys-cards--journal .site-inner :is(.jt-owned-authority-media__kicker,.jt-article-cta__label,.h-author-kicker)::before{ content:""; flex:0 0 28px; height:1px; background:var(--jt-sys-line); }
}
@media (max-width:760px){
	html body.jt-sys.jt-sys-cards--journal .site-inner > .jt-owned-authority-media .jt-owned-authority-media__grid{ grid-template-columns:repeat(2,minmax(0,1fr)); }
	html body.jt-sys.jt-sys-cards--journal .site-inner > .jt-owned-authority-media .jt-owned-authority-media__grid > figure:first-child{ grid-column:1 / -1; }
}
@media (max-width:560px){
	html body.jt-sys.jt-sys-cards--journal .site-inner > .jt-article-cta .jt-article-cta__details,
	html body.jt-sys.jt-sys-cards--journal .site-inner > .h-authorbox-w .h-author-credential-row{ display:block; }
	html body.jt-sys.jt-sys-cards--journal .site-inner > .jt-article-cta .jt-article-cta__details span,
	html body.jt-sys.jt-sys-cards--journal .site-inner > .h-authorbox-w :is(.h-author-role,.h-author-credentials){ display:block; padding:12px 0; border-left:0; text-align:left; } /* fix round R10: was centred by the legacy sheet */
	html body.jt-sys.jt-sys-cards--journal .site-inner > .jt-article-cta .jt-article-cta__details span + span,
	html body.jt-sys.jt-sys-cards--journal .site-inner > .h-authorbox-w .h-author-credentials{ padding-left:0; border-left:0; border-top:1px solid var(--jt-sys-line); }
	html body.jt-sys.jt-sys-cards--journal .site-inner > .jt-article-cta .jt-article-cta__actions > a{ width:100%; }
}

/* 6d. fix round R9 — the /artigos/ masthead = the other archives' transparent on-dark masthead over the verde-2 hero.
       archive-artigos.css painted a light solid bar (ink nav, dark logo, a drawn 3-bar toggle and its own ≤767 header
       geometry); every property it changed goes back to the value the category archive computes (verified property by
       property: impl/archives/fix/tools/mastcmp.cjs). The WhatsApp pill's #25D366 comes from the header's .jt-wa-on-dark
       class (lib/jt-sys-archives.php; the whatsapp-cta.css dark-map entry is core request 12). */
html body.jt-sys.jt-sys-cards--journal .site-header{ border-bottom:0; box-shadow:none; }
html body.jt-sys.jt-sys-cards--journal:not(.fullb) .site-header{ background:transparent; }
html body.jt-sys.jt-sys-cards--journal.fullb .site-header{ background:rgba(0,0,0,.95); } /* drawer open: style.css .fullb .site-header */
html body.jt-sys.jt-sys-cards--journal .site-header .title-area{ background-image:url(images/logo-w.png); }
html body.jt-sys.jt-sys-cards--journal .menu-toggle::before{ color:#fff; }
@media (min-width:1300px){
	html body.jt-sys.jt-sys-cards--journal .site-header .genesis-nav-menu > .menu-item:not(.menu-r) > a{ color:#f1ece7; }
	html body.jt-sys.jt-sys-cards--journal .site-header .jt-menu-search__toggle{ color:#fff; opacity:.62; }
}
@media (max-width:767px){
	html body.jt-sys.jt-sys-cards--journal .site-header .wrap{ display:block; min-height:0; padding:0; }
	html body.jt-sys.jt-sys-cards--journal .site-header .title-area,
	html body.jt-sys.jt-sys-cards--journal .site-header:has(.menu-toggle.activated) .title-area{
		width:min(250px, calc(100% - 96px)); height:40px; min-height:40px; margin:4px 0 0 5%; overflow:visible;
		background-image:url(images/logo-w.png); background-size:contain;
	}
	html body.jt-sys.jt-sys-cards--journal .menu-toggle{ top:3px; right:calc(5% - 7px); z-index:1000; width:30px; height:30px; color:transparent; }
	html body.jt-sys.jt-sys-cards--journal .menu-toggle::before{
		content:'\f0c9'; display:block; width:auto; height:auto; margin:0; background:none; box-shadow:none; color:#fff;
	}
	html body.jt-sys.jt-sys-cards--journal .menu-toggle.activated::before{ content:'\e809'; font-size:24px; line-height:normal; color:#fff; }
	html body.jt-sys.jt-sys-cards--journal .site-header:has(.menu-toggle.activated){ background:rgba(0,0,0,.95); border-bottom:0; }
	html body.jt-sys.jt-sys-cards--journal .site-header:has(.menu-toggle.activated) .widget-area{ width:100%; max-width:380px; }
	html body.jt-sys.jt-sys-cards--journal .site-header:has(.menu-toggle.activated) nav{ width:100%; padding:0 35px; }
	html body.jt-sys.jt-sys-cards--journal .site-header:has(.menu-toggle.activated) .genesis-nav-menu{ max-width:none; margin:0; }
	html body.jt-sys.jt-sys-cards--journal .site-header:has(.menu-toggle.activated) .genesis-nav-menu .menu-item-has-children > a{ padding-right:0 !important; }
	html body.jt-sys.jt-sys-cards--journal .site-header:has(.menu-toggle.activated) .sub-menu-toggle{ right:0; color:#fff; background:rgba(0,0,0,.1); }
}
@media (max-width:479px){
	html body.jt-sys.jt-sys-cards--journal .site-header .title-area,
	html body.jt-sys.jt-sys-cards--journal .site-header:has(.menu-toggle.activated) .title-area{ width:min(218px, calc(100% - 88px)); height:38px; min-height:38px; }
}