/* SivakasiAds Community Q&A — front-end design system */

.svks-qa {
	--svks-qa-primary: var(--primary-color, #00a3b5);
	--svks-qa-primary-dark: #008999;
	--svks-qa-text: #1f2937;
	--svks-qa-text-muted: #6b7280;
	--svks-qa-border: #e5e7eb;
	--svks-qa-bg: #f3f4f6;
	--svks-qa-card-bg: #fff;
	--svks-qa-radius: 0px;
	--svks-qa-radius-sm: 8px;
	--svks-qa-shadow: 0 1px 3px rgba(15, 23, 42, 0.06), 0 4px 16px rgba(15, 23, 42, 0.04);
	--svks-qa-success: #059669;
	--svks-qa-success-bg: #ecfdf5;
	--svks-qa-badge-bg: #fff0eb;
	--svks-qa-badge-text: #c2410c;
	max-width: 1140px;
	margin: 0 auto;
	padding: 1rem 0 2.5rem;
	font-family: inherit;
	color: var(--svks-qa-text);
	line-height: 1.6;
	font-size: 1.3rem;
}

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

/* Cards */
.svks-qa-card,
.svks-qa-accordion,
.svks-qa-filters-card,
.svks-qa-ask-card {
	background: var(--svks-qa-card-bg);
	border: 1px solid var(--svks-qa-border);
	border-radius: var(--svks-qa-radius);
	box-shadow: var(--svks-qa-shadow);
}

.svks-qa-card,
.svks-qa-filters-card,
.svks-qa-ask-card {
	padding: 1.25rem 1.5rem;
}

.svks-qa-sidebar-card {
	padding: 1rem 1.15rem;
	overflow: hidden;
}

.svks-qa-sidebar-card__title {
	margin: 0 0 .85rem;
	font-size: .95em;
	font-weight: 700;
	color: var(--svks-qa-text);
}

/* Breadcrumbs */
.svks-qa-breadcrumbs {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: .35rem;
	font-size: .875em;
	color: var(--svks-qa-text-muted);
	margin-bottom: 1rem;
}

.svks-qa-breadcrumbs a {
	color: var(--svks-qa-primary);
	text-decoration: none;
}

.svks-qa-breadcrumbs a:hover {
	text-decoration: underline;
}

.svks-qa-breadcrumbs__sep {
	color: #9ca3af;
}

.svks-qa-breadcrumbs__current {
	color: var(--svks-qa-text-muted);
	min-width: 0;
}

.svks-qa-topbar .svks-qa-breadcrumbs__current {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/* Buttons */
.svks-qa-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: .45rem;
	padding: .6rem 1rem;
	border: 1px solid var(--svks-qa-border);
	border-radius: var(--svks-qa-radius-sm);
	background: var(--svks-qa-card-bg);
	color: var(--svks-qa-text);
	text-decoration: none;
	cursor: pointer;
	font-size: .925em;
	font-weight: 500;
	line-height: 1.2;
	transition: background .15s, border-color .15s, color .15s;
}

.svks-qa-btn:hover {
	border-color: #cbd5e1;
	background: #f9fafb;
	color: var(--svks-qa-text);
}

.svks-qa-btn--primary {
	background: var(--svks-qa-primary);
	border-color: var(--svks-qa-primary);
	color: #fff;
}

.svks-qa-btn--primary:hover {
	background: var(--svks-qa-primary-dark);
	border-color: var(--svks-qa-primary-dark);
	color: #fff;
}

.svks-qa-btn--outline {
	background: transparent;
	border-color: var(--svks-qa-border);
}

.svks-qa-btn--sm {
	padding: .45rem .75rem;
	font-size: .85em;
}

.svks-qa-sidebar-more {
	display: inline-block;
	margin-top: .65rem;
	font-size: .875em;
	font-weight: 500;
	color: var(--svks-qa-primary);
	text-decoration: none;
}

.svks-qa-btn--block {
	width: 100%;
}

.svks-qa-btn--answer {
	flex: 1 1 auto;
	min-width: 0;
}

/* Badge */
.svks-qa-badge {
	display: inline-block;
	background: var(--svks-qa-badge-bg);
	color: var(--svks-qa-badge-text);
	padding: .2rem .65rem;
	border-radius: 999px;
	font-size: .75em;
	font-weight: 600;
	line-height: 1.4;
}

/* Meta row */
.svks-qa-meta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 1rem;
	font-size: .875em;
	color: var(--svks-qa-text-muted);
}

.svks-qa-meta__item {
	display: inline-flex;
	align-items: center;
	gap: .35rem;
}

.svks-qa-meta__item .hp-icon {
	font-size: .95rem;
	opacity: .75;
}

.svks-qa-post-date {
	display: inline-flex;
	align-items: center;
	gap: .35rem;
}

.svks-qa-post-date .hp-icon {
	font-size: .9em;
	opacity: .75;
	flex-shrink: 0;
}

.svks-qa-post-date--inline {
	display: inline-flex;
}

/* Question card (v2 single column) */
.svks-qa-single {
	max-width: 860px;
}

.svks-qa-topbar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: .75rem;
	margin-bottom: 1rem;
}

.svks-qa-topbar .svks-qa-breadcrumbs {
	margin-bottom: 0;
	flex: 1 1 auto;
	min-width: 0;
}

.svks-qa-topbar-cta {
	display: inline-flex;
	align-items: center;
	gap: .5rem;
	padding: .55rem 1rem;
	background: var(--svks-qa-primary);
	color: #fff;
	border-radius: var(--svks-qa-radius-sm);
	text-decoration: none;
	font-size: .875em;
	font-weight: 600;
	white-space: nowrap;
	flex-shrink: 0;
	transition: background .15s;
}

.svks-qa-topbar-cta:hover {
	background: var(--svks-qa-primary-dark);
	color: #fff;
}

.svks-qa-topbar-cta .hp-icon {
	font-size: 1.1rem;
}

.svks-qa-question-card {
	margin-bottom: 1.25rem;
	padding: 1.25rem 1.5rem;
}

.svks-qa-question-card__header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: .75rem;
	margin-bottom: .5rem;
}

.svks-qa-question-card__header .svks-qa-flag {
	margin-left: auto;
}

.svks-qa-question-card__inner {
	display: block;
}

.svks-qa-question-card h1 {
	margin: 0 0 .75rem;
	font-size: clamp(1.35em, 2.5vw, 1.75em);
	line-height: 1.3;
	font-weight: 700;
}

.svks-qa-question-card__content {
	margin-bottom: 1rem;
}

.svks-qa-question-card__actions {
	display: flex;
	flex-wrap: nowrap;
	align-items: stretch;
	gap: .65rem;
	margin-top: 1.25rem;
}

.svks-qa-question-card__actions .svks-qa-btn--write-answer,
.svks-qa-question-card__actions .svks-qa-share-menu,
.svks-qa-question-card__actions .svks-qa-share-menu__toggle {
	flex: 0 1 auto;
	min-width: 0;
}

.svks-qa-question-card__actions .svks-qa-share-menu {
	display: flex;
}

.svks-qa-question-card__actions .svks-qa-like-btn {
	margin-left: 0;
	flex: 0 1 auto;
	min-width: 0;
}

.svks-qa-flag-btn--link {
	display: inline-flex;
	align-items: center;
	gap: .35rem;
	padding: 0;
	border: none;
	background: none;
	color: #dc2626;
	font-size: .8125em;
	font-weight: 500;
	cursor: pointer;
}

.svks-qa-flag-btn--link .hp-icon {
	font-size: .9rem;
}

.svks-qa-flag-btn--link:hover {
	color: #b91c1c;
	background: none;
}

