/*
 * authority.css — F10.4 (Autoridade, Relacionamento e Conversão).
 * Compartilhado pela página Sobre (evoluída) e pelas 4 páginas novas de
 * /sobre/* (Trajetória, Formação e Certificações, Método, Áreas de
 * Atuação). Reaproveita os tokens canônicos de marca — nenhuma cor nova é
 * inventada. O estilo de timeline fica consolidado aqui em vez de um
 * arquivo timeline.css separado, seguindo o mesmo padrão de um único CSS
 * por família de páginas já usado em education-shared.css/practice-areas.css.
 */

/* Trajetória: timeline puramente visual sobre a hierarquia padrão de
   títulos/parágrafos do editor (template-parts/authority/timeline.php) —
   a ordem de leitura permanece linear e acessível mesmo sem este CSS. */
.jj-timeline {
	position: relative;
	padding-left: 1.75rem;
	border-left: 3px solid var(--jj-color-primary, var(--jj-green));
}

.jj-timeline h2,
.jj-timeline h3 {
	position: relative;
	margin-top: var(--jj-space-6, 2.5rem);
}

.jj-timeline h2::before,
.jj-timeline h3::before {
	content: "";
	position: absolute;
	left: -2.3rem;
	top: 0.4em;
	width: 0.75rem;
	height: 0.75rem;
	border-radius: 50%;
	background: var(--jj-color-primary, var(--jj-green));
}

.jj-timeline > *:first-child {
	margin-top: 0;
}

/* Formação e Certificações: agrupa por categoria (H2) com itens (H3) —
   sem inventar selo/logotipo, só estrutura visual sobre the_content(). */
.jj-credentials h2 {
	margin-top: var(--jj-space-6, 2.5rem);
	padding-bottom: 0.5rem;
	border-bottom: 1px solid var(--jj-border, var(--jj-cream));
}

.jj-credentials h3 {
	margin-top: var(--jj-space-4, 1.25rem);
}

.jj-credentials > *:first-child {
	margin-top: 0;
}

/* Método: as duas sequências fixas em grade. */
.jj-method-sequence {
	list-style: none;
	margin: 0;
	padding: 0;
}

.jj-method-sequence article {
	height: 100%;
	padding: 1.5rem;
}

.jj-method-sequence .jj-badge {
	font-size: 1.1rem;
}

@media (max-width: 30rem) {
	.jj-timeline {
		padding-left: 1.25rem;
	}
	.jj-timeline h2::before,
	.jj-timeline h3::before {
		left: -1.75rem;
	}
	.jj-method-sequence article {
		padding: 1.1rem;
	}
}

@media print {
	.jj-timeline {
		border-left-color: #000;
	}
	.jj-method-sequence article {
		break-inside: avoid;
		box-shadow: none;
	}
}