/*
	Theme "Respostas Brasil" — qa-styles.css

	Q&A Brasil: tema claro original, sem assets externos.
	Design tokens em :root; transições curtas apenas em hover/focus.
*/

:root {
	--rb-purple: #5b18c8;
	--rb-purple-dark: #3f0d91;
	--rb-blue: #0f69d7;
	--rb-orange: #ff8a00;
	--rb-red: #f53262;
	--rb-bg: #ffffff;
	--rb-surface: #ffffff;
	--rb-surface-soft: #faf9fc;
	--rb-border: #e3e1e7;
	--rb-text: #17171a;
	--rb-text-secondary: #6b6870;
	--rb-accepted: #fff8df;
	--rb-success: #2f7d32;
	--rb-error: #b3261e;
	--rb-radius: 6px;
	--rb-max-width: 1180px;
	--rb-transition: 120ms ease;
}

/* ================================================================
   1. Base
   ================================================================ */

*,
*::before,
*::after {
	box-sizing: border-box;
}

html {
	-webkit-text-size-adjust: 100%;
}

body {
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 1.5;
	color: var(--rb-text);
	background: var(--rb-bg);
}

img {
	max-width: 100%;
	height: auto;
}

a {
	color: var(--rb-blue);
	text-decoration: none;
	transition: color var(--rb-transition);
}

a:hover {
	text-decoration: underline;
}

:focus-visible {
	outline: 2px solid var(--rb-orange);
	outline-offset: 2px;
}

h1, h2, h3 {
	line-height: 1.25;
}

ul {
	padding-left: 24px;
}

.qa-main,
.qa-sidepanel,
.rb-category-rail {
	overflow-wrap: break-word;
}

/* ================================================================
   2. Header — filete laranja, wordmark roxo, busca azul, CTA roxo
   ================================================================ */

.qa-header {
	background: var(--rb-surface);
	border-top: 3px solid var(--rb-orange);
	border-bottom: 1px solid var(--rb-border);
}

.rb-header-inner {
	max-width: var(--rb-max-width);
	margin: 0 auto;
	padding: 0 16px;
}

.rb-brand-row {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 16px 24px;
	padding: 12px 0;
}

/* wordmark (título do site) */
.qa-logo {
	font-size: 22px;
	font-weight: 700;
	line-height: 1.2;
	color: var(--rb-purple);
	white-space: nowrap;
}

.qa-logo a,
.qa-logo a:hover {
	color: var(--rb-purple);
	text-decoration: none;
}

/* busca central em pill com botão circular azul */
.qa-header .qa-search {
	flex: 1 1 280px;
	min-width: 220px;
	max-width: 540px;
	margin: 0 auto;
}

.qa-header .qa-search form {
	display: flex;
	align-items: center;
	gap: 4px;
	background: var(--rb-surface-soft);
	border: 1px solid var(--rb-border);
	border-radius: 999px;
	padding: 4px;
	transition: border-color var(--rb-transition), box-shadow var(--rb-transition);
}

.qa-header .qa-search form:focus-within {
	border-color: var(--rb-blue);
	box-shadow: 0 0 0 3px rgba(15, 105, 215, 0.15);
}

.qa-header .qa-search-field {
	flex: 1;
	min-width: 0;
	border: 0;
	background: transparent;
	padding: 8px 14px;
	font-size: 14px;
	font-family: inherit;
	color: var(--rb-text);
	outline: none;
}

.qa-header .qa-search-button {
	flex: none;
	position: relative;
	width: 38px;
	height: 38px;
	border: 0;
	border-radius: 50%;
	background: var(--rb-blue);
	color: transparent;
	font-size: 0;
	cursor: pointer;
	transition: background var(--rb-transition);
}

.qa-header .qa-search-button:hover {
	background: var(--rb-purple-dark);
}

/* lupa em SVG inline (data URI — nenhum asset externo) */
.qa-header .qa-search-button {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='10.5' cy='10.5' r='6.5' fill='none' stroke='%23ffffff' stroke-width='2.5'/%3E%3Cpath d='M15.5 15.5 L21 21' stroke='%23ffffff' stroke-width='2.5' stroke-linecap='round'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 18px 18px;
}

/* navegação do usuário (direita da linha de marca) */
.qa-header .qa-nav-user {
	margin-left: auto;
}

.qa-nav-user-list {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 4px;
	list-style: none;
	margin: 0;
	padding: 0;
}

.qa-nav-user-link {
	display: inline-block;
	padding: 6px 10px;
	font-size: 13px;
	color: var(--rb-text-secondary);
	border-radius: var(--rb-radius);
}

.qa-nav-user-link:hover {
	color: var(--rb-purple);
	text-decoration: none;
}

.qa-nav-user-link.qa-nav-user-selected {
	color: var(--rb-purple);
	font-weight: 700;
}

.qa-logged-in {
	font-size: 13px;
	color: var(--rb-text-secondary);
	margin-right: 8px;
}

.qa-logged-in a {
	font-weight: 700;
	color: var(--rb-purple);
}

/* segunda linha: navegação principal */
.rb-navigation-row {
	border-top: 1px solid var(--rb-border);
}

.qa-nav-main-list {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 2px;
	list-style: none;
	margin: 0;
	padding: 0;
}

.qa-nav-main-link {
	display: inline-block;
	padding: 10px 12px;
	font-size: 14px;
	font-weight: 600;
	color: var(--rb-text);
	border-bottom: 2px solid transparent;
}

.qa-nav-main-link:hover {
	color: var(--rb-purple);
	text-decoration: none;
}

.qa-nav-main-link.qa-nav-main-selected {
	color: var(--rb-purple);
	border-bottom-color: var(--rb-purple);
}

/* CTA "Perguntar" em pill roxo, alinhado à direita */
.qa-nav-main-ask {
	margin-left: auto;
}

.qa-nav-main-ask .qa-nav-main-link {
	margin-left: 8px;
	padding: 8px 18px;
	background: var(--rb-purple);
	color: #ffffff;
	border-radius: 999px;
	border-bottom: 0;
}

.qa-nav-main-ask .qa-nav-main-link:hover {
	background: var(--rb-purple-dark);
}

