/* Tracom Content Experience — public presentation only. */
:root{
	--tracom-gam-accent:#40bd61;
	--tracom-gam-accent-dark:#256836;
	--tracom-gam-accent-strong:#249561;
	--tracom-gam-ink:#222021;
	--tracom-gam-muted:#565656;
	--tracom-gam-soft:#f9faf9;
	--tracom-gam-border:#eceeeb;
	--tracom-gam-white:#fff;
	--tracom-gam-shadow:0 18px 50px rgba(34,32,33,.08);
	--tracom-gam-width:920px;
	--tracom-gam-wide:1180px;
}

body.tracom-gam-enhanced-article .tracom-gam-article{
	width:min(var(--tracom-gam-width),calc(100% - 40px));
	margin-inline:auto;
	color:var(--tracom-gam-ink);
	font-family:"DM Sans",Arial,sans-serif;
	font-size:18px;
	line-height:1.82;
	overflow-wrap:anywhere;
}

body.tracom-gam-enhanced-article .tracom-gam-article>h1:first-of-type{
	max-width:1000px;
	margin:40px auto 20px;
	padding:0;
	border:0;
	color:#121212;
	font-family:"DM Sans",Arial,sans-serif;
	font-size:clamp(38px,5.2vw,56px);
	line-height:1.12;
	font-weight:800;
	letter-spacing:-.035em;
}

.tracom-gam-article-byline{
	margin:0 0 32px;
	padding:0 0 22px;
	border-bottom:1px solid var(--tracom-gam-border);
}

.tracom-gam-categories{
	display:flex;
	flex-wrap:wrap;
	gap:8px;
	margin-bottom:14px;
}

.tracom-gam-categories a,
.tracom-gam-card-term,
.tracom-gam-archive-kicker{
	display:inline-flex;
	align-items:center;
	min-height:30px;
	padding:5px 11px;
	border:1px solid rgba(64,189,97,.28);
	border-radius:999px;
	background:rgba(64,189,97,.1);
	color:var(--tracom-gam-accent-dark)!important;
	font-size:12px;
	font-weight:800;
	line-height:1.2;
	letter-spacing:.02em;
	text-decoration:none!important;
}

.tracom-gam-categories a:hover{
	background:var(--tracom-gam-accent);
	color:#102416!important;
}

.tracom-gam-meta-line{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	gap:8px 0;
	color:var(--tracom-gam-muted);
	font-size:14px;
	line-height:1.5;
}

.tracom-gam-meta-item{
	display:inline-flex;
	align-items:center;
}

.tracom-gam-meta-item:not(:last-child)::after{
	content:"";
	display:inline-block;
	width:4px;
	height:4px;
	margin-inline:11px;
	border-radius:50%;
	background:var(--tracom-gam-accent);
}

.tracom-gam-meta-line a{
	color:var(--tracom-gam-ink)!important;
	font-weight:800;
	text-decoration:none!important;
}

.tracom-gam-meta-line a:hover{
	color:var(--tracom-gam-accent-dark)!important;
}

body.tracom-gam-enhanced-article .tracom-gam-article p{
	margin:0 0 1.25em;
	font:inherit;
	color:inherit;
}

body.tracom-gam-enhanced-article .tracom-gam-article>p:first-of-type{
	font-size:20px;
	line-height:1.75;
	color:#404441;
}

body.tracom-gam-enhanced-article .tracom-gam-article>h2,
body.tracom-gam-enhanced-article .tracom-gam-article>.wp-block-group h2{
	margin:58px 0 18px;
	padding-inline-start:16px;
	border-inline-start:5px solid var(--tracom-gam-accent);
	color:#141414;
	font-family:"DM Sans",Arial,sans-serif;
	font-size:clamp(27px,3.2vw,34px);
	line-height:1.35;
	font-weight:800;
	letter-spacing:-.018em;
	scroll-margin-top:110px;
}

body.tracom-gam-enhanced-article .tracom-gam-article>h3,
body.tracom-gam-enhanced-article .tracom-gam-article>.wp-block-group h3{
	margin:38px 0 14px;
	color:#181818;
	font-family:"DM Sans",Arial,sans-serif;
	font-size:clamp(21px,2.5vw,25px);
	line-height:1.45;
	font-weight:800;
	scroll-margin-top:110px;
}