/* Vote stack */
.svks-qa-vote-stack {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: .15rem;
	min-width: 72px;
	padding: .65rem .5rem;
	border: 1px solid var(--svks-qa-border);
	border-radius: var(--svks-qa-radius-sm);
	background: #fafafa;
}

.svks-qa-vote-stack .svks-qa-vote-btn {
	border: none;
	background: transparent;
	padding: .2rem;
	cursor: pointer;
	color: var(--svks-qa-text-muted);
	line-height: 1;
}

.svks-qa-vote-stack .svks-qa-vote-btn:hover {
	color: var(--svks-qa-primary);
}

.svks-qa-vote-stack .svks-qa-vote-btn.is-voted {
	color: var(--svks-qa-primary);
}

.svks-qa-vote-stack__count {
	font-size: .95em;
	font-weight: 700;
	color: var(--svks-qa-text);
	text-align: center;
	line-height: 1.2;
}

.svks-qa-vote-stack__label {
	font-size: .7em;
	color: var(--svks-qa-text-muted);
}

.svks-qa-vote-icon {
	font-size: 1rem;
	flex-shrink: 0;
}

.svks-qa-helpful-label {
	font-weight: 600;
}

/* Inline vote (legacy fallback) */
.svks-qa-vote-btn {
	border: 1px solid var(--svks-qa-border);
	background: #fafafa;
	border-radius: var(--svks-qa-radius-sm);
	padding: .35rem .65rem;
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	gap: .35rem;
}

.svks-qa-vote-btn.is-voted {
	background: #e0f7fa;
	border-color: var(--svks-qa-primary);
	color: var(--svks-qa-primary);
}

/* Share & flag */
.svks-qa-share-menu {
	position: relative;
	display: inline-block;
}

.svks-qa-share-menu__toggle {
	display: inline-flex;
	align-items: center;
	gap: .35rem;
}

.svks-qa-share-menu__dropdown {
	display: none;
	position: absolute;
	top: calc(100% + .35rem);
	left: 0;
	min-width: 160px;
	background: #fff;
	border: 1px solid var(--svks-qa-border);
	border-radius: var(--svks-qa-radius-sm);
	box-shadow: var(--svks-qa-shadow);
	z-index: 20;
	padding: .35rem 0;
}

.svks-qa-share-menu.is-open .svks-qa-share-menu__dropdown {
	display: block;
}

.svks-qa-share-menu__dropdown a,
.svks-qa-share-menu__dropdown button {
	display: block;
	width: 100%;
	text-align: left;
	padding: .5rem .85rem;
	border: none;
	background: none;
	color: var(--svks-qa-text);
	text-decoration: none;
	font-size: .875em;
	cursor: pointer;
}

.svks-qa-share-menu__dropdown a:hover,
.svks-qa-share-menu__dropdown button:hover {
	background: #f3f4f6;
}

.svks-qa-flag-btn,
.svks-qa-best-btn {
	border: none;
	background: transparent;
	color: var(--svks-qa-text-muted);
	cursor: pointer;
	font-size: .675em;
	padding: .45rem .65rem;
	border-radius: var(--svks-qa-radius-sm);
}

.svks-qa-flag-btn:hover,
.svks-qa-best-btn:hover {
	background: #f3f4f6;
	color: var(--svks-qa-text);
}

/* Answers section v2 */
.svks-qa-answers {
	margin-bottom: 1.25rem;
	margin-top: 30px;
}

.svks-qa-answers__title {
	margin: 0 0 1rem;
	font-size: 1.1em;
	font-weight: 700;
}

.svks-qa-answer {
	display: block;
	border: 1px solid var(--svks-qa-border);
	border-radius: var(--svks-qa-radius);
	padding: 1.15rem 1.25rem;
	margin-bottom: .85rem;
	background: var(--svks-qa-card-bg);
	box-shadow: var(--svks-qa-shadow);
}

.svks-qa-answer.is-best {
	border-left: 3px solid var(--svks-qa-success);
}

.svks-qa-answer__top {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: .75rem;
	margin-bottom: .75rem;
}

.svks-qa-answer__head {
	display: flex;
	align-items: center;
	gap: .65rem;
	min-width: 0;
}

.svks-qa-answer__author-wrap {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: .35rem .65rem;
	min-width: 0;
}

.svks-qa-answer__author {
	font-weight: 600;
	color: var(--svks-qa-text);
}

.svks-qa-accepted {
	display: inline-flex;
	align-items: center;
	gap: .25rem;
	font-size: .75em;
	font-weight: 600;
	color: var(--svks-qa-success);
}

.svks-qa-accepted .hp-icon {
	font-size: .9rem;
}

.svks-qa-answer__body,
.svks-qa-question-card__content {
	font-size: 1em;
	line-height: 1.65;
	color: var(--svks-qa-text);
}

.svks-qa-answer__body p,
.svks-qa-question-card__content p {
	margin: 0 0 .85em;
}

.svks-qa-answer__body p:last-child,
.svks-qa-question-card__content p:last-child {
	margin-bottom: 0;
}

.svks-qa-answer__body a,
.svks-qa-question-card__content a {
	color: var(--svks-qa-primary);
	word-break: break-word;
}

.svks-qa-answer__body ul,
.svks-qa-answer__body ol,
.svks-qa-question-card__content ul,
.svks-qa-question-card__content ol {
	margin: .5em 0 .85em;
	padding-left: 1.35em;
}

/* Rich editor may save inline font-size (e.g. 11.4px) — inherit from .svks-qa */
.svks-qa-answer__body [style*="font-size"],
.svks-qa-question-card__content [style*="font-size"] {
	font-size: inherit !important;
}

.svks-qa-answer__author-wrap .svks-qa-post-date {
	font-size: .8125em;
	color: var(--svks-qa-text-muted);
	width: 100%;
}

.svks-qa-answer__footer {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: .75rem;
	margin-top: .85rem;
	/* padding-top: .85rem; */
	/* border-top: 1px solid var(--svks-qa-border); */
}

.svks-qa-like-btn {
	display: inline-flex;
	align-items: center;
	gap: .35rem;
	padding: .35rem .65rem;
	border: 1px solid var(--svks-qa-border);
	border-radius: 999px;
	background: #fff;
	color: var(--svks-qa-text-muted);
	cursor: pointer;
	font-size: .7em;
	font-weight: 600;
	/* margin-left: auto; */
	transition: border-color .15s, color .15s, background .15s;
}

.svks-qa-like-btn .hp-icon {
	font-size: 1rem;
}

.svks-qa-like-btn:hover,
.svks-qa-like-btn.is-voted {
	border-color: var(--svks-qa-primary);
	color: var(--svks-qa-primary);
	background: #e0f7fa;
}

/* Accordion answer form */
.svks-qa-accordion {
	margin-bottom: 1.25rem;
	overflow: hidden;
	padding: 0;
}

.svks-qa-accordion__toggle {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	padding: 1rem 1.25rem;
	border: none;
	background: #fff;
	cursor: pointer;
	font-size: 1em;
	font-weight: 700;
	color: var(--svks-qa-text);
	text-align: left;
}

.svks-qa-accordion__label {
	display: inline-flex;
	align-items: center;
	gap: .5rem;
}

.svks-qa-accordion__label .hp-icon {
	font-size: 1.1rem;
	color: var(--svks-qa-primary);
}

.svks-qa-accordion__chevron {
	font-size: 1.25rem;
	color: var(--svks-qa-text-muted);
	transition: transform .2s;
}

.svks-qa-accordion.is-open .svks-qa-accordion__chevron {
	transform: rotate(180deg);
}

.svks-qa-accordion__body {
	display: none;
	padding: 1.25rem 1.25rem;
	border-top: 1px solid var(--svks-qa-border);
}

.svks-qa-accordion.is-open .svks-qa-accordion__body {
	display: block;
	padding-top: 1.5rem;
}