/* nav sub: tabs do feed com sublinhado roxo */
.qa-nav-sub {
	margin-top: 8px;
	border-bottom: 1px solid var(--rb-border);
}

.qa-nav-sub-list {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 2px;
	list-style: none;
	margin: 0;
	padding: 0;
}

.qa-nav-sub-link {
	display: inline-block;
	padding: 10px 14px;
	font-size: 13px;
	font-weight: 600;
	color: var(--rb-text-secondary);
	border-bottom: 2px solid transparent;
}

.qa-nav-sub-link:hover {
	color: var(--rb-purple);
	text-decoration: none;
}

.qa-nav-sub-link.qa-nav-sub-selected {
	color: var(--rb-purple);
	border-bottom-color: var(--rb-purple);
	font-weight: 700;
}

/* ================================================================
   3. Layout — grid de colunas
   ================================================================ */

.qa-body-wrapper {
	max-width: var(--rb-max-width);
	margin: 0 auto;
	padding: 0 16px 32px;
}

.rb-content-layout {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 260px;
	gap: 24px;
	align-items: start;
	padding-top: 24px;
}

.rb-content-layout.rb-layout-with-categories {
	grid-template-columns: 190px minmax(0, 1fr) 260px;
}

.rb-content-layout.rb-layout-admin {
	display: block;
	max-width: 980px;
}

.qa-main {
	min-width: 0;
}

.qa-sidepanel {
	min-width: 0;
}

/* ================================================================
   4. Rail esquerdo de categorias
   ================================================================ */

.rb-category-rail h2 {
	margin: 0 0 10px;
	font-size: 14px;
	font-weight: 700;
	color: var(--rb-text);
}

.rb-category-rail ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.rb-category-rail .qa-nav-cat-item {
	margin: 0 0 2px;
}

.rb-category-rail .qa-nav-cat-link,
.rb-category-rail .qa-nav-cat-nolink {
	display: inline-block;
	padding: 2px 0;
	font-size: 13px;
	line-height: 1.45;
	color: var(--rb-text-secondary);
}

.rb-category-rail .qa-nav-cat-link:hover {
	color: var(--rb-blue);
	text-decoration: none;
}

.rb-category-rail .qa-nav-cat-selected {
	color: var(--rb-purple);
	font-weight: 700;
}

.rb-category-rail .qa-nav-cat-favorited {
	color: var(--rb-purple);
}

/* hierarquia por indentação */
.rb-category-rail .qa-nav-cat-list-1 {
	padding-left: 12px;
}

.rb-category-rail .qa-nav-cat-list-2 {
	padding-left: 24px;
}

.rb-category-rail .qa-nav-cat-list-3 {
	padding-left: 36px;
}

/* ================================================================
   5. Feed central — container único com linhas divisórias
   ================================================================ */

.qa-q-list {
	background: var(--rb-surface);
	border: 1px solid var(--rb-border);
	border-radius: var(--rb-radius);
	overflow: hidden;
}

.qa-q-list-item {
	display: grid;
	grid-template-columns: 52px minmax(0, 1fr);
	gap: 16px;
	padding: 20px;
	border-bottom: 1px solid var(--rb-border);
}

.qa-q-list-item:last-child {
	border-bottom: 0;
}

/* coluna de métricas em cinza */
.qa-q-item-stats {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 6px;
	text-align: center;
	color: var(--rb-text-secondary);
}

.qa-q-item-stats .qa-voting {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 4px;
}

.qa-q-item-stats .qa-vote-buttons {
	display: flex;
	gap: 4px;
}

.qa-q-item-stats .qa-vote-first-button,
.qa-q-item-stats .qa-vote-second-button,
.qa-q-item-stats .qa-vote-one-button {
	width: 26px;
	height: 26px;
	border: 1px solid #cfcbd6;
	border-radius: 50%;
	background: var(--rb-surface);
	color: var(--rb-text);
	font-size: 15px;
	line-height: 1;
	cursor: pointer;
	transition: border-color var(--rb-transition), color var(--rb-transition), background var(--rb-transition);
}

.qa-q-item-stats .qa-vote-first-button:hover,
.qa-q-item-stats .qa-vote-second-button:hover,
.qa-q-item-stats .qa-vote-one-button:hover {
	border-color: var(--rb-purple);
	color: var(--rb-purple);
}

.qa-q-item-stats .qa-voted-up-button,
.qa-q-item-stats .qa-voted-down-button {
	border-color: var(--rb-purple);
	background: var(--rb-purple);
	color: #ffffff;
}

.qa-q-item-stats .qa-vote-up-disabled,
.qa-q-item-stats .qa-vote-down-disabled {
	opacity: 0.45;
	background: var(--rb-surface-soft);
}

.qa-q-item-stats .qa-netvote-count-data,
.qa-q-item-stats .qa-upvote-count-data,
.qa-q-item-stats .qa-downvote-count-data {
	display: block;
	font-size: 18px;
	font-weight: 700;
	color: var(--rb-text);
}

.qa-q-item-stats .qa-a-count-data {
	display: block;
	font-size: 18px;
	font-weight: 700;
	color: var(--rb-text);
}

.qa-q-item-stats .qa-view-count-data {
	display: block;
	font-size: 15px;
	font-weight: 700;
	color: var(--rb-text-secondary);
}

.qa-q-item-stats .qa-a-count-pad,
.qa-q-item-stats .qa-view-count-pad {
	font-size: 12px;
	line-height: 1.2;
}

.qa-q-item-stats .qa-a-count-selected .qa-a-count-data {
	color: var(--rb-orange);
}

.qa-q-item-stats .qa-vote-count {
	order: -1;
}

/* lado direito do item */
.qa-q-item-main {
	min-width: 0;
}

.qa-q-item-title {
	margin: 0 0 4px;
}

.qa-q-item-title a {
	font-size: 16px;
	font-weight: 700;
	color: var(--rb-blue);
	line-height: 1.3;
}

.qa-q-item-title a:hover {
	color: var(--rb-purple);
	text-decoration: none;
}

.qa-q-item-content {
	margin: 4px 0 8px;
	font-size: 13px;
	color: var(--rb-text-secondary);
}