body.tracom-gam-enhanced-article .tracom-gam-article>h4,
body.tracom-gam-enhanced-article .tracom-gam-article>.wp-block-group h4{
	margin:30px 0 12px;
	color:#1c1c1c;
	font-family:"DM Sans",Arial,sans-serif;
	font-size:20px;
	line-height:1.5;
	font-weight:800;
	scroll-margin-top:110px;
}

body.tracom-gam-enhanced-article .tracom-gam-article :where(ul,ol){
	margin:0 0 1.5em;
	padding-inline-start:1.45em;
}

body.tracom-gam-enhanced-article .tracom-gam-article li{
	margin:.45em 0;
	padding-inline-start:.18em;
}

body.tracom-gam-enhanced-article .tracom-gam-article li::marker{
	color:var(--tracom-gam-accent-dark);
	font-weight:800;
}

body.tracom-gam-enhanced-article .tracom-gam-article a{
	color:var(--tracom-gam-accent-dark);
	text-decoration-color:rgba(37,104,54,.38);
	text-underline-offset:3px;
}

body.tracom-gam-enhanced-article .tracom-gam-article a:hover{
	color:#163f21;
	text-decoration-color:currentColor;
}

body.tracom-gam-enhanced-article .tracom-gam-article>figure{
	margin:34px 0;
}

body.tracom-gam-enhanced-article .tracom-gam-article img{
	display:block;
	max-width:100%;
	height:auto;
	border-radius:14px;
}

body.tracom-gam-enhanced-article .tracom-gam-article .tracom-gam-featured-image img{
	width:100%;
	aspect-ratio:16/9;
	object-fit:cover;
}

body.tracom-gam-enhanced-article .tracom-gam-article figcaption{
	margin-top:8px;
	color:var(--tracom-gam-muted);
	font-size:13px;
	line-height:1.55;
	text-align:center;
}

body.tracom-gam-enhanced-article .tracom-gam-article .wp-block-table{
	margin:34px 0;
	overflow-x:auto;
	border:1px solid var(--tracom-gam-border);
	border-radius:12px;
}

body.tracom-gam-enhanced-article .tracom-gam-article table{
	width:100%;
	min-width:640px;
	border-collapse:collapse;
	font-size:15px;
	line-height:1.55;
}

body.tracom-gam-enhanced-article .tracom-gam-article th,
body.tracom-gam-enhanced-article .tracom-gam-article td{
	padding:13px 14px;
	border:1px solid var(--tracom-gam-border);
	vertical-align:top;
	text-align:start;
}

body.tracom-gam-enhanced-article .tracom-gam-article th{
	background:var(--tracom-gam-soft);
	color:#17201b;
	font-weight:800;
}

body.tracom-gam-enhanced-article .tracom-gam-article blockquote{
	margin:32px 0;
	padding:20px 24px;
	border-inline-start:5px solid var(--tracom-gam-accent);
	background:var(--tracom-gam-soft);
	border-radius:12px;
	font-size:19px;
}

body.tracom-gam-enhanced-article .tracom-gam-article .tracom-gam-callout{
	margin:36px 0;
	padding:26px 28px;
	border:1px solid rgba(64,189,97,.32);
	border-inline-start:6px solid var(--tracom-gam-accent);
	border-radius:14px;
	background:linear-gradient(135deg,var(--tracom-gam-soft),#fff);
}

body.tracom-gam-enhanced-article .tracom-gam-article .wp-block-button__link{
	min-height:46px;
	padding:12px 20px;
	background:var(--tracom-gam-accent-dark);
	color:#fff;
	border-radius:999px;
	font-size:15px;
	font-weight:800;
	text-decoration:none;
}

/* Easy Table of Contents and common alternatives. */
body.tracom-gam-enhanced-article .tracom-gam-article :where(.ez-toc-container,#ez-toc-container,.lwptoc,.toc_container,.rank-math-toc-block,.wp-block-rank-math-toc-block){
	width:100%!important;
	margin:30px 0 42px!important;
	padding:24px 26px!important;
	background:var(--tracom-gam-soft)!important;
	border:1px solid var(--tracom-gam-border)!important;
	border-inline-start:5px solid var(--tracom-gam-accent)!important;
	border-radius:14px!important;
	box-shadow:none!important;
}

body.tracom-gam-enhanced-article .tracom-gam-article :where(.ez-toc-title,.lwptoc_title,.toc_title,.rank-math-toc-block>h2,.wp-block-rank-math-toc-block>h2){
	margin:0!important;
	padding:0!important;
	border:0!important;
	color:var(--tracom-gam-ink)!important;
	font-size:20px!important;
	font-weight:800!important;
	line-height:1.4!important;
}

body.tracom-gam-enhanced-article #ez-toc-container .ez-toc-title-container{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:16px;
	margin-bottom:12px;
}