/* Related questions bottom section */
.svks-qa-related-questions {
	margin-bottom: 1.25rem;
}

.svks-qa-related-questions__title {
	margin: 0 0 1rem;
	font-size: 1.1em;
	font-weight: 700;
	margin-top: 30px !important;
}

.svks-qa-related-questions__more {
	margin-top: 1rem;
}

.svks-qa-related-ads {
	margin-top: .5rem;
}

/* Author avatar */
.svks-qa-avatar {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	font-size: .8em;
	font-weight: 700;
	color: #fff;
	flex-shrink: 0;
	text-transform: uppercase;
}

.svks-qa-avatar--sm {
	width: 28px;
	height: 28px;
	font-size: .7em;
}

.svks-qa-avatar--1 { background: #0ea5e9; }
.svks-qa-avatar--2 { background: #8b5cf6; }
.svks-qa-avatar--3 { background: #f59e0b; }
.svks-qa-avatar--4 { background: #10b981; }
.svks-qa-avatar--5 { background: #ec4899; }

/* Rich editor */
.svks-qa-editor-wrap {
	border: 1px solid var(--svks-qa-border);
	border-radius: var(--svks-qa-radius-sm);
	overflow: hidden;
	background: #fff;
	margin-bottom: 15px;
}

.svks-qa-editor-wrap textarea.svks-qa-editor {
	width: 100%;
	min-height: 140px;
	border: none;
	border-bottom: 1px solid var(--svks-qa-border);
	border-radius: 0;
	padding: .85rem 1rem;
	resize: vertical;
	font-family: inherit;
	font-size: .95em;
	line-height: 1.55;
}

.svks-qa-editor--rich {
	width: 100%;
	min-height: 140px;
	border: none;
	border-bottom: 1px solid var(--svks-qa-border);
	padding: .85rem 1rem;
	font-family: inherit;
	font-size: .95em;
	line-height: 1.55;
	outline: none;
}

.svks-qa-editor--rich:empty::before {
	content: attr(data-placeholder);
	color: #9ca3af;
	pointer-events: none;
}

.svks-qa-editor--rich ul,
.svks-qa-editor--rich ol {
	margin: .5rem 0;
	padding-left: 1.25rem;
}

.svks-qa-editor--rich a {
	color: var(--svks-qa-primary);
}

.svks-qa-editor-toolbar {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: .15rem;
	padding: .45rem .65rem;
	background: #fafafa;
}

.svks-qa-editor-toolbar button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	border: none;
	background: transparent;
	border-radius: 4px;
	cursor: pointer;
	color: var(--svks-qa-text-muted);
	font-size: .85em;
	font-weight: 700;
}

.svks-qa-editor-toolbar button:hover {
	background: #e5e7eb;
	color: var(--svks-qa-text);
}

.svks-qa-form-footer {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: .75rem;
	margin-top: 1rem;
}

.svks-qa-form-hint {
	font-size: .875em;
	color: var(--svks-qa-text-muted);
}

/* Form fields */
.svks-qa-form label {
	display: block;
	font-weight: 600;
	font-size: .9em;
	margin-bottom: .35rem;
}

.svks-qa-form p {
	margin: 0 0 1rem;
}

.svks-qa-form input[type=text],
.svks-qa-form input[type=email],
.svks-qa-form input[type=search],
.svks-qa-form select,
.svks-qa-form textarea:not(.svks-qa-editor) {
	width: 100%;
	padding: .65rem .85rem;
	border: 1px solid var(--svks-qa-border);
	border-radius: var(--svks-qa-radius-sm);
	font-family: inherit;
	font-size: .95em;
	box-sizing: border-box;
}

.svks-qa-form input[type=text] {
	padding-right: 5rem;
}

.svks-qa-form input:focus,
.svks-qa-form select:focus,
.svks-qa-form textarea:focus {
	outline: 2px solid rgba(0, 163, 181, 0.25);
	border-color: var(--svks-qa-primary);
}

/* Notices */
.svks-qa-notice {
	padding: .85rem 1rem;
	border-radius: var(--svks-qa-radius-sm);
	margin-bottom: 1rem;
	font-size: .925em;
}

.svks-qa-notice--success {
	background: var(--svks-qa-success-bg);
	color: #065f46;
	border: 1px solid #a7f3d0;
}

.svks-qa-notice--error {
	background: #fef2f2;
	color: #991b1b;
	border: 1px solid #fecaca;
}

/* Archive */
.svks-qa-archive__hero {
	display: grid;
	grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);
	gap: 1.5rem 2rem;
	align-items: start;
	margin-bottom: 1.75rem;
	padding: .25rem 0 .5rem;
}

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

.svks-qa-archive__hero-intro {
	display: flex;
	align-items: center;
	gap: .85rem;
	margin-bottom: .65rem;
}

.svks-qa-archive__hero-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 2.5rem;
	height: 2.5rem;
	border-radius: 50%;
	background: #e0f7fa;
	color: var(--svks-qa-primary);
	flex-shrink: 0;
}

.svks-qa-archive__hero-icon .hp-icon {
	font-size: 1.35rem;
}

.svks-qa-archive__hero h2 {
	margin: 0;
	font-size: clamp(1.5em, 2.8vw, 2em);
	font-weight: 700;
	line-height: 1.2;
}

.svks-qa-archive__subtitle {
	margin: 0 0 1.15rem;
	max-width: 34rem;
	font-size: .9375em;
	line-height: 1.55;
	color: var(--svks-qa-text-muted);
}

.svks-qa-archive__hero-topics {
	display: flex;
	flex-wrap: wrap;
	gap: .55rem .65rem;
	margin-bottom: .55rem;
	/* max-width: 22rem; */
}

.svks-qa-archive__hero-topic {
	display: flex;
	align-items: center;
	gap: .45rem;
	box-sizing: border-box;
	flex: 0 0 calc(50% - .325rem);
	width: calc(50% - .325rem);
	min-width: 0;
	padding: .55rem .75rem;
	border-radius: 999px;
	background: #fff;
	border: 1px solid var(--svks-qa-border);
	color: var(--svks-qa-text);
	font-size: .875em;
	font-weight: 500;
	line-height: 1.2;
	cursor: default;
	user-select: none;
}

.svks-qa-archive__hero-topic-icon {
	flex-shrink: 0;
	font-size: 1.05em;
	line-height: 1;
}

.svks-qa-archive__hero-topic-label {
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.svks-qa-archive__hero-more {
	margin: 0;
	font-size: .875em;
	color: var(--svks-qa-text-muted);
	cursor: default;
	user-select: none;
}

.svks-qa-archive__hero-visual {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	justify-content: center;
	gap: 1rem;
	min-width: 0;
}

.svks-qa-archive__hero-illustration {
	display: block;
	width: 100%;
	max-width: 420px;
	height: auto;
	margin: 0 auto;
}

.svks-qa-archive__hero-main .svks-qa-archive__ask {
	width: 100%;
	justify-content: center;
	padding: .85rem 1.25rem;
	font-size: 1em;
	font-weight: 600;
	white-space: nowrap;
}

.svks-qa-archive__hero-main .svks-qa-archive__ask .hp-icon {
	font-size: 1.1em;
	margin-right: .35rem;
}

.svks-qa-archive__stats {
	margin: 0;
	font-size: .875em;
	font-weight: 500;
	color: var(--svks-qa-text);
}

/* Q&A home hero shell */
.svks-qa-home-hero-wrap {
	/* background: linear-gradient(180deg, #eef8fb 0%, #f8fcfd 58%, #fff 100%); */
	border: 1px solid var(--svks-qa-border);
	border-radius: var(--svks-qa-radius);
	box-shadow: var(--svks-qa-shadow);
	margin-bottom: 1.75rem;
	overflow: hidden;
}

.svks-qa-home-hero-wrap .svks-qa-archive__hero {
	margin-bottom: 0;
	padding: 1.5rem 1.5rem 1rem;
	background: transparent;
	grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
	gap: 1rem 1.5rem;
	align-items: center;
}

.svks-qa-home-hero-wrap .svks-qa-archive__hero-main {
	display: flex;
	flex-direction: column;
	min-width: 0;
}

.svks-qa-home-hero-wrap .svks-qa-archive__hero-topics {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: .5rem .55rem;
	margin-bottom: .45rem;
	max-width: none;
}

.svks-qa-home-hero-wrap .svks-qa-archive__hero-topic {
	flex: none;
	width: auto;
	padding: .5rem .55rem;
	font-size: .8125em;
	border-radius: 10px;
	box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}

.svks-qa-home-hero-wrap .svks-qa-archive__hero-topic-label {
	white-space: normal;
	line-height: 1.2;
}

.svks-qa-home-hero-wrap .svks-qa-archive__hero-more {
	/* color: var(--svks-qa-primary); */
	margin: 0 0 .85rem;
	font-weight: 500;
}

.svks-qa-home-hero-wrap .svks-qa-archive__ask {
	width: 100%;
	max-width: none;
	justify-content: center;
	padding: .85rem 1.25rem;
	font-size: 1em;
	font-weight: 600;
	margin-top: 0;
}

.svks-qa-home-hero-wrap .svks-qa-archive__ask .hp-icon {
	font-size: 1.1em;
	margin-right: .35rem;
}

.svks-qa-home-hero-wrap .svks-qa-archive__hero-visual {
	justify-content: center;
	align-items: center;
	min-width: 0;
}

.svks-qa-home-hero-wrap .svks-qa-archive__hero-illustration {
	max-width: 100%;
}

.svks-qa-home-hero-wrap .svks-qa-home-stats {
	margin: 0;
	border: 0;
	border-top: 1px solid var(--svks-qa-border);
	border-radius: 0;
	box-shadow: none;
	background: #fff;
}

/* Q&A home stats */
.svks-qa-home-stats {
	display: flex;
	align-items: stretch;
	justify-content: center;
	gap: 0;
	margin: 0 0 1.75rem;
	background: var(--svks-qa-card-bg);
	border: 1px solid var(--svks-qa-border);
	border-radius: var(--svks-qa-radius);
	box-shadow: var(--svks-qa-shadow);
	overflow: hidden;
}

.svks-qa-home-stats__item {
	flex: 1 1 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: .15rem;
	padding: 1rem .75rem;
	text-align: center;
}

.svks-qa-home-stats__item + .svks-qa-home-stats__item {
	border-left: 1px solid var(--svks-qa-border);
}

.svks-qa-home-stats__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2.5rem;
	height: 2.5rem;
	border-radius: 50%;
	margin-bottom: .25rem;
}

.svks-qa-home-stats__icon .hp-icon {
	font-size: 1.1rem;
}

.svks-qa-home-stats__icon--questions {
	background: #e0f7fa;
	color: #00838f;
}

.svks-qa-home-stats__icon--answers {
	background: #ecfdf5;
	color: #059669;
}

.svks-qa-home-stats__icon--members {
	background: #fff7ed;
	color: #ea580c;
}

.svks-qa-home-stats__icon--online {
	background: #f3e8ff;
	color: #9333ea;
}

.svks-qa-home-stats__value {
	font-size: clamp(1.2em, 2.2vw, 1.55em);
	font-weight: 700;
	line-height: 1.1;
	color: var(--svks-qa-text);
}

.svks-qa-home-stats__label {
	font-size: .8125em;
	color: var(--svks-qa-text-muted);
}

.svks-qa-home-section {
	margin-bottom: 1.75rem;
}

.svks-qa-home-section .svks-qa-section-head {
	flex-direction: row;
	align-items: center;
	flex-wrap: nowrap;
	gap: .75rem;
}

.svks-qa-home-section__title {
	margin: 0;
	flex: 1 1 auto;
	min-width: 0;
	font-size: 1.05em;
	font-weight: 700;
	color: var(--svks-qa-text);
	margin-bottom: 0px !important;
}

.svks-qa-home-section .svks-qa-section-head__link {
	flex-shrink: 0;
}

.svks-qa-home-recent__cta-wrap {
	margin-top: 1rem;
	text-align: center;
}

.svks-qa-home-recent__cta {
	width: 100%;
	justify-content: center;
}

@media (min-width: 992px) {
	.svks-qa-home-recent__cta {
		width: auto;
		min-width: 12rem;
	}
}

.svks-qa-home-hot-topics__meta {
	margin: -.35rem 0 .85rem;
	font-size: .8125em;
	color: var(--svks-qa-text-muted);
}

.svks-qa-home-hot-topics__grid {
	display: flex;
	flex-wrap: wrap;
	gap: .55rem .65rem;
}

.svks-qa-home-hot-topic {
	display: flex;
	align-items: center;
	gap: .55rem;
	box-sizing: border-box;
	flex: 0 0 calc(50% - .325rem);
	width: calc(50% - .325rem);
	min-width: 0;
	padding: .7rem .85rem;
	border-radius: var(--svks-qa-radius-sm);
	background: #fff;
	border: 1px solid var(--svks-qa-border);
	color: var(--svks-qa-text);
	text-decoration: none;
	transition: border-color .15s, box-shadow .15s, color .15s;
}

.svks-qa-home-hot-topic:hover {
	border-color: var(--svks-qa-primary);
	color: var(--svks-qa-primary);
	box-shadow: 0 1px 4px rgba(0, 163, 181, 0.08);
}

.svks-qa-home-hot-topic__icon {
	flex-shrink: 0;
	font-size: 1.15em;
	line-height: 1;
}

.svks-qa-home-hot-topic__body {
	display: flex;
	flex-direction: column;
	gap: .1rem;
	min-width: 0;
}

.svks-qa-home-hot-topic__label {
	font-size: .875em;
	font-weight: 600;
	line-height: 1.25;
}

.svks-qa-home-hot-topic__count {
	font-size: .75em;
	color: var(--svks-qa-text-muted);
	line-height: 1.3;
}

.svks-qa-home-hot-topic:hover .svks-qa-home-hot-topic__count {
	color: inherit;
	opacity: .85;
}

.svks-qa-archive__filters {
	margin: 20px 0px;
}

.svks-qa-archive__filters .svks-qa-topics {
	margin-bottom: .5rem;
}

.svks-qa-topic-pill--search {
	display: inline-flex;
	align-items: center;
	gap: .35rem;
	padding: .4rem .85rem;
	border-radius: 999px;
	border: 1px dashed #cbd5e1;
	background: #f9fafb;
	color: var(--svks-qa-text-muted);
	font-family: inherit;
	font-size: .875em;
	font-weight: 500;
	cursor: pointer;
	flex: 0 0 auto;
	scroll-snap-align: start;
	white-space: nowrap;
	transition: border-color .15s, color .15s, background .15s;
}

.svks-qa-topic-pill--search .hp-icon {
	flex-shrink: 0;
	opacity: .85;
	font-size: .875rem;
}

.svks-qa-topic-pill--search:hover {
	border-color: var(--svks-qa-primary);
	color: var(--svks-qa-primary);
	background: #f0fdff;
}

.svks-qa-archive__toolbar {
	display: none;
	margin-bottom: 0;
}

.svks-qa-archive.is-search-active .svks-qa-archive__toolbar {
	display: block;
	margin: 15px 0px;
}

.svks-qa-archive__search-row {
	display: flex;
	flex-wrap: nowrap;
	align-items: stretch;
	gap: .5rem;
}

.svks-qa-archive__search-row input[type=search] {
	flex: 1 1 auto;
	min-width: 0;
	padding: .65rem .85rem;
	border: 1px solid var(--svks-qa-border);
	border-radius: var(--svks-qa-radius-sm);
	font-family: inherit;
	font-size: .95em;
	box-sizing: border-box;
}

.svks-qa-archive__search-row input[type=search]:focus {
	outline: 2px solid rgba(0, 163, 181, 0.25);
	border-color: var(--svks-qa-primary);
}

.svks-qa-archive__search-btn {
	flex-shrink: 0;
	white-space: nowrap;
}

.svks-qa-archive__list-head {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 1rem;
	/* margin: 1.25rem 0 .65rem; */
	padding-top: .65rem;
	flex-wrap: wrap;
}

.svks-qa-archive__list-head-main {
	flex: 1 1 auto;
	min-width: 0;
}

.svks-qa-archive__search-meta {
	margin: .25rem 0 0;
	font-size: .875em;
	color: var(--svks-qa-text-muted);
	line-height: 1.45;
}

.svks-qa-archive__clear-search {
	margin-left: .5rem;
	color: var(--svks-qa-primary);
	font-weight: 500;
	text-decoration: none;
	white-space: nowrap;
}

.svks-qa-archive__clear-search:hover {
	text-decoration: underline;
}

.svks-qa-archive__sort-form {
	flex-shrink: 0;
	margin: 0;
	align-self: center;
}

.svks-qa-archive__sort-form select {
	min-width: 140px;
	padding: .5rem .75rem;
	border: 1px solid var(--svks-qa-border);
	border-radius: var(--svks-qa-radius-sm);
	font-family: inherit;
	font-size: .875em;
	background: #fff;
	cursor: pointer;
}

.svks-qa-filters-card {
	margin-bottom: 1rem;
	padding: 1rem 1.15rem;
}

.svks-qa-filters {
	display: flex;
	flex-wrap: wrap;
	gap: .65rem;
	align-items: center;
}

.svks-qa-filters input[type=search] {
	flex: 1 1 200px;
	min-width: 0;
}

.svks-qa-filters select {
	min-width: 140px;
}

.svks-qa-topics {
	display: flex;
	flex-wrap: wrap;
	gap: .5rem;
	margin-bottom: .85rem;
}

.svks-qa-topics--scroll {
	flex-wrap: wrap;
	overflow-x: visible;
}

.svks-qa-topics--scroll .svks-qa-topic-pill,
.svks-qa-topics--scroll .svks-qa-topic-pill--search {
	flex: 0 0 auto;
	white-space: nowrap;
}

.svks-qa-archive__list-title {
	margin: 0;
	padding: 0px;
	font-size: 1.05em;
	font-weight: 700;
	color: var(--svks-qa-text);
	margin-bottom: 5px !important;
}

.svks-qa-topic-pill {
	padding: .4rem .85rem;
	border-radius: 999px;
	background: #fff;
	border: 1px solid #e5e7eb;
	color: var(--svks-qa-text-muted);
	text-decoration: none;
	font-size: .875em;
	transition: all .15s;
}

.svks-qa-topic-pill.is-active {
	background: var(--svks-qa-primary);
	border-color: var(--svks-qa-primary);
	color: #fff;
	font-weight: 600;
}

.svks-qa-topic-pill:hover {
	border-color: var(--svks-qa-primary);
	color: var(--svks-qa-primary);
}

.svks-qa-topic-pill.is-active:hover {
	background: var(--svks-qa-primary-dark);
	border-color: var(--svks-qa-primary-dark);
	color: #fff;
}

.svks-qa-list {
	display: grid;
	gap: 1rem;
}

.svks-qa-card--list {
	padding: 1.15rem 1.25rem;
	transition: box-shadow .15s, border-color .15s;
}

.svks-qa-card--list:hover {
	border-color: #cbd5e1;
	box-shadow: 0 4px 20px rgba(15, 23, 42, 0.08);
}

.svks-qa-card__top {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: .65rem;
	margin-bottom: .5rem;
}

.svks-qa-card__solved {
	display: inline-flex;
	align-items: center;
	gap: .25rem;
	margin-left: auto;
	font-size: .75em;
	font-weight: 600;
	color: var(--svks-qa-success);
}

.svks-qa-card__solved .hp-icon {
	font-size: .9rem;
}

.svks-qa-card__metrics {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: .65rem 1rem;
	margin-bottom: .75rem;
	font-size: .825em;
	color: var(--svks-qa-text-muted);
}

.svks-qa-card__metrics .svks-qa-card__stat .hp-icon {
	font-size: .95rem;
	flex-shrink: 0;
	opacity: .8;
}

.svks-qa-card__stat--activity {
	color: var(--svks-qa-text-muted);
}

.svks-qa-card__stats {
	display: inline-flex;
	align-items: center;
	gap: .85rem;
	margin-left: auto;
	font-size: .825em;
	color: var(--svks-qa-text-muted);
}

.svks-qa-card__stat {
	display: inline-flex;
	align-items: center;
	gap: .35rem;
}

.svks-qa-card__title {
	margin: 0 0 .45rem;
	font-size: 1.1em;
	line-height: 1.35;
	margin-bottom: 5px !important; 
}

.svks-qa-card__title a {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	color: inherit;
	text-decoration: none;
}

.svks-qa-card__title a:hover {
	color: var(--svks-qa-primary);
}

.svks-qa-card__excerpt {
	margin: 0 0 .75rem;
	color: var(--svks-qa-text-muted);
	font-size: .925em;
}

.svks-qa-card__footer {
	display: flex;
	flex-wrap: wrap;
	gap: .85rem;
	font-size: .825em;
	color: var(--svks-qa-text-muted);
}

.svks-qa-pagination {
	margin-top: 1.5rem;
	text-align: center;
}

.svks-qa-pagination .page-numbers {
	display: inline-block;
	padding: .4rem .65rem;
	margin: 0 .15rem;
	border: 1px solid var(--svks-qa-border);
	border-radius: var(--svks-qa-radius-sm);
	text-decoration: none;
	color: var(--svks-qa-text);
}

.svks-qa-pagination .page-numbers.current {
	background: var(--svks-qa-primary);
	border-color: var(--svks-qa-primary);
	color: #fff;
}

.svks-qa-browse-footer-cta {
	margin-top: 1.75rem;
	padding: 1.35rem 1.25rem;
	background: var(--svks-qa-card-bg);
	border: 1px solid var(--svks-qa-border);
	border-radius: var(--svks-qa-radius);
	box-shadow: var(--svks-qa-shadow);
	text-align: center;
}

.svks-qa-browse-footer-cta__text {
	margin: 0 0 1rem;
	font-size: 1em;
	font-weight: 600;
	color: var(--svks-qa-text);
}

.svks-qa-browse-footer-cta__actions {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: .65rem;
}

.svks-qa-browse-footer-cta__actions .svks-qa-btn {
	justify-content: center;
	min-width: 0;
}

.svks-qa-browse-footer-cta__actions .svks-qa-btn--primary .hp-icon {
	font-size: 1em;
	margin-right: .35rem;
}

@media (max-width: 991px) {
	.svks-qa-browse-footer-cta__actions {
		flex-direction: column;
		align-items: stretch;
	}

	.svks-qa-browse-footer-cta__actions .svks-qa-btn {
		width: 100%;
	}
}

@media (min-width: 992px) {
	.svks-qa-browse-footer-cta__actions .svks-qa-btn {
		width: auto;
		min-width: 11rem;
	}
}

/* Ask page */
.svks-qa-ask {
	max-width: 860px;
	margin-left: auto;
	margin-right: auto;
}

.svks-qa-ask .svks-qa-breadcrumbs {
	margin-bottom: 1rem;
}

.svks-qa-ask-card {
	padding: 1.5rem 1.75rem;
	margin-bottom: 1.5rem;
	background: linear-gradient(135deg, #f9fffe 0%, #f6fffb 100%);
	border-color: #a7f3d0;
}

.svks-qa-ask-card .svks-qa-ask-hero__icon {
	background: #fff;
	box-shadow: 0 1px 2px rgba(15, 23, 42, 0.06);
}

.svks-qa-ask-hero {
	display: flex;
	align-items: flex-start;
	gap: 1rem;
	margin-bottom: 1.5rem;
}

.svks-qa-ask-hero__icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 2rem;
	height: 2rem;
	border-radius: 50%;
	background: #e0f7fa;
	color: var(--svks-qa-primary);
	flex-shrink: 0;
}

.svks-qa-ask-hero__icon .hp-icon {
	font-size: 1.5rem;
}

.svks-qa-ask-hero__text h2 {
	margin: 0 0 .35rem;
	font-size: 1.35em;
	font-weight: 700;
	line-height: 1.3;
}

.svks-qa-ask-hero__text p {
	margin: 0;
	font-size: .9375em;
	color: var(--svks-qa-text-muted);
	line-height: 1.5;
}

.svks-qa-ask-field {
	margin-bottom: 1rem;
}

.svks-qa-ask-field > label {
	display: block;
	margin-bottom: .45rem;
	font-size: .875em;
	font-weight: 600;
	color: var(--svks-qa-text);
}

.svks-qa-ask-form__extra {
	max-height: 0;
	opacity: 0;
	overflow: hidden;
	transition: max-height .35s ease, opacity .25s ease, margin .25s ease;
	margin-top: 0;
}

.svks-qa-ask-form.is-expanded .svks-qa-ask-form__extra {
	max-height: 1400px;
	opacity: 1;
	margin-top: .5rem;
}

.svks-qa-ask-form__question {
	margin-bottom: 0;
}

.svks-qa-ask-form__question > label {
	font-size: 1em;
	margin-bottom: .65rem;
}

.svks-qa-title-field {
	position: relative;
	display: block;
}

.svks-qa-ask-form .svks-qa-title-field__input {
	width: 100%;
	min-height: 5.25rem;
	padding: 1rem 1.15rem 2.25rem;
	padding-right: 5.25rem;
	font-size: 1.05em;
	font-weight: 500;
	line-height: 1.45;
	background: #fff;
	border: 1px solid #828e86;
	border-radius: var(--svks-qa-radius-sm);
	box-shadow: 0 1px 3px rgba(15, 23, 42, 0.05);
	resize: none;
	overflow: hidden;
	font-family: inherit;
	box-sizing: border-box;
}

.svks-qa-ask-form .svks-qa-title-field__input:focus {
	outline: 2px solid rgba(0, 163, 181, 0.2);
	border-color: var(--svks-qa-primary);
	box-shadow: 0 2px 8px rgba(0, 163, 181, 0.12);
}

.svks-qa-title-field__hint {
	margin: .5rem 0 0;
	font-size: .8125em;
	color: var(--svks-qa-text-muted);
	line-height: 1.4;
}

.svks-qa-title-field__ghost {
	position: absolute;
	left: 1.15rem;
	right: 5.25rem;
	top: 1rem;
	color: #9ca3af;
	pointer-events: none;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 0.85em;
	font-weight: 400;
	line-height: 1.45;
	transition: opacity .4s ease, transform .4s ease;
}

.svks-qa-title-field__ghost.is-fading {
	opacity: 0;
	transform: translateY(6px);
}

.svks-qa-title-field__ghost.is-hidden {
	display: none;
}

.svks-qa-title-field__count {
	position: absolute;
	right: 1.15rem;
	bottom: .85rem;
	font-size: .8em;
	color: var(--svks-qa-text-muted);
	pointer-events: none;
}

.svks-qa-ask-submit {
	margin-top: 1.25rem;
}

.svks-qa-btn--submit-question {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: .5rem;
	padding: .85rem 1.25rem;
	font-size: 1em;
	font-weight: 600;
}

.svks-qa-btn--submit-question .hp-icon {
	font-size: 1.1rem;
}

.svks-qa-ask-disclaimer {
	display: flex;
	align-items: flex-start;
	justify-content: center;
	gap: .4rem;
	margin: .85rem 0 0 !important;
	font-size: .8125em;
	color: var(--svks-qa-text-muted);
	text-align: center;
	line-height: 1.45;
}

.svks-qa-ask-disclaimer .hp-icon {
	font-size: 1rem;
	flex-shrink: 0;
	margin-top: .1rem;
	color: #9ca3af;
}

.svks-qa-ask-disclaimer a {
	color: var(--svks-qa-primary);
	font-weight: 500;
	text-decoration: none;
}

.svks-qa-ask-disclaimer a:hover {
	text-decoration: underline;
}

.svks-qa-section-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	margin-bottom: 1rem;
	flex-wrap: wrap;
}

.svks-qa-section-head__link {
	font-size: .875em;
	font-weight: 500;
	color: var(--svks-qa-primary);
	text-decoration: none;
	white-space: nowrap;
	/* margin-top: -12px; */
}

.svks-qa-section-head__link:hover {
	text-decoration: underline;
}

.svks-qa-ask-guidelines {
	padding: 1.25rem 1.5rem;
	margin-bottom: 2rem;
}

.svks-qa-ask-guidelines__head {
	display: flex;
	align-items: center;
	gap: .75rem;
	margin-bottom: 1rem;
}

.svks-qa-ask-guidelines__icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 2.5rem;
	height: 2.5rem;
	border-radius: 50%;
	background: #f0fdfa;
	color: var(--svks-qa-primary);
	flex-shrink: 0;
}