.qa-q-item-content p {
	margin: 0 0 6px;
}

.qa-q-item-avatar-meta {
	display: block;
	font-size: 13px;
	color: var(--rb-text-secondary);
}

.qa-q-item-avatar {
	margin-right: 6px;
	vertical-align: middle;
}

.qa-q-item-meta {
	display: inline-block;
	font-size: 13px;
	color: var(--rb-text-secondary);
}

.qa-q-item-meta > span:not(:last-child)::after {
	content: " · ";
	color: var(--rb-border);
}

.qa-q-item-meta a {
	color: var(--rb-text-secondary);
}

.qa-q-item-meta a:hover {
	color: var(--rb-blue);
}

.qa-q-item-what {
	font-weight: 600;
}

.qa-q-item-when-data,
.qa-q-item-who-data {
	font-weight: 600;
}

.qa-q-item-flags {
	color: var(--rb-red);
	font-weight: 700;
}

/* categorias e tags: links azuis compactos */
.qa-q-item-tags {
	margin-top: 8px;
}

.qa-q-item-tag-list {
	display: flex;
	flex-wrap: wrap;
	gap: 4px 10px;
	list-style: none;
	margin: 0;
	padding: 0;
}

.qa-q-item-tag-item {
	font-size: 13px;
}

.qa-q-item-tag-item a {
	color: var(--rb-blue);
}

.qa-q-item-tag-item a:hover {
	text-decoration: underline;
}

.qa-q-item-buttons {
	margin-top: 10px;
}

.qa-q-item-buttons form {
	display: inline-flex;
	flex-wrap: wrap;
	gap: 6px;
	align-items: center;
}

.qa-q-list-vote-disabled .qa-q-item-stats {
	justify-content: flex-start;
}

/* ================================================================
   6. Página da pergunta
   ================================================================ */

.qa-main-heading {
	margin: 0 0 16px;
}

.qa-main-heading h1 {
	margin: 0;
	font-size: 22px;
	font-weight: 700;
	color: var(--rb-text);
}

.qa-main-heading h1 a {
	color: var(--rb-text);
}

.qa-main-heading h1 a:hover {
	color: var(--rb-blue);
	text-decoration: none;
}

.qa-favoriting {
	display: inline-block;
	margin-right: 6px;
}

.qa-favorite-button,
.qa-unfavorite-button {
	width: 28px;
	height: 28px;
	border: 1px solid var(--rb-border);
	border-radius: 50%;
	background: var(--rb-surface);
	color: var(--rb-text-secondary);
	font-size: 14px;
	cursor: pointer;
	vertical-align: middle;
}

.qa-unfavorite-button {
	border-color: var(--rb-orange);
	color: var(--rb-orange);
}

/* pergunta: superfície branca com rail de votação lateral */
.qa-q-view {
	display: grid;
	grid-template-columns: 64px minmax(0, 1fr);
	gap: 20px;
	background: var(--rb-surface);
	border: 1px solid var(--rb-border);
	border-radius: var(--rb-radius);
	padding: 24px;
	margin-bottom: 24px;
}

.qa-q-view-stats {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 8px;
}

