/*
 * Dossiê do Hub na página da bio.
 * Tudo preso a .hub-dossie: nada daqui alcança o tema. Letra e cor do texto vêm do tema;
 * a cor de destaque pode ser trocada pelo tema com --hub-dossie-cor.
 */
.hub-dossie {
	--hub-dossie-cor: currentColor;
	--hub-dossie-linha: rgba(128, 128, 128, 0.28);
	--hub-dossie-fundo: rgba(128, 128, 128, 0.07);
	margin: 2.5em 0 1em;
	padding-top: 1.5em;
	border-top: 1px solid var(--hub-dossie-linha);
	font-size: 1em;
	line-height: 1.6;
}
.hub-dossie *,
.hub-dossie *::before,
.hub-dossie *::after { box-sizing: border-box; }

.hub-dossie .hub-dossie-bloco { margin: 0 0 2em; }
.hub-dossie .hub-dossie-bloco > h2,
.hub-dossie .hub-dossie-bloco > h3 { margin: 0 0 0.6em; line-height: 1.25; }

.hub-dossie .hub-dossie-resumo { font-size: 1.08em; }

/* ficha: nome completo, nascimento, local */
.hub-dossie .hub-dossie-ficha {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
	gap: 12px 24px;
	margin: 0 0 2em;
	padding: 16px 18px;
	background: var(--hub-dossie-fundo);
	border-radius: 8px;
}
.hub-dossie .hub-dossie-ficha dt { margin: 0; font-size: 0.8em; opacity: 0.7; }
.hub-dossie .hub-dossie-ficha dd { margin: 2px 0 0; font-weight: 600; }

/* o papel de cada pessoa na lista ("mãe", "sócia") e a citação numerada */
.hub-dossie .hub-dossie-rotulo { margin-left: 6px; padding: 1px 8px; border: 1px solid var(--hub-dossie-linha); border-radius: 999px; font-size: 0.8em; font-weight: 400; opacity: 0.85; }
.hub-dossie .hub-dossie-ref { font-size: 0.8em; text-decoration: none; opacity: 0.75; }
.hub-dossie .hub-dossie-lista p { margin: 4px 0 0; }

/* linha do tempo */
.hub-dossie .hub-dossie-tempo { list-style: none; margin: 0; padding: 0 0 0 18px; border-left: 2px solid var(--hub-dossie-linha); }
.hub-dossie .hub-dossie-tempo > li { position: relative; margin: 0 0 1.1em; padding: 0; }
.hub-dossie .hub-dossie-tempo > li::before {
	content: "";
	position: absolute;
	left: -24px;
	top: 0.55em;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: var(--hub-dossie-cor);
}
.hub-dossie .hub-dossie-tempo time { display: block; font-size: 0.85em; font-weight: 600; opacity: 0.75; }

/* listas de fatos: família, carreira, relações */
.hub-dossie .hub-dossie-lista { list-style: none; margin: 0; padding: 0; }
.hub-dossie .hub-dossie-lista > li { margin: 0; padding: 10px 0; border-top: 1px solid var(--hub-dossie-linha); }
.hub-dossie .hub-dossie-lista > li:first-child { border-top: 0; padding-top: 0; }

/* declarações */
.hub-dossie blockquote { margin: 0 0 1em; padding: 2px 0 2px 16px; border-left: 3px solid var(--hub-dossie-linha); font-style: normal; }
.hub-dossie blockquote cite { display: block; margin-top: 4px; font-size: 0.85em; font-style: normal; opacity: 0.75; }

/* perguntas frequentes */
.hub-dossie details { border-top: 1px solid var(--hub-dossie-linha); padding: 12px 0; }
.hub-dossie details:last-of-type { border-bottom: 1px solid var(--hub-dossie-linha); }
.hub-dossie summary { cursor: pointer; font-weight: 600; }
.hub-dossie details > p { margin: 8px 0 0; }

/* de onde veio cada informação */
.hub-dossie .hub-dossie-fontes { font-size: 0.9em; }
.hub-dossie .hub-dossie-fontes ol { margin: 0; padding-left: 1.4em; }
.hub-dossie .hub-dossie-fontes li { margin: 0 0 4px; }
.hub-dossie .hub-dossie-nota { margin: 1.5em 0 0; font-size: 0.8em; opacity: 0.7; }

.hub-dossie a { text-decoration: underline; text-underline-offset: 2px; }