.svks-qa-ask-guidelines__icon .hp-icon {
	font-size: 1.15rem;
}

.svks-qa-ask-guidelines__title {
	margin: 0;
	font-size: 1.05em;
	font-weight: 700;
	line-height: 1.3;
	color: var(--svks-qa-text);
}

.svks-qa-ask-guidelines__list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	gap: .65rem;
}

.svks-qa-ask-guidelines__item {
	display: flex;
	align-items: flex-start;
	gap: .65rem;
	font-size: .9375em;
	line-height: 1.5;
	color: var(--svks-qa-text);
}

.svks-qa-ask-guidelines__check {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 1.35rem;
	height: 1.35rem;
	margin-top: .1rem;
	border-radius: 50%;
	background: var(--svks-qa-success-bg);
	color: var(--svks-qa-success);
	flex-shrink: 0;
}

.svks-qa-ask-guidelines__check .hp-icon {
	font-size: .7rem;
}

.svks-qa-ask-guidelines__footer {
	margin: 1rem 0 0;
	padding-top: .85rem;
	border-top: 1px solid var(--svks-qa-border);
	font-size: .875em;
}

.svks-qa-ask-guidelines__footer a {
	color: var(--svks-qa-primary);
	font-weight: 600;
	text-decoration: none;
}

.svks-qa-ask-guidelines__footer a:hover {
	text-decoration: underline;
}