.qa-q-view-stats .qa-vote-buttons {
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.qa-q-view-stats .qa-vote-first-button,
.qa-q-view-stats .qa-vote-second-button,
.qa-q-view-stats .qa-vote-one-button {
	width: 36px;
	height: 36px;
	border: 1px solid #cfcbd6;
	border-radius: 50%;
	background: var(--rb-surface);
	color: var(--rb-text-secondary);
	font-size: 18px;
	line-height: 1;
	cursor: pointer;
	transition: border-color var(--rb-transition), color var(--rb-transition), background var(--rb-transition);
}

.qa-q-view-stats .qa-vote-first-button:hover,
.qa-q-view-stats .qa-vote-second-button:hover,
.qa-q-view-stats .qa-vote-one-button:hover {
	border-color: var(--rb-purple);
	color: var(--rb-purple);
}

.qa-q-view-stats .qa-voted-up-button,
.qa-q-view-stats .qa-voted-down-button {
	border-color: var(--rb-purple);
	background: var(--rb-purple);
	color: #ffffff;
}

.qa-q-view-stats .qa-vote-up-disabled,
.qa-q-view-stats .qa-vote-down-disabled {
	opacity: 0.45;
	background: var(--rb-surface-soft);
}

.qa-q-view-stats .qa-vote-count {
	text-align: center;
	font-size: 13px;
	color: var(--rb-text);
}

.qa-q-view-stats .qa-netvote-count-data,
.qa-q-view-stats .qa-upvote-count-data,
.qa-q-view-stats .qa-downvote-count-data {
	display: block;
	font-size: 20px;
	font-weight: 700;
	color: var(--rb-text);
}

.qa-q-view-stats .qa-a-count-data {
	display: block;
	font-size: 18px;
	font-weight: 700;
	color: var(--rb-text);
}

.qa-q-view-stats .qa-a-count-selected .qa-a-count-data {
	color: var(--rb-orange);
}

.qa-q-view-main {
	min-width: 0;
}

.qa-q-view-main .qa-view-count {
	display: block;
	font-size: 12px;
	color: var(--rb-text-secondary);
	margin-bottom: 6px;
}

.qa-q-view-content {
	font-size: 15px;
	line-height: 1.6;
}

.qa-q-view-content p {
	margin: 0 0 10px;
}

.qa-q-view-content img {
	border-radius: var(--rb-radius);
}

.qa-q-view-avatar-meta {
	display: block;
	margin-top: 12px;
	font-size: 12px;
	color: var(--rb-text-secondary);
}

.qa-q-view-avatar {
	margin-right: 6px;
	vertical-align: middle;
}

.qa-q-view-meta {
	display: inline-block;
	font-size: 12px;
	color: var(--rb-text-secondary);
}

.qa-q-view-meta > span:not(:last-child)::after {
	content: " · ";
	color: var(--rb-border);
}

.qa-q-view-meta a {
	color: var(--rb-text-secondary);
}

.qa-q-view-meta a:hover {
	color: var(--rb-blue);
}

.qa-q-view-what {
	font-weight: 600;
}

.qa-q-view-flags {
	color: var(--rb-red);
	font-weight: 700;
}

.qa-q-view-tags {
	margin-top: 12px;
}

.qa-q-view-tag-list {
	display: flex;
	flex-wrap: wrap;
	gap: 4px 10px;
	list-style: none;
	margin: 0;
	padding: 0;
}

.qa-q-view-tag-item {
	font-size: 12px;
}

.qa-q-view-tag-item a {
	color: var(--rb-blue);
}

.qa-q-view-buttons {
	margin-top: 12px;
}

.qa-q-view-buttons form {
	display: inline-flex;
	flex-wrap: wrap;
	gap: 6px;
	align-items: center;
}

.qa-q-view-closed {
	background: var(--rb-surface-soft);
	border: 1px solid var(--rb-border);
	border-radius: var(--rb-radius);
	padding: 12px 16px;
	margin-top: 12px;
	font-size: 13px;
	color: var(--rb-text-secondary);
}

.qa-q-view-closed-content {
	font-weight: 600;
}

.qa-q-view-follows {
	margin-top: 12px;
	font-size: 13px;
	color: var(--rb-text-secondary);
}

.qa-q-view-follows-link {
	font-weight: 600;
}

.qa-q-view-extra {
	margin-top: 12px;
}

/* ================================================================
   7. Respostas
   ================================================================ */

.qa-a-list {
	list-style: none;
	margin: 0 0 24px;
	padding: 0;
}

.qa-part-a-list > h2,
.qa-part-a-form > h2 {
	margin: 24px 0 12px;
	font-size: 18px;
	font-weight: 700;
	color: var(--rb-text);
}

.qa-a-list-item {
	display: grid;
	grid-template-columns: 64px minmax(0, 1fr);
	gap: 20px;
	background: var(--rb-surface);
	border: 1px solid var(--rb-border);
	border-radius: var(--rb-radius);
	padding: 24px;
	margin-top: 16px;
}

.qa-a-list-item-selected {
	border-color: var(--rb-orange);
	background: var(--rb-accepted);
}

.qa-a-list-item-hidden {
	opacity: 0.75;
}

.qa-a-item-main {
	min-width: 0;
}

.qa-a-item-content {
	font-size: 15px;
	line-height: 1.6;
}

.qa-a-item-content p {
	margin: 0 0 10px;
}

.qa-a-item-content img {
	border-radius: var(--rb-radius);
}

.qa-a-item-avatar-meta {
	display: block;
	margin-top: 12px;
	font-size: 12px;
	color: var(--rb-text-secondary);
}

.qa-a-item-avatar {
	margin-right: 6px;
	vertical-align: middle;
}

.qa-a-item-meta {
	display: inline-block;
	font-size: 12px;
	color: var(--rb-text-secondary);
}

.qa-a-item-meta > span:not(:last-child)::after {
	content: " · ";
	color: var(--rb-border);
}

.qa-a-item-meta a {
	color: var(--rb-text-secondary);
}

.qa-a-item-meta a:hover {
	color: var(--rb-blue);
}

.qa-a-item-what {
	font-weight: 600;
}

.qa-a-item-flags {
	color: var(--rb-red);
	font-weight: 700;
}

.qa-a-item-buttons {
	margin-top: 12px;
}

.qa-a-item-buttons form {
	display: inline-flex;
	flex-wrap: wrap;
	gap: 6px;
	align-items: center;
}

/* votação das respostas: rail lateral igual ao da pergunta */
.qa-a-list-item .qa-voting {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 8px;
}

.qa-a-list-item .qa-vote-buttons {
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.qa-a-list-item .qa-vote-first-button,
.qa-a-list-item .qa-vote-second-button,
.qa-a-list-item .qa-vote-one-button {
	width: 36px;
	height: 36px;
	border: 1px solid #cfcbd6;
	border-radius: 50%;
	background: var(--rb-surface);
	color: var(--rb-text-secondary);
	font-size: 18px;
	line-height: 1;
	cursor: pointer;
	transition: border-color var(--rb-transition), color var(--rb-transition), background var(--rb-transition);
}

.qa-a-list-item .qa-vote-first-button:hover,
.qa-a-list-item .qa-vote-second-button:hover,
.qa-a-list-item .qa-vote-one-button:hover {
	border-color: var(--rb-purple);
	color: var(--rb-purple);
}

.qa-a-list-item .qa-voted-up-button,
.qa-a-list-item .qa-voted-down-button {
	border-color: var(--rb-purple);
	background: var(--rb-purple);
	color: #ffffff;
}

.qa-a-list-item .qa-vote-up-disabled,
.qa-a-list-item .qa-vote-down-disabled {
	opacity: 0.45;
	background: var(--rb-surface-soft);
}

.qa-a-list-item .qa-vote-count {
	text-align: center;
	font-size: 13px;
	color: var(--rb-text);
}

.qa-a-list-item .qa-netvote-count-data,
.qa-a-list-item .qa-upvote-count-data,
.qa-a-list-item .qa-downvote-count-data {
	display: block;
	font-size: 20px;
	font-weight: 700;
	color: var(--rb-text);
}

/* seleção de resposta: badge com troféu amarelo no topo do conteúdo */
.qa-a-selection {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-bottom: 10px;
}

.qa-a-selected {
	flex: none;
	width: 26px;
	height: 26px;
	border: 0;
	border-radius: 50%;
	background-color: #ffc107;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 4.5h10v5a5 5 0 0 1-10 0z' fill='%23ffffff'/%3E%3Cpath d='M7 5.5H4.8a1.6 1.6 0 0 0 0 3.2H7M17 5.5h2.2a1.6 1.6 0 0 1 0 3.2H17' stroke='%23ffffff' stroke-width='1.6' fill='none'/%3E%3Cpath d='M12 14.5v3.5M8.5 20h7' stroke='%23ffffff' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 16px 16px;
	font-size: 0;
}

.qa-a-selected-text {
	font-size: 12px;
	font-weight: 700;
	color: var(--rb-orange);
}

/* botões de selecionar/desfazer: troféu amarelo cheio */
.qa-a-select-button,
.qa-a-unselect-button {
	appearance: none;
	-webkit-appearance: none;
	flex: none;
	width: 26px;
	height: 26px;
	border: 1px solid var(--rb-orange);
	border-radius: 50%;
	background-color: #ffc107;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 4.5h10v5a5 5 0 0 1-10 0z' fill='%23ffffff'/%3E%3Cpath d='M7 5.5H4.8a1.6 1.6 0 0 0 0 3.2H7M17 5.5h2.2a1.6 1.6 0 0 1 0 3.2H17' stroke='%23ffffff' stroke-width='1.6' fill='none'/%3E%3Cpath d='M12 14.5v3.5M8.5 20h7' stroke='%23ffffff' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 14px 14px;
	font-size: 0;
	cursor: pointer;
}

/* ================================================================
   8. Comentários
   ================================================================ */

.qa-c-list {
	list-style: none;
	margin: 12px 0 0;
	padding: 12px;
	background: var(--rb-surface-soft);
	border: 1px solid var(--rb-border);
	border-radius: var(--rb-radius);
}

.qa-c-list-item {
	padding: 8px 0;
	border-bottom: 1px solid var(--rb-border);
}

.qa-c-list-item:last-child {
	border-bottom: 0;
}

.qa-c-item-content {
	font-size: 13px;
	line-height: 1.5;
}

.qa-c-item-content p {
	margin: 0 0 4px;
}

.qa-c-item-avatar-meta {
	display: block;
	font-size: 12px;
	color: var(--rb-text-secondary);
	margin-top: 4px;
}

.qa-c-item-avatar {
	margin-right: 6px;
	vertical-align: middle;
}

.qa-c-item-meta {
	display: inline-block;
	font-size: 12px;
	color: var(--rb-text-secondary);
}

.qa-c-item-meta > span:not(:last-child)::after {
	content: " · ";
	color: var(--rb-border);
}

.qa-c-item-meta a {
	color: var(--rb-text-secondary);
}

.qa-c-item-flags {
	color: var(--rb-red);
	font-weight: 700;
}

.qa-c-item-buttons form {
	display: inline-flex;
	flex-wrap: wrap;
	gap: 6px;
}

.qa-c-item-expand {
	font-size: 12px;
}

/* formulário de comentário */
.qa-c-form {
	margin-top: 10px;
}

/* ================================================================
   9. Formulários e botões
   ================================================================ */

.qa-form-tall-table,
.qa-form-wide-table,
.qa-form-light-table,
.qa-form-basic-table {
	width: 100%;
	border-collapse: collapse;
	margin: 0 0 16px;
}

.qa-form-tall-table .qa-form-tall-label,
.qa-form-wide-table .qa-form-wide-label,
.qa-form-light-table .qa-form-light-label,
.qa-form-basic-table .qa-form-basic-label {
	padding: 10px 16px 4px 0;
	font-size: 13px;
	font-weight: 700;
	color: var(--rb-text);
	vertical-align: top;
	width: 30%;
}

.qa-form-tall-table .qa-form-tall-data,
.qa-form-wide-table .qa-form-wide-data,
.qa-form-light-table .qa-form-light-data,
.qa-form-basic-table .qa-form-basic-data {
	padding: 6px 0;
	vertical-align: top;
	max-width: 100%;
}

.qa-form-tall-table .qa-form-tall-error,
.qa-form-wide-table .qa-form-wide-error,
.qa-form-light-table .qa-form-light-error {
	padding: 6px 16px 6px 0;
	color: var(--rb-error);
	font-size: 12px;
	font-weight: 700;
}

.qa-form-tall-table .qa-form-tall-note,
.qa-form-wide-table .qa-form-wide-note,
.qa-form-light-table .qa-form-light-note {
	padding: 4px 16px 4px 0;
	font-size: 12px;
	color: var(--rb-text-secondary);
}

.qa-form-tall-table .qa-form-tall-spacer,
.qa-form-wide-table .qa-form-wide-spacer,
.qa-form-light-table .qa-form-light-spacer {
	height: 12px;
}

.qa-form-tall-table .qa-form-tall-ok,
.qa-form-wide-table .qa-form-wide-ok,
.qa-form-light-table .qa-form-light-ok {
	padding: 8px 0;
	color: var(--rb-success);
	font-weight: 700;
}

.qa-form-tall-table .qa-form-tall-static,
.qa-form-wide-table .qa-form-wide-static {
	padding: 8px 0;
}

/* controles */
.qa-form-tall-text,
.qa-form-wide-text,
.qa-form-basic-text,
.qa-form-tall-textarea,
.qa-form-wide-textarea,
.qa-form-tall-number,
.qa-form-wide-number,
.qa-form-tall-select,
.qa-form-wide-select,
.qa-form-basic-select,
.qa-form-tall-file,
.qa-form-wide-file {
	width: 100%;
	max-width: 100%;
	min-height: 44px;
	padding: 9px 12px;
	border: 1px solid var(--rb-border);
	border-radius: var(--rb-radius);
	background: var(--rb-surface);
	font-family: inherit;
	font-size: 14px;
	color: var(--rb-text);
	transition: border-color var(--rb-transition), box-shadow var(--rb-transition);
}

.qa-form-tall-textarea,
.qa-form-wide-textarea {
	min-height: 120px;
	resize: vertical;
}

.qa-form-tall-text:focus,
.qa-form-wide-text:focus,
.qa-form-basic-text:focus,
.qa-form-tall-textarea:focus,
.qa-form-wide-textarea:focus,
.qa-form-tall-number:focus,
.qa-form-wide-number:focus,
.qa-form-tall-select:focus,
.qa-form-wide-select:focus,
.qa-form-basic-select:focus,
.qa-form-tall-file:focus,
.qa-form-wide-file:focus {
	outline: none;
	border-color: var(--rb-orange);
	box-shadow: 0 0 0 2px rgba(255, 138, 0, 0.25);
}

td.qa-form-tall-checkbox,
td.qa-form-wide-checkbox,
td.qa-form-tall-radio,
td.qa-form-wide-radio {
	display: block;
	min-height: 44px;
	padding: 8px 0;
	font-size: 14px;
}

input.qa-form-tall-checkbox,
input.qa-form-wide-checkbox,
input.qa-form-tall-radio,
input.qa-form-wide-radio {
	width: 18px;
	height: 18px;
	margin-right: 6px;
	accent-color: var(--rb-purple);
	vertical-align: middle;
}

/* botões */
.qa-form-tall-button,
.qa-form-wide-button,
.qa-form-light-button,
.qa-form-basic-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 44px;
	padding: 10px 20px;
	border: 1px solid var(--rb-purple);
	border-radius: var(--rb-radius);
	background: var(--rb-purple);
	color: #ffffff;
	font-family: inherit;
	font-size: 14px;
	font-weight: 700;
	cursor: pointer;
	transition: background var(--rb-transition), border-color var(--rb-transition);
}

.qa-form-tall-button:hover,
.qa-form-wide-button:hover,
.qa-form-light-button:hover,
.qa-form-basic-button:hover {
	background: var(--rb-purple-dark);
	border-color: var(--rb-purple-dark);
}

.qa-form-tall-button:disabled,
.qa-form-wide-button:disabled,
.qa-form-light-button:disabled,
.qa-form-basic-button:disabled {
	opacity: 0.5;
	cursor: default;
}

/* cancelar: botão secundário */
.qa-form-tall-button-cancel,
.qa-form-wide-button-cancel,
.qa-form-light-button-cancel {
	border-color: var(--rb-border);
	background: var(--rb-surface);
	color: var(--rb-text);
	font-weight: 600;
}

.qa-form-tall-button-cancel:hover,
.qa-form-wide-button-cancel:hover,
.qa-form-light-button-cancel:hover {
	border-color: var(--rb-text-secondary);
	color: var(--rb-text);
	background: var(--rb-surface-soft);
}

/* botões de ação de posts: texto discreto, sem contorno */
.qa-form-light-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-color: transparent;
	background: transparent;
	color: var(--rb-text-secondary);
	font-weight: 600;
	padding: 6px 10px;
	min-height: 44px;
}

