.sinavsor-qa-shell,
.sinavsor-qa-single-wrap {
	width: min(100%, 1280px);
	margin: 0 auto;
	color: var(--color-on-background, #0b1c30);
	font-family: var(--font-body-md, Poppins, sans-serif);
}

.sinavsor-qa-page {
	padding: 32px var(--spacing-margin-mobile, 16px);
}

@media (min-width: 768px) {
	.sinavsor-qa-page {
		padding-inline: var(--spacing-margin-desktop, 32px);
	}
}

.sinavsor-qa-single-wrap {
	width: min(100%, 1100px);
}

.sinavsor-qa-shell *,
.sinavsor-qa-single-wrap * {
	box-sizing: border-box;
}

.sinavsor-qa-shell :where(p, a, span, label, input, select, textarea, button, div),
.sinavsor-qa-single-wrap :where(p, a, span, label, input, select, textarea, button, div) {
	font-family: var(--font-body-md, Poppins, sans-serif);
	letter-spacing: 0;
}

.sinavsor-qa-shell .material-symbols-outlined,
.sinavsor-qa-single-wrap .material-symbols-outlined {
	font-family: "Material Symbols Outlined" !important;
	font-weight: normal;
	font-style: normal;
	font-size: 24px;
	line-height: 1;
	letter-spacing: normal;
	text-transform: none;
	white-space: nowrap;
	word-wrap: normal;
	direction: ltr;
	font-feature-settings: "liga";
	-webkit-font-feature-settings: "liga";
	-webkit-font-smoothing: antialiased;
	font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;
}

.sinavsor-qa-shell :where(h1, h2, h3, h4, strong),
.sinavsor-qa-single-wrap :where(h1, h2, h3, h4, strong),
.sinavsor-qa-shell :where(.sinavsor-qa-state, .sinavsor-qa-secondary, .sinavsor-qa-category),
.sinavsor-qa-single-wrap :where(.sinavsor-qa-state, .sinavsor-qa-secondary, .sinavsor-qa-category) {
	font-family: var(--font-headline-sm, Lexend, sans-serif);
}

.sinavsor-qa-layout,
.sinavsor-qa-single-grid {
	display: grid;
	grid-template-columns: minmax(0, 9fr) minmax(260px, 3fr);
	gap: 32px;
	align-items: start;
}

.sinavsor-qa-main,
.sinavsor-qa-sidebar,
.sinavsor-qa-single-aside {
	display: grid;
	gap: 32px;
}

.sinavsor-qa-single-grid > main {
	display: grid;
	gap: 28px;
}

.sinavsor-qa-hero {
	display: flex;
	align-items: center;
	gap: 30px;
	overflow: hidden;
	border: 1px solid rgb(198 198 205 / 0.38);
	border-radius: 8px;
	background: linear-gradient(135deg, rgb(235 255 241 / 0.86), rgb(229 238 255 / 0.86));
	padding: 40px;
	min-height: 313px;
	box-shadow: none;
}

.sinavsor-qa-teacher-photo {
	flex: none;
	width: 160px;
	height: 160px;
}

.sinavsor-qa-avatar-img,
.sinavsor-qa-avatar-fallback {
	display: flex;
	width: 100%;
	height: 100%;
	align-items: center;
	justify-content: center;
	border: 4px solid #ffffff;
	border-radius: 8px;
	background: linear-gradient(135deg, rgb(16 185 129 / 0.18), rgb(59 130 246 / 0.14));
	object-fit: cover;
	box-shadow: 0 14px 28px rgb(15 23 42 / 0.16);
}

.sinavsor-qa-avatar-fallback .material-symbols-outlined {
	color: var(--color-vibrant-blue, #3b82f6);
	font-size: 56px;
}

.sinavsor-qa-hero h2 {
	margin: 0 0 8px;
	color: var(--color-primary, #000000);
	font-family: var(--font-headline-lg, Lexend, sans-serif);
	font-size: 32px;
	font-weight: 600;
	line-height: 1.25;
	letter-spacing: 0;
}

.sinavsor-qa-hero p,
.sinavsor-qa-muted {
	max-width: 680px;
	margin: 0;
	color: var(--color-on-surface-variant, #45464d);
	font-size: 16px;
	line-height: 24px;
}

.sinavsor-qa-eyebrow,
.sinavsor-qa-card-meta,
.sinavsor-qa-mini-top {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
	color: var(--color-vibrant-blue, #3b82f6);
	font-family: var(--font-label-md, Lexend, sans-serif);
	font-size: 12px;
	font-weight: 600;
	text-transform: uppercase;
}

.sinavsor-qa-eyebrow .material-symbols-outlined {
	color: var(--color-vibrant-green, #10b981);
	font-size: 18px;
}

.sinavsor-qa-hero-points {
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
	margin-top: 24px;
	color: var(--color-primary, #000000);
	font-size: 13px;
	font-weight: 800;
}

.sinavsor-qa-hero-points span {
	display: inline-flex;
	align-items: center;
	gap: 6px;
}

.sinavsor-qa-hero-points .material-symbols-outlined {
	color: var(--color-vibrant-green, #10b981);
	font-size: 20px;
}

.sinavsor-qa-form-card,
.sinavsor-qa-side-card,
.sinavsor-qa-question-detail-card,
.sinavsor-qa-community {
	border: 1px solid rgb(226 232 240 / 0.95);
	border-radius: 8px;
	background: #ffffff;
	box-shadow: 0 1px 2px rgb(15 23 42 / 0.05);
}

.sinavsor-qa-form-card,
.sinavsor-qa-community {
	padding: 20px;
}

.sinavsor-qa-panel {
	padding: 0;
	background: transparent;
	box-shadow: none;
	border: 0;
}

.sinavsor-qa-list-heading {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	margin-bottom: 24px;
}

.sinavsor-qa-list-heading h2,
.sinavsor-qa-community h2 {
	display: inline-flex;
	align-items: center;
	gap: 9px;
	margin: 0;
	font-family: var(--font-headline-sm, Lexend, sans-serif);
	font-size: 22px;
	font-weight: 600;
	line-height: 1.25;
}

.sinavsor-qa-list-heading a,
.sinavsor-qa-primary,
.sinavsor-qa-form-actions button,
.sinavsor-qa-comment-submit,
.sinavsor-qa-ask-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
	border: 0;
	border-radius: 10px;
	background: var(--color-vibrant-blue, #2563eb);
	color: #ffffff;
	font-family: var(--font-label-md, Lexend, sans-serif);
	font-size: 12px;
	font-weight: 800;
	text-decoration: none;
	cursor: pointer;
	transition: transform 0.18s ease, box-shadow 0.18s ease, background 0.18s ease;
}

.sinavsor-qa-list-heading a {
	background: transparent;
	color: var(--color-primary, #000000);
}

.sinavsor-qa-primary,
.sinavsor-qa-form-actions button,
.sinavsor-qa-comment-submit,
.sinavsor-qa-ask-button {
	min-height: 42px;
	padding: 10px 16px;
}

.sinavsor-qa-ask-button {
	width: 100%;
	background: var(--color-vibrant-green, #10b981);
	box-shadow: 0 10px 24px rgb(16 185 129 / 0.22);
}

.sinavsor-qa-primary:hover,
.sinavsor-qa-form-actions button:hover,
.sinavsor-qa-comment-submit:hover,
.sinavsor-qa-ask-button:hover {
	transform: translateY(-1px);
	box-shadow: 0 14px 28px rgb(15 23 42 / 0.16);
}

.sinavsor-qa-filters,
.sinavsor-qa-form {
	display: grid;
	gap: 14px;
	margin-bottom: 18px;
}

.sinavsor-qa-filters {
	grid-template-columns: minmax(0, 1.45fr) minmax(190px, 0.8fr) auto;
	align-items: end;
	border: 1px solid rgb(226 232 240 / 0.75);
	border-radius: 8px;
	background: rgb(255 255 255 / 0.72);
	padding: 12px;
	box-shadow: 0 1px 2px rgb(15 23 42 / 0.04);
}

.sinavsor-qa-filters label,
.sinavsor-qa-form label,
.sinavsor-qa-comment-form label {
	display: grid;
	gap: 7px;
	color: var(--color-on-surface, #0b1c30);
	font-size: 13px;
	font-weight: 700;
}

.sinavsor-qa-filters input,
.sinavsor-qa-filters select,
.sinavsor-qa-form input,
.sinavsor-qa-form select,
.sinavsor-qa-form textarea,
.sinavsor-qa-comment-form input,
.sinavsor-qa-comment-form textarea {
	width: 100%;
	border: 1px solid rgb(198 198 205 / 0.72);
	border-radius: 10px;
	background: #ffffff;
	padding: 10px 12px;
	color: var(--color-on-background, #0b1c30);
	font-size: 14px;
	outline: none;
	transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.sinavsor-qa-filters input:focus,
.sinavsor-qa-filters select:focus,
.sinavsor-qa-form input:focus,
.sinavsor-qa-form select:focus,
.sinavsor-qa-form textarea:focus,
.sinavsor-qa-comment-form input:focus,
.sinavsor-qa-comment-form textarea:focus {
	border-color: var(--color-vibrant-blue, #2563eb);
	box-shadow: 0 0 0 3px rgb(37 99 235 / 0.14);
}

.sinavsor-qa-filters button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
	min-height: 41px;
	border: 0;
	border-radius: 10px;
	background: var(--color-custom-navy, #0f172a);
	padding: 10px 14px;
	color: #ffffff;
	font-weight: 800;
	cursor: pointer;
}

.sinavsor-qa-list {
	display: grid;
	gap: 16px;
}

.sinavsor-qa-card {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 18px;
	align-items: center;
	border-radius: 4px;
	background: #ffffff;
	padding: 20px;
	transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

.sinavsor-qa-card:hover {
	transform: translateY(-1px);
	box-shadow: 0 12px 24px rgb(15 23 42 / 0.08);
}

.sinavsor-qa-card.is-answered-card {
	border: 2px solid var(--color-vibrant-green, #10b981);
}

.sinavsor-qa-card.is-waiting-card {
	border: 1px solid var(--color-outline-variant, #c6c6cd);
	padding: 16px;
}

.sinavsor-qa-card.is-waiting-card .sinavsor-qa-card-top {
	margin-bottom: 0;
}

.sinavsor-qa-card.is-waiting-card .sinavsor-qa-state {
	order: 3;
	border-radius: 2px;
}

.sinavsor-qa-card-top {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 9px;
}

.sinavsor-qa-state {
	display: inline-flex;
	align-items: center;
	border-radius: 999px;
	padding: 3px 12px;
	font-family: var(--font-label-md, Lexend, sans-serif);
	font-size: 10px;
	font-weight: 900;
	text-transform: uppercase;
	letter-spacing: 0.04em;
}

.sinavsor-qa-state.is-answered {
	background: var(--color-vibrant-green, #10b981);
	color: #ffffff;
}

.sinavsor-qa-state.is-waiting {
	background: #f59e0b;
	color: #ffffff;
}

.sinavsor-qa-id {
	color: var(--color-outline, #76777d);
	font-size: 12px;
	font-weight: 800;
}

.sinavsor-qa-card h3 {
	margin: 0 0 10px;
	font-family: var(--font-headline-sm, Lexend, sans-serif);
	font-size: 16px;
	font-weight: 600;
	line-height: 1.4;
}

.sinavsor-qa-card.is-waiting-card h3 {
	margin-bottom: 8px;
	font-weight: 500;
}

.sinavsor-qa-card h3 a {
	color: inherit;
	text-decoration: none;
}

.sinavsor-qa-card-meta {
	gap: 14px;
	color: var(--color-on-surface-variant, #45464d);
	font-size: 12px;
	font-weight: 400;
	text-transform: none;
}

.sinavsor-qa-card-meta span {
	display: inline-flex;
	align-items: center;
	gap: 5px;
}

.sinavsor-qa-card-meta .material-symbols-outlined {
	font-size: 16px;
}

.sinavsor-qa-card-side {
	display: grid;
	justify-items: end;
	gap: 12px;
	min-width: 150px;
}

.sinavsor-qa-category {
	display: inline-flex;
	align-items: center;
	border-radius: 4px;
	background: var(--color-secondary-container, #6cf8bb);
	padding: 5px 9px;
	color: var(--color-on-secondary-fixed, #002113);
	font-size: 11px;
	font-weight: 900;
}

.sinavsor-qa-secondary {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 38px;
	border-radius: 4px;
	background: var(--color-vibrant-blue, #2563eb);
	padding: 9px 15px;
	color: #ffffff;
	font-family: var(--font-label-md, Lexend, sans-serif);
	font-size: 12px;
	font-weight: 800;
	text-decoration: none;
}

.sinavsor-qa-form-card {
	margin-top: 0;
}

.sinavsor-qa-section-heading {
	margin-bottom: 14px;
}

.sinavsor-qa-section-heading h2 {
	margin: 6px 0 0;
	font-family: var(--font-headline-md, Lexend, sans-serif);
	font-size: 23px;
	font-weight: 700;
	letter-spacing: 0;
}

.sinavsor-qa-form-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 14px;
}

.sinavsor-qa-wide {
	display: grid;
	gap: 7px;
}

.sinavsor-qa-form-actions {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
}

.sinavsor-qa-form-actions p {
	margin: 0;
	color: var(--color-on-surface-variant, #45464d);
	font-size: 13px;
	line-height: 1.55;
}

.sinavsor-qa-notice {
	display: flex;
	align-items: center;
	gap: 9px;
	margin-bottom: 20px;
	border-radius: 12px;
	padding: 16px 18px;
	font-weight: 700;
	scroll-margin-top: 120px;
	box-shadow: 0 14px 30px rgb(15 23 42 / 0.08);
	outline: none;
}

.sinavsor-qa-notice.is-success {
	border: 1px solid rgb(16 185 129 / 0.28);
	background: linear-gradient(135deg, rgb(16 185 129 / 0.16), #ffffff);
	color: #047857;
}

.sinavsor-qa-notice.is-error {
	border: 1px solid rgb(186 26 26 / 0.18);
	background: rgb(186 26 26 / 0.1);
	color: var(--color-error, #ba1a1a);
}

.sinavsor-qa-empty {
	display: grid;
	justify-items: center;
	gap: 8px;
	border: 1px dashed rgb(198 198 205 / 0.75);
	border-radius: 12px;
	background: rgb(59 130 246 / 0.04);
	padding: 34px 18px;
	text-align: center;
}

.sinavsor-qa-empty .material-symbols-outlined {
	color: var(--color-vibrant-blue, #2563eb);
	font-size: 44px;
}

.sinavsor-qa-empty h3 {
	margin: 0;
	font-size: 22px;
}

.sinavsor-qa-empty p {
	max-width: 520px;
	margin: 0;
	color: var(--color-on-surface-variant, #45464d);
}

.sinavsor-qa-pagination {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 8px;
	margin-top: 20px;
}

.sinavsor-qa-pagination .page-numbers {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 40px;
	min-height: 40px;
	border: 1px solid rgb(198 198 205 / 0.55);
	border-radius: 9px;
	background: #ffffff;
	padding: 9px 12px;
	color: var(--color-on-surface-variant, #45464d);
	font-weight: 800;
	text-decoration: none;
}

.sinavsor-qa-pagination .current {
	border-color: var(--color-vibrant-blue, #2563eb);
	background: var(--color-vibrant-blue, #2563eb);
	color: #ffffff;
}

.sinavsor-qa-side-card {
	padding: 20px;
}

.sinavsor-qa-side-card h3 {
	margin: 0 0 14px;
	border-left: 4px solid var(--color-vibrant-green, #10b981);
	padding-left: 10px;
	font-family: var(--font-headline-sm, Lexend, sans-serif);
	font-size: 17px;
	font-weight: 800;
}

.sinavsor-qa-quick-links {
	display: grid;
	gap: 7px;
}

.sinavsor-qa-quick-links a {
	display: grid;
	grid-template-columns: 30px minmax(0, 1fr) 18px;
	align-items: center;
	gap: 9px;
	border-radius: 8px;
	padding: 8px;
	color: var(--color-on-surface, #0b1c30);
	font-size: 13px;
	font-weight: 800;
	text-decoration: none;
	transition: background 0.2s ease, transform 0.2s ease;
}

.sinavsor-qa-quick-links a:hover {
	background: rgb(248 250 252);
	transform: translateX(2px);
}

.sinavsor-qa-quick-links .material-symbols-outlined:first-child {
	display: flex;
	width: 30px;
	height: 30px;
	align-items: center;
	justify-content: center;
	border-radius: 9px;
	background: rgb(59 130 246 / 0.12);
	font-size: 18px;
}

.sinavsor-qa-quick-links .is-green {
	background: rgb(16 185 129 / 0.12) !important;
	color: var(--color-vibrant-green, #10b981);
}

.sinavsor-qa-quick-links .is-orange {
	background: rgb(249 115 22 / 0.12) !important;
	color: var(--color-vibrant-orange, #f97316);
}

.sinavsor-qa-side-stats {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 12px;
}

.sinavsor-qa-side-stats div {
	border-left: 4px solid var(--color-vibrant-green, #10b981);
	border-radius: 8px;
	background: rgb(16 185 129 / 0.08);
	padding: 12px;
}

.sinavsor-qa-side-stats div:first-child {
	border-left-color: var(--color-custom-navy, #0f172a);
	background: var(--color-custom-navy, #0f172a);
	color: #ffffff;
}

.sinavsor-qa-side-stats strong {
	display: block;
	font-family: var(--font-headline-sm, Lexend, sans-serif);
	font-size: 24px;
	line-height: 1;
}

.sinavsor-qa-side-stats span,
.sinavsor-qa-progress-row span {
	font-size: 11px;
	font-weight: 700;
}

.sinavsor-qa-progress-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin-top: 14px;
	color: var(--color-on-surface-variant, #45464d);
}

.sinavsor-qa-progress-row strong {
	color: var(--color-vibrant-green, #10b981);
}

.sinavsor-qa-progress {
	overflow: hidden;
	height: 8px;
	margin-top: 8px;
	border-radius: 999px;
	background: rgb(226 232 240);
}

.sinavsor-qa-progress i {
	display: block;
	height: 100%;
	border-radius: inherit;
	background: linear-gradient(90deg, var(--color-vibrant-green, #10b981), #4edea3);
}

.sinavsor-qa-category-cloud {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.sinavsor-qa-category-cloud a,
.sinavsor-qa-category-cloud span {
	display: inline-flex;
	border-radius: 4px;
	background: var(--color-vibrant-blue, #2563eb);
	padding: 6px 10px;
	color: #ffffff;
	font-size: 11px;
	font-weight: 900;
	text-decoration: none;
	text-transform: uppercase;
}

.sinavsor-qa-category-cloud a:nth-child(2n) {
	background: var(--color-vibrant-green, #10b981);
}

.sinavsor-qa-category-cloud a:nth-child(3n) {
	background: var(--color-vibrant-orange, #f97316);
}

.sinavsor-qa-side-cta {
	position: relative;
	overflow: hidden;
	border-radius: 8px;
	background: linear-gradient(135deg, #4f46e5, #7c3aed);
	padding: 22px;
	color: #ffffff;
	box-shadow: 0 16px 34px rgb(79 70 229 / 0.26);
}

.sinavsor-qa-side-cta h3,
.sinavsor-qa-side-cta p {
	position: relative;
	z-index: 2;
	margin: 0;
}

.sinavsor-qa-side-cta h3 {
	font-size: 18px;
}

.sinavsor-qa-side-cta p {
	margin-top: 8px;
	color: rgb(238 242 255);
	font-size: 13px;
	line-height: 1.55;
}

.sinavsor-qa-side-cta a {
	position: relative;
	z-index: 2;
	display: inline-flex;
	margin-top: 14px;
	border-radius: 9px;
	background: #ffffff;
	padding: 9px 12px;
	color: #4f46e5;
	font-weight: 900;
	text-decoration: none;
}

.sinavsor-qa-side-cta > .material-symbols-outlined {
	position: absolute;
	right: -20px;
	bottom: -24px;
	color: rgb(255 255 255 / 0.18);
	font-size: 110px;
}

.sinavsor-qa-socials {
	display: flex;
	gap: 10px;
}

.sinavsor-qa-socials a {
	display: inline-flex;
	width: 38px;
	height: 38px;
	align-items: center;
	justify-content: center;
	border-radius: 10px;
	background: #0f172a;
	color: #ffffff;
	text-decoration: none;
}

.sinavsor-qa-socials a:first-child {
	background: linear-gradient(135deg, #f9ce34, #ee2a7b, #6228d7);
}

.sinavsor-qa-socials a:last-child {
	background: #ff0000;
}

.sinavsor-qa-question-detail-card {
	padding: 20px;
}

.sinavsor-qa-question-detail-card > header,
.sinavsor-qa-question-detail-card > footer {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 14px;
}

.sinavsor-qa-asker {
	display: flex;
	align-items: center;
	gap: 11px;
	min-width: 0;
}

.sinavsor-qa-asker strong {
	display: block;
	font-family: var(--font-headline-sm, Lexend, sans-serif);
	font-size: 17px;
}

.sinavsor-qa-asker span {
	display: block;
	color: var(--color-on-surface-variant, #45464d);
	font-size: 12px;
}

.sinavsor-qa-question-detail-card h1 {
	margin: 16px 0 12px;
	color: var(--color-primary, #000000);
	font-family: var(--font-headline-md, Lexend, sans-serif);
	font-size: 21px;
	font-weight: 500;
	line-height: 1.34;
	letter-spacing: 0;
}

.sinavsor-qa-question-detail-card > footer {
	justify-content: flex-start;
	margin-top: 18px;
	border-top: 1px solid rgb(226 232 240);
	padding-top: 12px;
	color: var(--color-on-surface-variant, #45464d);
	font-size: 12px;
	font-weight: 700;
}

.sinavsor-qa-question-detail-card > footer span {
	display: inline-flex;
	align-items: center;
	gap: 5px;
}

.sinavsor-qa-question-detail-card > footer .sinavsor-qa-state {
	margin-left: auto;
	color: #ffffff;
}

.sinavsor-qa-content {
	color: var(--color-on-surface, #0b1c30);
	font-size: 15px;
	line-height: 1.78;
}

.sinavsor-qa-content > :first-child {
	margin-top: 0;
}

.sinavsor-qa-content > :last-child {
	margin-bottom: 0;
}

.sinavsor-qa-teacher-answer {
	overflow: hidden;
	border: 1px solid rgb(16 185 129 / 0.24);
	border-radius: 8px;
	background: #ffffff;
	box-shadow: 0 1px 2px rgb(15 23 42 / 0.05);
	margin-top: 4px;
}

.sinavsor-qa-answer-band {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 14px;
	background: linear-gradient(135deg, #10b981, #059669);
	padding: 12px 20px;
	color: #ffffff;
}

.sinavsor-qa-answer-band div {
	display: inline-flex;
	align-items: center;
	gap: 8px;
}

.sinavsor-qa-answer-band h2 {
	margin: 0;
	font-family: var(--font-headline-sm, Lexend, sans-serif);
	font-size: 18px;
	font-weight: 500;
}

.sinavsor-qa-answer-band > span {
	border-radius: 999px;
	background: rgb(255 255 255 / 0.2);
	padding: 5px 9px;
	font-size: 11px;
	font-weight: 900;
}

.sinavsor-qa-teacher-answer .sinavsor-qa-content {
	background: rgb(108 248 187 / 0.05);
	padding: 20px;
}

.sinavsor-qa-teacher-footer {
	display: flex;
	align-items: center;
	gap: 12px;
	border-top: 1px solid rgb(16 185 129 / 0.12);
	padding: 0 20px 20px;
}

.sinavsor-qa-teacher-footer .sinavsor-qa-avatar-img,
.sinavsor-qa-teacher-footer .sinavsor-qa-avatar-fallback {
	border-width: 1px;
	border-color: var(--color-vibrant-green, #10b981);
	border-radius: 999px;
	box-shadow: none;
}

.sinavsor-qa-teacher-footer .sinavsor-qa-avatar-fallback .material-symbols-outlined {
	font-size: 24px;
}

.sinavsor-qa-teacher-footer strong {
	display: flex;
	align-items: center;
	gap: 5px;
	font-family: var(--font-headline-sm, Lexend, sans-serif);
	font-size: 17px;
}

.sinavsor-qa-teacher-footer strong .material-symbols-outlined {
	color: var(--color-vibrant-blue, #2563eb);
	font-size: 17px;
}

.sinavsor-qa-teacher-footer span {
	display: block;
	color: var(--color-vibrant-green, #10b981);
	font-size: 12px;
	font-weight: 800;
}

.sinavsor-qa-waiting-box {
	display: flex;
	gap: 14px;
	border: 1px solid rgb(249 115 22 / 0.18);
	border-radius: 8px;
	background: rgb(249 115 22 / 0.08);
	padding: 18px;
}

.sinavsor-qa-waiting-box > .material-symbols-outlined {
	color: var(--color-vibrant-orange, #f97316);
	font-size: 34px;
}

.sinavsor-qa-waiting-box h2,
.sinavsor-qa-waiting-box p {
	margin: 0;
}

.sinavsor-qa-waiting-box p {
	margin-top: 6px;
	color: var(--color-on-surface-variant, #45464d);
	font-size: 14px;
}

.sinavsor-qa-community h2 span {
	border-radius: 8px;
	background: var(--color-surface-container-high, #dce9ff);
	padding: 3px 8px;
	font-size: 12px;
}

.sinavsor-qa-comment-list {
	display: grid;
	gap: 12px;
	margin-top: 14px;
}

.sinavsor-qa-comment-card {
	display: flex;
	gap: 12px;
	border: 1px solid rgb(226 232 240);
	border-radius: 8px;
	background: #ffffff;
	padding: 14px;
}

.sinavsor-qa-comment-avatar {
	flex: none;
	border-radius: 999px;
	background: rgb(241 245 249);
}

.sinavsor-qa-comment-card header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin-bottom: 4px;
}

.sinavsor-qa-comment-card strong {
	color: var(--color-on-surface, #0b1c30);
}

.sinavsor-qa-comment-card header span {
	color: var(--color-on-surface-variant, #45464d);
	font-size: 12px;
}

.sinavsor-qa-comment-text {
	color: var(--color-on-surface-variant, #45464d);
	font-size: 14px;
	line-height: 1.65;
}

.sinavsor-qa-comment-text p {
	margin: 0;
}

.sinavsor-qa-comment-form {
	margin-top: 14px;
	border: 1px dashed var(--color-outline, #76777d);
	border-radius: 8px;
	background: var(--color-surface-container-low, #eff4ff);
	padding: 14px;
}

.sinavsor-qa-comment-form h3 {
	margin: 0 0 8px;
	font-family: var(--font-headline-sm, Lexend, sans-serif);
}

.sinavsor-qa-answer-form {
	display: grid;
	gap: 12px;
	margin-top: 12px;
}

.sinavsor-qa-answer-form-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 12px;
}

.sinavsor-qa-comment-form .comment-form-author,
.sinavsor-qa-comment-form .comment-form-email,
.sinavsor-qa-comment-form .comment-form-url,
.sinavsor-qa-comment-form .comment-form-comment {
	margin: 12px 0 0;
}

.sinavsor-qa-comment-form .form-submit {
	margin: 14px 0 0;
}

.sinavsor-qa-latest {
	border: 1px solid rgb(226 232 240);
	border-radius: 8px;
	background: #ffffff;
	padding: 18px;
	box-shadow: 0 8px 22px rgb(15 23 42 / 0.06);
}

.sinavsor-qa-latest h2 {
	margin: 6px 0 0;
	font-size: 22px;
}

.sinavsor-qa-latest-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 12px;
	margin-top: 16px;
}

.sinavsor-qa-mini-card {
	display: grid;
	gap: 10px;
	border: 1px solid rgb(226 232 240);
	border-radius: 8px;
	background: #ffffff;
	padding: 15px;
	color: inherit;
	text-decoration: none;
}

.sinavsor-qa-mini-card strong {
	font-size: 14px;
	line-height: 1.45;
}

.sinavsor-qa-mini-bottom {
	color: var(--color-vibrant-green, #10b981);
	font-size: 12px;
	font-weight: 700;
}

@media (max-width: 980px) {
	.sinavsor-qa-layout,
	.sinavsor-qa-single-grid,
	.sinavsor-qa-filters {
		grid-template-columns: 1fr;
	}

	.sinavsor-qa-sidebar,
	.sinavsor-qa-single-aside {
		order: 2;
	}
}

@media (max-width: 720px) {
	.sinavsor-qa-hero,
	.sinavsor-qa-card,
	.sinavsor-qa-question-detail-card > header,
	.sinavsor-qa-question-detail-card > footer,
	.sinavsor-qa-form-actions,
	.sinavsor-qa-answer-band {
		align-items: stretch;
		flex-direction: column;
	}

	.sinavsor-qa-hero {
		text-align: center;
	}

	.sinavsor-qa-teacher-photo {
		margin: 0 auto;
	}

	.sinavsor-qa-card {
		grid-template-columns: 1fr;
	}

	.sinavsor-qa-card-side {
		justify-items: start;
		min-width: 0;
	}

	.sinavsor-qa-form-grid,
	.sinavsor-qa-latest-grid,
	.sinavsor-qa-answer-form-grid {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 520px) {
	.sinavsor-qa-panel,
	.sinavsor-qa-form-card,
	.sinavsor-qa-question-detail-card,
	.sinavsor-qa-community {
		padding: 15px;
	}

	.sinavsor-qa-hero {
		padding: 18px;
	}

	.sinavsor-qa-teacher-photo {
		width: 124px;
		height: 124px;
	}
}