body.tracom-gam-enhanced-article #ez-toc-container ul,
body.tracom-gam-enhanced-article #ez-toc-container ol{
	margin:8px 0 0!important;
	padding-inline-start:20px!important;
}

body.tracom-gam-enhanced-article #ez-toc-container li{
	margin:7px 0!important;
	font-size:15px!important;
	line-height:1.55!important;
}

body.tracom-gam-enhanced-article .tracom-gam-article :where(.ez-toc-container,#ez-toc-container,.lwptoc,.toc_container,.rank-math-toc-block,.wp-block-rank-math-toc-block) a{
	color:var(--tracom-gam-accent-dark)!important;
	font-weight:700;
	text-decoration:none!important;
}

body.tracom-gam-enhanced-article .tracom-gam-article :where(.ez-toc-container,#ez-toc-container) a:hover,
body.tracom-gam-enhanced-article .tracom-gam-article :where(.ez-toc-container,#ez-toc-container) li.active>a{
	color:#163f21!important;
	text-decoration:underline!important;
	text-decoration-color:var(--tracom-gam-accent)!important;
}

.tracom-gam-preserved-anchor{
	display:block;
	position:relative;
	top:-105px;
	visibility:hidden;
}

.tracom-gam-article-footer{
	margin-top:64px;
}

.tracom-gam-tags{
	display:grid;
	grid-template-columns:auto 1fr;
	gap:14px 18px;
	align-items:start;
	padding:24px 0;
	border-top:1px solid var(--tracom-gam-border);
	border-bottom:1px solid var(--tracom-gam-border);
}

.tracom-gam-tags-label{
	color:var(--tracom-gam-ink);
	font-size:14px;
	font-weight:800;
}

.tracom-gam-tag-links{
	display:flex;
	flex-wrap:wrap;
	gap:8px 16px;
}

.tracom-gam-tag-links a{
	color:var(--tracom-gam-muted)!important;
	font-size:14px;
	font-weight:700;
	text-decoration:none!important;
}

.tracom-gam-tag-links a:hover{
	color:var(--tracom-gam-accent-dark)!important;
}

.tracom-gam-related{
	margin:70px 0 34px;
}

.tracom-gam-section-heading{
	margin-bottom:24px;
}

.tracom-gam-section-heading>span{
	display:block;
	margin-bottom:5px;
	color:var(--tracom-gam-accent-dark);
	font-size:12px;
	font-weight:800;
	letter-spacing:.09em;
	text-transform:uppercase;
}

body .tracom-gam-section-heading h2,
body .tracom-gam-related-title{
	margin:0!important;
	padding:0!important;
	border:0!important;
	color:var(--tracom-gam-ink)!important;
	font-size:clamp(27px,3vw,34px)!important;
	line-height:1.25!important;
	font-weight:800!important;
}

.tracom-gam-related-grid,
.tracom-gam-archive-grid{
	display:grid;
	grid-template-columns:repeat(3,minmax(0,1fr));
	gap:24px;
}

.tracom-gam-card{
	display:flex;
	min-width:0;
	flex-direction:column;
	overflow:hidden;
	border:1px solid var(--tracom-gam-border);
	border-radius:16px;
	background:var(--tracom-gam-white);
	box-shadow:0 8px 28px rgba(34,32,33,.05);
	transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}

.tracom-gam-card:hover{
	transform:translateY(-4px);
	border-color:rgba(64,189,97,.42);
	box-shadow:var(--tracom-gam-shadow);
}

.tracom-gam-card-media{
	display:block;
	aspect-ratio:16/9;
	overflow:hidden;
	background:#edf5ef;
}

.tracom-gam-card-media img{
	width:100%!important;
	height:100%!important;
	border-radius:0!important;
	object-fit:cover;
	transition:transform .35s ease;
}

.tracom-gam-card:hover .tracom-gam-card-media img{
	transform:scale(1.035);
}

.tracom-gam-card-placeholder{
	display:grid;
	width:100%;
	height:100%;
	place-items:center;
	background:linear-gradient(135deg,#edf7ef,#ccebd4);
	color:var(--tracom-gam-accent-dark);
	font-size:24px;
	font-weight:800;
}

.tracom-gam-card-body{
	display:flex;
	flex:1;
	flex-direction:column;
	align-items:flex-start;
	padding:22px;
}

.tracom-gam-card-term{
	min-height:26px;
	margin-bottom:12px;
	padding:4px 9px;
	font-size:10px;
}

body .tracom-gam-card h2,
body .tracom-gam-card-title{
	margin:0 0 10px!important;
	padding:0!important;
	border:0!important;
	color:var(--tracom-gam-ink)!important;
	font-size:20px!important;
	line-height:1.35!important;
	font-weight:800!important;
	letter-spacing:-.015em!important;
}

.tracom-gam-card h2 a,
.tracom-gam-card-title a{
	color:inherit!important;
	text-decoration:none!important;
}

.tracom-gam-card h2 a:hover,
.tracom-gam-card-title a:hover{
	color:var(--tracom-gam-accent-dark)!important;
}

body .tracom-gam-card p{
	margin:0 0 18px!important;
	color:var(--tracom-gam-muted)!important;
	font-size:14px!important;
	line-height:1.65!important;
}

.tracom-gam-card-meta{
	display:flex;
	width:100%;
	align-items:center;
	justify-content:space-between;
	gap:12px;
	margin-top:auto;
	color:#808380;
	font-size:12px;
}

.tracom-gam-card-meta a{
	display:inline-flex;
	align-items:center;
	gap:5px;
	color:var(--tracom-gam-accent-dark)!important;
	font-weight:800;
	text-decoration:none!important;
}

.tracom-gam-card-meta a span{
	display:inline-block;
}

/* Category and tag archive template. */
body.tracom-gam-taxonomy-archive{
	background:#fff;
}

.tracom-gam-archive{
	width:100%!important;
	max-width:none!important;
	margin:0!important;
	padding:0!important;
	border:0!important;
	color:var(--tracom-gam-ink);
	font-family:"DM Sans",Arial,sans-serif;
}

body.tracom-gam-taxonomy-archive .site-content>.ast-container{
	display:block;
	max-width:none;
	padding:0;
}

.tracom-gam-archive-hero{
	padding:74px 20px 68px;
	border-bottom:1px solid var(--tracom-gam-border);
	background:
		radial-gradient(circle at 88% 18%,rgba(64,189,97,.18),transparent 28%),
		linear-gradient(145deg,#f9faf9,#fff);
}

.tracom-gam-archive-hero-inner{
	width:min(860px,100%);
	margin-inline:auto;
	text-align:center;
}

.tracom-gam-archive-kicker{
	margin-bottom:16px;
	letter-spacing:.08em;
	text-transform:uppercase;
}

.tracom-gam-archive-hero h1{
	margin:0;
	color:#121212;
	font-family:"DM Sans",Arial,sans-serif;
	font-size:clamp(40px,6vw,68px);
	line-height:1.08;
	font-weight:800;
	letter-spacing:-.04em;
}

.tracom-gam-archive-description{
	max-width:760px;
	margin:22px auto 0;
	color:var(--tracom-gam-muted);
	font-size:18px;
	line-height:1.75;
}

.tracom-gam-archive-description :last-child{
	margin-bottom:0;
}

.tracom-gam-archive-count{
	margin:18px 0 0;
	color:#808380;
	font-size:13px;
	font-weight:700;
}

.tracom-gam-archive-content{
	width:min(var(--tracom-gam-wide),calc(100% - 40px));
	margin:0 auto;
	padding:64px 0 80px;
}

.tracom-gam-archive-grid{
	gap:28px;
}

.tracom-gam-pagination{
	margin-top:54px;
}

.tracom-gam-pagination .nav-links{
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	gap:8px;
}

.tracom-gam-pagination .page-numbers{
	display:grid;
	min-width:42px;
	height:42px;
	padding:0 12px;
	place-items:center;
	border:1px solid var(--tracom-gam-border);
	border-radius:10px;
	background:#fff;
	color:var(--tracom-gam-ink);
	font-size:14px;
	font-weight:800;
	text-decoration:none;
}

.tracom-gam-pagination .page-numbers:hover,
.tracom-gam-pagination .page-numbers.current{
	border-color:var(--tracom-gam-accent);
	background:var(--tracom-gam-accent);
	color:#102416;
}

.tracom-gam-empty{
	padding:50px 24px;
	border:1px solid var(--tracom-gam-border);
	border-radius:16px;
	background:var(--tracom-gam-soft);
	text-align:center;
}

.tracom-gam-empty h2{
	margin:0 0 8px;
}

.tracom-gam-article :focus-visible,
.tracom-gam-archive :focus-visible{
	outline:3px solid var(--tracom-gam-accent);
	outline-offset:3px;
}

html[dir="rtl"] .tracom-gam-card-meta a span,
body.rtl .tracom-gam-card-meta a span{
	transform:rotate(180deg);
}

@media(max-width:960px){
	.tracom-gam-related-grid,
	.tracom-gam-archive-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:680px){
	body.tracom-gam-enhanced-article .tracom-gam-article{width:calc(100% - 34px);font-size:17px;line-height:1.8}
	body.tracom-gam-enhanced-article .tracom-gam-article>h1:first-of-type{margin-top:24px;font-size:clamp(32px,9vw,42px)}
	.tracom-gam-article-byline{margin-bottom:26px}
	.tracom-gam-meta-line{align-items:flex-start;flex-direction:column;gap:6px}
	.tracom-gam-meta-item:not(:last-child)::after{display:none}
	body.tracom-gam-enhanced-article .tracom-gam-article>p:first-of-type{font-size:18px}
	body.tracom-gam-enhanced-article .tracom-gam-article>h2{margin-top:44px;padding-inline-start:12px;border-inline-start-width:4px}
	body.tracom-gam-enhanced-article .tracom-gam-article>h3{margin-top:32px}
	body.tracom-gam-enhanced-article .tracom-gam-article>figure{margin:26px 0}
	body.tracom-gam-enhanced-article .tracom-gam-article .tracom-gam-callout{padding:20px 18px}
	body.tracom-gam-enhanced-article .tracom-gam-article :where(.ez-toc-container,#ez-toc-container,.lwptoc,.toc_container,.rank-math-toc-block,.wp-block-rank-math-toc-block){padding:20px 18px!important}
	.tracom-gam-tags{grid-template-columns:1fr;gap:8px}
	.tracom-gam-related{margin-top:54px}
	.tracom-gam-related-grid,
	.tracom-gam-archive-grid{grid-template-columns:1fr}
	.tracom-gam-archive-hero{padding:52px 18px 48px}
	.tracom-gam-archive-hero h1{font-size:clamp(35px,11vw,48px)}
	.tracom-gam-archive-description{font-size:16px}
	.tracom-gam-archive-content{width:calc(100% - 34px);padding:42px 0 60px}
}

@media(prefers-reduced-motion:reduce){
	.tracom-gam-card,
	.tracom-gam-card-media img{transition:none}
}

@media print{
	body.tracom-gam-enhanced-article .tracom-gam-article{width:100%;font-size:12pt}
	.tracom-gam-related,
	.tracom-gam-tags{display:none}
}

/* ==========================================================================
   2.1.0 - Release notes (posts that carry the Tracom release design) + Arabic
   Every rule below needs .tracom-gam-release / body.tracom-gam-release-note,
   which exist only on release-note articles, so no other page is affected.
   ========================================================================== */

/* The theme parts a release note replaces with its own header and pager. */
body.tracom-gam-release-note :is(.entry-header,.ast-single-post-order,.entry-title,.post-thumb-img-content,.ast-single-post-featured-section,.elementor-widget-theme-post-title,.elementor-widget-theme-post-featured-image,.wp-block-post-title,.wp-block-post-featured-image,.entry-meta,.ast-blog-meta-container,.post-meta,.reading-time,.posted-by,.posted-on,.byline,.cat-links,.ast-taxonomy-container,.ast-author-box,.author-box,.post-navigation,.comments-area,.ez-toc-container,#ez-toc-container,.lwptoc,.toc_container,.wp-block-rank-math-toc-block,.ast-related-posts-wrapper,.related-posts,.elementor-widget-author-box,.elementor-widget-post-info,.elementor-widget-table-of-contents,.elementor-widget-post-navigation){display:none!important}

/* The suite's article typography must not restyle the release design (the suite rules are more specific than the design's own). */
body.tracom-gam-enhanced-article .tracom-gam-article.tracom-gam-release .sfrn-article{font-size:inherit}
body.tracom-gam-enhanced-article .tracom-gam-article.tracom-gam-release .sfrn-article>p:first-child{margin:0 0 1.6em;padding:14px 18px;background:var(--sfrn-soft,#f3f8f5);border-inline-start:4px solid var(--sfrn-green,#249461);border-radius:8px;font-size:16px;line-height:1.7;color:inherit}
body.tracom-gam-enhanced-article .tracom-gam-article.tracom-gam-release .sfrn-article h2{margin:2.2em 0 .7em;padding-inline-start:16px;border-inline-start:4px solid var(--sfrn-green,#249461);color:#17231d;font-size:clamp(24px,2.8vw,32px);line-height:1.35;font-weight:800;letter-spacing:0}
body.tracom-gam-enhanced-article .tracom-gam-article.tracom-gam-release .sfrn-article h3{margin:1.7em 0 .6em;color:#17231d;font-size:22px;line-height:1.4}
body.tracom-gam-enhanced-article .tracom-gam-article.tracom-gam-release .sfrn-article a{color:var(--sfrn-green,#249461)}
body.tracom-gam-enhanced-article .tracom-gam-article.tracom-gam-release .sfrn-article img{display:block;max-width:100%;height:auto;margin-inline:auto;border-radius:12px}
body.tracom-gam-enhanced-article .tracom-gam-article.tracom-gam-release .sfrn-byline a{color:var(--sfrn-green,#249461);text-decoration:none}
body.tracom-gam-enhanced-article .tracom-gam-article.tracom-gam-release .sfrn-byline a:hover{text-decoration:underline}
body.tracom-gam-enhanced-article .tracom-gam-article.tracom-gam-release .sfrn-tl-list a{color:#4a5750;text-decoration:none!important}
body.tracom-gam-enhanced-article .tracom-gam-article.tracom-gam-release .sfrn-tl-list a:hover{color:var(--sfrn-green,#249461)}
body.tracom-gam-enhanced-article .tracom-gam-article.tracom-gam-release .sfrn-tl-list .is-current a{color:var(--sfrn-green,#249461)}
body.tracom-gam-enhanced-article .tracom-gam-article.tracom-gam-release .sfrn-pager a{text-decoration:none!important}
body.tracom-gam-enhanced-article .tracom-gam-article.tracom-gam-release .sfrn-pager small{color:var(--sfrn-mute,#5b6a62)}
body.tracom-gam-enhanced-article .tracom-gam-article.tracom-gam-release .sfrn-pager strong{color:var(--sfrn-ink,#1f2a25)}
body.tracom-gam-enhanced-article .tracom-gam-article.tracom-gam-release .sfrn-cover-img{width:100%;height:100%;border-radius:0;object-fit:cover}
body.tracom-gam-enhanced-article .tracom-gam-article.tracom-gam-release{padding-top:40px}
body.tracom-gam-enhanced-article .tracom-gam-article.tracom-gam-release .sfrn-byline{margin:0;color:var(--sfrn-mute,#5b6a62);font-size:15px;line-height:1.6}
@media(max-width:900px){
	body.tracom-gam-enhanced-article .tracom-gam-article.tracom-gam-release .sfrn-tl-list .is-current a{color:#fff}
}
@media(max-width:680px){
	body.tracom-gam-enhanced-article .tracom-gam-article.tracom-gam-release{padding-top:24px}
}

/* ==========================================================================
   2.1.1 - Release cover cards: the release covers are 1200x630 artwork whose
   version number runs close to the edges. A 16:9 crop plus the hover zoom cut
   the first/last digits, so release cards keep the cover's own ratio and do
   not zoom. Only cards marked .tracom-gam-card--release are affected.
   ========================================================================== */
.tracom-gam-card.tracom-gam-card--release .tracom-gam-card-media{aspect-ratio:1200/630}
.tracom-gam-card.tracom-gam-card--release .tracom-gam-card-media img{object-fit:cover;object-position:50% 50%}
.tracom-gam-card.tracom-gam-card--release:hover .tracom-gam-card-media img{transform:none}

/* Tracom "Read also" boxes written by the content update plugin: match the suite's design. */
body.tracom-gam-enhanced-article .tracom-gam-article p.tracom-read-also{
	margin:30px 0!important;
	padding:16px 20px!important;
	border:1px solid var(--tracom-gam-border)!important;
	border-inline-start:5px solid var(--tracom-gam-accent)!important;
	border-radius:12px!important;
	background:var(--tracom-gam-soft)!important;
	font-size:.95em;
	line-height:1.7;
}
body.tracom-gam-enhanced-article .tracom-gam-article p.tracom-read-also a{
	font-weight:700;
	color:var(--tracom-gam-accent-dark);
}

/* Built-in Table of Contents. */
body.tracom-gam-enhanced-article .tracom-gam-article .tracom-gam-toc{
	margin:34px 0 40px;
	border:1px solid var(--tracom-gam-border);
	border-radius:var(--tracom-toc-radius,14px);
	background:linear-gradient(135deg,var(--tracom-gam-soft),#fff 70%);
	box-shadow:0 10px 30px rgba(34,32,33,.05);
	overflow:hidden;
}
.tracom-gam-toc-summary{
	display:flex;
	align-items:center;
	gap:12px;
	padding:18px var(--tracom-toc-pad,24px);
	cursor:pointer;
	list-style:none;
	user-select:none;
}
.tracom-gam-toc-summary::-webkit-details-marker{display:none}
.tracom-gam-toc-summary::marker{content:""}
.tracom-gam-toc-summary:focus-visible{outline:3px solid rgba(63,189,97,.4);outline-offset:-3px;border-radius:var(--tracom-toc-radius,14px)}
.tracom-gam-toc-icon{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	flex:0 0 auto;
	width:36px;
	height:36px;
	border-radius:10px;
	background:rgba(64,189,97,.12);
	color:var(--tracom-gam-accent-dark);
}
.tracom-gam-toc-title{
	flex:1 1 auto;
	font-size:var(--tracom-toc-title,20px);
	font-weight:800;
	line-height:1.3;
	color:var(--tracom-gam-ink);
}
.tracom-gam-toc-chevron{
	display:inline-flex;
	color:var(--tracom-gam-muted);
	transition:transform .2s ease;
}
.tracom-gam-toc-details:not([open]) .tracom-gam-toc-chevron{transform:rotate(-90deg)}
[dir="rtl"] .tracom-gam-toc-details:not([open]) .tracom-gam-toc-chevron,
.tracom-gam-toc[dir="rtl"] .tracom-gam-toc-details:not([open]) .tracom-gam-toc-chevron{transform:rotate(90deg)}
body.tracom-gam-enhanced-article .tracom-gam-article .tracom-gam-toc-list,
.tracom-gam-toc-panel .tracom-gam-toc-list{
	margin:0!important;
	padding:4px var(--tracom-toc-pad,24px) 20px!important;
	list-style:none!important;
	border-top:1px solid var(--tracom-gam-border);
	counter-reset:none;
}
body.tracom-gam-enhanced-article .tracom-gam-article .tracom-gam-toc li,
.tracom-gam-toc-panel li{
	margin:0!important;
	padding:0!important;
	list-style:none!important;
}
body.tracom-gam-enhanced-article .tracom-gam-article .tracom-gam-toc li::marker,
.tracom-gam-toc-panel li::marker{content:""}
body.tracom-gam-enhanced-article .tracom-gam-article .tracom-gam-toc a,
.tracom-gam-toc-panel a{
	display:flex;
	align-items:baseline;
	gap:12px;
	padding:9px 10px;
	margin:2px -10px;
	border-radius:10px;
	font-size:var(--tracom-toc-font,15px);
	font-weight:600;
	line-height:1.5;
	color:var(--tracom-gam-ink)!important;
	text-decoration:none!important;
	transition:background-color .15s ease,color .15s ease;
}
body.tracom-gam-enhanced-article .tracom-gam-article .tracom-gam-toc a:hover,
.tracom-gam-toc-panel a:hover{
	background:rgba(64,189,97,.08);
	color:var(--tracom-gam-accent-dark)!important;
}
.tracom-gam-toc a.is-active,
.tracom-gam-toc-panel a.is-active{
	background:rgba(64,189,97,.12);
	color:var(--tracom-gam-accent-dark)!important;
}
.tracom-gam-toc-num{
	flex:0 0 auto;
	min-width:24px;
	font-size:.86em;
	font-weight:800;
	font-variant-numeric:tabular-nums;
	color:var(--tracom-gam-accent-strong);
}
.tracom-gam-toc-text{flex:1 1 auto}
body.tracom-gam-enhanced-article .tracom-gam-article .tracom-gam-toc .tracom-gam-toc-sub,
.tracom-gam-toc-panel .tracom-gam-toc-sub{
	margin:0 0 4px!important;
	padding:0!important;
	padding-inline-start:36px!important;
	list-style:none!important;
}
body.tracom-gam-enhanced-article .tracom-gam-article .tracom-gam-toc .tracom-gam-toc-sub a,
.tracom-gam-toc-panel .tracom-gam-toc-sub a{
	padding-top:6px;
	padding-bottom:6px;
	font-weight:500;
	font-size:calc(var(--tracom-toc-font,15px) - 1px);
	color:var(--tracom-gam-muted)!important;
}

/* Floating "Contents" button and panel. */
.tracom-gam-toc-fab{
	position:fixed;
	z-index:99980;
	left:18px;
	bottom:20px;
	display:inline-flex;
	align-items:center;
	gap:9px;
	height:50px;
	padding:0 18px 0 14px;
	border:1px solid var(--tracom-gam-border);
	border-radius:999px;
	background:#fff;
	color:var(--tracom-gam-ink);
	font:700 15px/1 inherit;
	font-family:inherit;
	box-shadow:0 14px 34px rgba(34,32,33,.16);
	cursor:pointer;
	opacity:0;
	transform:translateY(12px);
	pointer-events:none;
	transition:opacity .2s ease,transform .2s ease;
}
.tracom-gam-toc-fab.is-visible{opacity:1;transform:none;pointer-events:auto}
.tracom-gam-toc-fab svg{color:var(--tracom-gam-accent-dark)}
.tracom-gam-toc-fab:focus-visible{outline:3px solid rgba(63,189,97,.45);outline-offset:2px}
.tracom-gam-toc-fab-progress{
	position:relative;
	width:22px;
	height:22px;
}
.tracom-gam-toc-panel{
	position:fixed;
	z-index:99985;
	left:18px;
	bottom:82px;
	width:min(380px,calc(100vw - 36px));
	max-height:min(70vh,560px);
	overflow:auto;
	border:1px solid var(--tracom-gam-border);
	border-radius:18px;
	background:#fff;
	box-shadow:0 24px 70px rgba(34,32,33,.2);
	overscroll-behavior:contain;
}
.tracom-gam-toc-panel[hidden]{display:none}
.tracom-gam-toc-panel-head{
	position:sticky;
	top:0;
	display:flex;
	align-items:center;
	justify-content:space-between;
	padding:16px 20px 12px;
	background:#fff;
	font-weight:800;
	font-size:17px;
	color:var(--tracom-gam-ink);
}
.tracom-gam-toc-panel-close{
	width:32px;
	height:32px;
	border:1px solid var(--tracom-gam-border);
	border-radius:50%;
	background:#fff;
	color:var(--tracom-gam-ink);
	font-size:20px;
	line-height:1;
	cursor:pointer;
}
.tracom-gam-toc-panel .tracom-gam-toc-list{padding:4px 20px 16px!important}
@media (max-width:680px){
	.tracom-gam-toc-fab{left:12px;bottom:16px;height:46px;font-size:14px}
	.tracom-gam-toc-panel{left:12px;right:12px;bottom:72px;width:auto}
	.tracom-gam-toc-summary{padding:15px 16px}
	body.tracom-gam-enhanced-article .tracom-gam-article .tracom-gam-toc-list{padding:4px 16px 16px!important}
}
@media print{.tracom-gam-toc-fab,.tracom-gam-toc-panel{display:none!important}}
@media (prefers-reduced-motion:reduce){.tracom-gam-toc-fab,.tracom-gam-toc-chevron{transition:none}}
/* Leave room for the admin-only popup diagnostics box in the same corner. */
.tracom-gam-toc-fab.is-raised{bottom:80px}
.tracom-gam-toc-panel.is-raised{bottom:142px}