.qa-form-light-button:hover {
	border-color: transparent;
	color: var(--rb-purple);
	background: transparent;
}

/* botão de resposta (formulário no fim da página) */
.qa-form-tall-button-answer {
	background: var(--rb-blue);
	border-color: var(--rb-blue);
}

.qa-form-tall-button-answer:hover {
	background: var(--rb-purple-dark);
	border-color: var(--rb-purple-dark);
}

.qa-form-tall-button-ask {
	background: var(--rb-purple);
}

/* CKEditor e conteúdo rico sem overflow */
.qa-form-tall-data .cke,
.qa-form-wide-data .cke,
.qa-form-light-data .cke {
	max-width: 100%;
}

.qa-form-tall-data,
.qa-form-wide-data,
.qa-form-light-data {
	overflow-wrap: anywhere;
}

/* caixa "perguntar" na home */
.qa-ask-box form {
	display: flex;
	gap: 8px;
	background: var(--rb-surface);
	border: 1px solid var(--rb-border);
	border-radius: var(--rb-radius);
	padding: 8px;
	margin-bottom: 16px;
}

.qa-ask-box .qa-form-tall-text {
	min-height: 52px;
	border: 0;
	background: var(--rb-surface-soft);
}

/* ================================================================
   10. Notices, erros e sucesso
   ================================================================ */