.svks-qa-ask-similar {
	margin-bottom: 1.5rem;
}

.svks-qa-ask-similar__title,
.svks-qa-related__title {
	margin: 0;
	font-size: 1.1em;
	font-weight: 700;
}

/* Sidebar widgets */
.svks-qa-sidebar-cta {
	background: linear-gradient(135deg, var(--svks-qa-primary) 0%, var(--svks-qa-primary-dark) 100%);
	border: none;
	color: #fff;
	padding: 1.25rem;
}

.svks-qa-sidebar-cta__inner {
	display: flex;
	align-items: flex-start;
	gap: .85rem;
	margin-bottom: 1rem;
}

.svks-qa-sidebar-cta__icon {
	font-size: 2rem;
	flex-shrink: 0;
	opacity: .9;
}

.svks-qa-sidebar-cta__text h3 {
	margin: 0 0 .35rem;
	font-size: 1em;
	font-weight: 700;
	color: #fff;
}

.svks-qa-sidebar-cta__text p {
	margin: 0;
	font-size: .875em;
	opacity: .92;
	line-height: 1.5;
}

.svks-qa-sidebar-cta .svks-qa-btn {
	background: #fff;
	border-color: #fff;
	color: var(--svks-qa-primary);
	font-weight: 600;
	width: 100%;
}

