.induk-qg-card {
	--iqg-blue: #1f7aff;
	--iqg-navy: #0e286b;
	--iqg-muted: #7181a9;
	--iqg-border: #dce7f5;
	box-sizing: border-box;
	width: 100%;
	max-width: 640px;
	font-family: inherit;
}

.induk-qg-card *, .induk-qg-card *::before, .induk-qg-card *::after { box-sizing: border-box; }
.induk-qg-header { display: flex; align-items: center; gap: 5px; margin-bottom: 20px; margin-left: -9px; }
.induk-qg-header-icon { flex: 0 0 42px; width: 42px; height: 42px; color: var(--iqg-blue); }
.induk-qg-header-icon svg { display: block; width: 100%; height: 100%; fill: currentColor; filter: drop-shadow(0 5px 8px rgba(31, 122, 255, .22)); }
.induk-qg-heading h2 { margin: 0 0 4px; color: var(--iqg-navy); font-size: clamp(19px, 3vw, 24px); font-weight: 750; line-height: 1.2; letter-spacing: -.02em; }
.induk-qg-heading p { margin: 0; color: var(--iqg-muted); font-size: 13px; line-height: 1.5; }
/*! 
.induk-qg-list { overflow: hidden; padding: 0; margin: 0; list-style: none; background: #fff; border: 1px solid var(--iqg-border); border-radius: 12px; box-shadow: 0 5px 16px rgba(28, 72, 135, .07); }
*/
.induk-qg-list li { padding: 0; margin: 0; border-bottom: 1px solid #e8eef8; }
.induk-qg-list li:last-child { border-bottom: 0; }
.induk-qg-list a { display: flex; min-height: 52px; align-items: center; gap: 13px; padding: 12px 15px; color: var(--iqg-navy); text-decoration: none; transition: color .18s ease, background-color .18s ease, padding-left .18s ease; }
.induk-qg-list a:hover, .induk-qg-list a:focus-visible { padding-left: 18px; color: var(--iqg-blue); background: #f6faff; outline: 0; }
.induk-qg-item-icon { display: inline-flex; flex: 0 0 23px; width: 23px; height: 23px; align-items: center; justify-content: center; color: var(--iqg-blue); }
.induk-qg-item-icon svg { display: block; width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.induk-qg-title { min-width: 0; flex: 1 1 auto; font-size: 14px; font-weight: 500; line-height: 1.4; }
.induk-qg-arrow { display: inline-flex; flex: 0 0 20px; width: 20px; height: 20px; align-items: center; justify-content: center; color: #245495; }
.induk-qg-arrow svg { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.induk-qg-empty { padding: 16px; margin: 0; color: var(--iqg-muted); background: #fff; border: 1px solid var(--iqg-border); border-radius: 12px; font-size: 14px; }

@media (max-width: 480px) {
	.induk-qg-card { padding: 18px 14px; border-radius: 13px; }
	.induk-qg-header { gap: 9px; }
	.induk-qg-header-icon { flex-basis: 35px; width: 35px; height: 35px; }
	.induk-qg-list a { min-height: 48px; padding-top: 10px; padding-bottom: 10px; }
	.induk-qg-item-icon { flex-basis: 21px; width: 21px; height: 21px; }
}

@media (prefers-reduced-motion: reduce) {
	.induk-qg-list a { transition: none; }
}