.qa-notice {
	background: var(--rb-surface-soft);
	border: 1px solid var(--rb-border);
	border-left: 3px solid var(--rb-blue);
	border-radius: var(--rb-radius);
	padding: 12px 16px;
	margin: 0 0 16px;
	font-size: 13px;
	position: relative;
}

.qa-notice-close-button {
	position: absolute;
	top: 8px;
	right: 8px;
	width: 28px;
	height: 28px;
	border: 1px solid var(--rb-border);
	border-radius: 50%;
	background: var(--rb-surface);
	color: var(--rb-text-secondary);
	font-size: 12px;
	cursor: pointer;
}

.qa-error {
	background: #fdecea;
	border: 1px solid var(--rb-error);
	color: var(--rb-error);
	border-radius: var(--rb-radius);
	padding: 12px 16px;
	margin: 0 0 16px;
	font-weight: 600;
}

.qa-success {
	background: #edf7ed;
	border: 1px solid var(--rb-success);
	color: var(--rb-success);
	border-radius: var(--rb-radius);
	padding: 12px 16px;
	margin: 0 0 16px;
	font-weight: 600;
}

.qa-warning {
	background: #fff7e6;
	border: 1px solid var(--rb-orange);
	color: #8a4d00;
	border-radius: var(--rb-radius);
	padding: 12px 16px;
	margin: 0 0 16px;
	font-weight: 600;
}

/* ================================================================
   11. Sidebar direita e widgets
   ================================================================ */

.qa-sidebar,
.qa-sidepanel .qa-widget-side {
	background: var(--rb-surface);
	border: 1px solid var(--rb-border);
	border-radius: var(--rb-radius);
	padding: 16px;
	margin-bottom: 16px;
	font-size: 13px;
}

.qa-sidepanel h2,
.qa-sidebar h2 {
	margin: 0 0 10px;
	font-size: 15px;
	font-weight: 700;
	color: var(--rb-text);
}

.qa-sidepanel h3 {
	margin: 0 0 8px;
	font-size: 14px;
	color: var(--rb-text);
}

.qa-sidepanel ul {
	padding-left: 18px;
}

.qa-sidepanel li {
	margin-bottom: 4px;
}