.svks-qa-sidebar-cta .svks-qa-btn:hover {
	background: #f0fdfa;
}

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

.svks-qa-info-list li {
	display: flex;
	justify-content: space-between;
	gap: .75rem;
	padding: .55rem 0;
	border-bottom: 1px solid var(--svks-qa-border);
	font-size: .875em;
}

.svks-qa-info-list li:last-child {
	border-bottom: none;
	padding-bottom: 0;
}

.svks-qa-info-list__label {
	color: var(--svks-qa-text-muted);
}

.svks-qa-info-list__value {
	font-weight: 500;
	text-align: right;
}

.svks-qa-info-list a {
	color: var(--svks-qa-primary);
	text-decoration: none;
}

.svks-qa-info-list a:hover {
	text-decoration: underline;
}

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

.svks-qa-link-list li {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	gap: .75rem;
	padding: .55rem 0;
	border-bottom: 1px solid var(--svks-qa-border);
	font-size: .875em;
}

.svks-qa-link-list li:last-child {
	border-bottom: none;
}

.svks-qa-link-list a {
	color: var(--svks-qa-text);
	text-decoration: none;
	flex: 1;
	line-height: 1.4;
}

.svks-qa-link-list a:hover {
	color: var(--svks-qa-primary);
}

.svks-qa-link-list__meta {
	color: var(--svks-qa-text-muted);
	font-size: .8em;
	white-space: nowrap;
}

