/* 10–15. Matéria: cabeçalho, imagem, corpo, citação, Na prática, normas, temas/autor/aviso */

.rr-article { padding-top: 40px; }

/* Cabeçalho ---------------------------------------------------------------- */
.rr-breadcrumb ol { display: flex; flex-wrap: wrap; gap: 4px; margin: 0; padding: 0; list-style: none; font-size: 13px; line-height: 1.5; }
.rr-breadcrumb li { display: flex; align-items: center; color: var(--rr-muted); }
.rr-breadcrumb li + li::before { content: "/"; margin: 0 7px 0 3px; color: #a0a0a0; }
.rr-breadcrumb a { color: var(--rr-dark); }
.rr-breadcrumb a:hover { color: var(--rr-primary); }
.rr-art-head__kicker { margin-top: 14px; }
.rr-art-head__title { max-width: 900px; margin: 20px 0 0; font-family: var(--rr-serif); font-size: 48px; font-weight: 700; line-height: 1.12; color: var(--rr-dark); }
.rr-art-head__dek { max-width: 900px; margin: 14px 0 0; font-size: 20px; line-height: 32px; color: var(--rr-muted); }
.rr-art-head__bar { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-top: 20px; padding: 16px 0 17px; border-top: 1px solid var(--rr-border); border-bottom: 1px solid var(--rr-border); }
.rr-art-head__byline { display: flex; align-items: center; gap: 14px; }
.rr-art-head__byline p { margin: 0; }
.rr-art-head__author { font-size: 14px; font-weight: 600; line-height: 1.5; color: var(--rr-dark); }
.rr-art-head__author a { color: inherit; }
.rr-art-head__date { font-size: 12.5px; line-height: 1.6; color: var(--rr-muted); }

.rr-share { display: flex; align-items: center; gap: 14px; }
.rr-share__label { font-size: 13px; color: var(--rr-muted); }
.rr-share ul { display: flex; gap: 8px; margin: 0; padding: 0; list-style: none; }
.rr-share li { position: relative; }
.rr-share__btn { display: flex; align-items: center; justify-content: center; width: 42px; height: 42px; padding: 0; border: 1px solid var(--rr-border); background: var(--rr-white); color: var(--rr-dark); cursor: pointer; }
.rr-share__btn:hover { border-color: var(--rr-primary); color: var(--rr-primary); background: var(--rr-white); }
.rr-share__btn svg { width: 15px; height: 15px; }
.rr-share__btn.is-copied { border-color: var(--rr-primary); background: var(--rr-primary); color: var(--rr-white); }
.rr-share__toast { position: absolute; right: 0; top: calc(100% + 6px); padding: 4px 8px; background: var(--rr-dark); color: var(--rr-white); font-size: 12px; white-space: nowrap; }
.rr-share__toast:empty { display: none; }

/* Layout com sidebar --------------------------------------------------------- */
.rr-article__layout { display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: 57px; margin-top: 32px; padding-bottom: 64px; }
.rr-article__sticky { position: sticky; top: 24px; }
.admin-bar .rr-article__sticky { top: 56px; }

/* Imagem ----------------------------------------------------------------------- */
.rr-art-figure { margin: 0 0 24px; padding-bottom: 12px; border-bottom: 1px solid var(--rr-border); }
.rr-art-figure__caption { margin-top: 12px; font-size: 12px; line-height: 1.5; color: var(--rr-muted); }

/* Corpo do texto (também no editor de blocos via editor-style.css) ------------- */
.rr-prose { font-size: 18px; line-height: 1.8; color: var(--rr-dark); }
.rr-prose > * { margin-top: 0; margin-bottom: 24px; }
.rr-prose h2 { margin: 36px 0 19px; font-family: var(--rr-serif); font-size: 28px; font-weight: 600; line-height: 1.3; color: var(--rr-dark); }
.rr-prose h3 { margin: 28px 0 12px; font-family: var(--rr-serif); font-size: 21px; font-weight: 600; line-height: 1.35; }
.rr-prose a { color: var(--rr-primary); text-decoration: underline; text-underline-offset: 2px; }
.rr-prose ul, .rr-prose ol { padding-left: 22px; }
.rr-prose li { margin-bottom: 6px; }
.rr-prose img { display: block; }
.rr-prose figcaption, .rr-prose .wp-element-caption { font-size: 12px; color: var(--rr-muted); }

/* Citação de destaque: widget e bloco Citação */
.rr-quote,
.rr-prose blockquote,
.rr-prose .wp-block-quote {
	margin: 32px 0 44px;
	padding: 20px 0 32px;
	border: 0;
	border-top: 1px solid var(--rr-border);
	border-bottom: 1px solid var(--rr-border);
	background: none;
}
.rr-quote__mark,
.rr-prose blockquote::before {
	display: block;
	height: 34px;
	font-family: var(--rr-serif);
	font-size: 56px;
	font-weight: 700;
	line-height: 1;
	color: var(--rr-primary);
}
.rr-prose blockquote::before { content: "“"; }
.rr-quote__text { margin: 28px 0 0; padding: 0; border: 0; }
.rr-quote__text p,
.rr-prose blockquote p {
	margin: 0;
	font-family: var(--rr-serif);
	font-size: 26px;
	font-style: italic;
	font-weight: 500;
	line-height: 1.45;
	color: var(--rr-dark);
}
.rr-prose blockquote p:first-of-type { margin-top: 28px; }
.rr-quote__source,
.rr-prose blockquote cite,
.rr-prose blockquote footer {
	display: block;
	margin-top: 14px;
	font-family: var(--rr-sans);
	font-size: 11px;
	font-style: normal;
	font-weight: 700;
	line-height: 1.4;
	letter-spacing: 0.15em;
	text-transform: uppercase;
	color: var(--rr-primary);
}

/* Na prática ------------------------------------------------------------------- */
.rr-np { margin: 40px 0 24px; padding: 30px 28px 18px; border: 1px solid var(--rr-primary); }
.rr-np .rr-kicker { margin-bottom: 10px; }
.rr-np__row { margin: 0 0 12px; font-size: 16px; line-height: 1.6; color: var(--rr-dark); }
.rr-np__row strong { font-weight: 700; }

/* Normas e precedentes citados ----------------------------------------------- */
.rr-cited { margin: 0 0 24px; padding: 30px 28px 22px; border: 1px solid var(--rr-border); background: var(--rr-bg-soft); }
.rr-cited__title { margin-bottom: 16px; font-size: 13px; }
.rr-cited__title::after { width: 22px; height: 2px; margin-top: 10px; }
.rr-cited__list { margin: 0; }
.rr-cited__list div { display: flex; justify-content: space-between; gap: 16px; padding: 5px 0; font-size: 15px; line-height: 1.6; }
.rr-cited dt { font-weight: 700; color: var(--rr-dark); }
.rr-cited dd { margin: 0; color: var(--rr-muted); text-align: right; }

/* Temas, autor, aviso -------------------------------------------------------- */
.rr-tags { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; padding-bottom: 16px; }
.rr-tags__label { font-size: 13px; font-weight: 600; color: var(--rr-dark); }
.rr-tags ul { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0; list-style: none; }
.rr-tags a { display: inline-block; padding: 6px 13px; border: 1px solid var(--rr-border); color: var(--rr-dark); font-size: 13px; line-height: 1.5; }
.rr-tags a:hover { border-color: var(--rr-primary); color: var(--rr-primary); }
.rr-author-box { display: flex; align-items: flex-start; gap: 20px; padding: 24px 0 26px; border-top: 1px solid var(--rr-border); border-bottom: 1px solid var(--rr-border); }
.rr-author-box p { margin: 0; }
.rr-author-box__name { font-size: 16px; font-weight: 700; line-height: 1.5; color: var(--rr-dark); }
.rr-author-box__bio { font-size: 15px; line-height: 1.6; color: var(--rr-muted); }
.rr-art-notice { margin: 20px 0 0; font-size: 13px; line-height: 1.55; color: var(--rr-muted); }

/* Páginas simples */
.rr-page { max-width: calc(900px + 2 * var(--rr-gutter)); }
.rr-page .rr-art-head__title { margin: 14px 0 24px; }

@media (max-width: 1023px) {
	.rr-article__layout { grid-template-columns: minmax(0, 1fr); gap: 40px; }
	.rr-article__sticky { position: static; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px; align-items: start; }
}
@media (max-width: 767px) {
	.rr-article { padding-top: 24px; }
	.rr-art-head__title { font-size: 28px; line-height: 1.2; }
	.rr-art-head__dek { font-size: 16px; line-height: 1.6; }
	.rr-art-head__bar { flex-direction: column; align-items: flex-start; gap: 14px; }
	.rr-article__sticky { grid-template-columns: minmax(0, 1fr); }
	.rr-quote__text p, .rr-prose blockquote p { font-size: 21px; }
	.rr-np, .rr-cited { padding: 18px 16px 10px; }
	.rr-cited__list div { flex-direction: column; gap: 0; padding: 6px 0; }
	.rr-cited dd { text-align: left; }
}