/* Activity Count: bloco pastel com métricas em grid */
.qa-activity-count {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 8px 16px;
	background: linear-gradient(135deg, #e8f2ff, #f1e6ff);
	border: 1px solid var(--rb-border);
	border-radius: var(--rb-radius);
	padding: 16px;
	margin-bottom: 16px;
}

.qa-activity-count-item {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 6px;
	margin: 0;
	font-size: 13px;
	color: var(--rb-text);
}

.qa-activity-count-data {
	font-size: 16px;
	font-weight: 700;
	color: var(--rb-purple-dark);
}

/* feed RSS */
.qa-feed {
	margin: 0 0 16px;
	font-size: 13px;
}

/* ================================================================
   12. Breadcrumbs (escopo do tema — CSS do plugin vem depois)
   ================================================================ */

.qa-theme-respostas-brasil .qa-widgets-main-high {
	margin: 0 0 16px;
}

.qa-theme-respostas-brasil .qa-widget-full.qa-widget-full-high {
	margin-top: 0;
}

.qa-theme-respostas-brasil .breadcrumb-wrapper {
	margin: 0;
}

.qa-theme-respostas-brasil .breadcrumb {
	padding: 0;
	margin: 0;
	list-style: none;
	background: transparent;
	border-radius: 0;
	display: block;
}

.qa-theme-respostas-brasil .breadcrumb > li {
	display: inline-block;
	font-size: 13px;
}

.qa-theme-respostas-brasil .breadcrumb > li + li:before {
	content: "/\00a0";
	padding: 0 6px;
	color: var(--rb-border);
	font-weight: 400;
}

.qa-theme-respostas-brasil .breadcrumb > .active {
	color: var(--rb-text-secondary);
}

.qa-theme-respostas-brasil .breadcrumb > li > a,
.qa-theme-respostas-brasil .breadcrumb > li i,
.qa-theme-respostas-brasil .breadcrumb > li span {
	color: var(--rb-blue);
	font-size: 13px;
	font-weight: 400;
	cursor: pointer;
}

.qa-theme-respostas-brasil .breadcrumb > li > a:hover {
	text-decoration: underline;
}

.qa-theme-respostas-brasil .breadcrumb > .active > a,
.qa-theme-respostas-brasil .breadcrumb > li:last-child > a,
.qa-theme-respostas-brasil .breadcrumb > li:last-child i,
.qa-theme-respostas-brasil .breadcrumb > li:last-child span {
	color: var(--rb-text-secondary);
}

/* ================================================================
   13. Related Questions (full/low)
   ================================================================ */

.qa-widgets-full-low .qa-related-qs {
	margin-top: 24px;
	padding-top: 20px;
	border-top: 1px solid var(--rb-border);
}

.qa-related-qs h2 {
	margin: 0 0 10px;
	font-size: 15px;
	font-weight: 700;
	color: var(--rb-text);
}

.qa-related-q-list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	gap: 8px;
}

.qa-related-q-item a {
	color: var(--rb-blue);
	font-size: 13px;
}

/* ================================================================
   14. Páginas de tags, categorias e usuários
   ================================================================ */