.svks-qa-sidebar-more--inline {
	margin-top: 0;
	font-size: .8em;
	white-space: nowrap;
}

.svks-qa-related-card__head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: .75rem;
	margin-bottom: .85rem;
}

.svks-qa-related-card__head .svks-qa-sidebar-card__title {
	margin-bottom: 0;
}

.svks-qa-link-list--chevron li {
	align-items: center;
	padding: .75rem 0;
}

.svks-qa-link-list--chevron a {
	display: flex;
	flex-direction: column;
	gap: .15rem;
	flex: 1;
	min-width: 0;
}

.svks-qa-link-list__title {
	display: block;
	font-weight: 400;
	color: var(--svks-qa-text);
	line-height: 1.35;
	font-family: 'Poppins', sans-serif;
}

.svks-qa-link-list--chevron .svks-qa-link-list__meta {
	font-size: .8em;
}

.svks-qa-link-list__chevron {
	font-size: 1rem;
	flex-shrink: 0;
	color: #9ca3af;
}

.svks-qa-sidebar-more:hover {
	text-decoration: underline;
}

.svks-qa-tag-cloud {
	display: flex;
	flex-wrap: wrap;
	gap: .45rem;
}

.svks-qa-tag {
	display: inline-flex;
	align-items: center;
	gap: .35rem;
	padding: .35rem .65rem;
	border-radius: 999px;
	background: #f3f4f6;
	color: var(--svks-qa-text);
	text-decoration: none;
	font-size: .8em;
	border: 1px solid var(--svks-qa-border);
}

.svks-qa-tag:hover {
	border-color: var(--svks-qa-primary);
	color: var(--svks-qa-primary);
}

.svks-qa-tag__count {
	background: #e5e7eb;
	padding: .05rem .4rem;
	border-radius: 999px;
	font-size: .7em;
	color: var(--svks-qa-text-muted);
}

/* Similar questions (legacy inline — unused on ask page) */

/* Related listings — native HivePress classifieds cards */
.svks-qa-related,
.svks-qa-related-ads {
	font-size: 16px;
	line-height: normal;
	color: #333;
}

.svks-qa-related {
	margin-top: 1.5rem;
}

.svks-qa-related__title {
	margin: 0 0 1rem;
	font-size: 1.05em;
	font-weight: 700;
	color: var(--svks-qa-text);
}

.svks-qa-related .hp-listings,
.svks-qa-related-ads .hp-listings {
	margin-top: 0;
	font-size: 16px;
}

.svks-qa-related .hp-listing--view-block,
.svks-qa-related-ads .hp-listing--view-block {
	font-family: 'Open Sans', sans-serif;
	color: #333;
}

.svks-qa-related .hp-listing__title,
.svks-qa-related-ads .hp-listing__title {
	font-family: Poppins, sans-serif;
}

.svks-qa-empty {
	color: var(--svks-qa-text-muted);
	font-style: italic;
	margin: 0;
}

.svks-qa-empty + .svks-qa-browse-footer-cta {
	margin-top: 1rem;
}

/* Answer form section */
.svks-qa-answer-form-wrap {
	margin-bottom: 1.5rem;
}

.svks-qa-answer-form-wrap h3 {
	margin: 0 0 1rem;
	font-size: 1.05em;
	font-weight: 700;
}

.svks-qa-btn .hp-icon {
	font-size: 1rem;
	flex-shrink: 0;
}

/* Theme integration */
body.svks-qa-page .page__title,
body.svks-qa-single-page .page__title {
	display: none;
}

