/* article-header.css — page bundle e5f67f692fb136aa (308/373 rules, manifest 7a6cdfdd7197b8f6) */
/*
 * Article header — posts only (body.jt-ah). Enqueued last in the post cascade.
 * Skins: body.jt-ah--type (V1 tipográfico, paper) · body.jt-ah--ink (V3 ink, pillars).
 * Source of every value: design-previews/20260905-post-headers-6/variants/v1.html + v3.html.
 * Tokens: DESIGN.md — ink #1f1f21 · deep #242329 · paper #f4eee8 · surface #fbf8f4 · light #f1ece7
 *         line #c7bdb5 · muted #565351 · teal #075e54 · teal-ink #0b4c45 · sage #dae1da.
 * Rails: --jt-ship-card-rail (1180) is the header's inner rail; the prose rail (760) stays centred in it.
 * Masthead: .site-header is absolute (72px ≥1300 · 44px 480–1299 · 42px ≤479); the band reserves it.
 */
body.jt-ah{
	--jt-ah-ink:var(--jt-brand-ink,#1f1f21);
	--jt-ah-deep:#242329;
	--jt-ah-paper:#f4eee8;
	--jt-ah-surface:#fbf8f4;
	--jt-ah-light:#f1ece7;
	--jt-ah-light-82:rgba(241,236,231,.82);
	--jt-ah-hair-ink:rgba(241,236,231,.22);
	--jt-ah-line:#c7bdb5;
	--jt-ah-muted:#565351;
	--jt-ah-teal:#075e54;
	--jt-ah-teal-ink:#0b4c45;
	--jt-ah-sage:#dae1da;
	--jt-ah-serif:Butler, Georgia, "Times New Roman", serif;
	--jt-ah-sans:Roobert, "Helvetica Neue", Arial, sans-serif;
	--jt-ah-mast:72px;
	--jt-ah-rail:min(1180px, calc(100vw - 40px));
}
@media only screen and (max-width:1299px){
body.jt-ah{--jt-ah-mast:44px}
}
@media only screen and (max-width:479px){
body.jt-ah{--jt-ah-mast:42px}
}
/* ------------------------------------------------------------------------
   1. Template notches → zero. The legacy hero bands are gone, so the white
      card must start flush under the header (values carry !important upstream).
   --------------------------------------------------------------------- */
/* (body.single-post.jt-ah = 0,3,1 — must beat article-system.css `body.single-post.k1 .k1-out … !important`) */
body.single-post.jt-ah .k1-out{margin-top:0!important;padding-top:0!important}
body.single-post.jt-ah .k2-in,
body.single-post.jt-ah .k3-out,
body.single-post.jt-ah .k5-in,
body.single-post.jt-ah .k6-in,
body.single-post.jt-ah .k7-in{margin-top:0!important}
body.single-post.jt-ah .k4-out{padding-top:0!important}
body.single-post.jt-ah .k2-in::after,
body.single-post.jt-ah .k3-out::after,
body.single-post.jt-ah .k4-out::after{display:none!important}
/* The card wrappers keep zero margin, but with no padding/border they are also
   margin-collapse-transparent: the first block inside (e.g. .jt-gsc-geo-module,
   margin-top:34px) pushed the whole white card down and exposed a 34px slab of
   the page grey between the header band and the article. flow-root makes each
   content wrapper its own block formatting context, so the card starts flush
   under the band and the block keeps its own top margin inside the white.
   (2026-09-06 review round 1, P1 "Seam header band → article card".)
   Every one of these wrappers computes display:block today, so flow-root only
   adds the BFC — it changes no layout mode. */
body.single-post.jt-ah .k1-in,
body.single-post.jt-ah .k2-in,
body.single-post.jt-ah .k3-in,
body.single-post.jt-ah .k4-in,
body.single-post.jt-ah .k5-in,
body.single-post.jt-ah .k6-in,
body.single-post.jt-ah .k7-in,
body.single-post.jt-ah .k8-in{display:flow-root}
/* k0 (single.php): make the Genesis card share the 1270/1180 rails of k1–k8 (card 48 · rail 93 at 1366). */
/* 2026-09-18: `.site-inner article` also padded every <article> card inside the content (jt-next20 / wall-aid / moat cards) on the 84 default-template posts */
/* k0 full-bleed: the partial now renders INSIDE article.entry (genesis_entry_header@5),
   so the band has to come back out of the card's 45px side padding to keep the
   pre-review geometry (band 0→viewport, .jt-ah__in rail left 93 at 1366).
   .site-container is overflow:hidden, so the 50vw offsets cannot open a
   horizontal scrollbar. (2026-09-06 review round 1, P1 "k0 outside the article".) */
/* The card's declared 50px of breathing room never applied: `.entry{padding-top:0!important}`
   (the notch neutraliser two lines up) out-!importants the card padding, so body copy
   started 0px under the band. With the header inside the card the clearance belongs to
   the content box, where no !important fights it.
   (2026-09-06 review round 1, P1 "k0 card — first content butts against the band".) */
/* ...but only for content that brings no clearance of its own: the ACF .bk family carries 50px and
   the jt-gsc-geo modules 42px, which would otherwise stack into a 93-103px void under the band. */
/* Dead legacy rails the partial never uses: keep main/article unconstrained. */
body.jt-ah main.k-main{padding:0}
/* ------------------------------------------------------------------------
   2. Masthead colour modes. Type = paper band → dark logo/nav (fg-bk).
      Ink = deep band → light logo/nav (fg-wh) and a sage nav pill; no bar seam.
   --------------------------------------------------------------------- */
/* the masthead sits on the header's ground — except while the menu is OPEN (body.fullb): the theme's own panel (style.css .fullb .site-header,
   rgba(0,0,0,.95)) then carries the white links on every ground (2026-09-24, post header system P3: on the light grounds a transparent panel
   printed white on the tint; on the dark ones the panel returns behind the links). */
body.jt-ah--ink:not(.fullb) .site-header{background:transparent!important;box-shadow:none!important}
/* inside the open panel every keyboard ring is white (the theme's global ink ring measures ~1.2:1 on the black panel; WCAG 1.4.11); WhatsApp keeps
   its identity's ring (whatsapp-cta.css). */
body.jt-ah--ink.fullb .site-header :focus-visible:not([href*="wa.me"]){outline-color:#fff!important}
/* the closed hamburger reads the masthead hook the light grounds of the post header system set (post-header-system.css §0c); #fff = the
   theme's own .fg-wh .menu-toggle:before, which every ink post has today */
body.jt-ah--ink:not(.fullb) .site-header .menu-toggle:not(.activated)::before{color:var(--jt-ah-mast-fg,#fff)}
@media only screen and (min-width:1300px){
body.jt-ah--ink.single-post .site-header .wrap{min-height:66px}
/* the masthead CTA is a WhatsApp link, so it keeps the WhatsApp identity on the ink band too
	   (it used to go sage here); only the shadow is dropped against the dark plate. */
body.jt-ah--ink .site-header .genesis-nav-menu .menu-r{background:var(--jt-wa-bg);border-color:var(--jt-wa-bg);box-shadow:none}
body.jt-ah--ink .site-header .genesis-nav-menu .menu-r:hover,
	body.jt-ah--ink .site-header .genesis-nav-menu .menu-r:focus-within{background:var(--jt-ah-light);border-color:var(--jt-ah-light)}
body.jt-ah--ink .site-header .genesis-nav-menu .menu-r > a{color:var(--jt-wa-fg)!important}
/* masthead hooks: the light grounds of the post header system (post-header-system.css §0c) set --jt-ah-mast-fg / -fg-hover / -search /
	   -search-hover; everywhere else the fallbacks are today's dark-band values */
body.jt-ah--ink .site-header .genesis-nav-menu > .menu-item:not(.menu-r) > a{color:var(--jt-ah-mast-fg, var(--jt-ah-light-82))}
body.jt-ah--ink .site-header .genesis-nav-menu > .menu-item:not(.menu-r) > a:hover,
	body.jt-ah--ink .site-header .genesis-nav-menu > .menu-item:not(.menu-r) > a:focus{color:var(--jt-ah-mast-fg-hover, var(--jt-ah-light))}
body.jt-ah--ink .site-header .jt-menu-search__toggle{color:var(--jt-ah-mast-search, var(--jt-ah-light))}
body.jt-ah--ink .site-header .jt-menu-search__toggle:hover,
	body.jt-ah--ink .site-header .jt-menu-search.is-open .jt-menu-search__toggle{color:var(--jt-ah-mast-search-hover, var(--jt-ah-light))}
}
/* ------------------------------------------------------------------------
   3. Shared header anatomy (V1 values are the base; V3 overrides in §5)
   --------------------------------------------------------------------- */
body.jt-ah .jt-ah{
	position:relative;
	z-index:2;
	box-sizing:border-box;
	width:100%;
	margin:0;
	padding:calc(var(--jt-ah-mast) + 56px) 0 0;
	background:var(--jt-ah-paper);
	color:var(--jt-ah-ink);
	font:300 17px/1.65 var(--jt-ah-sans);
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
}
body.jt-ah .jt-ah *,
body.jt-ah .jt-ah *::before,
body.jt-ah .jt-ah *::after{box-sizing:border-box}
/* style.css:337 sets `a:focus-visible{outline:2px solid #1F1E20 !important}` globally.
   On the ink band that is #1F1E20 on #242329 — 1.05:1, an outline nobody can see.
   The header declares its own, and has to shout to be heard. Measured: teal #075e54
   on paper #f4eee8 = 7.4:1 · sage #dae1da on deep #242329 = 11.4:1. */
body.jt-ah .jt-ah :focus-visible{outline:2px solid var(--jt-ah-teal)!important;outline-offset:3px}
body.jt-ah .jt-ah__in{
	width:var(--jt-ah-rail);
	max-width:100%;
	margin:0 auto;
	padding:0;
}
/* Structural wrappers that only exist for two layouts. They are display:contents
   everywhere else, so they are invisible to layout and to the a11y tree:
   .jt-ah__rail  — kicker + reading time share one meta rail on ink ≤767 (board G4)
   .jt-ah__id    — avatar + who + credentials stay one zone on ink ≥1180 (board D) */
body.jt-ah .jt-ah__rail,
body.jt-ah .jt-ah__id{display:contents}
/* The reading time exists twice in the DOM (rail + ledger fact) but exactly one
   of the two is display:none at every breakpoint, so it is announced once. */
body.jt-ah .jt-ah__railtime{display:none}
/* Zone labels (ATUALIZADO / LEITURA) belong to board D only; elsewhere the date
   carries its own inline "Atualizado em" prefix and the reading time its suffix. */
body.jt-ah .jt-ah__flabel{display:none}
/* Kicker → H1 + dek (12-col grid ≥1200: H1 cols 1–7, dek cols 8–12 on the H1's last baseline) */
/* 2026-09-13: the kicker links the primary category hub (0/465 posts linked their category before). */
body.jt-ah .jt-ah__kicker a{color:inherit;text-decoration:none;display:inline-block;padding:6px 0;margin:-6px 0}
body.jt-ah .jt-ah__kicker a:hover,body.jt-ah .jt-ah__kicker a:focus-visible{text-decoration:underline}
body.jt-ah .jt-ah__kicker{
	margin:0 0 16px;
	padding:0;
	font:400 12px/1.35 var(--jt-ah-sans);
	text-transform:uppercase;
	letter-spacing:.14em;
	color:var(--jt-ah-teal);
}
body.jt-ah .jt-ah__head{
	display:grid;
	grid-template-columns:repeat(12, minmax(0,1fr));
	column-gap:40px;
	row-gap:0;
	align-items:last baseline;
}
body.jt-ah .jt-ah__title{
	grid-column:1 / 8;
	margin:0;
	padding:0;
	max-width:none;
	font:300 clamp(44px, 5vw, 72px)/1.04 var(--jt-ah-serif);
	letter-spacing:-.012em;
	color:var(--jt-ah-ink);
	text-align:left;
	text-transform:none;
	text-wrap:balance;
	overflow-wrap:break-word;
}
body.jt-ah .jt-ah:not(.jt-ah--has-dek) .jt-ah__title{grid-column:1 / -1;max-width:980px}
/* Long titles: one size step down (>44 chars), two steps + full width with the dek under it (>72 chars) */
body.jt-ah .jt-ah--title-l .jt-ah__title{grid-column:1 / 9;font-size:clamp(40px, 4.4vw, 60px)}
body.jt-ah .jt-ah--title-xl .jt-ah__title{grid-column:1 / -1;max-width:980px;font-size:clamp(36px, 3.8vw, 52px)}
/* a long title carries more mass: the ledger sits 32px under it (the ≤1099 value) instead of 40 */
body.jt-ah--type .jt-ah--title-l .jt-ah__byline,
body.jt-ah--type .jt-ah--title-xl .jt-ah__byline{margin-top:32px}
/* byline without an avatar tile (non-Gravatar authors; article-header.js drops the 404 image) */
body.jt-ah .jt-ah--no-avatar .jt-ah__byline{grid-template-columns:minmax(0,1fr) auto}
body.jt-ah .jt-ah--no-avatar .jt-ah__meta{grid-column:2}
/* Ledger = byline row + CTA row (type: two hairline rows; ink: one 12-col row) */
body.jt-ah .jt-ah__ledger{display:contents}
/* One-line byline ledger */
body.jt-ah .jt-ah__byline{
	display:flex;
	align-items:center;
	flex-wrap:wrap;
	gap:8px 24px;
	margin:40px 0 0;
	padding:12px 0;
	border-top:1px solid var(--jt-ah-line);
	border-bottom:1px solid var(--jt-ah-line);
}
body.jt-ah .jt-ah__avatar{
	display:block;
	width:40px;
	height:40px;
	flex:none;
	margin:0 -8px 0 0;
	border-radius:0;
	object-fit:cover;
	object-position:50% 18%;
}
body.jt-ah .jt-ah__label{
	font:400 11px/1.2 var(--jt-ah-sans);
	text-transform:uppercase;
	letter-spacing:.08em;
	color:var(--jt-ah-muted);
}
body.jt-ah .jt-ah__nameline{font:400 15px/1.3 var(--jt-ah-sans);color:var(--jt-ah-ink)}
body.jt-ah .jt-ah__name{
	font:400 15px/1.3 var(--jt-ah-sans);
	color:var(--jt-ah-ink);
	text-decoration:none;
}
body.jt-ah .jt-ah__name:hover{text-decoration:underline;text-underline-offset:3px}
body.jt-ah .jt-ah__role-inline,
body.jt-ah .jt-ah__crm-inline{display:none}
/* credentials read as one muted sentence; only the CRM is boxed, like a stamp */
body.jt-ah .jt-ah__stamp{
	display:inline-flex;
	align-items:center;
	height:24px;
	padding:0 9px;
	border:1px solid var(--jt-ah-line);
	font-size:11px;
	letter-spacing:.06em;
	text-transform:uppercase;
}
body.jt-ah .jt-ah__meta{
	margin:0 0 0 auto;
	padding:0;
	font:400 12px/1.3 var(--jt-ah-sans);
	color:var(--jt-ah-muted);
	white-space:nowrap;
}
body.jt-ah .jt-ah__sep{margin:0 8px}
/* Calm CTA row */
body.jt-ah .jt-ah__cta{
	display:flex;
	align-items:center;
	flex-wrap:wrap;
	gap:12px 24px;
	margin:0;
	padding:12px 0;
	border-bottom:1px solid var(--jt-ah-line);
}
/* WhatsApp CTA — brand green + white + the glyph, on BOTH skins.
   The three colours come from --jt-wa-bg / --jt-wa-fg / --jt-wa-bg-hover,
   declared once in style.css :root ("WhatsApp CTA identity"); the measured
   1.98:1 white-on-green ratio and the AA-passing swaps are documented there. */
body.jt-ah .jt-ah__pill{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	gap:8px;
	height:40px;
	margin:0;
	padding:0 22px;
	border:0;
	border-radius:999px;
	background:var(--jt-wa-bg);
	color:var(--jt-wa-fg);
	font:700 12px/1 var(--jt-ah-sans);
	text-transform:uppercase;
	letter-spacing:.1em;
	text-decoration:none;
	white-space:nowrap;
	box-shadow:none;
	transition:background-color .15s ease;
}
body.jt-ah .jt-ah__pill:hover,
body.jt-ah .jt-ah__pill:focus{background:var(--jt-wa-bg-hover);color:var(--jt-wa-fg);text-decoration:none}
body.jt-ah .jt-ah__wa{
	display:block;
	width:18px;
	height:18px;
	flex:none;
	fill:currentColor;
}
body.jt-ah :where(header.jt-ah) .jt-ah__trust{
	margin:0 0 0 auto;
	padding:0;
	font:400 13px/1.3 var(--jt-ah-sans);
	color:var(--jt-ah-muted);
}
body.jt-ah :where(header.jt-ah) .jt-ah__trust span{white-space:nowrap}
/* "Neste artigo" chip index (only when the post has ≥ 5 prose H2) */
body.jt-ah :where(header.jt-ah) .jt-ah__index{
	display:flex;
	align-items:center;
	flex-wrap:nowrap;
	gap:8px 16px;
	margin:0;
	padding:12px 0;
	border-bottom:1px solid var(--jt-ah-line);
	scroll-margin-top:24px;
}
body.jt-ah :where(header.jt-ah) .jt-ah__index-label{
	flex:none;
	margin:0;
	padding:0;
	font:400 11px/32px var(--jt-ah-sans);
	text-transform:uppercase;
	letter-spacing:.12em;
	color:var(--jt-ah-muted);
}
/* one row, never two: overflow scrolls horizontally (scroll-snap, no scrollbar); JS adds .is-scroll for the fade cue */
body.jt-ah :where(header.jt-ah) .jt-ah__index-list{
	display:flex;
	flex-wrap:nowrap;
	gap:8px;
	margin:0;
	padding:0;
	list-style:none;
	min-width:0;
	flex:1 1 auto;
	overflow-x:auto;
	overscroll-behavior-x:contain;
	scroll-snap-type:x proximity;
	-webkit-overflow-scrolling:touch;
	scrollbar-width:none;
}
body.jt-ah :where(header.jt-ah) .jt-ah__index-list::-webkit-scrollbar{display:none}
body.jt-ah :where(header.jt-ah) .jt-ah__index-list.is-scroll{
	-webkit-mask-image:linear-gradient(to right, #000 calc(100% - 56px), transparent);
	mask-image:linear-gradient(to right, #000 calc(100% - 56px), transparent);
}
body.jt-ah :where(header.jt-ah) .jt-ah__index-list li{scroll-snap-align:start}
body.jt-ah :where(header.jt-ah) .jt-ah__index-list li{margin:0;padding:0;list-style:none}
body.jt-ah :where(header.jt-ah) .jt-ah__index-list a{
	display:inline-flex;
	align-items:center;
	gap:8px;
	height:32px;
	padding:0 12px;
	border:1px solid var(--jt-ah-line);
	border-radius:999px;
	font:400 13px/1 var(--jt-ah-sans);
	color:var(--jt-ah-ink);
	text-decoration:none;
	white-space:nowrap;
	transition:border-color .15s ease,color .15s ease;
}
body.jt-ah :where(header.jt-ah) .jt-ah__index-list a:hover,
body.jt-ah :where(header.jt-ah) .jt-ah__index-list a:focus{border-color:var(--jt-ah-teal);color:var(--jt-ah-teal)}
body.jt-ah :where(header.jt-ah) .jt-ah__index-n{font-size:11px;letter-spacing:.06em;color:var(--jt-ah-muted)}
/* Anchor landing: keep the target H2 clear of the top bars */
body.jt-ah .entry-content h2[id^="jt-"]{scroll-margin-top:24px}
/* ------------------------------------------------------------------------
   4. Type skin breakpoints (V1)
   --------------------------------------------------------------------- */
/* ≤1199: the H1/dek split only holds while the dek is ≤3 lines; below 1200 the title is one column with the dek under it */
@media only screen and (max-width:1199px){
body.jt-ah .jt-ah__head{display:block}
}
/* ≤1099: the one-line ledger would wrap by accident; make it a deliberate two-row grid */
@media only screen and (max-width:1099px){
body.jt-ah .jt-ah__byline{
		display:grid;
		grid-template-columns:40px minmax(0,1fr) auto;
		column-gap:16px;
		row-gap:10px;
		align-items:center;
		margin-top:32px;
	}
body.jt-ah .jt-ah__avatar{grid-row:1 / span 2;margin:0}
body.jt-ah .jt-ah__meta{grid-column:3;grid-row:1;margin:0}
}
/* ≤1023: hamburger masthead */
@media only screen and (max-width:1023px){
body.jt-ah .jt-ah{padding-top:calc(var(--jt-ah-mast) + 40px)}
}
/* ≤767: compact mobile */
@media only screen and (max-width:767px){
body.jt-ah .jt-ah{padding-top:calc(var(--jt-ah-mast) + 20px)}
body.jt-ah .jt-ah__kicker{margin-bottom:8px;font-size:11px;letter-spacing:.12em}
body.jt-ah .jt-ah__title{font-size:32px;line-height:1.08;letter-spacing:-.01em}
body.jt-ah .jt-ah--title-l .jt-ah__title{font-size:30px}
body.jt-ah .jt-ah--title-xl .jt-ah__title{font-size:28px}
/* the chip row is right there: the "Ver índice" text link is redundant on mobile */
/* ledger → 32px | 1fr grid: avatar spans two rows (name, CRM stamp); label stays for screen readers */
body.jt-ah .jt-ah__byline{
		display:grid;
		grid-template-columns:32px minmax(0,1fr);
		column-gap:10px;
		row-gap:4px;
		align-items:center;
		margin-top:16px;
		padding:6px 0;
	}
body.jt-ah .jt-ah__avatar{width:32px;height:32px;margin:0;grid-row:1 / span 2}
body.jt-ah .jt-ah__label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
body.jt-ah .jt-ah__nameline,
	body.jt-ah .jt-ah__name{font-size:14px;line-height:1.2}
body.jt-ah .jt-ah__stamp{height:22px;padding:0 7px;font-size:11px;letter-spacing:.04em}
body.jt-ah .jt-ah__meta{display:none}
body.jt-ah .jt-ah__byline:not(:has(.jt-ah__proof)) .jt-ah__avatar{grid-row:1}
body.jt-ah .jt-ah--no-avatar .jt-ah__byline{grid-template-columns:minmax(0,1fr)}
/* the header closes with the same hairline as on desktop, so the trust line never reads as the article's first line */
body.jt-ah .jt-ah__cta{display:grid;gap:8px;justify-items:start;padding:8px 0 12px}
body.jt-ah .jt-ah__pill{width:100%;max-width:360px;height:44px}
/* standalone target on a phone: WCAG 2.2 target size. Padding grows the hit area; the negative
	   margin keeps the visual rhythm the boards measured. */
body.jt-ah :where(header.jt-ah) .jt-ah__trust{margin:0;font-size:12px;line-height:1.35}
/* No index row on phones. It cost 52px of a ~475px header to reveal 90% of
	   one chip out of eight (350px rail − 102px label = a 268px window on 2053px
	   of chips), so it read as a clipped element, not a carousel — and neither
	   approved mockup has an index at all. The header keeps the mockups' anatomy
	   on mobile and the desktop chip rail is untouched.
	   The "Ver índice" text link stays hidden with it (rule above): its target
	   is this row, so it must not outlive it.
	   (2026-09-06 review round 1, P1 "Neste artigo chip index on mobile".) */
body.jt-ah :where(header.jt-ah) .jt-ah__index{display:none}
}
@media only screen and (max-width:359px){
body.jt-ah .jt-ah__title{font-size:30px}
}
/* ------------------------------------------------------------------------
   5. Ink skin (V3) — one deep band; the paper body starts where the band ends
   --------------------------------------------------------------------- */
body.jt-ah--ink .jt-ah{
	padding-top:calc(var(--jt-ah-mast) + 40px);
	background:var(--jt-ah-deep);
	color:var(--jt-ah-light);
}
body.jt-ah--ink .jt-ah :focus-visible{outline-color:var(--jt-ah-sage)!important}
body.jt-ah--ink .jt-ah__kicker{margin:0;font:400 12px/16px var(--jt-ah-sans);color:var(--jt-ah-sage)}
body.jt-ah--ink .jt-ah__head{display:block}
body.jt-ah--ink .jt-ah__title{
	margin:20px 0 0;
	max-width:980px;
	font:300 clamp(30px, 19.2px + 2.9vw, 60px)/1.06 var(--jt-ah-serif); /* v3: 1.2rem + 2.9vw at a 16px root */
	letter-spacing:-.01em;
	color:var(--jt-ah-light);
}
body.jt-ah--ink .jt-ah--title-l .jt-ah__title{font-size:clamp(28px, 16px + 2.6vw, 52px)}
body.jt-ah--ink .jt-ah--title-xl .jt-ah__title{font-size:clamp(26px, 14.4px + 2.3vw, 46px)}
/* Ledger: hairline row, byline left (7/12), actions right (4/12) */
body.jt-ah--ink .jt-ah__ledger{
	display:grid;
	grid-template-columns:repeat(12, minmax(0,1fr));
	column-gap:20px;
	row-gap:24px;
	align-items:start;
	margin-top:32px;
	padding:20px 0 40px;
	border-top:1px solid var(--jt-ah-hair-ink);
}
body.jt-ah--ink .jt-ah--has-index .jt-ah__ledger{padding-bottom:20px}
body.jt-ah--ink .jt-ah__byline{
	grid-column:1 / span 7;
	display:grid;
	grid-template-columns:44px auto minmax(0,1fr);
	column-gap:16px;
	row-gap:0;
	align-items:start;
	margin:0;
	padding:0;
	border:0;
}
body.jt-ah--ink .jt-ah__avatar{width:44px;height:44px;margin:0;grid-column:1;grid-row:1 / span 2}
body.jt-ah--ink .jt-ah__label{font:400 11px/1.3 var(--jt-ah-sans);letter-spacing:.12em;color:var(--jt-ah-light-82)}
body.jt-ah--ink .jt-ah__nameline{margin-top:5px;font:400 16px/1.35 var(--jt-ah-sans);color:var(--jt-ah-light)}
body.jt-ah--ink .jt-ah__name{font:400 16px/1.35 var(--jt-ah-sans);color:var(--jt-ah-light)}
body.jt-ah--ink .jt-ah__role-inline{display:inline;color:var(--jt-ah-light-82)}
body.jt-ah--ink .jt-ah__stamp{
	height:auto;
	padding:5px 8px;
	border:1px solid rgba(218,225,218,.45);
	font-size:13px;
	letter-spacing:0;
	text-transform:none;
	color:var(--jt-ah-sage);
}
body.jt-ah--ink .jt-ah__meta{
	grid-column:3;
	grid-row:2;
	justify-self:start;
	margin:8px 0 0;
	padding:5px 0;
	font:400 13px/1 var(--jt-ah-sans);
	color:var(--jt-ah-light-82);
	white-space:normal;
}
body.jt-ah--ink .jt-ah__meta::before{content:"·";margin:0 8px;color:rgba(241,236,231,.62)}
body.jt-ah--ink .jt-ah__sep{margin:0 8px;color:rgba(241,236,231,.62)}
body.jt-ah--ink .jt-ah__byline:not(:has(.jt-ah__proof)) .jt-ah__meta{grid-column:2;margin-top:8px}
body.jt-ah--ink .jt-ah--no-avatar .jt-ah__byline{grid-template-columns:auto minmax(0,1fr)}
body.jt-ah--ink .jt-ah--no-avatar .jt-ah__meta{grid-column:2}
body.jt-ah--ink .jt-ah--no-avatar .jt-ah__byline:not(:has(.jt-ah__proof)) .jt-ah__meta{grid-column:1}
body.jt-ah--ink .jt-ah__byline:not(:has(.jt-ah__proof)) .jt-ah__meta::before{content:none;margin:0}
body.jt-ah--ink .jt-ah__cta{
	grid-column:9 / -1;
	display:grid;
	grid-template-columns:auto auto;
	grid-template-areas:"link pill" "trust trust";
	justify-content:end;
	column-gap:24px;
	row-gap:12px;
	align-items:center;
	margin:0;
	padding:0;
	border:0;
}
/* The ink pill keeps its 44px geometry and 12px/.14em label; the colours are
   the shared WhatsApp identity from §3 (the sage fill is gone from both skins). */
body.jt-ah--ink .jt-ah__pill{
	grid-area:pill;
	justify-self:end;
	height:44px;
	padding:0 22px;
	font:400 12px/1 var(--jt-ah-sans);
	letter-spacing:.14em;
	transition:background-color .15s ease;
}
body.jt-ah--ink .jt-ah__cta:not(:has(.jt-ah__link)) .jt-ah__pill{grid-column:1 / -1}
body.jt-ah--ink :where(header.jt-ah) .jt-ah__trust{
	grid-area:trust;
	margin:0;
	font:400 13px/1.4 var(--jt-ah-sans);
	color:var(--jt-ah-light-82);
	text-align:right;
}
body.jt-ah--ink :where(header.jt-ah) .jt-ah__index{
	padding:0 0 40px;
	border-bottom:0;
}
body.jt-ah--ink :where(header.jt-ah) .jt-ah__index-label{color:var(--jt-ah-light-82)}
body.jt-ah--ink :where(header.jt-ah) .jt-ah__index-list a{border-color:rgba(241,236,231,.35);color:var(--jt-ah-light)}
body.jt-ah--ink :where(header.jt-ah) .jt-ah__index-list a:hover,
body.jt-ah--ink :where(header.jt-ah) .jt-ah__index-list a:focus{border-color:var(--jt-ah-sage);color:var(--jt-ah-sage)}
body.jt-ah--ink :where(header.jt-ah) .jt-ah__index-n{color:var(--jt-ah-light-82)}
@media only screen and (max-width:1279px){
body.jt-ah--ink .jt-ah__ledger{column-gap:16px}
body.jt-ah--ink .jt-ah__byline{grid-column:1 / span 7}
body.jt-ah--ink .jt-ah__cta{grid-column:8 / -1}
}
@media only screen and (max-width:1179px){
/* 7/5 split stops fitting the fact line; stack byline row over actions row */
body.jt-ah--ink .jt-ah__ledger{padding-bottom:32px}
body.jt-ah--ink .jt-ah--has-index .jt-ah__ledger{padding-bottom:20px}
body.jt-ah--ink .jt-ah__byline{grid-column:1 / -1}
body.jt-ah--ink .jt-ah__cta{
		grid-column:1 / -1;
		grid-template-columns:auto auto minmax(0,1fr);
		grid-template-areas:"pill link trust";
		justify-content:start;
		column-gap:24px;
	}
body.jt-ah--ink .jt-ah__pill,
	body.jt-ah--ink .jt-ah__link{justify-self:start}
body.jt-ah--ink .jt-ah__cta:not(:has(.jt-ah__link)){grid-template-columns:auto minmax(0,1fr);grid-template-areas:"pill trust"}
body.jt-ah--ink .jt-ah__cta:not(:has(.jt-ah__link)) .jt-ah__pill{grid-column:auto}
body.jt-ah--ink :where(header.jt-ah) .jt-ah__trust{text-align:right}
body.jt-ah--ink :where(header.jt-ah) .jt-ah__index{padding-bottom:32px}
}
@media only screen and (max-width:1099px){
/* undo the type-skin two-row grid: the ink byline keeps its own grid */
body.jt-ah--ink .jt-ah__byline{grid-template-columns:44px auto minmax(0,1fr);column-gap:16px;row-gap:0;margin-top:0}
body.jt-ah--ink .jt-ah__avatar{grid-row:1 / span 2}
body.jt-ah--ink .jt-ah__meta{grid-column:3;grid-row:2;margin:8px 0 0}
body.jt-ah--ink .jt-ah__byline:not(:has(.jt-ah__proof)) .jt-ah__meta{grid-column:2}
}
@media only screen and (max-width:1023px){
body.jt-ah--ink .jt-ah{padding-top:calc(var(--jt-ah-mast) + 32px)}
}
/* ---- Ink mobile ≤767 = board G4 "Amplo" -------------------------------
   Source: design-previews/20260905-post-headers-6/canvas/RefinoG4-Ink-Mobile-Amplo.
   Composition: 44px masthead reserved inside the band · ONE 11px sage meta rail
   (kicker left, reading time right) · 32px Butler H1 with real air on both sides ·
   NO dek (it is derived from the Rank Math description, not authored — dropping it
   is the trade that buys the height) · one hairline · one byline line (24px avatar,
   name, CRM stamp) · pill beside "Ver resposta curta" · trust line.
   Cadence: 28px between groups, 8–16px inside a group.
   Board measurement: band bottom 358, first body paragraph 386. */
@media only screen and (max-width:767px){
body.jt-ah--ink .jt-ah{padding:calc(var(--jt-ah-mast) + 28px) 0 24px}
/* group 1 — the meta rail */
body.jt-ah--ink .jt-ah__rail{
		display:flex;
		align-items:baseline;
		justify-content:space-between;
		gap:16px;
	}
body.jt-ah--ink .jt-ah__kicker{
		margin:0;
		min-width:0;
		font:400 11px/1.3 var(--jt-ah-sans);
		letter-spacing:.1em;
		color:var(--jt-ah-sage);
	}
body.jt-ah--ink .jt-ah__railtime{
		display:block;
		margin:0;
		font:400 11px/1.3 var(--jt-ah-sans);
		letter-spacing:.02em;
		color:var(--jt-ah-sage);
		white-space:nowrap;
		font-variant-numeric:tabular-nums;
	}
/* group 2 — the title, alone */
body.jt-ah--ink .jt-ah__head{display:block;margin-top:16px}
body.jt-ah--ink .jt-ah__title,
	body.jt-ah--ink .jt-ah--title-l .jt-ah__title,
	body.jt-ah--ink .jt-ah--title-xl .jt-ah__title{
		margin:0;
		max-width:none;
		font-size:32px;
		line-height:1.1;
		letter-spacing:-.015em;
	}
/* No dek on ink phones. It is the deliberate trade for the 32px title. */
/* ...but the trade only pays where there IS a dek to give up. On the 26 of 70 pillars that
	   carry none, 32px buys nothing and pushes the title to a third line (+82 to +96px measured).
	   Those keep the 28px step. */
body.jt-ah--ink .jt-ah:not(.jt-ah--has-dek) .jt-ah__title,
	body.jt-ah--ink .jt-ah:not(.jt-ah--has-dek).jt-ah--title-l .jt-ah__title,
	body.jt-ah--ink .jt-ah:not(.jt-ah--has-dek).jt-ah--title-xl .jt-ah__title{font-size:28px}
/* group 3 — authority, opened by the band's single hairline.
	   The .jt-ah--has-index variant is spelled out because the ≤1179 rule that
	   trims its closing padding is (0,3,1) and would otherwise outrank this. */
body.jt-ah--ink .jt-ah__ledger,
	body.jt-ah--ink .jt-ah--has-index .jt-ah__ledger{
		display:grid;
		grid-template-columns:minmax(0,1fr);
		row-gap:24px;
		column-gap:0;
		margin-top:28px;
		padding:16px 0 0;
		border-top:1px solid var(--jt-ah-hair-ink);
		border-bottom:0;
	}
body.jt-ah--ink .jt-ah__byline{display:block;margin:0;padding:0;border:0}
body.jt-ah--ink .jt-ah__avatar{width:24px;height:24px;margin:0;flex:none}
/* the role, the school, the date: all cut. The line is who + licence. */
body.jt-ah--ink .jt-ah__role-inline,
	body.jt-ah--ink .jt-ah__crm-inline,
	body.jt-ah--ink .jt-ah__meta{display:none}
/* The reviewer label is cut VISUALLY only — display:none would drop "Artigo médico revisado por"
	   out of the accessibility tree, leaving a screen reader with a bare name and a licence number
	   and no statement that this is medical review. */
body.jt-ah--ink .jt-ah__label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
body.jt-ah--ink .jt-ah__nameline,
	body.jt-ah--ink .jt-ah__name{
		display:block;
		margin:0;
		font:400 13px/1.2 var(--jt-ah-sans);
		color:var(--jt-ah-light);
		white-space:nowrap;
	}
body.jt-ah--ink .jt-ah__stamp{
		height:20px;
		padding:0 7px;
		border:1px solid rgba(218,225,218,.45);
		font:400 11px/1 var(--jt-ah-sans);
		letter-spacing:.03em;
		text-transform:none;
		color:var(--jt-ah-sage);
		white-space:nowrap;
		font-variant-numeric:tabular-nums;
	}
/* the pill and the short-answer link sit side by side, trust under them */
body.jt-ah--ink .jt-ah__cta{
		display:grid;
		grid-template-columns:auto minmax(0,auto);
		grid-template-areas:"pill link" "trust trust";
		justify-content:start;
		align-items:center;
		column-gap:14px;
		row-gap:8px;
		margin:0;
		padding:0;
		border:0;
	}
body.jt-ah--ink .jt-ah__cta:not(:has(.jt-ah__link)){grid-template-columns:auto;grid-template-areas:"pill" "trust"}
body.jt-ah--ink .jt-ah__pill{
		width:auto;
		max-width:none;
		justify-self:start;
		height:44px;
		padding:0 18px;
		letter-spacing:.1em;
	}
body.jt-ah--ink :where(header.jt-ah) .jt-ah__trust{
		grid-area:trust;
		margin:0;
		font:400 12px/1.4 var(--jt-ah-sans);
		letter-spacing:.01em;
		color:rgba(241,236,231,.72);
		text-align:left;
	}
body.jt-ah--ink :where(header.jt-ah) .jt-ah__index{padding:0}
}
/* Below ~380 the pill + link row stops fitting the rail: stack them (the pill
   keeps its 44px target, the link keeps its own) and let the stamp own a line. */
@media only screen and (max-width:379px){
body.jt-ah--ink .jt-ah__cta{
		grid-template-columns:minmax(0,1fr);
		grid-template-areas:"pill" "link" "trust";
		row-gap:4px;
	}
body.jt-ah--ink .jt-ah__cta:not(:has(.jt-ah__link)){grid-template-columns:minmax(0,1fr);grid-template-areas:"pill" "trust"}
body.jt-ah--ink .jt-ah__title,
	body.jt-ah--ink .jt-ah--title-l .jt-ah__title,
	body.jt-ah--ink .jt-ah--title-xl .jt-ah__title{font-size:30px}
}
/* ---- Ink desktop ≥1180 = board D "V3 mais hierarquia" -----------------
   Source: design-previews/20260905-post-headers-6/canvas/RefinoD-V3-MaisHierarquia.
   80px H1 on columns 1–8, the dek demoted to a ~4-column side note bottom-aligned
   to the H1's LAST baseline, and the byline promoted to a ruled fact strip between
   two hairlines: four top-aligned zones (identity · ATUALIZADO · LEITURA · actions),
   byline and action columns the same 70px height. The band ends flush at the paper.
   The strip only holds on the full 1180 rail; below 1180 the ink header falls back
   to the layout above (and to board G4 below 768). */
@media only screen and (min-width:1180px){
body.jt-ah--ink .jt-ah{padding-bottom:28px}
body.jt-ah--ink .jt-ah__kicker{
		margin:0 0 12px;
		font:400 11px/14px var(--jt-ah-sans);
		letter-spacing:.16em;
		color:var(--jt-ah-sage);
	}
body.jt-ah--ink .jt-ah__head{
		display:grid;
		grid-template-columns:repeat(12, minmax(0,1fr));
		column-gap:20px;
		row-gap:12px;
		align-items:last baseline;
	}
/* Title ladder, ink only. Measured over the 70 pillar posts: median 50 chars,
	   p90 70, max 122; only 21/70 are ≤44. The 43-post 45–72 majority steps 51.5→64. */
body.jt-ah--ink .jt-ah__title{
		grid-column:1 / 9;
		margin:0;
		max-width:none;
		font-size:80px;
		line-height:1;
		letter-spacing:-.015em;
	}
body.jt-ah--ink .jt-ah--title-l .jt-ah__title{font-size:64px;line-height:1.02}
body.jt-ah--ink .jt-ah--title-xl .jt-ah__title{font-size:54px;line-height:1.04}
/* Board D keeps the H1 on 1–8 and the dek on 9–12 at every step of the
	   ladder; the type skin's (0,3,1) title-l/title-xl rules send both full
	   width, so each modifier has to be named here to be overridden. */
body.jt-ah--ink .jt-ah--title-l .jt-ah__title,
	body.jt-ah--ink .jt-ah--title-xl .jt-ah__title{grid-column:1 / 9;max-width:none}
body.jt-ah--ink .jt-ah:not(.jt-ah--has-dek) .jt-ah__title{grid-column:1 / -1;max-width:none}
/* the ruled fact strip */
body.jt-ah--ink .jt-ah__ledger,
	body.jt-ah--ink .jt-ah--has-index .jt-ah__ledger{
		margin-top:40px;
		padding:16px 0;
		border-top:1px solid var(--jt-ah-hair-ink);
		border-bottom:1px solid var(--jt-ah-hair-ink);
		column-gap:20px;
		row-gap:16px;
		align-items:start;
	}
/* the byline goes transparent so the two fact zones can take their own
	   columns on the ledger grid; .jt-ah__id keeps the identity block together. */
body.jt-ah--ink .jt-ah__byline,
	body.jt-ah--ink .jt-ah__meta{display:contents}
body.jt-ah--ink .jt-ah__avatar{width:40px;height:40px;margin:0;grid-column:1;grid-row:1 / span 2}
body.jt-ah--ink .jt-ah__label{
		font:400 11px/14px var(--jt-ah-sans);
		letter-spacing:.12em;
		text-transform:uppercase;
		color:rgba(241,236,231,.66);
	}
body.jt-ah--ink .jt-ah__nameline,
	body.jt-ah--ink .jt-ah__name{margin:0;font:400 14px/20px var(--jt-ah-sans);color:var(--jt-ah-light)}
body.jt-ah--ink .jt-ah__nameline{white-space:nowrap}
/* board D separates the credentials with a 12px gap, not a middot; the
	   is-crm rule in the ink base is (0,4,2) so it has to be named to be undone */
body.jt-ah--ink .jt-ah__stamp{
		height:24px;
		padding:0 9px;
		border:1px solid rgba(218,225,218,.55);
		font:400 11px/1 var(--jt-ah-sans);
		letter-spacing:.06em;
		text-transform:uppercase;
		color:var(--jt-ah-sage);
		font-variant-numeric:tabular-nums;
	}
/* zones 2 and 3: an 11px sage label over a 14px value */
body.jt-ah--ink .jt-ah__fact{
		display:flex;
		flex-direction:column;
		align-items:flex-start;
		gap:6px;
		min-width:0;
	}
body.jt-ah--ink .jt-ah__fact--date{grid-column:6 / 8}
body.jt-ah--ink .jt-ah__fact--read{grid-column:8 / 9}
body.jt-ah--ink .jt-ah__flabel{
		display:block;
		font:400 11px/14px var(--jt-ah-sans);
		text-transform:uppercase;
		letter-spacing:.12em;
		color:rgba(241,236,231,.66);
	}
body.jt-ah--ink .jt-ah__fact time,
	body.jt-ah--ink .jt-ah__fact .jt-ah__time{
		font:400 14px/20px var(--jt-ah-sans);
		color:var(--jt-ah-light);
		white-space:nowrap;
		font-variant-numeric:tabular-nums;
	}
/* the labels carry the meaning here, so the inline prefix/suffix go */
body.jt-ah--ink .jt-ah__datepre,
	body.jt-ah--ink .jt-ah__time-x,
	body.jt-ah--ink .jt-ah__sep{display:none}
body.jt-ah--ink .jt-ah__meta::before{content:none}
/* zone 4: the same 70px column height as the identity block */
body.jt-ah--ink .jt-ah__cta{
		grid-column:9 / -1;
		display:grid;
		grid-template-columns:auto auto;
		grid-template-areas:"link pill" "trust trust";
		justify-content:end;
		align-items:center;
		column-gap:20px;
		row-gap:8px;
		margin:0;
		padding:0;
		border:0;
	}
body.jt-ah--ink :where(header.jt-ah) .jt-ah__trust{
		grid-area:trust;
		justify-self:end;
		margin:0;
		font:400 13px/18px var(--jt-ah-sans);
		color:var(--jt-ah-light-82);
		text-align:right;
	}
/* index (has-index pillars only) sits under the ruled strip */
body.jt-ah--ink :where(header.jt-ah) .jt-ah__index{padding:16px 0 0}
/* no-avatar authors: the identity zone loses its 40px column */
}
/* ------------------------------------------------------------------------
   6. Sticky action bar (arm-gated, revealed by JS after 60% of the body)
   --------------------------------------------------------------------- */
/* Desktop: a centred ≤720px strip (the floating WhatsApp button at x ≥ 1288 stays clear); ≤1023: full width. */
body.jt-ah .jt-ah-bar{
	position:fixed;
	left:50%;
	bottom:0;
	z-index:9990;
	box-sizing:border-box;
	width:min(720px, calc(100vw - 40px));
	height:64px;
	margin:0;
	padding:0 20px;
	background:var(--jt-ah-surface);
	border:1px solid var(--jt-ah-line);
	border-bottom:0;
	color:var(--jt-ah-ink);
	font:400 13px/1.3 var(--jt-ah-sans);
	transform:translate(-50%, 100%);
	transition:transform .25s ease;
}
/* The bar ships with `hidden` and stays display:none until article-header.js
   un-hides it (and re-hides it after the slide-out): the old
   `[hidden]{display:block}` override left both controls focusable inside an
   aria-hidden subtree from page load — axe aria-hidden-focus / WCAG 4.1.2.
   The two guards below cover the ~300ms hide animation, when the element is
   still painted. (2026-09-06 review round 1, P1 "a11y / JS+CSS sticky bar".) */
body.jt-ah .jt-ah-bar:not(.is-on){visibility:hidden;pointer-events:none}
body.jt-ah .jt-ah-bar{transition:transform .25s ease, visibility 0s .25s}
body.jt-ah .jt-ah-bar.is-on{visibility:visible;pointer-events:auto;transition:transform .25s ease, visibility 0s 0s}
body.jt-ah .jt-ah-bar.is-on{transform:translate(-50%, 0)}
@media (max-width:1023px){
body.jt-ah .jt-ah-bar{left:0;right:0;width:100%;border-left:0;border-right:0;transform:translateY(100%)}
body.jt-ah .jt-ah-bar.is-on{transform:translateY(0)}
}
body.jt-ah .jt-ah-bar__in{
	display:flex;
	align-items:center;
	gap:16px;
	width:100%;
	max-width:720px;
	height:100%;
	margin:0 auto;
}
body.jt-ah .jt-ah-bar__left{flex:1 1 auto;min-width:0;color:var(--jt-ah-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* Same WhatsApp identity as the header pill (see §3 and style.css :root). */
body.jt-ah .jt-ah-bar__pill{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	gap:8px;
	flex:none;
	height:44px;
	padding:0 22px;
	border-radius:999px;
	background:var(--jt-wa-bg);
	color:var(--jt-wa-fg);
	font:700 12px/1 var(--jt-ah-sans);
	text-transform:uppercase;
	letter-spacing:.1em;
	text-decoration:none;
	white-space:nowrap;
}
body.jt-ah .jt-ah-bar__pill:hover,
body.jt-ah .jt-ah-bar__pill:focus{background:var(--jt-wa-bg-hover);color:var(--jt-wa-fg)}
body.jt-ah .jt-ah-bar__close{
	flex:none;
	width:44px;
	height:44px;
	margin:0 -10px 0 0;
	padding:0;
	border:0;
	border-radius:0;
	background:transparent;
	color:var(--jt-ah-muted);
	font:300 26px/1 var(--jt-ah-sans);
	cursor:pointer;
}
body.jt-ah .jt-ah-bar__close:hover,
body.jt-ah .jt-ah-bar__close:focus{color:var(--jt-ah-ink);background:transparent}
/* The site-wide `a:focus-visible{outline:2px solid #1F1E20!important}` (style.css) out-specifies a plain
   rule here, and a white ring at offset 0 vanishes on the green pill — so this needs !important too. */
body.jt-ah .jt-ah-bar :focus-visible{outline:2px solid var(--jt-ah-teal)!important;outline-offset:3px!important}
body.jt-ah .jt-ah-bar__pill:focus-visible{outline:2px solid var(--jt-ah-ink)!important;outline-offset:3px!important}
/* WhatsApp button collision rule: ≤1023 lift the plugin button above the bar; desktop keeps the bar ≤720px centred */
@media (max-width:1023px){
body.jt-ah.jt-bar-on .whatsapp-button.whatsapp-button__trigger{bottom:calc(64px + 12px)!important}
body.jt-ah.jt-bar-on .sidebar-form{bottom:calc(64px + 100px)!important}
}
body.jt-ah.jt-bar-on .site-footer{padding-bottom:88px}
@media (prefers-reduced-motion:reduce){
body.jt-ah .jt-ah-bar,
	body.jt-ah .jt-ah-bar.is-on{transition:none}
body.jt-ah .jt-ah *{transition:none!important}
}
/* ------------------------------------------------------------------------
   7. "Resumo para levar à consulta" print affordance + print sheet
   --------------------------------------------------------------------- */
body.jt-ah .jt-ah-print{
	display:inline-flex;
	align-items:center;
	gap:6px;
	margin:-4px 0 16px;
	padding:0;
	border:0;
	background:transparent;
	color:var(--jt-ah-teal);
	font:400 13px/1.3 var(--jt-ah-sans);
	text-decoration:underline;
	text-decoration-thickness:1px;
	text-underline-offset:4px;
	text-decoration-color:var(--jt-ah-line);
	cursor:pointer;
	box-shadow:none;
}
body.jt-ah .jt-ah-print:hover,
body.jt-ah .jt-ah-print:focus{color:var(--jt-ah-teal-ink);text-decoration-color:currentColor;background:transparent}
body.jt-ah .jt-ah-print svg{width:13px;height:13px;flex:none;stroke:currentColor;fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
body.jt-ah .jt-ah-printsheet{display:none}
@media print{
/* Full-article printing keeps the title, author and medical content;
	 * screen navigation and appointment controls have no printed action. */
body.single-post.jt-ah .site-header,
	body.single-post.jt-ah .site-footer,
	body.single-post.jt-ah .toma-hashbar--top,
	body.single-post.jt-ah .hthb-notification,
	body.single-post.jt-ah .whatsapp-button__trigger,
	body.single-post.jt-ah .sidebar-form,
	body.single-post.jt-ah .jt-ah__cta,
	body.single-post.jt-ah :where(header.jt-ah) .jt-ah__index{display:none!important}
body.jt-ah .jt-ah-bar,
	body.jt-ah .jt-ah-print{display:none!important}
body.jt-print-resumo > *:not(.jt-ah-printsheet){display:none!important}
body.jt-print-resumo{background:#fff;margin:0;padding:0}
body.jt-print-resumo .jt-ah-printsheet{
		display:block;
		box-sizing:border-box;
		width:100%;
		max-width:170mm;
		margin:0 auto;
		padding:0;
		color:#1f1f21;
		font:400 16px/1.5 Roobert, "Helvetica Neue", Arial, sans-serif;
	}
body.jt-print-resumo .jt-ah-printsheet__site{margin:0 0 20px;padding:0 0 8px;border-bottom:1px solid #c7bdb5;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#565351}
body.jt-print-resumo .jt-ah-printsheet__site span{display:block;letter-spacing:0;text-transform:none;font-size:11px}
body.jt-print-resumo .jt-ah-printsheet__title{margin:0 0 6px;font:300 26pt/1.15 Butler, Georgia, "Times New Roman", serif;letter-spacing:-.01em}
body.jt-print-resumo .jt-ah-printsheet__author{margin:0 0 24px;font-size:12px;color:#565351}
body.jt-print-resumo .jt-ah-printsheet__body > div,
	body.jt-print-resumo .jt-ah-printsheet__body > div > div{border:0!important;background:transparent!important;box-shadow:none!important;padding:0!important;margin:0!important;width:auto!important;max-width:none!important}
body.jt-print-resumo .jt-ah-printsheet__body *{background:transparent!important;box-shadow:none!important;color:#1f1f21!important}
body.jt-print-resumo .jt-ah-printsheet__body h2{margin:0 0 12px;font:400 18pt/1.25 Butler, Georgia, serif}
body.jt-print-resumo .jt-ah-printsheet__body h3{margin:16px 0 8px;font:400 13pt/1.3 Butler, Georgia, serif}
body.jt-print-resumo .jt-ah-printsheet__body p{margin:0 0 12px;max-width:none}
body.jt-print-resumo .jt-ah-printsheet__body ul,
	body.jt-print-resumo .jt-ah-printsheet__body ol{margin:0 0 12px 20px;padding:0}
body.jt-print-resumo .jt-ah-printsheet__body li{margin:0 0 6px}
body.jt-print-resumo .jt-ah-printsheet__body a{color:inherit;text-decoration:none}
body.jt-print-resumo .jt-ah-printsheet__body img,
	body.jt-print-resumo .jt-ah-printsheet__body button,
	body.jt-print-resumo .jt-ah-printsheet__body .jt-ah-print{display:none!important}
body.jt-print-resumo .jt-ah-printsheet__foot{margin:28px 0 0;padding:8px 0 0;border-top:1px solid #c7bdb5;font-size:11px;color:#565351}
@page{size:A4;margin:18mm}
}