.qa-part-ranking {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.qa-ranking-item {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 8px 14px;
	background: var(--rb-surface);
	border: 1px solid var(--rb-border);
	border-radius: var(--rb-radius);
	font-size: 13px;
}

.qa-top-users-item .qa-top-users-avatar {
	margin-right: 2px;
}

.qa-ranking-item a {
	color: var(--rb-blue);
}

.qa-ranking-tags-count,
.qa-ranking-users-count,
.qa-top-tags-count,
.qa-top-users-score {
	color: var(--rb-text-secondary);
	font-weight: 600;
}

.qa-top-users-score {
	margin-left: auto;
}

/* página de categorias (browse) */
.qa-browse-cat-list {
	list-style: none;
	padding: 0;
	margin: 0;
}

.qa-browse-cat-item {
	margin-bottom: 6px;
	font-size: 14px;
}

.qa-browse-cat-link,
.qa-browse-cat-nolink {
	color: var(--rb-blue);
	font-weight: 600;
}

.qa-browse-cat-note {
	color: var(--rb-text-secondary);
	font-size: 12px;
}

.qa-category-link {
	color: var(--rb-blue);
}

/* ================================================================
   15. Paginação
   ================================================================ */

.qa-page-links {
	margin: 20px 0;
}

.qa-page-links-list {
	display: flex;
	flex-wrap: wrap;
	gap: 4px;
	list-style: none;
	margin: 0;
	padding: 0;
}

.qa-page-links-item a,
.qa-page-selected {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 36px;
	min-height: 36px;
	padding: 4px 10px;
	border: 1px solid var(--rb-border);
	border-radius: var(--rb-radius);
	font-size: 13px;
	color: var(--rb-text);
	background: var(--rb-surface);
}

.qa-page-links-item a:hover {
	border-color: var(--rb-purple);
	color: var(--rb-purple);
	text-decoration: none;
}

.qa-page-selected {
	background: var(--rb-purple);
	border-color: var(--rb-purple);
	color: #ffffff;
	font-weight: 700;
}

.qa-page-links-label {
	margin-right: 8px;
	font-size: 13px;
	color: var(--rb-text-secondary);
}

.qa-page-prev a,
.qa-page-next a {
	font-weight: 700;
}

/* ================================================================
   16. Mensagens (correio interno)
   ================================================================ */

.qa-message-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.qa-message-list-form {
	margin: 16px 0;
}

.qa-message-item {
	background: var(--rb-surface);
	border: 1px solid var(--rb-border);
	border-radius: var(--rb-radius);
	padding: 16px;
	margin-bottom: 12px;
}

.qa-message-item .qa-message-avatar-meta {
	display: block;
	font-size: 12px;
	color: var(--rb-text-secondary);
	margin-bottom: 6px;
}

.qa-message-avatar {
	margin-right: 6px;
	vertical-align: middle;
}

.qa-message-meta {
	font-size: 12px;
	color: var(--rb-text-secondary);
}

.qa-message-meta a {
	color: var(--rb-text-secondary);
}

.qa-message-content {
	font-size: 14px;
	margin: 6px 0;
}

.qa-message-buttons form {
	display: inline-flex;
	gap: 6px;
}

/* ================================================================
   17. Admin
   ================================================================ */

.rb-layout-admin .qa-main {
	max-width: 100%;
}

.rb-layout-admin table {
	max-width: 100%;
}

.rb-layout-admin .qa-form-tall-table td,
.rb-layout-admin .qa-form-wide-table td {
	overflow-wrap: anywhere;
}

.rb-layout-admin .qa-part-admin .qa-form-tall-data {
	overflow-x: auto;
}

/* ================================================================
   18. Sugestões e extras
   ================================================================ */

.qa-suggest-next {
	background: var(--rb-surface-soft);
	border: 1px solid var(--rb-border);
	border-radius: var(--rb-radius);
	padding: 14px 16px;
	margin-top: 16px;
	font-size: 13px;
}

.qa-ask-similar {
	background: var(--rb-surface-soft);
	border: 1px solid var(--rb-border);
	border-radius: var(--rb-radius);
	padding: 16px;
	margin-bottom: 16px;
}

.qa-ask-similar-title {
	margin: 0 0 8px;
	font-size: 14px;
	font-weight: 700;
}

.qa-ask-similar ul {
	margin: 0;
	padding-left: 18px;
}

.qa-ask-similar li {
	margin-bottom: 4px;
	font-size: 13px;
}

.qa-waiting {
	color: var(--rb-text-secondary);
	font-style: italic;
}

.qa-q-title-list {
	list-style: none;
	margin: 0 0 16px;
	padding: 0;
}

.qa-q-title-item {
	margin-bottom: 6px;
}

.qa-q-title-item a {
	font-weight: 600;
}

/* ================================================================
   19. Footer
   ================================================================ */

.qa-footer {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px 24px;
	border-top: 1px solid var(--rb-border);
	margin-top: 32px;
	padding: 20px 0;
	font-size: 13px;
	color: var(--rb-text-secondary);
}

.qa-footer a {
	color: var(--rb-text-secondary);
}

.qa-footer a:hover {
	color: var(--rb-purple);
}

.qa-nav-footer-list {
	display: flex;
	flex-wrap: wrap;
	gap: 4px 16px;
	list-style: none;
	margin: 0;
	padding: 0;
}

.qa-nav-footer-link {
	font-size: 13px;
}

/* link "Enviar opinião" oculto na interface (o código do Q2A permanece) */
.qa-nav-footer-feedback {
	display: none;
}

.qa-nav-footer-note {
	display: none;
}

.qa-attribution {
	order: 10;
	margin-left: auto;
}

/* ================================================================
   20. Responsivo
   ================================================================ */

@media (max-width: 1099px) {
	.rb-content-layout.rb-layout-with-categories {
		grid-template-columns: minmax(0, 1fr) 260px;
		grid-template-areas:
			"main side"
			"categories side";
	}

	.rb-content-layout.rb-layout-with-categories .qa-main {
		grid-area: main;
	}

	.rb-content-layout.rb-layout-with-categories .qa-sidepanel {
		grid-area: side;
	}

	.rb-content-layout.rb-layout-with-categories .rb-category-rail {
		grid-area: categories;
	}
}

@media (max-width: 840px) {
	/* coluna única: feed, depois categorias, depois sidebar */
	.rb-content-layout,
	.rb-content-layout.rb-layout-with-categories {
		grid-template-columns: minmax(0, 1fr);
		grid-template-areas:
			"main"
			"categories"
			"side";
	}

	.rb-content-layout .qa-main {
		grid-area: main;
	}

	.rb-content-layout .qa-sidepanel {
		grid-area: side;
	}

	.rb-content-layout .rb-category-rail {
		grid-area: categories;
	}

	/* header em duas linhas: logo/usuário e busca */
	.rb-brand-row {
		gap: 10px 16px;
	}

	.qa-header .qa-search {
		flex-basis: 100%;
		max-width: none;
		order: 3;
	}

	.qa-header .qa-nav-user {
		margin-left: auto;
	}

	/* navegação por rolagem horizontal (sem menu JS) */
	.qa-nav-main-list {
		flex-wrap: nowrap;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}

	.qa-nav-main-link {
		white-space: nowrap;
	}

	.qa-nav-sub-list {
		flex-wrap: nowrap;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}

	.qa-nav-sub-link {
		white-space: nowrap;
	}

	/* pergunta/respostas: estatísticas em faixa horizontal */
	.qa-q-view,
	.qa-a-list-item {
		grid-template-columns: minmax(0, 1fr);
		gap: 12px;
	}

	.qa-q-view-stats {
		flex-direction: row;
		align-items: center;
		gap: 12px;
	}

	.qa-q-view-stats .qa-vote-buttons,
	.qa-a-list-item .qa-vote-buttons {
		flex-direction: row;
	}

	.qa-q-view-stats .qa-vote-count,
	.qa-a-list-item .qa-vote-count {
		order: -1;
	}

	.qa-a-list-item .qa-voting {
		flex-direction: row;
		align-items: center;
		gap: 12px;
	}
}

@media (max-width: 540px) {
	.qa-body-wrapper,
	.rb-header-inner {
		padding-left: 12px;
		padding-right: 12px;
	}

	.rb-content-layout {
		gap: 16px;
		padding-top: 16px;
	}

	.qa-q-list-item {
		grid-template-columns: 44px minmax(0, 1fr);
		gap: 12px;
		padding: 14px;
	}

	.qa-q-view,
	.qa-a-list-item {
		padding: 16px;
	}

	.qa-main-heading h1 {
		font-size: 19px;
	}

	.qa-q-item-title a {
		font-size: 15px;
	}

	.qa-logo {
		font-size: 19px;
	}

	/* remover larguras fixas de formulários e tabelas */
	.qa-form-tall-table,
	.qa-form-wide-table,
	.qa-form-light-table,
	.qa-form-basic-table {
		display: block;
		overflow-x: auto;
	}

	.qa-form-tall-table .qa-form-tall-label,
	.qa-form-wide-table .qa-form-wide-label,
	.qa-form-light-table .qa-form-light-label,
	.qa-form-basic-table .qa-form-basic-label {
		width: auto;
	}

	.qa-form-tall-table .qa-form-tall-data,
	.qa-form-wide-table .qa-form-wide-data,
	.qa-form-light-table .qa-form-light-data,
	.qa-form-basic-table .qa-form-basic-data {
		padding-left: 0;
	}

	.qa-page-links-list {
		flex-wrap: wrap;
	}
}

/* ================================================================
   21. Movimento reduzido
   ================================================================ */

@media (prefers-reduced-motion: reduce) {
	*,
	*::before,
	*::after {
		transition: none !important;
		animation: none !important;
	}
}