/* ========== Mobile responsive (v2 single page + archive) ========== */
@media (max-width: 991px) {
	.svks-qa {
		padding: .75rem 0 2rem;
		max-width: 100%;
	}

	.svks-qa-single {
		max-width: 100%;
	}

	.svks-qa-topbar {
		align-items: center;
		gap: .5rem;
	}

	.svks-qa-topbar .svks-qa-breadcrumbs {
		flex: 1 1 auto;
		min-width: 0;
		font-size: .8125em;
		flex-wrap: nowrap;
		overflow: hidden;
	}

	.svks-qa-topbar .svks-qa-breadcrumbs a,
	.svks-qa-topbar .svks-qa-breadcrumbs__sep {
		flex-shrink: 0;
	}

	.svks-qa-topbar .svks-qa-breadcrumbs__current {
		flex: 1 1 auto;
		min-width: 0;
	}

	.svks-qa-topbar-cta {
		width: auto;
		flex-shrink: 0;
		justify-content: center;
		padding: .5rem .75rem;
		font-size: .8125em;
	}

	.svks-qa-card,
	.svks-qa-answer-form-wrap,
	.svks-qa-filters-card,
	.svks-qa-ask-card {
		padding: 1rem;
	}

	.svks-qa-question-card h1 {
		font-size: 1.25em;
	}

	.svks-qa-meta {
		gap: .65rem .85rem;
		font-size: .8125em;
	}

	.svks-qa-question-card__actions {
		display: flex;
		flex-wrap: nowrap;
		gap: .5rem;
	}

	.svks-qa-question-card__actions .svks-qa-btn--write-answer,
	.svks-qa-question-card__actions .svks-qa-share-menu,
	.svks-qa-question-card__actions .svks-qa-share-menu__toggle,
	.svks-qa-question-card__actions .svks-qa-like-btn {
		flex: 1 1 0;
		min-width: 0;
		width: auto;
		justify-content: center;
		padding-left: .55rem;
		padding-right: .55rem;
		font-size: .85em;
	}

	.svks-qa-question-card__actions .svks-qa-share-menu__toggle {
		width: 100%;
	}

	.svks-qa-answers__title {
		font-size: 1em;
		margin-bottom: 5px !important;
	}

	.svks-qa-answer {
		padding: 1rem;
	}

	.svks-qa-accordion__toggle {
		padding: .85rem 1rem;
		font-size: .95em;
	}

	.svks-qa-accordion__body {
		padding: 0 0.5rem 1rem;
	}

	.svks-qa-form-footer {
		flex-direction: column;
		align-items: stretch;
	}

	.svks-qa-form-hint {
		text-align: center;
	}

	.svks-qa-ask {
		max-width: 100%;
	}

	.svks-qa-ask-card {
		padding: 1rem;
	}

	.svks-qa-ask-hero {
		gap: .75rem;
		margin-bottom: 0.3rem;
	}

	.svks-qa-ask-hero__text h2 {
		font-size: 1.15em;
	}

	.svks-qa-ask-hero__text p {
		font-size: .875em;
	}

	.svks-qa-section-head {
		align-items: flex-start;
		flex-direction: column;
		gap: .35rem;
	}

	.svks-qa-home-section .svks-qa-section-head {
		flex-direction: row;
		align-items: center;
		flex-wrap: nowrap;
	}

	.svks-qa-ask .svks-qa-related .hp-row {
		display: flex;
		flex-wrap: nowrap;
		overflow-x: auto;
		gap: .75rem;
		padding-bottom: .35rem;
		margin-left: 0;
		margin-right: 0;
		-webkit-overflow-scrolling: touch;
		scroll-snap-type: x mandatory;
	}

	.svks-qa-ask .svks-qa-related .hp-grid__item {
		flex: 0 0 72%;
		max-width: 280px;
		width: auto;
		scroll-snap-align: start;
	}

	.svks-qa-archive__hero {
		grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
		gap: .75rem 1rem;
		align-items: start;
		margin-bottom: 1rem;
		padding-bottom: 0;
	}

	.svks-qa-archive__hero-intro {
		gap: .65rem;
		margin-bottom: .5rem;
	}

	.svks-qa-archive__hero-icon {
		width: 2.15rem;
		height: 2.15rem;
	}

	.svks-qa-archive__hero h2 {
		font-size: 1.2em;
	}

	.svks-qa-archive__subtitle {
		margin-bottom: .75rem;
		font-size: .8125em;
		line-height: 1.45;
	}

	.svks-qa-archive__hero-topics {
		max-width: none;
		gap: .45rem .5rem;
	}

	.svks-qa-archive__hero-topic {
		flex: 0 0 calc(50% - .25rem);
		width: calc(50% - .25rem);
		padding: .45rem .5rem;
		font-size: .75em;
	}

	.svks-qa-archive__hero-visual {
		align-self: stretch;
	}

	.svks-qa-archive__hero-illustration {
		max-width: 100%;
	}

	.svks-qa-archive__hero-main .svks-qa-archive__ask {
		padding: .7rem .85rem;
		font-size: .875em;
	}

	.svks-qa-home-hero-wrap {
		margin-bottom: 2.5rem;
	}

	.svks-qa-home-hero-wrap .svks-qa-archive__hero {
		grid-template-columns: minmax(0, 1.08fr) minmax(0, 0.92fr);
		gap: .65rem .75rem;
		align-items: center;
		padding: 1rem .85rem .75rem;
	}

	.svks-qa-home-hero-wrap .svks-qa-archive__hero-topics {
		gap: .35rem .4rem;
	}

	.svks-qa-home-hero-wrap .svks-qa-archive__hero-topic {
		padding: .4rem .35rem;
		font-size: .625em;
		gap: .25rem;
	}

	.svks-qa-home-hero-wrap .svks-qa-archive__hero-topic-icon {
		font-size: .95em;
	}

	.svks-qa-home-hero-wrap .svks-qa-archive__hero-more {
		margin-bottom: .65rem;
		font-size: .8125em;
	}

	.svks-qa-home-hero-wrap .svks-qa-archive__ask {
		padding: .65rem .75rem;
		font-size: .8125em;
	}

	.svks-qa-home-hero-wrap .svks-qa-archive__hero-illustration {
		max-width: 100%;
	}

	.svks-qa-home-hero-wrap .svks-qa-home-stats {
		margin-bottom: 0;
	}

	.svks-qa-home-hero-wrap .svks-qa-home-stats__item {
		padding: .75rem .35rem;
	}

	.svks-qa-home-hero-wrap .svks-qa-home-stats__icon {
		width: 2rem;
		height: 2rem;
		margin-bottom: .15rem;
	}

	.svks-qa-home-hero-wrap .svks-qa-home-stats__icon .hp-icon {
		font-size: .9rem;
	}

	.svks-qa-home-hero-wrap .svks-qa-home-stats__value {
		font-size: 1.05em;
	}

	.svks-qa-home-hero-wrap .svks-qa-home-stats__label {
		font-size: .6875em;
	}

	.svks-qa-archive__search-row {
		gap: .4rem;
	}

	.svks-qa-archive__filters .svks-qa-topics--scroll {
		flex-wrap: nowrap;
		overflow-x: auto;
		margin-bottom: .5rem;
		-webkit-overflow-scrolling: touch;
		scroll-snap-type: x proximity;
		scrollbar-width: none;
		-ms-overflow-style: none;
	}

	.svks-qa-archive__filters .svks-qa-topics--scroll::-webkit-scrollbar {
		display: none;
	}

	.svks-qa-topics--scroll .svks-qa-topic-pill,
	.svks-qa-topics--scroll .svks-qa-topic-pill--search {
		scroll-snap-align: start;
	}

	.svks-qa-archive__list-head {
		padding-top: 0rem;
		margin-bottom: .65rem;
	}

	.svks-qa-archive__sort-form select {
		min-width: 120px;
	}

	.svks-qa-card__metrics {
		gap: .5rem .75rem;
	}

	.svks-qa-card__solved {
		margin-left: 0;
	}

	.svks-qa-ask {
		max-width: 100%;
	}

	.svks-qa-home-stats {
		margin-bottom: 1.25rem;
	}

	.svks-qa-home-stats__item {
		padding: .95rem .75rem;
	}

	.svks-qa-home-hero-wrap .svks-qa-home-stats {
		margin-bottom: 0;
	}

	.svks-qa-home-section {
		margin-bottom: 1.35rem;
	}

	.svks-qa-home-hot-topics__grid {
		gap: .45rem .5rem;
	}

	.svks-qa-home-hot-topic {
		flex: 0 0 calc(50% - .25rem);
		width: calc(50% - .25rem);
		padding: .6rem .7rem;
	}
}

@media (max-width: 480px) {
	.svks-qa-home-hero-wrap .svks-qa-archive__hero {
		grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr);
		gap: .5rem .55rem;
		padding: .85rem .7rem .65rem;
	}

	.svks-qa-home-hero-wrap .svks-qa-archive__hero-intro {
		gap: .5rem;
		margin-bottom: .4rem;
	}

	.svks-qa-home-hero-wrap .svks-qa-archive__hero-icon {
		width: 1.85rem;
		height: 1.85rem;
	}

	.svks-qa-home-hero-wrap .svks-qa-archive__hero h2 {
		font-size: 1.05em;
	}

	.svks-qa-home-hero-wrap .svks-qa-archive__subtitle {
		margin-bottom: .55rem;
		font-size: .6875em;
		line-height: 1.4;
	}

	.svks-qa-home-hero-wrap .svks-qa-archive__hero-topics {
		gap: .3rem .35rem;
	}

	.svks-qa-home-hero-wrap .svks-qa-archive__hero-topic {
		padding: .35rem .25rem;
		font-size: .5625em;
		gap: .2rem;
	}

	.svks-qa-home-hero-wrap .svks-qa-archive__hero-more {
		margin-bottom: .5rem;
		font-size: .75em;
	}

	.svks-qa-home-hero-wrap .svks-qa-archive__ask {
		padding: .55rem .6rem;
		font-size: .75em;
	}

	.svks-qa-tag-cloud {
		gap: .35rem;
	}
}