/*
 * Din Bilgesi Interface 4.3.0
 * Tek tasarım sözleşmesi: kabuk, tipografi, bileşenler ve dört cihaz aralığı.
 * Bu dosya önceki main/experience/design-system/visual-refresh katmanlarının
 * tamamının yerine geçen tek etkin tema stilidir.
 */

:root {
	--db-ui-ink-950: #082b3b;
	--db-ui-ink-900: #10384a;
	--db-ui-ink-700: #355868;
	--db-ui-ink-600: #58717d;
	--db-ui-brand-700: #076d7c;
	--db-ui-brand-600: #09869a;
	--db-ui-brand-100: #e6f4f5;
	--db-ui-accent-500: #edba47;
	--db-ui-accent-100: #fff6d9;
	--db-ui-coral-500: #df6959;
	--db-ui-success-700: #256a4c;
	--db-ui-success-100: #e6f5ed;
	--db-ui-danger-700: #a33c42;
	--db-ui-danger-100: #fff0f0;
	--db-ui-canvas: #f3f7f8;
	--db-ui-surface: #ffffff;
	--db-ui-surface-soft: #edf3f4;
	--db-ui-line: #d3e0e4;
	--db-ui-line-strong: #b7cbd2;
	--db-ui-shell: 1280px;
	--db-ui-work: 1120px;
	--db-ui-read: 760px;
	--db-ui-gutter: clamp(16px, 2.5vw, 32px);
	--db-ui-header: 72px;
	--db-ui-dock: 76px;
	--db-ui-control: 44px;
	--db-ui-radius-sm: 10px;
	--db-ui-radius: 16px;
	--db-ui-radius-lg: 24px;
	--db-ui-shadow-sm: 0 12px 34px -28px rgba(8, 43, 59, .35);
	--db-ui-shadow: 0 28px 70px -44px rgba(8, 43, 59, .48);
	--db-navy: var(--db-ui-ink-900);
	--db-navy-dark: var(--db-ui-ink-950);
	--db-emerald: var(--db-ui-brand-600);
	--db-emerald-dark: var(--db-ui-brand-700);
	--db-gold: var(--db-ui-accent-500);
	--db-cream: var(--db-ui-accent-100);
	--db-text: var(--db-ui-ink-900);
	--db-muted: var(--db-ui-ink-600);
	--db-border: var(--db-ui-line);
	--db-container: var(--db-ui-shell);
	--db-gutter: var(--db-ui-gutter);
	--db-radius: var(--db-ui-radius);
	--db-shadow: var(--db-ui-shadow);
}

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

html {
	background: var(--db-ui-canvas);
	overflow-x: hidden;
	overflow-x: clip;
	scroll-behavior: smooth;
	scroll-padding-top: calc(var(--db-ui-header) + 16px);
}

body {
	background: var(--db-ui-canvas);
	color: var(--db-ui-ink-900);
	font-family: "Segoe UI Variable Text", "Segoe UI", ui-sans-serif, system-ui, -apple-system, sans-serif;
	font-size: 16px;
	line-height: 1.6;
	margin: 0;
	overflow-x: hidden;
	overflow-x: clip;
	padding-bottom: 0;
}

body,
button,
input,
select,
textarea {
	font-variation-settings: "opsz" 16;
}

img,
svg,
video,
canvas,
iframe {
	height: auto;
	max-width: 100%;
}

:where(h1, h2, h3, h4) {
	color: var(--db-ui-ink-950);
	font-weight: 780;
	letter-spacing: -.035em;
	line-height: 1.12;
	text-wrap: balance;
}

:where(p, li, dd) {
	text-wrap: pretty;
}

a {
	color: var(--db-ui-brand-700);
	text-decoration-thickness: .08em;
	text-underline-offset: .18em;
}

:where(a, button, input, select, textarea, summary, [tabindex]):focus-visible {
	border-radius: 6px;
	outline: 3px solid rgba(9, 134, 154, .34);
	outline-offset: 3px;
}

button,
input,
select,
textarea {
	font: inherit;
}

button,
[type="button"],
[type="submit"],
[role="button"] {
	touch-action: manipulation;
}

.db-container,
.db-library-page .db-container {
	margin-inline: auto;
	max-width: var(--db-ui-shell);
	padding-inline: max(var(--db-ui-gutter), env(safe-area-inset-left)) max(var(--db-ui-gutter), env(safe-area-inset-right));
	width: 100%;
}

.db-reading-width {
	margin-inline: auto;
	max-width: var(--db-ui-read);
	padding-inline: var(--db-ui-gutter);
	width: 100%;
}

.db-page--wide,
.db-page--account,
.db-page--studio {
	max-width: var(--db-ui-work);
}

.db-site-main {
	display: block;
	min-height: 48vh;
}

/* Gerçek metni ölçekleyip pikselleştirmeden sayfalar arasında yumuşak geçiş. */
html.db-page-motion .db-site-main {
	animation: db-page-enter .28s cubic-bezier(.2, .75, .25, 1) both;
	transition: opacity .11s ease-out;
}

html.db-page-motion.db-page-leaving .db-site-main {
	animation: none;
	opacity: .72;
	pointer-events: none;
}

@keyframes db-page-enter {
	from { opacity: .32; }
	to { opacity: 1; }
}

.db-eyebrow {
	color: var(--db-ui-brand-700);
	font-size: 12px;
	font-weight: 800;
	letter-spacing: .12em;
	line-height: 1.35;
	margin: 0 0 8px;
	text-transform: uppercase;
}

.db-ui-icon,
.db-ui-icon svg {
	display: block;
	height: 22px;
	width: 22px;
}

.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	overflow: hidden;
	position: absolute;
	white-space: nowrap;
	width: 1px;
}

.db-skip-link {
	background: var(--db-ui-accent-500);
	border-radius: 10px;
	color: var(--db-ui-ink-950);
	font-weight: 800;
	left: 12px;
	padding: 11px 16px;
	position: fixed;
	top: -90px;
	z-index: 1000000;
}

.db-skip-link:focus { top: 12px; }
.db-topbar { display: none; }

/* Üst uygulama kabuğu */
.db-site-header {
	/* Sabit alt menü ekranı referans alır; başlık bir konumlandırma alanı oluşturmaz. */
	background: var(--db-ui-surface);
	border-bottom: 1px solid rgba(8, 43, 59, .1);
	box-shadow: 0 12px 28px -28px rgba(8, 43, 59, .8);
	position: sticky;
	top: 0;
	z-index: 900;
}

.db-header-main {
	align-items: center;
	display: grid;
	gap: 10px;
	grid-template-columns: auto minmax(240px, 1fr) auto auto;
	min-height: var(--db-ui-header);
	padding-block: 8px;
	position: relative;
}

.db-brand {
	align-items: center;
	color: var(--db-ui-ink-950);
	display: inline-flex;
	font-size: 20px;
	font-weight: 800;
	gap: 10px;
	letter-spacing: -.025em;
	text-decoration: none;
	white-space: nowrap;
}

.db-brand__mark {
	background: #f8f6ed;
	border-radius: 12px;
	display: block;
	flex: 0 0 44px;
	height: 44px;
	overflow: hidden;
	position: relative;
	width: 44px;
}

.db-brand__mark img {
	height: 94px;
	left: -27px;
	max-width: none;
	position: absolute;
	top: -25px;
	width: 94px;
}

.db-header-search-launch {
	align-items: center;
	background: #f3f7f8;
	border: 1px solid var(--db-ui-line);
	border-radius: 13px;
	color: var(--db-ui-ink-600);
	cursor: pointer;
	display: flex;
	font-size: 14px;
	gap: 10px;
	min-height: var(--db-ui-control);
	min-width: 0;
	padding: 8px 12px;
	text-align: left;
	width: 100%;
}

.db-header-search-launch > span:nth-child(2) {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.db-header-search-launch kbd {
	background: #fff;
	border: 1px solid var(--db-ui-line);
	border-radius: 6px;
	font: 700 12px/1 system-ui, sans-serif;
	margin-left: auto;
	padding: 5px 7px;
}

.db-header-quick {
	align-items: center;
	display: flex;
	gap: 2px;
}

.db-header-quick a {
	align-items: center;
	border-radius: 10px;
	color: var(--db-ui-ink-900);
	display: inline-flex;
	font-size: 14px;
	font-weight: 750;
	min-height: var(--db-ui-control);
	padding: 8px 12px;
	text-decoration: none;
}

.db-header-quick a:hover { background: var(--db-ui-brand-100); }

.db-header-actions {
	align-items: center;
	display: flex;
	gap: 6px;
	justify-self: end;
	min-width: 0;
}

.db-search-toggle,
.db-board-toggle,
.db-account-button,
.db-header-studio {
	align-items: center;
	background: #fff;
	border: 1px solid var(--db-ui-line);
	border-radius: 12px;
	box-shadow: none;
	color: var(--db-ui-ink-900);
	cursor: pointer;
	display: inline-flex;
	font-size: 14px;
	font-weight: 750;
	gap: 8px;
	justify-content: center;
	line-height: 1;
	min-height: var(--db-ui-control);
	min-width: var(--db-ui-control);
	padding: 8px 12px;
	text-decoration: none;
	white-space: nowrap;
}

.db-search-toggle { display: none; }
.db-header-studio { background: var(--db-ui-brand-600); border-color: var(--db-ui-brand-600); color: #fff; }
.db-board-toggle[aria-pressed="true"] { background: var(--db-ui-accent-100); border-color: var(--db-ui-accent-500); }
/* Ana menü: her ekran genişliğinde üst başlıktan erişilen modal panel. */
.db-navigation { --db-menu-dock-height: 0px; display: flex; flex: 0 0 auto; min-width: 0; }
.db-menu-toggle {
	align-items: center;
	background: var(--db-ui-brand-600);
	border: 1px solid var(--db-ui-brand-700);
	border-radius: 12px;
	box-shadow: none;
	color: #fff;
	cursor: pointer;
	display: inline-flex;
	font: 750 14px/1.2 system-ui, sans-serif;
	gap: 8px;
	justify-content: center;
	min-height: var(--db-ui-control);
	min-width: var(--db-ui-control);
	padding: 8px 12px;
	position: relative;
	text-decoration: none;
	z-index: 1;
}
.db-menu-toggle:hover { background: var(--db-ui-brand-700); }
.db-menu-toggle__icon,
.db-menu-toggle__icon::before,
.db-menu-toggle__icon::after { background: currentColor; content: ""; display: block; height: 2px; position: relative; width: 20px; }
.db-menu-toggle__icon::before { position: absolute; top: -6px; }
.db-menu-toggle__icon::after { position: absolute; top: 6px; }
.db-menu-backdrop { background: rgba(8, 43, 59, .42); inset: 0; opacity: 0; position: fixed; transition: opacity .18s ease; z-index: 1190; }
.db-navigation.is-open .db-menu-backdrop { opacity: 1; }
.db-menu-backdrop[hidden] { display: none; }
.db-menu-panel {
	background: var(--db-ui-surface);
	border: 1px solid var(--db-ui-line);
	border-radius: 22px;
	bottom: max(24px, env(safe-area-inset-bottom));
	box-shadow: 0 24px 70px rgba(8, 43, 59, .24);
	display: flex;
	flex-direction: column;
	left: max(24px, env(safe-area-inset-left));
	margin: 0;
	top: auto;
	right: auto;
	max-height: calc(100vh - 64px);
	max-height: calc(100dvh - 64px - env(safe-area-inset-top) - env(safe-area-inset-bottom));
	max-width: calc(100% - 48px);
	min-width: 0;
	overflow: hidden;
	padding: 0;
	position: fixed;
	opacity: 0;
	pointer-events: none;
	transform: translateY(12px) scale(.985);
	transition: opacity .18s ease, transform .22s cubic-bezier(.2, .75, .25, 1);
	width: 360px;
	z-index: 1200;
}
.db-menu-panel.is-open { opacity: 1; pointer-events: auto; transform: none; }
.db-menu-panel.is-closing { display: flex; }
.db-js .db-menu-panel:not(.is-open):not(.is-opening):not(.is-closing) { display: none; }
.db-menu-panel::backdrop { background: rgba(8, 43, 59, .42); }
.db-menu-panel__heading { align-items: center; border-bottom: 1px solid var(--db-ui-line); display: flex; flex: 0 0 auto; gap: 16px; justify-content: space-between; padding: 16px 18px; }
.db-menu-panel__heading p { color: var(--db-ui-brand-700); font-size: 12px; font-weight: 750; margin: 0 0 2px; }
.db-menu-panel__heading h2 { color: var(--db-ui-ink-950); font-size: 20px; font-weight: 750; letter-spacing: -.02em; line-height: 1.25; margin: 0; }
.db-menu-account { background: #f5f9fa; border-bottom: 1px solid var(--db-ui-line); display: grid; gap: 10px; padding: 12px 14px; }
.db-menu-account__identity { align-items: center; display: grid; gap: 10px; grid-template-columns: 42px minmax(0, 1fr); }
.db-menu-account__identity > span { align-items: center; background: linear-gradient(145deg, var(--db-ui-brand-600), #54b8c5); border-radius: 12px; color: #fff; display: flex; font-size: 17px; font-weight: 850; height: 42px; justify-content: center; width: 42px; }
.db-menu-account__identity > div { display: grid; min-width: 0; }
.db-menu-account__identity strong { color: var(--db-ui-ink-950); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.db-menu-account__identity small { color: var(--db-ui-ink-600); font-size: 11px; }
.db-menu-account__actions { display: grid; gap: 7px; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.db-menu-account__actions--guest { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.db-menu-account__actions a { align-items: center; background: #fff; border: 1px solid var(--db-ui-line); border-radius: 10px; color: var(--db-ui-ink-900); display: flex; font-size: 12px; font-weight: 800; gap: 6px; justify-content: center; min-height: 44px; min-width: 0; padding: 7px; text-decoration: none; }
.db-menu-account__actions a.is-primary { background: var(--db-ui-brand-600); border-color: var(--db-ui-brand-600); color: #fff; }
.db-menu-account__actions :where(.db-ui-icon,.db-ui-icon svg) { height: 18px; width: 18px; }
.db-menu-panel .db-menu-account__actions--guest { display: grid; gap: 9px; grid-template-columns: repeat(2, minmax(0, 1fr)); margin: 0; width: 100%; }
.db-menu-panel .db-menu-account__actions--guest > a { border-radius: 12px; box-shadow: 0 5px 14px rgba(8, 43, 59, .05); font-size: 14px; gap: 8px; min-height: 50px; padding: 10px 12px; }
.db-menu-account__symbol { align-items: center; background: var(--db-ui-brand-100); border-radius: 8px; color: var(--db-ui-brand-700); display: inline-flex; flex: 0 0 24px; font-size: 20px; font-weight: 650; height: 24px; justify-content: center; line-height: 1; width: 24px; }
.db-menu-close { align-items: center; background: var(--db-ui-surface-soft); border: 1px solid var(--db-ui-line); border-radius: 50%; color: var(--db-ui-ink-900); cursor: pointer; display: flex; flex: 0 0 44px; font: 400 26px/1 system-ui, sans-serif; height: 44px; justify-content: center; padding: 0; width: 44px; }
.db-site-nav { min-height: 0; overflow: auto; overscroll-behavior: contain; padding: 10px; scrollbar-gutter: stable; }
.db-menu { display: grid; gap: 4px; grid-template-columns: minmax(0, 1fr); list-style: none; margin: 0; padding: 0; }
.db-menu li { min-width: 0; margin: 0; }
.db-menu a { align-items: center; border-radius: 12px; color: var(--db-ui-ink-900); display: flex; font-size: 15px; font-weight: 650; line-height: 1.4; min-height: 48px; overflow-wrap: anywhere; padding: 11px 14px; text-decoration: none; }
.db-menu a:hover,
.db-menu .current-menu-item > a,
.db-menu .current_page_item > a { background: var(--db-ui-brand-100); color: var(--db-ui-brand-700); }
.db-menu .sub-menu { border-left: 2px solid var(--db-ui-line); list-style: none; margin: 2px 0 8px 18px; padding: 0 0 0 8px; }
.db-menu .sub-menu a { font-size: 14px; font-weight: 550; min-height: 44px; }
body.db-menu-open { overflow: hidden; }
html:not(.db-js) .db-menu-toggle,
html:not(.db-js) .db-menu-close { display: none; }
html:not(.db-js) .db-menu-panel { box-shadow: none; margin: 16px auto; max-height: none; max-width: calc(100% - 32px); opacity: 1; pointer-events: auto; position: static; transform: none; width: 760px; }
body.db-media-dialog-open .db-navigation,
body.db-media-focus-open .db-navigation { visibility: hidden; }

.db-board-tools {
	align-items: center;
	background: rgba(8, 43, 59, .97);
	border: 1px solid rgba(255, 255, 255, .18);
	border-radius: 18px;
	box-shadow: 0 20px 52px -26px rgba(8, 43, 59, .9);
	color: #fff;
	display: flex;
	font: 750 14px/1.2 "Segoe UI Variable Text", "Segoe UI", system-ui, sans-serif;
	gap: 12px;
	left: 50%;
	max-width: calc(100vw - 32px);
	min-height: 60px;
	padding: 7px 9px 7px 14px;
	position: fixed;
	bottom: max(14px, env(safe-area-inset-bottom));
	transform: translateX(-50%);
	width: max-content;
	z-index: 1180;
}
.db-board-tools[hidden] { display: none; }
.db-board-tools__identity { align-items: center; display: flex; gap: 9px; padding-right: 3px; }
.db-board-tools__identity > span:last-child { display: grid; min-width: 74px; }
.db-board-tools__identity strong { color: #fff; font-size: 14px; }
.db-board-tools__identity small { color: #bcd1d9; font-size: 11px; font-weight: 600; }
.db-board-tools__scale,
.db-board-tools__actions { align-items: center; display: flex; gap: 5px; }
.db-board-tools__scale { background: rgba(255, 255, 255, .1); border-radius: 13px; padding: 4px; }
.db-board-tools :where(button, output) {
	align-items: center;
	background: transparent;
	border: 1px solid transparent;
	border-radius: 10px;
	color: #fff;
	display: inline-flex;
	font: 800 14px/1 system-ui, sans-serif;
	justify-content: center;
	min-height: 42px;
	padding: 7px 10px;
	white-space: nowrap;
}
.db-board-tools button { cursor: pointer; }
.db-board-tools button:hover { background: rgba(255, 255, 255, .12); }
.db-board-tools button:disabled { cursor: not-allowed; opacity: .42; }
.db-board-tools__scale > button:first-child,
.db-board-tools__scale > button:nth-child(3) { font-size: 22px; min-width: 42px; padding-inline: 8px; }
.db-board-tools__scale output { background: rgba(255, 255, 255, .08); color: #fff; min-width: 58px; }
.db-board-tools__auto { gap: 5px; }
.db-board-tools__auto[aria-pressed="true"] { background: #fff; color: var(--db-ui-ink-950); }
.db-board-tools__actions button { gap: 6px; }
.db-board-tools__actions > button:first-child { background: var(--db-ui-brand-600); border-color: rgba(255, 255, 255, .16); }
.db-board-tools__actions > button:first-child:hover { background: var(--db-ui-brand-700); }
.db-board-tools__actions > button:first-child.is-resume-needed {
	background: #fff;
	border-color: #fff;
	box-shadow: 0 0 0 3px rgba(255, 255, 255, .16);
	color: var(--db-ui-ink-950);
}
.db-board-tools__actions > button:first-child.is-resume-needed:hover { background: var(--db-ui-brand-100); }
.db-board-tools__close { background: rgba(223, 105, 89, .16); border-color: rgba(255, 255, 255, .12); }
.db-board-tools__close:hover { background: var(--db-ui-coral-500); }

/* Arama dialogu */
.db-search-dialog {
	background: transparent;
	border: 0;
	height: 100dvh;
	margin: 0;
	max-height: none;
	max-width: none;
	padding: max(18px, env(safe-area-inset-top)) var(--db-ui-gutter);
	width: 100%;
}
.db-search-dialog::backdrop { backdrop-filter: blur(8px); background: rgba(8, 43, 59, .7); }
.db-search-dialog__panel {
	background: #fff;
	border: 1px solid var(--db-ui-line);
	border-radius: var(--db-ui-radius-lg);
	box-shadow: var(--db-ui-shadow);
	margin-inline: auto;
	max-width: 760px;
	padding: clamp(18px, 3vw, 28px);
}
.db-search-dialog__panel > header { align-items: flex-start; display: flex; gap: 16px; justify-content: space-between; }
.db-search-dialog__panel > header p { color: var(--db-ui-brand-700); font-size: 12px; font-weight: 800; letter-spacing: .1em; margin: 0; text-transform: uppercase; }
.db-search-dialog__panel > header h2 { font-size: clamp(24px, 4vw, 34px); margin: 4px 0 18px; }
.db-search-dialog__panel > header button { background: var(--db-ui-surface-soft); border: 0; border-radius: 50%; color: var(--db-ui-ink-950); font-size: 24px; height: 44px; min-width: 44px; }
.db-search-dialog__quick { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 16px; }
.db-search-dialog__quick a,
.db-search-dialog__quick span { align-items: center; display: inline-flex; min-height: 36px; }

/* Kontroller ve ortak yüzeyler */
.db-button,
button.db-button,
.db-learning-button {
	align-items: center;
	border: 1px solid transparent;
	border-radius: 12px;
	cursor: pointer;
	display: inline-flex;
	font-size: 15px;
	font-weight: 750;
	gap: 7px;
	justify-content: center;
	line-height: 1.2;
	min-height: var(--db-ui-control);
	padding: 10px 17px;
	text-decoration: none;
}
.db-button--primary,
.db-learning-button--primary { background: var(--db-ui-brand-600); border-color: var(--db-ui-brand-600); color: #fff; }
.db-button--primary:hover,
.db-learning-button--primary:hover { background: var(--db-ui-brand-700); color: #fff; }
.db-button--outline,
.db-button--light,
.db-learning-button--light { background: #fff; border-color: var(--db-ui-line-strong); color: var(--db-ui-ink-900); }
.db-button--ghost { background: transparent; color: var(--db-ui-ink-900); }
.db-button--small { font-size: 14px; min-height: 40px; padding: 8px 13px; }
.db-button-row { display: flex; flex-wrap: wrap; gap: 10px; }

:where(.db-form, .db-filter-form, .db-search-form, .db-community-form, .db-community-filters, .db-discovery__surface form, .db-verification-resend form, .comment-form) label {
	color: var(--db-ui-ink-900);
	display: block;
	font-size: 13px;
	font-weight: 700;
}
:where(.db-form, .db-filter-form, .db-search-form, .db-community-form, .db-community-filters, .db-discovery__surface form, .db-verification-resend form, .comment-form) :where(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]), select, textarea) {
	appearance: none;
	background: #fff;
	border: 1px solid var(--db-ui-line-strong);
	border-radius: 11px;
	color: var(--db-ui-ink-900);
	font-size: 16px;
	min-height: 46px;
	padding: 10px 12px;
	width: 100%;
}
:where(.db-form, .db-filter-form, .db-search-form, .db-community-form, .db-community-filters, .db-discovery__surface form) select {
	background-image: linear-gradient(45deg, transparent 50%, var(--db-ui-ink-700) 50%), linear-gradient(135deg, var(--db-ui-ink-700) 50%, transparent 50%);
	background-position: calc(100% - 17px) 20px, calc(100% - 12px) 20px;
	background-repeat: no-repeat;
	background-size: 5px 5px, 5px 5px;
	padding-right: 34px;
}
:where(.db-form, .db-filter-form, .db-search-form, .db-community-form, .db-community-filters, .db-discovery__surface form, .comment-form) textarea { min-height: 130px; resize: vertical; }
:where(.db-form, .db-filter-form, .db-search-form, .db-community-form, .db-community-filters, .db-discovery__surface form, .db-verification-resend form) :where(input, select, textarea):focus { border-color: var(--db-ui-brand-600); box-shadow: 0 0 0 4px rgba(9, 134, 154, .12); outline: 0; }
.db-form-notice,
.db-notice { border-radius: 12px; font-size: 14px; padding: 12px 14px; }
.db-form-notice--success,
.db-notice--success { background: var(--db-ui-success-100); color: var(--db-ui-success-700); }
.db-form-notice--error { background: var(--db-ui-danger-100); color: var(--db-ui-danger-700); }

/* Ana sayfa */
.db-hero {
	background:
		radial-gradient(circle at 86% 14%, rgba(237, 186, 71, .22), transparent 27%),
		linear-gradient(135deg, #f7fbfb 0%, #fff 54%, #fff8e8 100%);
	border-bottom: 1px solid var(--db-ui-line);
	color: var(--db-ui-ink-900);
	padding: clamp(48px, 6vw, 76px) 0;
}
.db-hero::before { display: none; }
.db-hero__grid { align-items: center; display: grid; gap: clamp(34px, 5vw, 72px); grid-template-columns: minmax(0, 1.02fr) minmax(390px, .82fr); }
.db-hero__content { max-width: 640px; }
.db-hero .db-eyebrow { color: var(--db-ui-brand-700); }
.db-hero h1 { color: var(--db-ui-ink-950); font-size: clamp(42px, 4.5vw, 62px); letter-spacing: -.06em; line-height: .98; margin: 14px 0 22px; }
.db-hero h1 span { display: block; }
.db-hero h1 span:nth-child(2) { color: var(--db-ui-brand-600); }
.db-hero__lead { color: var(--db-ui-ink-700); font-size: clamp(18px, 1.5vw, 21px); line-height: 1.55; max-width: 56ch; }
.db-hero .db-button-row { margin-top: 26px; }
.db-hero__proof { display: grid; gap: 9px; grid-template-columns: repeat(3, minmax(0, 1fr)); list-style: none; margin: 24px 0 0; max-width: 590px; padding: 0; }
.db-hero__proof li { align-items: center; background: rgba(255, 255, 255, .82); border: 1px solid rgba(8, 43, 59, .1); border-radius: 13px; color: var(--db-ui-ink-700); display: flex; font-size: 14px; gap: 9px; min-width: 0; padding: 9px 10px; }
.db-hero__proof li span { align-items: center; background: var(--db-ui-success-100); border-radius: 9px; color: var(--db-ui-success-700); display: flex; flex: 0 0 30px; height: 30px; justify-content: center; width: 30px; }
.db-hero__proof li:nth-child(2) span { background: var(--db-ui-brand-100); color: var(--db-ui-brand-700); }
.db-hero__proof li:nth-child(3) span { background: var(--db-ui-accent-100); color: #805f0b; }
.db-hero__proof p { display: grid; gap: 1px; margin: 0; min-width: 0; }
.db-hero__proof strong { color: var(--db-ui-ink-950); font-size: 15px; line-height: 1.1; }
.db-hero__proof small { color: var(--db-ui-ink-600); font-size: 10px; line-height: 1.2; }

/* 4.5.2 — Ana sayfada ilk bakışta fark edilen öğrenme rotası. */
.db-home-hero-v2 {
	background:
		radial-gradient(circle at 88% 12%, rgba(244, 196, 73, .25), transparent 26%),
		radial-gradient(circle at 8% 92%, rgba(59, 196, 207, .23), transparent 31%),
		linear-gradient(135deg, #061f2d 0%, #07384a 48%, #087c8f 100%);
	border-bottom: 0;
	color: #fff;
	overflow: hidden;
	padding: clamp(58px, 7vw, 92px) 0 clamp(72px, 8vw, 108px);
	position: relative;
}
.db-home-hero-v2::before,
.db-home-hero-v2::after {
	border: 1px solid rgba(255, 255, 255, .12);
	border-radius: 999px;
	content: "";
	display: block;
	pointer-events: none;
	position: absolute;
}
.db-home-hero-v2::before { height: 420px; right: -220px; top: -230px; width: 420px; }
.db-home-hero-v2::after { bottom: -220px; height: 360px; left: 42%; width: 360px; }
.db-home-hero-v2 .db-hero__grid {
	align-items: stretch;
	gap: clamp(38px, 5.5vw, 84px);
	grid-template-columns: minmax(0, 1.08fr) minmax(390px, .78fr);
	position: relative;
	z-index: 1;
}
.db-home-hero-v2 .db-hero__content { align-self: center; max-width: 690px; }
.db-home-hero-v2 .db-eyebrow {
	align-items: center;
	background: rgba(255, 255, 255, .1);
	border: 1px solid rgba(255, 255, 255, .16);
	border-radius: 999px;
	color: #b9f1f4;
	display: inline-flex;
	font-size: 12px;
	gap: 8px;
	letter-spacing: .1em;
	margin: 0;
	padding: 8px 12px;
}
.db-home-hero-v2 .db-eyebrow span { color: #f4c449; }
.db-home-hero-v2 h1 {
	color: #fff;
	font-size: clamp(48px, 5.4vw, 76px);
	letter-spacing: -.065em;
	line-height: .96;
	margin: 19px 0 25px;
}
.db-home-hero-v2 h1 span:nth-child(2) { color: #75e2eb; }
.db-home-hero-v2 .db-hero__lead { color: #d6e8ec; font-size: clamp(18px, 1.45vw, 21px); }
.db-home-hero-v2 .db-button-row { margin-top: 29px; }
.db-home-hero-v2 .db-button--primary {
	background: #f5c84d;
	border-color: #f5c84d;
	box-shadow: 0 14px 32px rgba(0, 0, 0, .2);
	color: #082b3b;
}
.db-home-hero-v2 .db-button--primary:hover { background: #ffda70; border-color: #ffda70; }
.db-home-hero-v2 .db-button--light {
	background: rgba(255, 255, 255, .08);
	border-color: rgba(255, 255, 255, .36);
	color: #fff;
}
.db-home-hero-v2 .db-button--light:hover { background: rgba(255, 255, 255, .16); border-color: rgba(255, 255, 255, .58); }
.db-home-hero-v2 .db-hero__proof { max-width: 650px; }
.db-home-hero-v2 .db-hero__proof li {
	background: rgba(255, 255, 255, .08);
	border-color: rgba(255, 255, 255, .14);
	color: #fff;
	padding: 10px 11px;
}
.db-home-hero-v2 .db-hero__proof li span,
.db-home-hero-v2 .db-hero__proof li:nth-child(2) span,
.db-home-hero-v2 .db-hero__proof li:nth-child(3) span {
	background: rgba(245, 200, 77, .95);
	color: #082b3b;
	font-size: 10px;
	font-weight: 900;
}
.db-home-hero-v2 .db-hero__proof strong { color: #fff; }
.db-home-hero-v2 .db-hero__proof small { color: #bdd5db; }

.db-home-launchpad {
	align-self: center;
	background: rgba(255, 255, 255, .97);
	border: 1px solid rgba(255, 255, 255, .72);
	border-radius: 28px;
	box-shadow: 0 30px 70px rgba(0, 20, 32, .32);
	color: var(--db-ui-ink-900);
	min-width: 0;
	padding: clamp(18px, 2vw, 26px);
	position: relative;
}
.db-home-launchpad::before {
	background: linear-gradient(90deg, var(--db-ui-brand-600), #49c6d0, #f4c449);
	border-radius: 999px;
	content: "";
	height: 5px;
	inset: 0 28px auto;
	position: absolute;
}
.db-home-launchpad__head { align-items: center; display: flex; gap: 16px; justify-content: space-between; padding: 5px 2px 17px; }
.db-home-launchpad__head p { display: grid; gap: 2px; margin: 0; }
.db-home-launchpad__head small { color: var(--db-ui-brand-700); font-size: 11px; font-style: normal; font-weight: 850; letter-spacing: .09em; text-transform: uppercase; }
.db-home-launchpad__head strong { color: var(--db-ui-ink-950); font-size: clamp(20px, 2vw, 25px); line-height: 1.15; }
.db-home-launchpad__head > a { color: var(--db-ui-brand-700); flex: 0 0 auto; font-size: 13px; font-weight: 800; text-decoration: none; }
.db-home-launchpad__head > a:hover { color: var(--db-ui-brand-900); }
.db-home-launchpad__route { display: grid; gap: 10px; }
.db-home-launchpad__route > a {
	align-items: center;
	background: #f5f9fa;
	border: 1px solid var(--db-ui-line);
	border-radius: 17px;
	color: var(--db-ui-ink-900);
	display: grid;
	gap: 12px;
	grid-template-columns: 46px minmax(0, 1fr) auto;
	min-height: 86px;
	padding: 12px 15px;
	text-decoration: none;
}
.db-home-launchpad__route > a:hover { border-color: var(--db-ui-brand-600); box-shadow: var(--db-ui-shadow-sm); transform: translateY(-2px); }
.db-home-launchpad__route > a.is-featured {
	background: linear-gradient(135deg, #087f92 0%, #075267 100%);
	border-color: transparent;
	box-shadow: 0 13px 30px rgba(6, 92, 109, .22);
	color: #fff;
}
.db-home-launchpad__number {
	align-items: center;
	background: #e1f1f3;
	border-radius: 14px;
	color: var(--db-ui-brand-800);
	display: flex;
	font-size: 17px;
	font-weight: 900;
	height: 46px;
	justify-content: center;
	width: 46px;
}
.db-home-launchpad__route .is-featured .db-home-launchpad__number { background: #f5c84d; color: #082b3b; }
.db-home-launchpad__route p { display: grid; gap: 1px; margin: 0; min-width: 0; }
.db-home-launchpad__route small { color: var(--db-ui-brand-700); font-size: 10px; font-style: normal; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
.db-home-launchpad__route strong { color: inherit; font-size: 17px; line-height: 1.22; }
.db-home-launchpad__route em { color: var(--db-ui-ink-600); font-size: 11px; font-style: normal; line-height: 1.3; }
.db-home-launchpad__route .is-featured small,
.db-home-launchpad__route .is-featured em { color: #c8e8ed; }
.db-home-launchpad__route > a > b { color: var(--db-ui-brand-700); font-size: 20px; }
.db-home-launchpad__route > .is-featured > b { color: #fff; }
.db-home-launchpad__search {
	align-items: center;
	background: #fff;
	border: 1px dashed var(--db-ui-line-strong);
	border-radius: 15px;
	color: var(--db-ui-ink-900);
	cursor: pointer;
	display: grid;
	font: inherit;
	gap: 11px;
	grid-template-columns: 38px minmax(0, 1fr) auto;
	margin-top: 12px;
	min-height: 66px;
	padding: 9px 12px;
	text-align: left;
	width: 100%;
}
.db-home-launchpad__search:hover { background: #f5f9fa; border-color: var(--db-ui-brand-600); }
.db-home-launchpad__search > span { align-items: center; background: var(--db-ui-brand-100); border-radius: 11px; color: var(--db-ui-brand-700); display: flex; font-size: 20px; height: 38px; justify-content: center; width: 38px; }
.db-home-launchpad__search p { display: grid; gap: 1px; margin: 0; min-width: 0; }
.db-home-launchpad__search small { color: var(--db-ui-ink-600); font-size: 10px; font-style: normal; font-weight: 750; text-transform: uppercase; }
.db-home-launchpad__search strong { color: var(--db-ui-ink-900); font-size: 13px; line-height: 1.25; }
.db-home-launchpad__search > b { background: var(--db-ui-surface-soft); border-radius: 7px; color: var(--db-ui-ink-600); font-size: 12px; padding: 5px 8px; }

.db-hero-hub {
	background: #fff;
	border: 1px solid rgba(8, 43, 59, .1);
	border-radius: var(--db-ui-radius-lg);
	box-shadow: var(--db-ui-shadow);
	color: var(--db-ui-ink-900);
	padding: 20px;
	position: relative;
}
.db-hero-hub::before { background: linear-gradient(90deg, var(--db-ui-brand-600), var(--db-ui-accent-500)); border-radius: 99px; content: ""; height: 4px; inset: 0 22px auto; position: absolute; }
.db-hero-hub__top { align-items: center; display: flex; gap: 12px; justify-content: space-between; }
.db-hero-hub__brand,
.db-hero-hub__center { color: var(--db-ui-ink-900); font-size: 13px; font-weight: 750; text-decoration: none; }
.db-hero-hub__brand { align-items: center; display: flex; font-size: 16px; gap: 8px; }
.db-hero-hub__brand i { background: linear-gradient(135deg, var(--db-ui-accent-500), var(--db-ui-coral-500), var(--db-ui-brand-600)); border-radius: 9px; height: 32px; width: 32px; }
.db-hero-hub__center { color: var(--db-ui-ink-600); }
.db-hero-hub__search { align-items: center; background: #f3f7f8; border: 1px solid var(--db-ui-line); border-radius: 13px; color: var(--db-ui-ink-600); display: flex; gap: 9px; margin-top: 18px; min-height: 50px; padding: 10px 12px; text-align: left; width: 100%; }
.db-hero-hub__search b { margin-left: auto; }
.db-hero-hub__welcome { display: grid; gap: 2px; margin: 18px 4px 12px; }
.db-hero-hub__welcome small { color: var(--db-ui-brand-700); font-size: 12px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.db-hero-hub__welcome strong { font-size: 21px; }
.db-hero-hub__cards { display: grid; gap: 10px; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.db-hero-hub__cards a { background: #fff; border: 1px solid var(--db-ui-line); border-radius: 15px; color: var(--db-ui-ink-900); display: grid; gap: 4px; min-height: 126px; padding: 14px; position: relative; text-decoration: none; }
.db-hero-hub__cards a:hover { border-color: var(--db-ui-brand-600); box-shadow: var(--db-ui-shadow-sm); transform: translateY(-3px); }
.db-hero-hub__cards strong { font-size: 14px; margin-top: auto; }
.db-hero-hub__cards small { color: var(--db-ui-ink-600); font-size: 12px; }
.db-hero-hub__icon { align-items: center; border-radius: 11px; display: flex; font-size: 18px; font-weight: 800; height: 42px; justify-content: center; width: 42px; }
.db-hero-hub__icon--blue { background: var(--db-ui-brand-100); color: var(--db-ui-brand-700); }
.db-hero-hub__icon--gold { background: var(--db-ui-accent-100); color: #805f0b; }
.db-hero-hub__icon--coral { background: #fff0ed; color: #9d493d; }
.db-hero-hub__activity { align-items: center; background: var(--db-ui-brand-100); border-radius: 14px; color: var(--db-ui-ink-900); display: flex; gap: 10px; margin-top: 10px; min-height: 62px; padding: 10px 12px; text-decoration: none; }
.db-hero-hub__activity p { display: grid; flex: 1; margin: 0; }
.db-hero-hub__activity small { color: var(--db-ui-ink-600); }
.db-hero-hub__activity:hover { background: #d8eef1; transform: translateY(-2px); }

/* 4.5.8 — Sayfayı kaplamayan, sağda yüzen Bilge rehberi. */
.db-smart-guide { align-items: end; bottom: max(96px, calc(18px + env(safe-area-inset-bottom))); display: flex; flex-direction: row; gap: 12px; pointer-events: none; position: fixed; right: max(18px, env(safe-area-inset-right)); z-index: 70; }
.db-smart-guide__bubble { animation: db-smart-guide-in .28s ease both; background: #fff; border: 1px solid var(--db-ui-line); border-radius: 20px; box-shadow: 0 24px 60px rgba(8, 43, 59, .2); max-width: calc(100vw - 132px); padding: 18px 18px 16px; pointer-events: auto; position: relative; width: 326px; }
.db-smart-guide__bubble::after { background: #fff; border-right: 1px solid var(--db-ui-line); border-top: 1px solid var(--db-ui-line); bottom: 24px; content: ""; height: 14px; position: absolute; right: -8px; transform: rotate(45deg); width: 14px; }
.db-smart-guide__bubble[hidden] { display: none; }
.db-smart-guide__close { align-items: center; background: var(--db-ui-surface-soft); border: 0; border-radius: 999px; color: var(--db-ui-ink-700); cursor: pointer; display: flex; font-size: 20px; height: 32px; justify-content: center; padding: 0; position: absolute; right: 10px; top: 10px; width: 32px; }
.db-smart-guide__close:hover { background: var(--db-ui-brand-100); color: var(--db-ui-brand-700); }
.db-smart-guide__copy { display: grid; gap: 4px; margin: 0; padding-right: 28px; }
.db-smart-guide__copy small { color: var(--db-ui-brand-700); font-size: 10px; font-weight: 900; letter-spacing: .13em; text-transform: uppercase; }
.db-smart-guide__copy strong { color: var(--db-ui-ink-950); font-size: 18px; line-height: 1.25; }
.db-smart-guide__copy span { color: var(--db-ui-ink-700); font-size: 13px; line-height: 1.48; }
.db-smart-guide__link { align-items: center; color: var(--db-ui-brand-700); display: inline-flex; font-size: 13px; font-weight: 900; gap: 6px; margin-top: 11px; text-decoration: none; }
.db-smart-guide__link:hover { color: var(--db-ui-ink-950); text-decoration: underline; text-underline-offset: 3px; }
.db-smart-guide__mascot { align-items: center; background: linear-gradient(145deg, #fff, #e5f4f5); border: 1px solid rgba(9, 134, 154, .32); border-radius: 24px; box-shadow: 0 17px 40px rgba(8, 43, 59, .22); color: var(--db-ui-ink-950); cursor: pointer; display: flex; flex: 0 0 82px; height: 96px; justify-content: center; padding: 4px 4px 2px; pointer-events: auto; position: relative; width: 82px; }
.db-smart-guide__mascot::before { background: var(--db-ui-accent-500); border: 3px solid #fff; border-radius: 999px; content: ""; height: 14px; position: absolute; right: 5px; top: 5px; width: 14px; z-index: 2; }
.db-smart-guide__mascot img { filter: drop-shadow(0 8px 9px rgba(8, 43, 59, .14)); height: 84px; object-fit: contain; object-position: center bottom; transform: translateY(-8px); width: 72px; }
.db-smart-guide__mascot > span { background: var(--db-ui-ink-950); border-radius: 999px; bottom: -8px; color: #fff; font-size: 10px; font-weight: 900; left: 50%; letter-spacing: .04em; line-height: 1; padding: 5px 9px; position: absolute; transform: translateX(-50%); white-space: nowrap; }
.db-smart-guide__mascot:hover { border-color: var(--db-ui-brand-600); transform: translateY(-2px); }
body:has(.db-page--studio) .db-smart-guide,
html.db-board-mode .db-smart-guide { display: none; }
@keyframes db-smart-guide-in { from { opacity: 0; transform: translateX(12px) scale(.97); } to { opacity: 1; transform: translateX(0) scale(1); } }

/* Kalabalık oluşturmadan ana sayfada görünen sabit öğrenme rotası. */
.db-guide-route { background: #fff; padding: 0 0 32px; position: relative; }
.db-guide-route__inner { align-items: center; background: #fff; border: 1px solid var(--db-ui-line); border-radius: 22px; box-shadow: 0 20px 54px rgba(8, 43, 59, .13); display: grid; gap: 22px; grid-template-columns: minmax(310px, .9fr) minmax(0, 1.35fr); margin-top: -42px; padding: 16px 18px; position: relative; z-index: 4; }
.db-guide-route__identity { align-items: center; display: grid; gap: 14px; grid-template-columns: 82px minmax(0, 1fr); min-width: 0; }
.db-guide-route__identity > img { filter: drop-shadow(0 9px 12px rgba(8, 43, 59, .14)); height: 94px; object-fit: contain; object-position: center bottom; width: 82px; }
.db-guide-route__identity .db-eyebrow { margin: 0 0 2px; }
.db-guide-route__identity h2 { color: var(--db-ui-ink-950); font-size: clamp(19px, 2vw, 25px); line-height: 1.16; margin: 0; }
.db-guide-route__identity div > p:last-child { color: var(--db-ui-ink-600); font-size: 12px; line-height: 1.4; margin: 5px 0 0; }
.db-guide-route__steps { display: grid; gap: 8px; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.db-guide-route__steps a { align-items: center; background: var(--db-ui-surface-soft); border: 1px solid transparent; border-radius: 14px; color: var(--db-ui-ink-900); display: grid; gap: 9px; grid-template-columns: 32px minmax(0, 1fr) auto; min-height: 66px; padding: 9px 10px; text-decoration: none; }
.db-guide-route__steps a:hover { background: var(--db-ui-brand-100); border-color: var(--db-ui-brand-600); transform: translateY(-2px); }
.db-guide-route__steps a > span { align-items: center; background: #fff; border-radius: 10px; color: var(--db-ui-brand-700); display: flex; font-size: 12px; font-weight: 900; height: 32px; justify-content: center; width: 32px; }
.db-guide-route__steps p { display: grid; line-height: 1.2; margin: 0; min-width: 0; }
.db-guide-route__steps small { color: var(--db-ui-ink-600); font-size: 9px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.db-guide-route__steps strong { font-size: 13px; overflow-wrap: anywhere; }
.db-guide-route__steps b { color: var(--db-ui-brand-700); font-size: 16px; }

/* İçeriğin sonunda kullanıcıya açık bir sonraki adım sunar. */
.db-reader-next-step { align-items: center; background: linear-gradient(135deg, var(--db-ui-ink-950), #0b5868); border-radius: 22px; color: #fff; display: grid; gap: 14px 18px; grid-template-columns: 76px minmax(0, 1fr); margin: 34px 0 10px; overflow: hidden; padding: 18px 20px; position: relative; }
.db-reader-next-step::after { border: 1px solid rgba(255, 255, 255, .11); border-radius: 50%; content: ""; height: 170px; pointer-events: none; position: absolute; right: -78px; top: -88px; width: 170px; }
.db-reader-next-step > img { align-self: end; filter: drop-shadow(0 8px 11px rgba(0, 0, 0, .22)); height: 90px; object-fit: contain; object-position: center bottom; width: 76px; }
.db-reader-next-step__copy { display: grid; gap: 3px; min-width: 0; position: relative; z-index: 1; }
.db-reader-next-step__copy small { color: #83e3ea; font-size: 10px; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; }
.db-reader-next-step__copy strong { color: #fff; font-size: 20px; line-height: 1.25; }
.db-reader-next-step__copy span { color: #cfe4e8; font-size: 13px; line-height: 1.45; }
.db-reader-next-step nav { display: grid; gap: 8px; grid-column: 1 / -1; grid-template-columns: repeat(3, minmax(0, 1fr)); position: relative; z-index: 1; }
.db-reader-next-step nav a { align-items: center; background: rgba(255, 255, 255, .1); border: 1px solid rgba(255, 255, 255, .18); border-radius: 12px; color: #fff; display: flex; font-size: 12px; font-weight: 850; gap: 7px; justify-content: space-between; min-height: 44px; padding: 9px 11px; text-decoration: none; }
.db-reader-next-step nav a:hover { background: #fff; border-color: #fff; color: var(--db-ui-ink-950); }

.db-mobile-jump-nav { display: none; }
.db-discovery { background: #fff; padding: 0 0 48px; }
.db-discovery__surface { background: #fff; border: 1px solid var(--db-ui-line); border-radius: 20px; box-shadow: var(--db-ui-shadow); display: grid; gap: 18px; margin-top: -24px; padding: 18px; position: relative; z-index: 5; }
.db-discovery__intro { align-items: center; display: flex; gap: 12px; }
.db-discovery__intro > span { align-items: center; background: var(--db-ui-brand-100); border-radius: 12px; color: var(--db-ui-brand-700); display: flex; font-size: 24px; height: 52px; justify-content: center; width: 52px; }
.db-discovery__intro h2 { font-size: 24px; margin: 0; }
.db-discovery__surface form { align-items: end; display: grid; gap: 10px; grid-template-columns: 1.5fr repeat(3, 1fr) auto; }
.db-discovery__surface form p { display: grid; gap: 5px; margin: 0; min-width: 0; }
.db-discovery__surface form label { display: block; margin-bottom: 5px; }
.db-discovery__query > span { display: block; position: relative; }
.db-discovery__query > span > b { color: var(--db-ui-brand-700); font-size: 18px; left: 13px; line-height: 1; pointer-events: none; position: absolute; top: 50%; transform: translateY(-50%); z-index: 1; }
.db-discovery__query input[type="search"] { padding-left: 39px; }
.db-grade-launcher { display: grid; gap: 28px; padding-top: 46px; }
.db-section { padding-block: clamp(48px, 5vw, 72px); }
.db-section-heading { align-items: end; display: flex; gap: 24px; justify-content: space-between; margin-bottom: 24px; }
.db-section-heading h2,
.db-community-section-heading h2 { font-size: clamp(28px, 3vw, 40px); margin: 0; }
.db-grade-grid { display: grid; gap: 12px; grid-template-columns: repeat(5, minmax(0, 1fr)); }
.db-grade-card,
.db-type-card { background: #fff; border: 1px solid var(--db-ui-line); border-radius: 15px; box-shadow: none; color: var(--db-ui-ink-900); min-width: 0; text-decoration: none; }
.db-grade-card { align-items: center; display: flex; gap: 12px; min-height: 82px; padding: 14px; }
.db-grade-card__number { align-items: center; background: var(--db-ui-ink-950); border-radius: 11px; color: #fff; display: flex; font-size: 21px; font-weight: 800; height: 48px; justify-content: center; min-width: 48px; }
.db-grade-card > span:last-child { display: grid; gap: 1px; min-width: 0; }
.db-grade-card strong { color: var(--db-ui-ink-950); line-height: 1.25; }
.db-grade-card small,
.db-type-card small { color: var(--db-ui-ink-600); font-size: 12px; }
.db-type-grid { display: grid; gap: 12px; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.db-type-card { align-items: center; display: flex; gap: 12px; min-height: 74px; padding: 13px; text-align: left; }
.db-type-card > span { align-items: center; background: var(--db-ui-brand-100); border-radius: 11px; color: var(--db-ui-brand-700); display: flex; flex: 0 0 44px; font-size: 20px; height: 44px; justify-content: center; margin: 0; }
.db-home-feed__grid,
.db-home-library__grid,
.db-home-community__grid { align-items: stretch; display: grid; gap: 20px; grid-template-columns: minmax(0, 1.18fr) minmax(300px, .82fr); min-width: 0; }
.db-home-feed__grid > *,
.db-home-library__grid > *,
.db-home-community__grid > * { min-width: 0; }
.db-home-feed__guide { background: var(--db-ui-ink-950); border-radius: var(--db-ui-radius-lg); color: #fff; padding: clamp(18px, 3vw, 28px); }
.db-home-feed__guide :where(strong, h2) { color: #fff; }
.db-home-feed__guide small { color: #c7d9df; }
.db-home-community { background: linear-gradient(135deg, #fffaf0, #eef8f8); }
.db-home-community__copy { align-self: center; color: var(--db-ui-ink-900); max-width: 590px; }
.db-home-community__copy h2 { color: var(--db-ui-ink-950); }
.db-home-community__copy > p:not(.db-eyebrow) { color: var(--db-ui-ink-700); font-size: 18px; }

/* Ortak sayfa ve arşiv başlığı */
.db-breadcrumb { align-items: center; color: var(--db-ui-ink-600); display: flex; flex-wrap: wrap; font-size: 13px; gap: 7px; padding: 18px 0; }
.db-breadcrumb a { min-height: 32px; align-items: center; display: inline-flex; text-decoration: none; }
.db-archive-hero,
.db-community-hero {
	background: radial-gradient(circle at 91% 0, rgba(237, 186, 71, .2), transparent 28%), linear-gradient(135deg, #fff, #eef7f7);
	border-bottom: 1px solid var(--db-ui-line);
	padding: 14px 0 clamp(34px, 4vw, 54px);
}
.db-archive-hero h1,
.db-community-hero h1 { font-size: clamp(34px, 4vw, 50px); margin: 7px 0 10px; }
.db-archive-hero > .db-container > p:last-child,
.db-community-hero p { color: var(--db-ui-ink-600); font-size: 18px; margin: 0; max-width: 66ch; }
.db-archive-content { padding-block: clamp(24px, 3vw, 40px) 72px; }

/* Tek kütüphane kabuğu */
.db-library-layout { align-items: start; display: grid; gap: 24px; grid-template-columns: minmax(250px, 286px) minmax(0, 1fr); }
.db-library-layout--no-filter { grid-template-columns: minmax(0, 1fr); }
.db-library-sidebar {
	background: #fff;
	border: 1px solid var(--db-ui-line);
	border-radius: 18px;
	box-shadow: var(--db-ui-shadow-sm);
	color: var(--db-ui-ink-900);
	padding: 18px;
	position: sticky;
	top: calc(var(--db-ui-header) + 16px);
}
.db-library-sidebar__intro h2 { font-size: 23px; margin: 0 0 8px; }
.db-library-sidebar__intro > p:last-child { color: var(--db-ui-ink-600); font-size: 14px; line-height: 1.55; margin: 0 0 16px; }
.db-library-filters__toggle { display: none; }
.db-library-filters__body { display: block; }
.db-library-sidebar .db-filter-form { background: transparent; border: 0; box-shadow: none; display: grid; gap: 11px; grid-template-columns: 1fr; margin: 0; padding: 0; }
.db-library-sidebar .db-filter-form p { display: grid; gap: 5px; margin: 0; min-width: 0; }
.db-library-sidebar .db-filter-form label { color: var(--db-ui-ink-900); font-size: 13px; margin: 0; }
.db-library-sidebar .db-filter-form__actions { display: grid; gap: 8px; grid-column: auto; grid-template-columns: 1fr; margin-top: 2px; }
.db-library-sidebar .db-filter-form__actions .db-button { width: 100%; }
.db-library-results { min-width: 0; }
.db-library-results__header { align-items: end; border-bottom: 1px solid var(--db-ui-line); display: flex; gap: 16px; justify-content: space-between; margin-bottom: 20px; min-height: 62px; padding-bottom: 14px; }
.db-library-results__header h2 { font-size: clamp(28px, 3vw, 38px); margin: 0; }
.db-library-results__header > span { background: var(--db-ui-brand-100); border: 1px solid var(--db-ui-line); border-radius: 999px; color: var(--db-ui-brand-700); font-size: 12px; font-weight: 750; padding: 7px 11px; white-space: nowrap; }

.db-content-grid { align-items: stretch; display: grid; gap: 18px; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.db-content-card { background: #fff; border: 1px solid var(--db-ui-line); border-radius: 18px; box-shadow: none; display: flex; flex-direction: column; min-width: 0; overflow: hidden; }
.db-content-card:hover { border-color: var(--db-ui-line-strong); box-shadow: var(--db-ui-shadow-sm); transform: translateY(-2px); }
.db-content-card__media { aspect-ratio: 16 / 10; background: #edf3f4; color: var(--db-ui-brand-700); display: block; min-width: 0; overflow: hidden; text-decoration: none; }
.db-content-card__media img { background: #fff; display: block; height: 100%; object-fit: contain; padding: 6px; width: 100%; }
.db-content-card__placeholder {
	align-items: center;
	background:
		radial-gradient(circle, transparent 0 38px, rgba(255, 255, 255, .2) 39px 40px, transparent 41px 60px, rgba(255, 255, 255, .16) 61px 62px, transparent 63px),
		linear-gradient(135deg, #177f91, #36a1af);
	color: #fff;
	display: flex;
	height: 100%;
	justify-content: center;
	min-height: 100%;
	padding: 18px;
	width: 100%;
}
.db-content-card__placeholder > span { font-size: 30px; font-weight: 850; letter-spacing: .08em; line-height: 1; text-decoration: none; }
.db-content-card__placeholder--test { background: radial-gradient(circle at 75% 25%, rgba(255,255,255,.23), transparent 30%), linear-gradient(135deg, #167f91, #55b2a0); }
.db-content-card__placeholder--oyun { background: radial-gradient(circle at 75% 25%, rgba(255,255,255,.2), transparent 30%), linear-gradient(135deg, #6a4bc4, #2996b2); }
.db-content-card__placeholder--etkinlik { background: radial-gradient(circle at 75% 25%, rgba(255,255,255,.22), transparent 30%), linear-gradient(135deg, #d04f61, #ef9a49); }
.db-library-empty { align-content: center; background: #f3f8f8; border: 1px dashed var(--db-ui-line-strong); border-radius: 14px; display: grid; gap: 7px; min-height: 210px; padding: 24px; }
.db-library-empty strong { color: var(--db-ui-ink-900); font-size: 20px; }
.db-library-empty p { color: var(--db-ui-ink-600); margin: 0; }
.db-content-card__body { display: flex; flex: 1; flex-direction: column; padding: 17px; }
.db-content-card__terms { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 11px; min-height: 28px; }
.db-content-card__terms a,
.db-content-card__terms span,
.db-post-terms a,
.db-post-terms span { align-items: center; background: #f5f4ee; border-radius: 999px; color: var(--db-ui-ink-900); display: inline-flex; font-size: 12px; font-weight: 700; line-height: 1.2; min-height: 28px; overflow: hidden; padding: 5px 9px; text-decoration: none; text-overflow: ellipsis; white-space: nowrap; }
.db-content-card__title,
.db-content-card h2,
.db-content-card h3 { font-size: 19px; line-height: 1.3; margin: 0 0 9px; }
.db-content-card__title a,
.db-content-card h2 a,
.db-content-card h3 a { color: var(--db-ui-ink-950); display: -webkit-box; overflow: hidden; text-decoration: none; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.db-content-card__body > p { color: var(--db-ui-ink-600); display: -webkit-box; font-size: 14px; line-height: 1.55; margin: 0 0 16px; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.db-content-card__meta { align-items: center; color: var(--db-ui-ink-600); display: flex; font-size: 12px; gap: 8px; justify-content: space-between; margin-top: auto; }
.db-content-card__signals{align-items:center;display:flex;flex:0 0 auto;gap:9px;white-space:nowrap}.db-content-card__views{align-items:center;display:inline-flex;gap:4px}.db-content-card__views svg{fill:none;height:15px;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8;width:15px}
.db-content-card__views b{color:inherit;font:inherit;font-weight:700}
.db-badge { border-radius: 999px; font-size: 12px; font-weight: 750; padding: 5px 9px; }
.db-badge--free { background: var(--db-ui-success-100); color: var(--db-ui-success-700); }
.db-badge--locked { background: var(--db-ui-accent-100); color: #765a13; }
.db-card-link { border-top: 1px solid var(--db-ui-line); color: var(--db-ui-brand-700); display: flex; font-size: 14px; font-weight: 750; margin-top: 14px; min-height: 44px; padding-top: 12px; text-decoration: none; }
.db-empty-state { background: #fff; border: 1px dashed var(--db-ui-line-strong); border-radius: 18px; grid-column: 1 / -1; min-height: 260px; padding: clamp(28px, 5vw, 52px); text-align: center; }
.db-empty-state h2 { font-size: 28px; margin: 8px 0; }
.db-empty-state p { color: var(--db-ui-ink-600); }
.db-empty-state .db-search-form { margin: 20px auto 0; max-width: 560px; text-align: left; }
.db-library-access-callout { align-content: center; background: linear-gradient(145deg, #fff, var(--db-ui-brand-100)); border: 1px solid var(--db-ui-line); border-radius: 20px; display: grid; justify-items: center; min-height: 300px; padding: clamp(28px, 6vw, 64px); text-align: center; }
.db-library-access-callout > span { align-items: center; background: #fff; border: 1px solid var(--db-ui-line); border-radius: 16px; color: var(--db-ui-brand-700); display: flex; font-size: 28px; height: 64px; justify-content: center; margin-bottom: 16px; width: 64px; }
.db-library-access-callout h3 { font-size: clamp(25px, 3vw, 34px); margin: 0; }
.db-library-access-callout p { color: var(--db-ui-ink-600); margin: 10px auto 22px; max-width: 620px; }
.db-library-access-callout .db-button-row { justify-content: center; }
.db-pagination { display: flex; flex-wrap: wrap; gap: 6px; justify-content: center; margin-top: 36px; }
.db-pagination .page-numbers { align-items: center; background: #fff; border: 1px solid var(--db-ui-line); border-radius: 10px; color: var(--db-ui-ink-900); display: inline-flex; justify-content: center; min-height: 44px; min-width: 44px; padding: 8px 12px; text-decoration: none; }
.db-pagination .current { background: var(--db-ui-ink-950); color: #fff; }

/* Yazı ve paylaşım okuma yüzeyi: tek beyaz zemin, tek merkezlenmiş çerçeve. */
.db-reader { background: var(--db-ui-surface); margin-inline: 0; max-width: none; min-width: 0; padding-inline: 0; width: 100%; }
.db-reader__frame { margin-inline: auto; max-width: calc(var(--db-ui-read) + 140px); min-width: 0; padding-inline: clamp(18px, 4vw, 38px); width: 100%; }
.db-reader__article { background: transparent; margin: 0; min-width: 0; width: 100%; }
.db-reader__frame > .db-breadcrumb { padding-block: 14px; }
.db-reader .db-single-header { background: transparent; border: 0; padding: clamp(24px, 4vw, 40px) 0 24px; }
.db-reader .db-single-header h1 { font-size: clamp(32px, 4.5vw, 50px); line-height: 1.1; margin: 14px 0 12px; overflow-wrap: anywhere; }
.db-reader .db-single-lead { color: var(--db-ui-ink-700); font-size: clamp(18px, 2vw, 21px); line-height: 1.55; }
.db-post-byline { color: var(--db-ui-ink-600); display: flex; flex-wrap: wrap; font-size: 13px; gap: 6px 18px; }
.db-reader .db-single-media { margin: 0 0 24px; max-width: 100%; width: 100%; }
.db-reader .db-single-media img { border: 1px solid var(--db-ui-line); border-radius: 16px; display: block; object-fit: contain; width: 100%; }
.db-reader__article > .db-reading-width { margin-inline: 0; max-width: none; padding-inline: 0; width: 100%; }
.db-reader .db-reader__content { background: transparent; border: 0; border-radius: 0; display: flow-root; font-size: 17px; line-height: 1.8; margin: 24px 0; max-width: 100%; min-width: 0; overflow-wrap: anywhere; padding: 0; width: 100%; }
.db-reader__content > :first-child { margin-top: 0; }
.db-reader__content > :last-child { margin-bottom: 0; }
.db-reader__content :where(h2, h3, h4) { line-height: 1.25; margin-top: 1.65em; }
.db-reader__content h2 { font-size: clamp(25px, 3vw, 32px); }
.db-reader__content h3 { font-size: clamp(21px, 2.4vw, 27px); }
.db-reader__content :where(img, video, iframe) { border-radius: 12px; }
.db-reader__content > :is(.alignwide, .alignfull) { margin-inline: 0; max-width: 100%; width: 100%; }
.db-reader__content table { border-collapse: collapse; display: block; max-width: 100%; overflow-x: auto; }
.db-reader__content :where(th, td) { border: 1px solid var(--db-ui-line); min-width: 120px; padding: 10px; }
.db-reader__content pre { max-width: 100%; overflow-x: auto; }
.db-reader__content blockquote { background: var(--db-ui-accent-100); border-left: 4px solid var(--db-ui-accent-500); border-radius: 0 12px 12px 0; margin-inline: 0; padding: 14px 18px; }
.db-reader .db-question-single__header { background: transparent; }
.db-reader .db-question-single__body { padding-block: 24px 48px; }

.db-share-links { background: linear-gradient(135deg, #f7fbfb, #edf7f8); border: 1px solid #cfe1e5; border-radius: 22px; display: grid; gap: 16px; margin-block: 30px 6px; overflow: hidden; padding: clamp(18px, 3vw, 26px); position: relative; }
.db-share-links::after { background: radial-gradient(circle, rgba(25, 127, 152, .13) 0 2px, transparent 2.5px) 0 0 / 17px 17px; content: ''; height: 90px; opacity: .55; pointer-events: none; position: absolute; right: -18px; top: -18px; width: 150px; }
.db-share-links__heading { align-items: center; display: flex; gap: 12px; min-width: 0; position: relative; z-index: 1; }
.db-share-links__heading > span { align-items: center; background: var(--db-ui-accent-500); border-radius: 14px; box-shadow: 0 8px 20px rgba(25, 127, 152, .2); color: #fff; display: flex; flex: 0 0 48px; font-size: 22px; height: 48px; justify-content: center; }
.db-share-links__heading p { display: grid; gap: 2px; margin: 0; }
.db-share-links__heading strong { color: var(--db-ui-ink); font-size: 17px; }
.db-share-links__heading small { color: var(--db-ui-muted); font-size: 12px; }
.db-share-links__actions { display: flex; flex-wrap: wrap; gap: 9px; position: relative; z-index: 1; }
.db-share-links__actions :is(a, button) { align-items: center; appearance: none; background: #fff; border: 1px solid #c7dade; border-radius: 13px; color: var(--db-ui-ink); cursor: pointer; display: inline-flex; font: inherit; gap: 8px; justify-content: center; min-height: 46px; padding: 9px 13px; text-decoration: none; transition: border-color .18s, box-shadow .18s, transform .18s; }
.db-share-links__actions :is(a, button):hover, .db-share-links__actions :is(a, button):focus-visible { border-color: var(--db-ui-accent-500); box-shadow: 0 8px 18px rgba(7, 31, 47, .1); outline: 0; transform: translateY(-2px); }
.db-share-links__actions :is(a, button) > span { align-items: center; background: #e7f2f4; border-radius: 9px; color: var(--db-ui-accent-600); display: flex; flex: 0 0 29px; font-size: 12px; font-weight: 850; height: 29px; justify-content: center; }
.db-share-links__actions b { font-size: 12px; white-space: nowrap; }
.db-share-links__actions .db-share-links__native { background: var(--db-ui-accent-500); border-color: var(--db-ui-accent-500); color: #fff; }
.db-share-links__actions .db-share-links__native > span { background: rgba(255, 255, 255, .17); color: #fff; }
.db-share-links__actions .db-share-links__whatsapp > span { background: #e4f8ea; color: #168346; }
.db-share-links__actions [data-db-copy-link].is-copied { background: #e7f6ee; border-color: #72b58e; color: #176044; }
.db-share-links__status { color: #176044; font-size: 12px; font-weight: 750; min-height: 1em; position: relative; z-index: 1; }
.db-post-navigation { display: grid; gap: 14px; grid-template-columns: repeat(2, minmax(0, 1fr)); padding: 28px 0 64px; }
.db-post-navigation > div { background: #fff; border: 1px solid var(--db-ui-line); border-radius: 14px; min-width: 0; padding: 16px; }
.db-post-navigation > div:only-child { grid-column: 1 / -1; }
.db-post-navigation a { overflow-wrap: anywhere; }
.db-comments { background: #fff; border: 1px solid var(--db-ui-line); border-radius: 18px; margin-block: 24px 56px; padding: clamp(18px, 3vw, 28px); }

/* Ana sayfa panoları, soru ekranı ve yorumlar */
.db-section--cream { background: var(--db-ui-accent-100); }
.db-section--soft { background: var(--db-ui-surface-soft); }
.db-text-link { align-items: center; display: inline-flex; font-weight: 750; min-height: 44px; text-decoration: none; }
.db-home-feed__content .db-content-grid { grid-template-columns: 1fr; }
.db-home-feed__content .db-content-card { display: grid; grid-template-columns: minmax(190px, 34%) minmax(0, 1fr); min-height: 286px; }
.db-home-feed__content .db-content-card__media { aspect-ratio: auto; min-height: 286px; }
.db-home-feed__guide-head { align-items: center; display: flex; gap: 12px; }
.db-home-feed__guide-head > span { align-items: center; background: rgba(255, 255, 255, .12); border-radius: 12px; color: var(--db-ui-accent-500); display: flex; height: 46px; justify-content: center; min-width: 46px; }
.db-home-feed__guide-head > div { display: grid; gap: 2px; }
.db-home-feed__guide-head small { font-size: 12px; font-weight: 750; letter-spacing: .07em; text-transform: uppercase; }
.db-home-feed__guide ol { display: grid; gap: 0; list-style: none; margin: 20px 0; padding: 0; }
.db-home-feed__guide li { align-items: flex-start; border-top: 1px solid rgba(255, 255, 255, .14); display: flex; gap: 11px; padding: 13px 0; }
.db-home-feed__guide li > span { align-items: center; background: rgba(255, 255, 255, .1); border-radius: 9px; color: var(--db-ui-accent-500); display: flex; flex: 0 0 30px; font-size: 13px; font-weight: 800; height: 30px; justify-content: center; }
.db-home-feed__guide li p { display: grid; gap: 2px; margin: 0; }
.db-home-feed__guide .db-button { width: 100%; }
.db-home-feed--v2 {
	background:
		radial-gradient(circle at 92% 8%, rgba(244, 196, 73, .13), transparent 22%),
		linear-gradient(180deg, #f3f8f9 0%, #fff 100%);
	border-bottom: 1px solid var(--db-ui-line);
	position: relative;
}
.db-home-feed__heading { align-items: end; display: flex; gap: 28px; justify-content: space-between; margin-bottom: 26px; }
.db-home-feed__heading > div { max-width: 720px; }
.db-home-feed__heading h2 { font-size: clamp(30px, 3.3vw, 46px); margin: 5px 0 8px; }
.db-home-feed__heading > div > p:last-child { color: var(--db-ui-ink-600); font-size: 16px; margin: 0; }
.db-home-feed__actions { align-items: center; display: flex; flex: 0 0 auto; gap: 10px; }
.db-home-feed__heading .db-button { flex: 0 0 auto; }
.db-home-feed__nav { display: flex; gap: 7px; }
.db-home-feed__nav button {
	align-items: center;
	background: #fff;
	border: 1px solid var(--db-ui-line-strong);
	border-radius: 12px;
	color: var(--db-ui-ink-900);
	cursor: pointer;
	display: flex;
	font: inherit;
	font-size: 18px;
	font-weight: 850;
	height: 46px;
	justify-content: center;
	width: 46px;
}
.db-home-feed__nav button:hover:not(:disabled) { background: var(--db-ui-brand-600); border-color: var(--db-ui-brand-600); color: #fff; transform: translateY(-2px); }
.db-home-feed__nav button:disabled { cursor: default; opacity: .35; }
.db-home-feed__showcase { position: relative; }
.db-home-feed--v2 .db-home-feed__content .db-content-grid {
	display: grid;
	gap: 16px;
	grid-auto-columns: calc((100% - 32px) / 3);
	grid-auto-flow: column;
	grid-template-columns: none;
	overflow-x: auto;
	overflow-y: hidden;
	overscroll-behavior-inline: contain;
	padding: 3px 2px 12px;
	scroll-behavior: smooth;
	scroll-snap-type: inline mandatory;
	scrollbar-color: rgba(8, 127, 146, .34) transparent;
	scrollbar-width: thin;
}
.db-home-feed--v2 .db-home-feed__content .db-content-grid::-webkit-scrollbar { height: 6px; }
.db-home-feed--v2 .db-home-feed__content .db-content-grid::-webkit-scrollbar-thumb { background: rgba(8, 127, 146, .34); border-radius: 99px; }
.db-home-feed--v2 .db-home-feed__content .db-content-grid::-webkit-scrollbar-track { background: transparent; }
.db-home-feed--v2 .db-home-feed__content .db-content-card {
	border-radius: 20px;
	display: flex;
	flex-direction: column;
	min-height: 100%;
	scroll-snap-align: start;
}
.db-home-feed--v2 .db-home-feed__content .db-content-card:first-child { border-color: rgba(8, 127, 146, .35); box-shadow: 0 16px 38px rgba(8, 43, 59, .09); }
.db-home-feed--v2 .db-home-feed__content .db-content-card__media { aspect-ratio: 16 / 8.7; min-height: 0; }
.db-home-feed--v2 .db-content-card__body { padding: 18px; }
.db-home-feed--v2 .db-content-card__title,
.db-home-feed--v2 .db-content-card h2,
.db-home-feed--v2 .db-content-card h3 { font-size: 18px; }
.db-home-feed__footer {
	align-items: center;
	background: linear-gradient(100deg, #e4f3f5, #f9fbf6);
	border: 1px solid rgba(8, 127, 146, .16);
	border-radius: 17px;
	display: grid;
	gap: 13px;
	grid-template-columns: 44px minmax(0, 1fr) auto;
	margin-top: 16px;
	padding: 14px 16px;
}
.db-home-feed__footer > span { align-items: center; background: var(--db-ui-brand-600); border-radius: 12px; color: #fff; display: flex; font-size: 18px; height: 44px; justify-content: center; width: 44px; }
.db-home-feed__footer p { display: grid; gap: 2px; margin: 0; min-width: 0; }
.db-home-feed__footer strong { color: var(--db-ui-ink-950); font-size: 15px; }
.db-home-feed__footer small { color: var(--db-ui-ink-600); font-size: 12px; }
.db-home-feed__footer a { align-items: center; color: var(--db-ui-brand-800); display: inline-flex; font-size: 14px; font-weight: 800; gap: 5px; min-height: 44px; padding-inline: 8px; text-decoration: none; }
.db-home-feed__footer a:hover { color: var(--db-ui-ink-950); }
.db-home-paths { background: var(--db-ui-surface-soft); border-block: 1px solid var(--db-ui-line); }
.db-home-library { background: #fff; }
.db-library-panel { background: #f7fafb; border: 1px solid var(--db-ui-line); border-radius: 20px; min-width: 0; padding: 18px; }
.db-library-panel--member { background: var(--db-ui-ink-950); color: #fff; }
.db-library-panel > header { align-items: center; display: grid; gap: 10px; grid-template-columns: auto minmax(0, 1fr) auto; margin-bottom: 16px; }
.db-library-panel > header > span { align-items: center; background: var(--db-ui-brand-100); border-radius: 11px; color: var(--db-ui-brand-700); display: flex; height: 44px; justify-content: center; width: 44px; }
.db-library-panel > header h3 { color: var(--db-ui-ink-950); font-size: 18px; margin: 0; }
.db-library-panel > header small { color: var(--db-ui-ink-600); font-size: 12px; font-weight: 750; text-transform: uppercase; }
.db-library-panel > header a { align-items: center; display: inline-flex; font-size: 13px; font-weight: 750; min-height: 44px; text-decoration: none; }
.db-library-panel--member > header :where(h3, a) { color: #fff; }
.db-library-panel--member > header small { color: #bcd1d9; }
.db-library-panel--member > header > span { background: rgba(255, 255, 255, .12); color: var(--db-ui-accent-500); }
.db-library-panel .db-content-grid { grid-template-columns: 1fr; }
.db-library-panel .db-content-card { display: grid; grid-template-columns: minmax(142px, 32%) minmax(0, 1fr); min-height: 228px; }
.db-library-panel .db-content-card__media { aspect-ratio: auto; min-height: 228px; }
.db-library-panel .db-empty-state { align-content: center; min-height: 228px; padding: 24px; }
.db-library-panel .db-empty-state strong { color: inherit; display: block; font-size: 19px; }
.db-library-panel--member .db-empty-state { background: rgba(255, 255, 255, .96); color: var(--db-ui-ink-900); }
.db-community-preview { background: #fff; border: 1px solid var(--db-ui-line); border-radius: var(--db-ui-radius-lg); box-shadow: var(--db-ui-shadow-sm); padding: 10px 18px; }
.db-community-preview__question,
.db-community-preview__answer { align-items: flex-start; display: flex; gap: 12px; padding: 16px 0; }
.db-community-preview__question { border-bottom: 1px solid var(--db-ui-line); }
.db-community-preview__question > span:last-child { color: var(--db-ui-ink-600); margin-left: auto; }
.db-community-preview__avatar { align-items: center; background: var(--db-ui-brand-100); border-radius: 12px; color: var(--db-ui-brand-700); display: flex; flex: 0 0 44px; font-size: 13px; font-weight: 800; height: 44px; justify-content: center; }
.db-community-preview__avatar--teacher { background: var(--db-ui-success-100); color: var(--db-ui-success-700); }
.db-community-preview p { display: grid; gap: 3px; margin: 0; min-width: 0; }
.db-community-preview small,
.db-community-preview em { color: var(--db-ui-ink-600); font-size: 12px; font-style: normal; }
.db-community-preview strong { color: var(--db-ui-ink-950); font-size: 15px; line-height: 1.45; }
.db-community-preview small b { align-items: center; background: var(--db-ui-success-700); border-radius: 50%; color: #fff; display: inline-flex; height: 16px; justify-content: center; width: 16px; }
.db-trust-strip { background: var(--db-ui-ink-950); color: #fff; padding-block: 24px; }
.db-trust-strip > .db-container { display: grid; gap: 12px; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.db-trust-strip > .db-container > div { align-items: center; display: flex; gap: 10px; justify-content: center; min-width: 0; }
.db-trust-strip span { align-items: center; background: rgba(255, 255, 255, .1); border-radius: 10px; color: var(--db-ui-accent-500); display: flex; flex: 0 0 40px; height: 40px; justify-content: center; }
.db-trust-strip p { display: grid; margin: 0; }
.db-trust-strip strong { color: #fff; font-size: 14px; }
.db-trust-strip small { color: #bcd1d9; font-size: 12px; }

.db-lock-card { align-items: flex-start; background: #fff; border: 1px solid var(--db-ui-line); border-radius: 18px; display: flex; gap: 16px; margin-block: 20px; padding: clamp(18px, 3vw, 28px); }
.db-lock-card__icon { align-items: center; background: var(--db-ui-accent-100); border-radius: 13px; display: flex; flex: 0 0 52px; font-size: 23px; height: 52px; justify-content: center; }
.db-lock-card h2 { margin-top: 0; }

/* Ortak arama formu, ekran yerine kendi kullanılabilir genişliğine göre yerleşir.
 * Kapsayıcı sorgusu desteklenmezse tek sütunlu temel düzen geçerli kalır. */
.db-search-form { container-name: db-search; container-type: inline-size; min-width: 0; width: 100%; }
.db-search-form__fields { align-items: end; display: grid; gap: 10px; grid-template-columns: minmax(0, 1fr); }
.db-search-form__field { display: grid; gap: 5px; margin: 0; min-width: 0; }
.db-search-form__field--query { min-width: 0; }
.db-search-form__submit { min-width: 88px; width: 100%; }
@container db-search (min-width: 480px) {
	.db-search-form__fields { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.db-search-form__field--query,
	.db-search-form__submit { grid-column: 1 / -1; }
}
@container db-search (min-width: 900px) {
	.db-search-form__fields { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.db-search-form__field--query,
	.db-search-form__submit { grid-column: 1 / -1; }
}

.db-question-single { background: var(--db-ui-canvas); border: 0; border-radius: 0; }
.db-question-single__header { background: #fff; border-bottom: 1px solid var(--db-ui-line); padding: 8px 0 36px; }
.db-question-single__header h1 { font-size: clamp(34px, 4vw, 50px); margin: 8px 0 14px; }
.db-question-single__meta { align-items: center; color: var(--db-ui-ink-600); display: flex; flex-wrap: wrap; font-size: 13px; gap: 8px 14px; }
.db-community-role { align-items: center; background: var(--db-ui-brand-100); border-radius: 999px; color: var(--db-ui-brand-700); display: inline-flex; font-size: 12px; font-weight: 750; min-height: 28px; padding: 5px 9px; }
.db-learning-comment__role { background: var(--db-ui-brand-100); border-radius: 999px; color: var(--db-ui-brand-700); font-size: 12px; font-weight: 750; padding: 4px 8px; }
.db-question-single__body { padding-block: 28px 72px; }
.db-question-single__content { background: #fff; border: 1px solid var(--db-ui-line); border-radius: 18px; font-size: 17px; line-height: 1.78; overflow-wrap: anywhere; padding: clamp(20px, 3vw, 30px); }
.db-question-single__actions { display: flex; flex-wrap: wrap; gap: 10px; padding-block: 18px 4px; }
.db-community-no-answers,
.db-community-login { background: var(--db-ui-accent-100); border: 1px solid #ead793; border-radius: 14px; padding: 18px; }
.db-community-no-answers h2 { font-size: 21px; margin: 0 0 5px; }
.db-community-no-answers p,
.db-community-login p { margin: 0 0 12px; }
.db-community-answer-list,
.db-community-answer-list .children,
.db-learning-comment-list,
.db-learning-comment-list .children { list-style: none; margin: 0; padding: 0; }
.db-community-answer-list .children,
.db-learning-comment-list .children { margin: 13px 0 0 42px; }
.db-community-answer__card,
.db-learning-comment__card { display: grid; gap: 12px; grid-template-columns: 46px minmax(0, 1fr); margin-bottom: 13px; }
.db-community-answer__avatar img,
.db-learning-comment__avatar img { border: 3px solid var(--db-ui-surface-soft); border-radius: 50%; display: block; height: 46px; width: 46px; }
.db-community-answer__body,
.db-learning-comment__body { background: #fff; border: 1px solid var(--db-ui-line); border-radius: 14px; min-width: 0; padding: 15px; }
.db-community-answer__body > header,
.db-learning-comment__body > header { align-items: center; display: flex; flex-wrap: wrap; gap: 7px; justify-content: space-between; }
.db-community-answer__content,
.db-learning-comment__content { font-size: 15px; line-height: 1.65; margin-top: 10px; overflow-wrap: anywhere; }
.db-community-answer__pending,
.db-learning-comment__pending { background: var(--db-ui-accent-100); border-radius: 9px; color: #6f5613; font-size: 13px; margin-top: 10px; padding: 8px 10px; }
.db-learning-comments { overflow: hidden; }
.db-comments-intro { align-items: flex-start; background: var(--db-ui-ink-950); border-radius: 14px; color: #fff; display: flex; gap: 14px; margin-bottom: 16px; padding: 20px; }
.db-comments-intro__icon { align-items: center; background: rgba(255, 255, 255, .12); border-radius: 12px; color: var(--db-ui-accent-500); display: flex; flex: 0 0 48px; height: 48px; justify-content: center; }
.db-comments-intro :where(h2, .db-eyebrow) { color: #fff; margin: 0; }
.db-comments-intro h2 { font-size: 26px; }
.db-comments-intro p:last-child { color: #c7d9df; font-size: 14px; margin: 7px 0 0; }
.db-comments-guide { background: var(--db-ui-surface-soft); border-radius: 12px; display: grid; gap: 6px; grid-template-columns: repeat(3, minmax(0, 1fr)); list-style: none; margin: 0 0 20px; padding: 8px; }
.db-comments-guide li { align-items: center; display: flex; font-size: 13px; font-weight: 700; gap: 7px; margin: 0; min-height: 40px; padding: 6px; }
.db-comments-guide li span { align-items: center; background: var(--db-ui-success-100); border-radius: 50%; color: var(--db-ui-success-700); display: flex; flex: 0 0 24px; height: 24px; justify-content: center; }
.db-comments-list-title { font-size: 21px; margin: 0 0 14px; }
.db-comments-empty,
.db-comments-closed { background: var(--db-ui-surface-soft); border-radius: 12px; color: var(--db-ui-ink-700); padding: 14px; text-align: center; }
.db-comments-empty { display: grid; margin-bottom: 18px; }
.db-learning-comment-form { background: #fff; border: 1px solid var(--db-ui-line); border-radius: 15px; margin-top: 20px; padding: clamp(17px, 3vw, 24px); }
.db-learning-comment-form form { display: grid; gap: 12px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.db-learning-comment-form .comment-form-comment,
.db-learning-comment-form .comment-notes,
.db-learning-comment-form .logged-in-as,
.db-learning-comment-form .comment-form-cookies-consent,
.db-learning-comment-form .form-submit { grid-column: 1 / -1; }
.db-learning-comment-form #cancel-comment-reply-link,
.db-learning-comment__body > footer a { align-items: center; display: inline-flex; min-height: 44px; }

/* Genel sayfa, yasal metin ve kimlik */
.db-page-shell { padding-bottom: 72px; }
.db-page:not(.db-page--wide):not(.db-page--account):not(.db-page--auth) { max-width: var(--db-ui-read); }
.db-page-header { background: transparent; border-bottom: 1px solid var(--db-ui-line); margin-bottom: 24px; padding: 8px 0 20px; }
.db-page-header h1 { font-size: clamp(34px, 4vw, 48px); margin: 5px 0 8px; }
.db-page-header p { color: var(--db-ui-ink-600); font-size: 18px; margin: 0; }
.db-page > .db-entry-content { font-size: 17px; line-height: 1.78; overflow-wrap: break-word; }
.db-page > .db-entry-content :where(h2, h3, h4) { margin-top: 1.65em; }
.db-page > .db-entry-content li + li { margin-top: .42em; }

.db-page-shell:has(.db-page--auth) { min-height: calc(100svh - var(--db-ui-header)); padding-block: 28px 60px; }
.db-page--auth { margin-inline: auto; max-width: 960px; width: 100%; }
.db-page--auth > .db-page-header { background: linear-gradient(90deg, var(--db-ui-ink-950), var(--db-ui-brand-700)); border: 0; border-radius: 18px; color: #fff; margin-bottom: 18px; padding: 20px 24px; }
.db-page--auth > .db-page-header :where(h1, .db-eyebrow) { color: #fff; }
.db-auth-layout { background: #fff; border: 1px solid var(--db-ui-line); border-radius: 20px; box-shadow: var(--db-ui-shadow); display: grid; grid-template-columns: minmax(240px, .72fr) minmax(0, 1.28fr); overflow: hidden; }
.db-auth-intro { background: var(--db-ui-ink-950); color: #fff; display: flex; flex-direction: column; min-width: 0; padding: clamp(22px, 3vw, 34px); }
.db-auth-intro :where(h2, a) { color: #fff; }
.db-auth-intro h2 { font-size: 27px; margin: 18px 0 10px; }
.db-auth-intro p,
.db-auth-intro li { color: #c9d9df; }
.db-auth-intro__mark { align-items: center; background: linear-gradient(135deg, var(--db-ui-accent-500), var(--db-ui-coral-500), var(--db-ui-brand-600)); border-radius: 13px; display: flex; font-weight: 850; height: 52px; justify-content: center; width: 52px; }
.db-auth-intro ul { display: grid; gap: 9px; list-style: none; margin: 24px 0; padding: 0; }
.db-auth-intro li { align-items: flex-start; display: flex; gap: 9px; margin: 0; }
.db-auth-intro li > span { align-items: center; background: rgba(255, 255, 255, .12); border-radius: 50%; color: #fff; display: flex; flex: 0 0 22px; height: 22px; justify-content: center; margin-top: 1px; }
.db-auth-intro > a { align-items: center; display: inline-flex; font-weight: 750; gap: 8px; margin-top: auto; min-height: 44px; text-decoration: none; }
.db-auth-layout > .db-entry-content { min-width: 0; padding: clamp(20px, 3vw, 32px); }
.db-auth-card { max-width: none; }
.db-auth-layout .db-entry-content .db-auth-card { background: transparent; border: 0; border-radius: 0; box-shadow: none; margin: 0; padding: 0; width: 100%; }
.db-form--two-column { column-gap: 14px; row-gap: 13px; }
.db-form__check { margin: 0; }
.db-form__check > label { align-items: flex-start; display: flex; flex-wrap: wrap; font-weight: 500; gap: 2px 5px; line-height: 1.55; margin: 0; }
.db-form__check > label > input:is([type="checkbox"], [type="radio"]) { accent-color: var(--db-ui-brand-600); flex: 0 0 22px; height: 22px; margin: 1px 5px 0 0; width: 22px; }
.db-form__check > label > a { font-weight: 750; }

.db-verification-resend { background: #f5f8f9; border: 1px solid var(--db-ui-line); border-radius: 14px; margin-top: 18px; overflow: clip; }
.db-verification-resend > summary { align-items: center; color: var(--db-ui-ink-900); cursor: pointer; display: flex; font-size: 14px; font-weight: 800; gap: 12px; justify-content: space-between; list-style: none; min-height: 50px; padding: 11px 14px; }
.db-verification-resend > summary::-webkit-details-marker { display: none; }
.db-verification-resend > summary::after { align-items: center; background: #fff; border: 1px solid var(--db-ui-line); border-radius: 50%; content: "+"; display: flex; flex: 0 0 28px; font-size: 18px; height: 28px; justify-content: center; transition: transform .18s ease; }
.db-verification-resend[open] > summary { background: var(--db-ui-brand-100); border-bottom: 1px solid var(--db-ui-line); color: var(--db-ui-brand-700); }
.db-verification-resend[open] > summary::after { transform: rotate(45deg); }
.db-verification-resend > form { display: grid; gap: 12px; padding: 14px; }
.db-verification-resend > form > p { display: grid; gap: 6px; margin: 0; min-width: 0; }
.db-verification-resend > form > .db-button { justify-self: start; margin: 0; }

/* Hesap merkezi */
.db-page--account { margin-inline: auto; width: 100%; }
.db-page--account > .db-page-header { max-width: none; }
.db-page--account > .db-entry-content { min-width: 0; }
.db-page--account .db-account-panel { background: transparent; border: 0; border-radius: 0; box-shadow: none; display: block; margin: 0; max-width: none; padding: 0; width: 100%; }
/*
 * Hesap bölümleri HTML'de açık bırakılır: JavaScript kapalıysa gezinme
 * bağlantıları normal sayfa içi bağlantılar olarak bütün içeriğe ulaşır.
 * Erken eklenen db-js sınıfı yalnız etkin/hedef bölümü ilk boyamadan önce
 * ayırır; main.js sonrasında hidden durumunu ve bölüm gruplarını yönetir.
 */
.db-js .db-account-panel > [data-db-account-section]:not(.is-account-active):not(:target):not(:has(:target)) { display: none; }
.db-js .db-account-panel:has(> [data-db-account-section]:target) > #db-account-overview.is-account-active:not(:target),
.db-js .db-account-panel:has(> [data-db-account-section] :target) > #db-account-overview.is-account-active:not(:target) { display: none; }
.db-account-panel > .db-account-panel__header {
	align-items: stretch;
	background: linear-gradient(125deg, var(--db-ui-ink-950), #0d5665 68%, #2f8278);
	border: 0;
	border-radius: 20px;
	box-shadow: var(--db-ui-shadow);
	color: #fff;
	display: grid;
	gap: clamp(18px, 3vw, 30px);
	grid-template-columns: minmax(0, 1.22fr) minmax(280px, .78fr);
	padding: clamp(20px, 3vw, 30px);
}
.db-account-panel > .db-account-panel__header :where(h1, h2, h3, strong) { color: #fff; }
.db-account-panel > .db-account-panel__header :where(p, small, .db-account-panel__meta) { color: #d1e0e5; }
.db-account-panel__identity,
.db-account-overview__identity { align-items: center; display: grid; gap: 16px; grid-template-columns: 64px minmax(0, 1fr); min-width: 0; }
.db-account-panel__identity > div,
.db-account-overview__identity > div { min-width: 0; }
.db-account-panel__identity .db-account-panel__avatar,
.db-account-overview__identity .db-account-panel__avatar { background: rgba(255, 255, 255, .14); border: 1px solid rgba(255, 255, 255, .24); flex: 0 0 64px; height: 64px; width: 64px; }
.db-account-panel__identity h2,
.db-account-overview__identity h2 { font-size: clamp(26px, 3vw, 38px); line-height: 1.08; margin: 5px 0 4px; overflow-wrap: anywhere; }
.db-account-panel__meta { overflow-wrap: anywhere; }
.db-account-panel__welcome,
.db-account-overview__welcome { align-content: center; background: rgba(255, 255, 255, .1); border: 1px solid rgba(255, 255, 255, .18); border-radius: 16px; display: grid; gap: 10px; min-width: 0; padding: 18px; }
.db-account-panel__welcome > strong,
.db-account-overview__welcome > strong { font-size: clamp(18px, 2vw, 22px); line-height: 1.25; }
.db-account-panel__welcome > div,
.db-account-overview__welcome > div { display: grid; gap: 8px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.db-account-panel__welcome a,
.db-account-overview__welcome a { align-items: center; background: #fff; border-radius: 10px; color: var(--db-ui-ink-950); display: flex; font-size: 13px; font-weight: 800; gap: 8px; justify-content: space-between; min-height: 44px; padding: 9px 11px; text-decoration: none; }
.db-account-nav { background: #fff; border: 1px solid var(--db-ui-line); border-radius: 14px; box-shadow: var(--db-ui-shadow-sm); display: flex; gap: 4px; margin: 14px 0 18px; overflow-x: auto; padding: 5px; position: sticky; scrollbar-color: var(--db-ui-line-strong) transparent; scrollbar-width: thin; top: calc(var(--db-ui-header) + 8px); z-index: 18; }
.db-account-nav a { align-items: center; border-radius: 9px; color: var(--db-ui-ink-900); display: flex; flex: 0 0 auto; font-size: 13px; font-weight: 750; justify-content: center; min-height: 44px; padding: 8px 12px; text-decoration: none; }
.db-account-nav a[aria-current="page"] { background: var(--db-ui-brand-600); color: #fff; }
.db-account-overview,
.db-account-panel__section { background: #fff; border: 1px solid var(--db-ui-line); border-radius: 18px; box-shadow: none; padding: clamp(18px, 3vw, 28px); }
.db-account-details,
.db-account-stats { display: grid; gap: 10px; grid-template-columns: repeat(4, minmax(0, 1fr)); margin: 0 0 12px; }
.db-account-details > div,
.db-account-stats > div { background: #f5f8f9; border: 1px solid var(--db-ui-line); border-radius: 13px; min-width: 0; padding: 13px; }
.db-account-details dt { color: var(--db-ui-ink-600); font-size: 11px; letter-spacing: .04em; text-transform: uppercase; }
.db-account-details dd { font-weight: 800; margin: 4px 0 0; max-width: 100%; overflow-wrap: anywhere; white-space: normal; }
.db-account-stats > div { align-items: center; display: grid; gap: 1px 8px; grid-template-columns: 42px minmax(0, 1fr); }
.db-account-stats > div > span { align-items: center; background: #fff; border: 1px solid var(--db-ui-line); border-radius: 10px; color: var(--db-ui-brand-700); display: flex; grid-row: 1 / 3; height: 42px; justify-content: center; width: 42px; }
.db-account-stats strong { font-size: 23px; line-height: 1.05; }
.db-account-stats small { color: var(--db-ui-ink-600); font-size: 11px; line-height: 1.25; }
.db-account-panel__ready { align-items: center; color: #dff5e9; display: inline-flex; font-size: 12px; font-weight: 800; gap: 8px; letter-spacing: .05em; text-transform: uppercase; }
.db-account-panel__ready i { background: #5cd29a; border-radius: 50%; box-shadow: 0 0 0 5px rgba(92, 210, 154, .13); height: 8px; width: 8px; }
.db-account-overview__heading,
.db-account-panel__section-heading { align-items: center; display: flex; gap: 14px; justify-content: space-between; }
.db-account-overview__heading { border-bottom: 1px solid var(--db-ui-line); margin-bottom: 18px; padding-bottom: 14px; }
.db-account-overview__heading h3,
.db-account-panel__section-heading h3 { font-size: clamp(22px, 2.5vw, 29px); margin: 3px 0; }
.db-account-overview__heading > a { align-items: center; display: inline-flex; font-size: 13px; font-weight: 750; min-height: 44px; text-decoration: none; }
.db-account-overview__actions { display: grid; gap: 10px; grid-template-columns: repeat(3, minmax(0, 1fr)); margin-top: 18px; }
.db-account-overview__actions > a { align-items: center; background: #f5f8f9; border: 1px solid var(--db-ui-line); border-radius: 13px; color: var(--db-ui-ink-900); display: grid; gap: 2px; grid-template-columns: 42px minmax(0, 1fr); min-height: 76px; padding: 10px 12px; text-decoration: none; }
.db-account-overview__actions > a > span { align-items: center; background: var(--db-ui-brand-100); border-radius: 10px; color: var(--db-ui-brand-700); display: flex; grid-row: 1 / 3; height: 42px; justify-content: center; width: 42px; }
.db-account-overview__actions small,
.db-account-panel__section-heading p:last-child { color: var(--db-ui-ink-600); font-size: 12px; }
.db-account-panel__section-heading { justify-content: flex-start; margin-bottom: 18px; }
.db-account-panel__section-heading > span { align-items: center; background: var(--db-ui-brand-100); border-radius: 12px; color: var(--db-ui-brand-700); display: flex; flex: 0 0 50px; font-size: 20px; height: 50px; justify-content: center; }
.db-account-panel__section-heading p { margin: 0; }
.db-auth-card__intro { align-items: center; border-bottom: 1px solid var(--db-ui-line); display: flex; gap: 14px; margin-bottom: 20px; padding-bottom: 18px; }
.db-auth-card__intro > span { align-items: center; background: var(--db-ui-brand-100); border-radius: 13px; color: var(--db-ui-brand-700); display: flex; flex: 0 0 54px; font-size: 21px; height: 54px; justify-content: center; }
.db-auth-card__intro p { color: var(--db-ui-brand-700); font-size: 11px; font-weight: 800; letter-spacing: .08em; margin: 0; text-transform: uppercase; }
.db-auth-card__intro h2 { font-size: clamp(24px, 3vw, 31px); margin: 3px 0 0; }
.db-auth-card__switch { align-items: center; background: #f5f8f9; border-radius: 12px; display: flex; gap: 12px; justify-content: space-between; margin-top: 18px; padding: 10px 12px; }
.db-account-panel__shortcuts { background: #fff; border: 1px solid var(--db-ui-line); border-radius: 18px; padding: clamp(18px, 3vw, 28px); }
.db-account-panel__shortcuts h3 { font-size: clamp(21px, 2.4vw, 27px); margin: 0 0 16px; }
.db-account-panel__quick-list { display: grid; gap: 10px; grid-template-columns: repeat(2, minmax(0, 1fr)); list-style: none; margin: 0; padding: 0; }
.db-account-panel__quick-list li { margin: 0; min-width: 0; }
.db-account-panel__quick-list a { align-items: center; background: #f5f8f9; border: 1px solid var(--db-ui-line); border-radius: 12px; color: var(--db-ui-brand-700); display: flex; font-weight: 750; min-height: 58px; overflow-wrap: anywhere; padding: 11px 13px; text-decoration: none; }
.db-account-quick-actions:not([hidden]) { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 14px; }
.db-account-quick-actions .db-button { flex: 1 1 150px; min-height: 50px; }
.db-classrooms__owned { min-width: 0; }
.db-comment-list { list-style: none; margin: 0; padding: 0; }

/* Topluluk */
.db-community-hero__content { align-items: end; display: grid; gap: 28px; grid-template-columns: minmax(0, 1fr) auto; }
.db-community-hero__stats { display: grid; gap: 9px; grid-template-columns: repeat(3, minmax(110px, 1fr)); margin: 0; }
.db-community-stat { background: rgba(255, 255, 255, .82); border: 1px solid var(--db-ui-line); border-radius: 14px; padding: 13px; }
.db-community-stat dt { color: var(--db-ui-ink-600); font-size: 12px; }
.db-community-stat dd { color: var(--db-ui-ink-950); font-size: 22px; font-weight: 800; margin: 2px 0 0; }
.db-community-content { padding-block: 28px 72px; }
.db-community,
.db-community > :where(section, aside, details) { min-width: 0; }
.db-community { display: grid; gap: 20px; }
.db-community-board,
.db-community-compose,
.db-community-pending,
.db-community-hub,
.db-question-single { background: #fff; border: 1px solid var(--db-ui-line); border-radius: 20px; box-shadow: var(--db-ui-shadow-sm); }
.db-community-board { overflow: hidden; }
.db-community-board__head {
	align-items: center;
	background: linear-gradient(130deg, var(--db-ui-brand-100), #f7fbfb 66%, var(--db-ui-accent-100));
	border-bottom: 1px solid var(--db-ui-line);
	display: grid;
	gap: 22px;
	grid-template-columns: minmax(0, 1fr) auto;
	padding: clamp(20px, 3vw, 30px);
}
.db-community-board__identity { align-items: flex-start; display: flex; gap: 14px; min-width: 0; }
.db-community-board__identity > span,
.db-community-board__avatar {
	align-items: center;
	background: var(--db-ui-brand-600);
	border-radius: 14px;
	color: #fff;
	display: flex;
	flex: 0 0 52px;
	font-size: 19px;
	font-weight: 850;
	height: 52px;
	justify-content: center;
}
.db-community-board__identity > div,
.db-community-board__copy { min-width: 0; }
.db-community-board__identity h2 { font-size: clamp(26px, 3vw, 36px); margin: 3px 0 7px; }
.db-community-board__identity p:last-child { color: var(--db-ui-ink-700); margin: 0; max-width: 58ch; }
.db-community-board__actions { align-items: flex-end; display: grid; gap: 10px; justify-items: end; }
.db-community-board__actions > span,
.db-community-board__trust { align-items: center; color: var(--db-ui-success-700); display: flex; font-size: 13px; font-weight: 750; gap: 7px; }
.db-community-board__actions i { background: #55c990; border-radius: 50%; box-shadow: 0 0 0 5px rgba(85, 201, 144, .13); display: block; height: 8px; width: 8px; }
.db-forum-shell { align-items: start; display: grid; gap: 20px; grid-template-columns: minmax(210px, 248px) minmax(0, 1fr); padding: clamp(16px, 2.5vw, 24px); }
.db-forum-main { display: grid; gap: 14px; min-width: 0; }
.db-forum-sidebar {
	background: #f5f8f9;
	border: 1px solid var(--db-ui-line);
	border-radius: 16px;
	overflow: hidden;
	position: sticky;
	top: calc(var(--db-ui-header) + 16px);
}
.db-forum-sidebar__stats { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); padding: 14px; }
.db-forum-sidebar__stats > span,
.db-forum-sidebar__stat { color: var(--db-ui-ink-600); display: grid; font-size: 11px; line-height: 1.3; min-width: 0; text-align: center; }
.db-forum-sidebar__stats > span + span { border-left: 1px solid var(--db-ui-line); }
.db-forum-sidebar__stats strong { color: var(--db-ui-ink-950); font-size: 24px; line-height: 1.1; }
.db-forum-nav,
.db-forum-categories { border-top: 1px solid var(--db-ui-line); display: grid; gap: 4px; padding: 8px; }
.db-forum-categories > strong,
.db-forum-categories__title { color: var(--db-ui-ink-600); font-size: 11px; letter-spacing: .08em; padding: 8px 9px 4px; text-transform: uppercase; }
.db-forum-nav a,
.db-forum-categories a,
.db-forum-sidebar__ask {
	align-items: center;
	border-radius: 10px;
	color: var(--db-ui-ink-900);
	display: flex;
	font-size: 13px;
	gap: 8px;
	justify-content: space-between;
	min-height: 44px;
	padding: 8px 10px;
	text-decoration: none;
}
.db-forum-nav a > span:nth-child(2),
.db-forum-nav__label,
.db-forum-categories a > span:first-child { flex: 1; min-width: 0; }
.db-forum-nav__icon { align-items: center; display: inline-flex; flex: 0 0 22px; justify-content: center; }
.db-forum-nav a b,
.db-forum-nav__count,
.db-forum-categories a b { align-items: center; background: #fff; border: 1px solid var(--db-ui-line); border-radius: 999px; display: flex; font-size: 11px; justify-content: center; min-height: 24px; min-width: 24px; padding-inline: 6px; }
.db-forum-nav a:is(:hover, .is-active),
.db-forum-categories a:is(:hover, .is-active) { background: var(--db-ui-brand-100); color: var(--db-ui-brand-700); }
.db-forum-sidebar__ask { background: var(--db-ui-ink-950); border-radius: 0; color: #fff; justify-content: flex-start; padding: 13px 16px; }
.db-community-view-switch { background: #f3f7f8; border: 1px solid var(--db-ui-line); border-radius: 14px; display: flex; gap: 4px; overflow-x: auto; padding: 5px; scrollbar-width: thin; }
.db-community-view-switch__item { align-items: center; border-radius: 10px; color: var(--db-ui-ink-700); display: inline-flex; flex: 0 0 auto; font-size: 13px; font-weight: 750; gap: 6px; min-height: 44px; padding: 8px 12px; text-decoration: none; }
.db-community-view-switch__icon { align-items: center; display: inline-flex; justify-content: center; min-width: 20px; }
.db-community-view-switch__label { white-space: nowrap; }
.db-community-view-switch__item:is(:hover, .is-active) { background: #fff; box-shadow: var(--db-ui-shadow-sm); color: var(--db-ui-brand-700); }
.db-community-filters { align-items: end; background: #f5f8f9; border: 1px solid var(--db-ui-line); border-radius: 14px; display: grid; gap: 10px; grid-template-columns: minmax(180px, 1.35fr) repeat(3, minmax(125px, .8fr)) auto; margin: 0; padding: 12px; }
.db-community-filters p,
.db-community-filters__field { display: grid; gap: 5px; margin: 0; min-width: 0; }
.db-community-filters__field--search { min-width: 0; }
.db-community-filters__actions { align-items: stretch; display: flex; gap: 6px; }
.db-community-filters .db-button { min-width: 118px; }
.db-question-list { display: grid; gap: 12px; min-width: 0; }
.db-question-card { background: #fff; border: 1px solid var(--db-ui-line); border-radius: 16px; display: grid; grid-template-columns: 84px minmax(0, 1fr); min-height: 148px; overflow: hidden; }
.db-question-card--announcement { border-color: #e7bd3b; box-shadow: 0 10px 28px rgba(170, 118, 0, .09); }
.db-question-card--announcement .db-question-card__answers { background: #fff0b8; }
.db-question-card--announcement .db-question-card__answers strong { color: #7c5100; }
.db-question-card--share .db-question-card__answers { background: #e6f7ef; }
.db-question-card--share .db-question-card__answers strong { color: #167653; }
.db-question-card.is-pinned { border-width: 2px; }
.db-question-card__answers { align-content: center; background: var(--db-ui-brand-100); border-right: 1px solid var(--db-ui-line); display: grid; justify-items: center; padding: 13px 8px; text-align: center; }
.db-question-card__answers strong { color: var(--db-ui-brand-700); font-size: 27px; line-height: 1; }
.db-question-card__answers span { color: var(--db-ui-ink-900); font-size: 12px; font-weight: 800; }
.db-question-card__answers small { color: var(--db-ui-ink-600); font-size: 10px; line-height: 1.25; margin-top: 7px; }
.db-question-card.is-waiting .db-question-card__answers { background: var(--db-ui-accent-100); }
.db-question-card__body { display: flex; flex-direction: column; min-width: 0; padding: 16px; }
.db-question-card__kind-row { align-items: center; display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 8px; }
.db-community-kind-badge,
.db-community-pinned-badge { align-items: center; border-radius: 999px; display: inline-flex; font-size: 11px; font-weight: 850; line-height: 1.2; min-height: 27px; padding: 5px 9px; }
.db-community-kind-badge--question { background: var(--db-ui-brand-100); color: var(--db-ui-brand-700); }
.db-community-kind-badge--announcement { background: #ffe595; color: #704900; }
.db-community-kind-badge--share { background: #dff5e9; color: #126848; }
.db-community-pinned-badge { background: #fff8df; border: 1px solid #ebca68; color: #704900; }
.db-question-card__terms { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 8px; }
.db-question-card__terms span,
.db-question-card__status { background: #f5f4ee; border-radius: 999px; color: var(--db-ui-ink-700); display: inline-flex; font-size: 11px; font-weight: 750; line-height: 1.2; padding: 5px 8px; }
.db-question-card__body h3 { font-size: clamp(18px, 2vw, 21px); line-height: 1.3; margin: 0 0 6px; }
.db-question-card__body h3 a { color: var(--db-ui-ink-950); text-decoration: none; }
.db-question-card__body > p:not(.db-question-card__status),
.db-question-card__excerpt { color: var(--db-ui-ink-600); display: -webkit-box; font-size: 14px; line-height: 1.55; margin: 0 0 12px; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.db-question-card__footer { align-items: center; border-top: 1px solid var(--db-ui-line); display: flex; flex-wrap: wrap; gap: 10px; justify-content: space-between; margin-top: auto; padding-top: 11px; }
.db-question-card__meta { align-items: center; color: var(--db-ui-ink-600); display: flex; flex-wrap: wrap; font-size: 11px; gap: 6px; min-width: 0; }
.db-question-card__open { align-items: center; color: var(--db-ui-brand-700); display: inline-flex; font-size: 13px; font-weight: 800; gap: 5px; min-height: 40px; text-decoration: none; }
.db-question-card__controls,
.db-question-card__moderation { border-top: 1px dashed var(--db-ui-line); margin-top: 10px; padding-top: 10px; }
.db-community-compose { overflow: clip; }
.db-community-compose > summary { align-items: center; cursor: pointer; display: grid; gap: 12px; grid-template-columns: 44px minmax(0, 1fr) auto; list-style: none; min-height: 74px; padding: 13px 18px; }
.db-community-compose > summary::-webkit-details-marker { display: none; }
.db-community-compose > summary > span:first-child,
.db-community-compose__icon { align-items: center; background: var(--db-ui-brand-100); border-radius: 11px; color: var(--db-ui-brand-700); display: flex; font-size: 20px; height: 44px; justify-content: center; width: 44px; }
.db-community-compose > summary > span:nth-child(2),
.db-community-compose__summary-copy { display: grid; }
.db-community-compose > summary small { color: var(--db-ui-ink-600); }
.db-community-compose[open] > summary { border-bottom: 1px solid var(--db-ui-line); }
.db-community-compose[open] > summary > b,
.db-community-compose[open] .db-community-compose__chevron { transform: rotate(180deg); }
.db-community-compose__body { display: grid; gap: 22px; grid-template-columns: minmax(210px, .65fr) minmax(0, 1.35fr); padding: clamp(18px, 3vw, 28px); }
.db-community-compose__body h2 { font-size: 25px; margin: 5px 0 8px; }
.db-community-form { display: grid; gap: 12px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.db-community-form p,
.db-community-form__field { display: grid; gap: 5px; margin: 0; min-width: 0; }
.db-community-form__full { grid-column: 1 / -1; }
.db-community-kind { border: 0; display: grid; gap: 9px; grid-template-columns: repeat(3, minmax(0, 1fr)); margin: 0; padding: 0; }
.db-community-kind legend { color: var(--db-ui-ink-900); font-size: 13px; font-weight: 800; grid-column: 1 / -1; margin-bottom: 1px; }
.db-community-kind label { cursor: pointer; min-width: 0; position: relative; }
.db-community-kind input { height: 1px; opacity: 0; position: absolute; width: 1px; }
.db-community-kind label > span { background: #f7fafb; border: 1px solid var(--db-ui-line); border-radius: 13px; display: grid; gap: 3px; height: 100%; padding: 13px; transition: border-color .18s, box-shadow .18s, transform .18s; }
.db-community-kind label > span b { color: var(--db-ui-ink-950); font-size: 14px; }
.db-community-kind label > span small { color: var(--db-ui-ink-600); font-size: 11px; line-height: 1.4; }
.db-community-kind input:checked + span { background: var(--db-ui-brand-100); border-color: var(--db-ui-brand-600); box-shadow: 0 0 0 3px rgba(9, 134, 154, .1); transform: translateY(-1px); }
.db-community-kind input:focus-visible + span { outline: 3px solid rgba(9, 134, 154, .22); outline-offset: 2px; }
.db-community-form > .db-community-pin { align-items: flex-start; background: #fff8df; border: 1px solid #ebca68; border-radius: 13px; cursor: pointer; display: flex; gap: 10px; padding: 12px 13px; }
.db-community-pin input { accent-color: var(--db-ui-brand-600); flex: 0 0 auto; height: 20px; margin-top: 1px; width: 20px; }
.db-community-pin span { display: grid; gap: 2px; }
.db-community-pin small { color: var(--db-ui-ink-600); font-size: 11px; }
.db-honeypot { left: -10000px; position: absolute; }
.db-community-pending,
.db-community-hub { padding: clamp(18px, 3vw, 26px); }
.db-community-pending h2 { font-size: 22px; margin: 0 0 12px; }
.db-community-pending ul,
.db-community-hub__list { display: grid; gap: 8px; list-style: none; margin: 0; padding: 0; }
.db-community-pending li,
.db-community-hub__list li { align-items: center; background: #f5f8f9; border: 1px solid var(--db-ui-line); border-radius: 12px; display: flex; gap: 12px; justify-content: space-between; min-width: 0; padding: 11px 13px; }
.db-community-pending li > div,
.db-community-hub__list li > a { min-width: 0; overflow-wrap: anywhere; }
.db-community-pending li > div { display: grid; gap: 2px; }
.db-community-pending time,
.db-community-hub__list small { color: var(--db-ui-ink-600); font-size: 11px; }
.db-community-section-heading { align-items: end; display: flex; gap: 18px; justify-content: space-between; margin-bottom: 16px; }
.db-community-section-heading h2 { margin: 4px 0 0; }
.db-community-hub__lead { color: var(--db-ui-ink-600); max-width: 48ch; }
.db-community-hub__grid { display: grid; gap: 14px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.db-community-hub__panel { background: #f7fafb; border: 1px solid var(--db-ui-line); border-radius: 14px; min-width: 0; padding: 16px; }
.db-community-hub__panel h3 { font-size: 19px; margin: 0 0 8px; }

/* Modül yüzeylerinin ortak ritmi */
:where(.db-learning-dashboard, .db-learning-home, .db-learning-daily, .db-learning-collections, .db-notification-account, .db-notification-preferences, .db-assessment-account, .db-achievements, .db-classrooms, .db-studio-panel) {
	color: var(--db-ui-ink-900);
}
:where(.db-learning-dashboard, .db-learning-home, .db-learning-daily, .db-learning-collections, .db-notification-account, .db-notification-preferences, .db-assessment-account, .db-achievements, .db-classrooms, .db-studio-panel) :where(p, small) {
	color: var(--db-ui-ink-600);
	font-size: max(13px, 1em);
}
:where(.db-learning-stats, .db-learning-home__stats, .db-assessment-account__stats, .db-achievements__stats) > * {
	background: #fff;
	border: 1px solid var(--db-ui-line);
	border-radius: 14px;
}
.db-learning-dashboard__header,
.db-learning-daily,
.db-learning-collections,
.db-notification-account,
.db-notification-preferences,
.db-assessment-account,
.db-achievements,
.db-classrooms {
	border-color: var(--db-ui-line);
	border-radius: 18px;
}
.db-learning-daily-card__media img,
.db-learning-record__image img { object-fit: contain; }
.db-learning-daily-card__tags,
.db-learning-record__copy { min-width: 0; }

.db-studio { max-width: var(--db-ui-work); }
.db-studio__hero { border-radius: 20px; }
.db-studio-steps { background: #fff; border: 1px solid var(--db-ui-line); border-radius: 14px; display: flex; gap: 4px; overflow-x: auto; padding: 5px; position: sticky; scrollbar-width: thin; top: calc(var(--db-ui-header) + 8px); z-index: 17; }
.db-studio-steps a { flex: 0 0 auto; min-height: 46px; min-width: 110px; white-space: normal; }
.db-studio-field-grid,
.db-studio-publish-grid { min-width: 0; }
.db-studio-field :where(input, select, textarea) { min-height: 46px; }
.db-studio-panel,
.db-studio-resource,
.db-studio-library { border-color: var(--db-ui-line); border-radius: 16px; }
.db-studio-panel__heading--sale,
.db-studio-sale-fields { display: none; }

.db-assessment,
.db-activity__player,
.db-interactive-preview { border-radius: 18px; min-height: min(420px, 58vh); }
.db-assessment__question { font-size: clamp(18px, 2vw, 24px); }
.db-assessment label { min-height: 48px; }
.db-achievements__badges { grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); }
.db-classrooms__join,
.db-classrooms__create { grid-template-columns: minmax(0, 1fr) auto; }

/* Bildirim ve PWA katmanları */
.db-notification-popover {
	background: #fff;
	border: 1px solid var(--db-ui-line);
	border-radius: 18px;
	box-shadow: var(--db-ui-shadow);
	max-height: min(720px, calc(100dvh - var(--db-ui-header) - 22px));
	overflow: auto;
	width: min(420px, calc(100vw - 24px));
}
.db-notification-backdrop { background: rgba(8, 43, 59, .38); inset: 0; position: fixed; }
.db-notification-popover__close,
.db-notification-header__toggle { min-height: 44px; min-width: 44px; }
.db-notification-item__actions a,
.db-notification-action { min-height: 40px; }

.db-pwa-prompt {
	background: #fff;
	border: 1px solid var(--db-ui-line);
	border-radius: 18px;
	bottom: 18px;
	box-shadow: var(--db-ui-shadow);
	max-width: 720px;
}
.db-pwa-prompt__install,
.db-pwa-prompt__dismiss { min-height: 44px; }

/* Alt bilgi ve 404 */
.db-site-footer { background: var(--db-ui-ink-950); color: #c9d9df; padding-top: 54px; }
.db-footer-grid { display: grid; gap: 36px; grid-template-columns: 1.35fr repeat(3, 1fr); padding-bottom: 44px; }
.db-site-footer :where(h2, .db-brand) { color: #fff; }
.db-footer-brand p { color: #bcd1d9; max-width: 36ch; }
.db-site-footer h2 { font-size: 15px; margin: 4px 0 14px; }
.db-site-footer a { align-items: center; color: #d1e0e5; display: inline-flex; min-height: 36px; text-decoration: none; }
.db-footer-menu { list-style: none; margin: 0; padding: 0; }
.db-footer-menu li { margin: 2px 0; }
.db-footer-bottom { border-top: 1px solid rgba(255, 255, 255, .13); padding: 16px 0; }
.db-footer-bottom p { margin: 0; }

.db-404 { background: linear-gradient(135deg, #fff, #eaf5f5); color: var(--db-ui-ink-900); padding: clamp(54px, 8vw, 96px) 0; text-align: center; }
.db-404 .db-container { max-width: 720px; }
.db-404__code { color: var(--db-ui-brand-600); font-size: clamp(64px, 11vw, 112px); font-weight: 850; line-height: .9; margin: 0; }
.db-404 h1 { color: var(--db-ui-ink-950); font-size: clamp(32px, 5vw, 48px); }
.db-404 .db-button-row { justify-content: center; margin: 22px 0; }
.db-404 .db-search-form { text-align: left; }
.db-404 .db-search-form label { color: var(--db-ui-ink-900); }

/* Alt dock yalnız telefon ekranının parçasıdır. */
.db-app-dock { display: none; }

/* Akıllı tahta kuralları responsive blokların ardından tek yerde uygulanır. */
@media (max-width: 1199px) {
	:root { --db-ui-header: 68px; }
	.db-header-main { grid-template-columns: auto minmax(220px, 1fr) auto; }
	.db-header-quick { display: none; }
	.db-header-actions { grid-column: 3; }
	.db-content-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.db-grade-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.db-type-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.db-discovery__surface form { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.db-discovery__query { grid-column: 1 / -1; }
	.db-discovery__surface form > .db-button { width: 100%; }
	.db-footer-grid { grid-template-columns: 1.25fr repeat(3, 1fr); }
	.db-community-filters { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.db-community-filters p:first-child { grid-column: 1 / -1; }
	.db-community-filters .db-button { width: 100%; }
}

@media (max-width: 899px) {
	:root { --db-ui-header: 64px; }
	.db-header-search-launch { display: none; }
	.db-header-main { grid-template-columns: auto minmax(0, 1fr); }
	.db-header-actions { grid-column: 2; }
	.db-search-toggle { display: inline-flex; }
	.db-menu-toggle__label { display: none; }
	.db-header-studio span:last-child,
	.db-board-toggle span:last-child,
	.db-account-button__label { display: none; }
	.db-hero__grid { grid-template-columns: minmax(0, 1fr); }
	.db-hero__content { max-width: 720px; }
	.db-hero-hub { max-width: 720px; width: 100%; }
	.db-home-hero-v2 .db-hero__grid { grid-template-columns: minmax(0, 1fr); }
	.db-home-hero-v2 .db-hero__content { max-width: 760px; }
	.db-home-launchpad { max-width: 760px; width: 100%; }
	.db-library-layout { grid-template-columns: minmax(0, 1fr); }
	.db-library-sidebar { padding: 14px; position: static; }
	.db-library-sidebar__intro { display: none; }
	.db-js .db-library-filters__toggle {
		align-items: center;
		background: #fff;
		border: 1px solid var(--db-ui-line);
		border-radius: 12px;
		color: var(--db-ui-ink-900);
		display: flex;
		font: inherit;
		font-size: 15px;
		font-weight: 750;
		justify-content: space-between;
		min-height: 52px;
		padding: 9px 12px;
		width: 100%;
	}
	.db-library-filters__toggle small { color: var(--db-ui-ink-600); font-size: 12px; }
	.db-js .db-library-filters__body:not(.is-open) { display: none; }
	.db-library-filters__body.is-open { display: block; padding-top: 12px; }
	.db-auth-layout { grid-template-columns: minmax(0, 1fr); }
	.db-auth-intro ul { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.db-account-panel > .db-account-panel__header { grid-template-columns: 1fr; }
	.db-account-details,
	.db-account-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.db-community-hero__content { align-items: stretch; grid-template-columns: 1fr; }
	.db-community-hero__stats { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.db-forum-shell { grid-template-columns: minmax(0, 1fr); }
	.db-forum-sidebar { display: grid; grid-template-columns: auto minmax(0, 1fr); position: static; }
	.db-forum-sidebar__stats { min-width: 190px; }
	.db-forum-nav { border-left: 1px solid var(--db-ui-line); border-top: 0; grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.db-forum-categories { grid-column: 1 / -1; grid-template-columns: repeat(4, minmax(0, 1fr)); }
	.db-forum-categories > strong { grid-column: 1 / -1; }
	.db-forum-sidebar__ask { grid-column: 1 / -1; }
	.db-community-compose__body { grid-template-columns: minmax(190px, .55fr) minmax(0, 1.45fr); }
	.db-home-feed__grid,
	.db-home-library__grid,
	.db-home-community__grid { grid-template-columns: minmax(0, 1fr); }
	.db-home-feed--v2 .db-home-feed__content .db-content-grid { grid-auto-columns: calc((100% - 16px) / 2); grid-template-columns: none; }
	.db-home-community__copy { max-width: 720px; }
	.db-home-feed__content .db-content-card { grid-template-columns: minmax(190px, 34%) minmax(0, 1fr); }
	.db-trust-strip > .db-container { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.db-trust-strip > .db-container > div { justify-content: flex-start; }
	.db-account-nav { top: calc(var(--db-ui-header) + 6px); }
	.db-studio-steps { top: calc(var(--db-ui-header) + 6px); }
	.db-footer-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 767px) {
	:root { --db-ui-gutter: 15px; --db-ui-header: 60px; }
	body { padding-bottom: calc(var(--db-ui-dock) + env(safe-area-inset-bottom)); }
	.db-site-header { padding-inline: env(safe-area-inset-left) env(safe-area-inset-right); }
	.db-header-main { gap: 5px; padding-block: 6px; }
	.db-brand { gap: 7px; }
	.db-brand__mark { flex-basis: 38px; height: 38px; width: 38px; }
	.db-brand__mark img { height: 82px; left: -24px; top: -22px; width: 82px; }
	.db-brand__name { font-size: 17px; }
	.db-header-actions { gap: 4px; }
	.db-search-toggle,
	.db-board-toggle,
	.db-account-button,
	.db-header-studio { min-height: 44px; min-width: 44px; padding: 7px; }
	.db-navigation { --db-menu-dock-height: calc(var(--db-ui-dock) + env(safe-area-inset-bottom)); }
	.db-menu-toggle { font-size: 14px; min-height: 44px; padding: 7px; }
	.db-menu-panel { border-bottom: 0; border-radius: 22px 22px 0 0; bottom: 0; left: 0; max-height: calc(100vh - 64px); max-height: min(80dvh, calc(100dvh - 64px - env(safe-area-inset-top))); max-width: 100%; padding-bottom: env(safe-area-inset-bottom); transform: translateY(24px); width: 100%; }
	.db-menu-panel.is-open { transform: none; }
	.db-menu-panel__heading { padding: 14px max(16px, env(safe-area-inset-right)) 12px max(16px, env(safe-area-inset-left)); }
	.db-menu-panel .db-site-nav { padding: 8px max(12px, env(safe-area-inset-right)) 14px max(12px, env(safe-area-inset-left)); }
	.db-menu-panel .db-menu { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.db-menu-panel .db-menu > li.menu-item-has-children { grid-column: 1 / -1; }
	.db-menu-panel .db-menu > li > a { background: var(--db-ui-surface-soft); min-height: 50px; }
	.db-menu-panel .db-menu a { font-size: 14px; padding: 11px 12px; }
	.db-menu-panel .db-menu-account { padding: 12px max(14px, env(safe-area-inset-right)) 12px max(14px, env(safe-area-inset-left)); }
	.db-menu-panel .db-menu-account__actions--guest > a { min-height: 52px; }
	.db-search-dialog { padding: max(10px, env(safe-area-inset-top)) 10px; }
	.db-search-dialog__panel { border-radius: 18px; }
	.db-hero { padding: 20px 0 24px; }
	.db-hero__grid { gap: 20px; }
	.db-hero h1 { font-size: clamp(34px, 10vw, 42px); margin-block: 6px 11px; }
	.db-hero__lead { font-size: 15px; line-height: 1.45; }
	.db-hero .db-button-row { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: 18px; }
	.db-hero .db-button { width: 100%; }
	.db-hero__proof { display: grid; gap: 7px; grid-template-columns: repeat(3, minmax(0, 1fr)); margin-top: 14px; }
	.db-hero__proof li { align-items: flex-start; font-size: 11px; line-height: 1.3; }
	.db-hero__proof li span { flex: 0 0 22px; height: 22px; width: 22px; }
	.db-hero-hub { border-radius: 18px; padding: 12px; }
	.db-hero-hub__search { margin-top: 11px; min-height: 44px; }
	.db-hero-hub__welcome { margin-block: 10px 8px; }
	.db-hero-hub__welcome small { font-size: 10px; }
	.db-hero-hub__welcome strong { font-size: 17px; }
	.db-hero-hub__cards { gap: 7px; grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.db-hero-hub__cards a { min-height: 88px; padding: 8px; }
	.db-hero-hub__cards strong { font-size: 12px; }
	.db-hero-hub__cards small { font-size: 10px; line-height: 1.25; }
	.db-hero-hub__icon { border-radius: 9px; font-size: 15px; height: 34px; width: 34px; }
	.db-hero-hub__activity { min-height: 54px; }
	.db-home-hero-v2 { padding: 30px 0 42px; }
	.db-home-hero-v2 .db-hero__grid { gap: 25px; }
	.db-home-hero-v2 h1 { font-size: clamp(38px, 10.5vw, 54px); margin-block: 14px 17px; }
	.db-home-hero-v2 .db-hero__lead { color: #d6e8ec; font-size: 16px; }
	.db-home-hero-v2 .db-button-row { margin-top: 21px; }
	.db-home-hero-v2 .db-hero__proof { margin-top: 17px; }
	.db-home-hero-v2 .db-hero__proof li { padding: 8px; }
	.db-home-launchpad { border-radius: 21px; padding: 16px; }
	.db-home-launchpad::before { inset-inline: 20px; }
	.db-home-launchpad__head { padding-bottom: 13px; }
	.db-home-launchpad__head strong { font-size: 20px; }
	.db-home-launchpad__route > a { min-height: 76px; }
	.db-home-launchpad__search { min-height: 60px; }
	.db-mobile-jump-nav { background: #fff; border-bottom: 1px solid var(--db-ui-line); display: block; }
	.db-mobile-jump-nav .db-container { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); overflow-x: auto; padding-block: 8px; }
	.db-mobile-jump-nav a { align-items: center; color: var(--db-ui-ink-700); display: flex; flex-direction: column; font-size: 11px; font-weight: 700; gap: 4px; min-height: 52px; min-width: 74px; text-align: center; text-decoration: none; }
	.db-discovery { padding-bottom: 34px; }
	.db-discovery__surface { margin-top: 0; padding: 15px; }
	.db-discovery__intro { align-items: flex-start; }
	.db-discovery__intro > span { flex: 0 0 46px; height: 46px; width: 46px; }
	.db-discovery__intro h2 { font-size: 22px; }
	.db-discovery__surface form { grid-template-columns: 1fr; }
	.db-discovery__query { grid-column: auto; }
	.db-discovery__surface form > .db-button { min-height: 50px; }
	.db-grade-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.db-type-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.db-section { padding-block: 32px; }
	.db-section-heading { align-items: flex-start; flex-direction: column; gap: 10px; }
	.db-home-feed__heading { align-items: stretch; flex-direction: column; gap: 16px; margin-bottom: 20px; }
	.db-home-feed__actions { justify-content: space-between; width: 100%; }
	.db-home-feed__heading .db-button { width: auto; }
	.db-home-feed--v2 .db-home-feed__content .db-content-grid { grid-auto-columns: min(86%, 340px); grid-template-columns: none; margin-right: calc(-1 * var(--db-ui-gutter)); padding-right: var(--db-ui-gutter); }
	.db-home-feed__footer { align-items: start; grid-template-columns: 42px minmax(0, 1fr); padding: 13px; }
	.db-home-feed__footer > span { height: 42px; width: 42px; }
	.db-home-feed__footer > a { grid-column: 2; justify-self: start; padding: 0; }
	html.db-inapp-browser { --db-ui-gutter: 14px; max-width: 100%; }
	html.db-inapp-browser body { max-width: 100%; overflow-x: hidden; width: 100%; }
	html.db-inapp-browser .db-site-main,
	html.db-inapp-browser .db-home,
	html.db-inapp-browser .db-home > section { max-width: 100%; overflow-x: hidden; width: 100%; }
	html.db-inapp-browser .db-container,
	html.db-inapp-browser .db-library-page .db-container { max-width: 100%; padding-left: max(14px, env(safe-area-inset-left)); padding-right: max(14px, env(safe-area-inset-right)); width: 100%; }
	html.db-inapp-browser .db-home-hero-v2 .db-hero__grid { display: block; }
	html.db-inapp-browser .db-home-hero-v2 h1 { font-size: clamp(34px, 10.5vw, 48px); overflow-wrap: anywhere; }
	html.db-inapp-browser .db-home-launchpad { margin-top: 24px; max-width: 100%; width: 100%; }
	html.db-inapp-browser .db-home-feed__actions { flex-wrap: wrap; }
	html.db-inapp-browser .db-home-feed--v2 .db-home-feed__content { max-width: 100%; overflow: hidden; }
	html.db-inapp-browser .db-home-feed--v2 .db-home-feed__content .db-content-grid { -webkit-overflow-scrolling: touch; grid-auto-columns: min(88%, 330px); margin-right: 0; padding-right: 34px; touch-action: pan-x pan-y; }
	.db-archive-hero,
	.db-community-hero { padding: 8px 0 30px; }
	.db-archive-hero h1,
	.db-community-hero h1 { font-size: clamp(31px, 9vw, 40px); }
	.db-archive-hero > .db-container > p:last-child,
	.db-community-hero p { font-size: 16px; }
	.db-archive-content { padding-block: 18px 48px; }
	.db-library-layout { gap: 16px; }
	.db-library-results__header { align-items: flex-start; }
	.db-library-results__header h2 { font-size: 28px; }
	.db-content-grid { grid-template-columns: 1fr; }
	.db-content-card__media { aspect-ratio: 16 / 9; }
	.db-content-card__body { padding: 16px; }
	.db-home-feed__content .db-content-card { display: flex; }
	.db-home-feed__content .db-content-card__media { aspect-ratio: 16 / 9; min-height: 0; }
	.db-library-panel .db-content-card { grid-template-columns: 132px minmax(0, 1fr); min-height: 0; }
	.db-library-panel .db-content-card__media { min-height: 190px; }
	.db-community-preview { padding-inline: 14px; }
	.db-trust-strip { padding-block: 18px; }
	.db-trust-strip > .db-container { gap: 8px; }
	.db-reader .db-single-header { padding-block: 20px 22px; }
	.db-reader .db-reader__content { font-size: 16.5px; }
	.db-share-links { padding: 16px; }
	.db-share-links__actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.db-share-links__actions :is(a, button) { min-width: 0; padding-inline: 9px; width: 100%; }
	.db-share-links__actions :is(a, button) b { overflow: hidden; text-overflow: ellipsis; }
	.db-post-navigation { grid-template-columns: 1fr; padding-bottom: 48px; }
	.db-page-shell { padding-bottom: 48px; }
	.db-page-header h1 { font-size: clamp(31px, 9vw, 40px); }
	.db-page--auth > .db-page-header { border-radius: 14px; padding: 16px 18px; }
	.db-auth-layout { border-radius: 16px; }
	.db-auth-intro { padding: 20px; }
	.db-auth-intro ul { grid-template-columns: 1fr; margin-block: 18px; }
	.db-auth-layout > .db-entry-content { padding: 18px; }
	.db-page--login .db-auth-layout > .db-entry-content { order: -1; }
	.db-page--login .db-auth-intro { min-height: 0; }
	.db-form--two-column { grid-template-columns: 1fr; }
	.db-account-panel > .db-account-panel__header { border-radius: 17px; padding: 18px; }
	.db-account-panel__identity { align-items: flex-start; }
	.db-account-panel__welcome > div,
	.db-account-overview__welcome > div { grid-template-columns: 1fr; }
	.db-account-nav { margin-inline: calc(var(--db-ui-gutter) * -1); overscroll-behavior-inline: contain; padding: 5px var(--db-ui-gutter) 9px; position: static; scroll-padding-inline: var(--db-ui-gutter); scroll-snap-type: x proximity; scrollbar-width: auto; }
	.db-account-nav a { scroll-snap-align: start; }
	.db-account-overview,
	.db-account-panel__section,
	.db-account-panel__shortcuts { border-left: 0; border-radius: 0; border-right: 0; margin-inline: calc(var(--db-ui-gutter) * -1); padding-inline: var(--db-ui-gutter); }
	.db-account-panel__quick-list { grid-template-columns: 1fr; }
	.db-account-quick-actions:not([hidden]) { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.db-account-quick-actions .db-button { width: 100%; }
	.db-account-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.db-account-overview__actions { grid-template-columns: 1fr; }
	.db-account-panel__section-heading { align-items: flex-start; }
	.db-auth-card__switch { align-items: stretch; flex-direction: column; }
	.db-community-hero__stats { grid-template-columns: 1fr; }
	.db-community-stat { align-items: center; display: flex; justify-content: space-between; }
	.db-community-content { padding-block: 18px 48px; }
	.db-community-board { border-left: 0; border-radius: 0; border-right: 0; margin-inline: calc(var(--db-ui-gutter) * -1); }
	.db-community-board__head { align-items: stretch; grid-template-columns: 1fr; padding: 18px var(--db-ui-gutter); }
	.db-community-board__actions { align-items: stretch; grid-template-columns: 1fr; justify-items: stretch; }
	.db-community-board__actions > span { min-height: 36px; }
	.db-community-board__actions .db-button { width: 100%; }
	.db-forum-shell { padding: 14px var(--db-ui-gutter) 18px; }
	.db-forum-sidebar { display: block; }
	.db-forum-sidebar__stats { min-width: 0; }
	.db-forum-nav { border-left: 0; border-top: 1px solid var(--db-ui-line); display: flex; overflow-x: auto; }
	.db-forum-nav a { flex: 0 0 auto; min-width: 142px; }
	.db-forum-categories { display: flex; overflow-x: auto; }
	.db-forum-categories > strong { align-items: center; display: flex; flex: 0 0 auto; }
	.db-forum-categories a { flex: 0 0 auto; min-width: 110px; }
	.db-community-view-switch { margin-inline: calc(var(--db-ui-gutter) * -1); overscroll-behavior-inline: contain; padding: 5px var(--db-ui-gutter) 9px; scroll-padding-inline: var(--db-ui-gutter); scroll-snap-type: x proximity; scrollbar-width: auto; }
	.db-community-view-switch__item { scroll-snap-align: start; }
	.db-community-filters { grid-template-columns: 1fr; }
	.db-community-filters p:first-child { grid-column: auto; }
	.db-question-card { grid-template-columns: 1fr; }
	.db-question-card__answers { align-items: center; border-bottom: 1px solid var(--db-ui-line); border-right: 0; display: flex; gap: 7px; justify-content: flex-start; min-height: 54px; padding: 10px 13px; text-align: left; }
	.db-question-card__answers strong { font-size: 22px; }
	.db-question-card__answers small { margin: 0 0 0 auto; }
	.db-question-card__footer { align-items: flex-start; flex-direction: column; }
	.db-question-card__open { align-self: stretch; border: 1px solid var(--db-ui-line); border-radius: 10px; justify-content: center; }
	.db-community-compose,
	.db-community-pending,
	.db-community-hub { border-left: 0; border-radius: 0; border-right: 0; margin-inline: calc(var(--db-ui-gutter) * -1); }
	.db-community-compose__body { grid-template-columns: 1fr; padding-inline: var(--db-ui-gutter); }
	.db-community-form { grid-template-columns: 1fr; }
	.db-community-form__full { grid-column: auto; }
	.db-community-kind { grid-template-columns: 1fr; }
	.db-community-kind legend { grid-column: auto; }
	.db-community-section-heading { align-items: flex-start; flex-direction: column; }
	.db-community-hub__grid { grid-template-columns: 1fr; }
	.db-question-single__header { padding-bottom: 26px; }
	.db-question-single__body { padding-block: 18px 48px; }

	.db-community-answer-list .children,
	.db-learning-comment-list .children { margin-left: 20px; }
	.db-comments-guide { grid-template-columns: 1fr; }
	.db-learning-comment-form form { grid-template-columns: 1fr; }
	.db-learning-comment-form form > * { grid-column: 1; }
	.db-question-card__body p { display: -webkit-box; }
	.db-studio-steps { margin-inline: calc(var(--db-ui-gutter) * -1); padding-inline: var(--db-ui-gutter); position: static; }
	.db-studio-field-grid,
	.db-studio-publish-grid { grid-template-columns: 1fr; }
	.db-classrooms__join,
	.db-classrooms__create { grid-template-columns: 1fr; }
	.db-classrooms__join .db-button,
	.db-classrooms__create .db-button { width: 100%; }
	.db-assessment-account__stats { grid-template-columns: 1fr; }
	.db-pwa-prompt { border-bottom: 0; border-radius: 20px 20px 0 0; bottom: calc(var(--db-ui-dock) + env(safe-area-inset-bottom)); left: 0; max-width: none; transform: none; width: 100%; }
	.db-footer-grid { grid-template-columns: 1fr; }
	.db-site-footer { padding-top: 42px; }
	.db-app-dock {
		align-items: stretch;
		backdrop-filter: blur(18px);
		background: rgba(255, 255, 255, .97);
		border: 1px solid var(--db-ui-line);
		border-bottom: 0;
		border-radius: 18px 18px 0 0;
		bottom: 0;
		box-shadow: 0 -14px 34px -28px rgba(8, 43, 59, .8);
		display: grid;
		gap: 2px;
		grid-template-columns: repeat(5, minmax(0, 1fr));
		left: 0;
		max-width: none;
		padding: 5px max(4px, env(safe-area-inset-right)) max(5px, env(safe-area-inset-bottom)) max(4px, env(safe-area-inset-left));
		position: fixed;
		transform: none;
		width: 100%;
		z-index: 800;
	}
	.db-app-dock__item {
		align-items: center;
		background: transparent;
		border: 0;
		border-radius: 12px;
		color: var(--db-ui-ink-600);
		display: flex;
		flex-direction: column;
		font: inherit;
		gap: 2px;
		justify-content: center;
		min-height: 58px;
		min-width: 0;
		padding: 5px 2px;
		text-decoration: none;
		width: 100%;
	}
	.db-app-dock__item[aria-current="page"] { background: var(--db-ui-brand-100); color: var(--db-ui-brand-700); }
	.db-app-dock__search { background: var(--db-ui-brand-600); color: #fff; }
	.db-app-dock__icon,
	.db-app-dock__icon svg { display: block; height: 23px; width: 23px; }
	.db-app-dock__label { display: block; font-size: 12px; font-weight: 750; line-height: 1.1; white-space: nowrap; }
	.kodee-fab { display: none !important; }
}

@media (max-width: 479px) {
	.db-brand__name { display: none; }
	.db-hero h1 { font-size: clamp(34px, 11vw, 42px); }
	.db-hero-hub__top { align-items: flex-start; }
	.db-hero-hub__center { max-width: 110px; text-align: right; }
	.db-home-hero-v2 .db-eyebrow { font-size: 10px; letter-spacing: .07em; padding: 7px 10px; }
	.db-home-hero-v2 .db-button-row { grid-template-columns: 1fr; }
	.db-home-hero-v2 .db-hero__proof { grid-template-columns: 1fr; }
	.db-home-hero-v2 .db-hero__proof li { align-items: center; min-height: 52px; }
	.db-home-hero-v2 .db-hero__proof li span { flex-basis: 30px; height: 30px; width: 30px; }
	.db-home-launchpad__route > a { gap: 10px; grid-template-columns: 42px minmax(0, 1fr) auto; padding: 10px 12px; }
	.db-home-launchpad__number { border-radius: 12px; height: 42px; width: 42px; }
	.db-grade-grid,
	.db-type-grid { grid-template-columns: 1fr; }
	.db-grade-card,
	.db-type-card { min-height: 68px; }
	.db-library-results__header { display: grid; }
	.db-library-results__header > span { justify-self: start; }
	.db-account-details,
	.db-account-stats { grid-template-columns: 1fr; }
	.db-account-panel__identity,
	.db-account-overview__identity { gap: 12px; grid-template-columns: 50px minmax(0, 1fr); }
	.db-account-panel__identity .db-account-panel__avatar,
	.db-account-overview__identity .db-account-panel__avatar { flex-basis: 50px; font-size: 20px; height: 50px; width: 50px; }
	.db-account-quick-actions:not([hidden]) { grid-template-columns: 1fr; }
	.db-verification-resend > form > .db-button { justify-self: stretch; width: 100%; }
	.db-library-panel { padding: 13px; }
	.db-library-panel > header { grid-template-columns: auto minmax(0, 1fr); }
	.db-library-panel > header > a { grid-column: 2; }
	.db-library-panel .db-content-card { display: flex; }
	.db-library-panel .db-content-card__media { aspect-ratio: 16 / 9; min-height: 0; }
	.db-trust-strip > .db-container { grid-template-columns: 1fr; }
	.db-community-board__identity > span { flex-basis: 44px; height: 44px; }
	.db-community-board__identity h2 { font-size: 26px; }
	.db-community-compose > summary { grid-template-columns: 42px minmax(0, 1fr) auto; padding-inline: 14px; }
	.db-community-compose > summary > span:first-child { height: 42px; width: 42px; }
	.db-community-pending li,
	.db-community-hub__list li { align-items: flex-start; flex-direction: column; }
	.db-question-single__actions { display: grid; }
	.db-question-single__actions .db-button { width: 100%; }
	.db-community-answer__card,
	.db-learning-comment__card { grid-template-columns: 38px minmax(0, 1fr); }
	.db-community-answer__avatar img,
	.db-learning-comment__avatar img { height: 38px; width: 38px; }
	.db-notification-popover { border-radius: 18px 18px 0 0; bottom: 0; left: 0; max-height: 86dvh; position: fixed; right: 0; top: auto; width: 100%; }
	.db-app-dock__label { font-size: 11px; }
}

@media (max-width: 419px) {
	.db-site-header .db-header-actions > .db-notification-header { display: none; }
}

@media (max-width: 359px) {
	:root { --db-ui-gutter: 12px; }
	.db-share-links__actions { grid-template-columns: 1fr; }
	.db-share-links__actions :is(a, button) b { overflow: visible; text-overflow: clip; }
	.db-header-actions .db-header-studio { display: none; }
	.db-hero .db-button-row { grid-template-columns: 1fr; }
	.db-hero__proof { grid-template-columns: 1fr; }
	.db-hero-hub__cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.db-menu-panel .db-menu { grid-template-columns: minmax(0, 1fr); }
	.db-forum-nav { display: grid; grid-template-columns: 1fr; overflow-x: visible; }
	.db-forum-nav a { min-width: 0; width: 100%; }
	.db-community-view-switch__item { padding-inline: 9px; }
	.db-app-dock__label { font-size: 11px; }
}

/* 4.4.4 — Stüdyo telefonda site sayfası değil, odaklı bir çalışma yüzeyidir. */
@media (max-width: 620px) {
	.db-home-hero-v2 .db-hero__grid,
	.db-home-hero-v2 .db-hero__content,
	.db-home-launchpad {
		max-width: 100%;
		min-width: 0;
		width: 100%;
	}
	.db-home-hero-v2 .db-hero__content { overflow: hidden; }
	.db-home-hero-v2 h1 { font-size: clamp(36px, 10vw, 48px); overflow-wrap: anywhere; }
	.db-home-hero-v2 .db-button-row,
	.db-home-hero-v2 .db-hero__proof { grid-template-columns: minmax(0, 1fr); }
	.db-home-hero-v2 .db-button-row > *,
	.db-home-hero-v2 .db-hero__proof > * { max-width: 100%; min-width: 0; }
	.db-home-hero-v2 .db-button { justify-content: center; white-space: normal; }
	.db-home-launchpad { overflow: hidden; }

	body:has(.db-page--studio) { padding-bottom: 0; }
	body:has(.db-page--studio) :where(.db-site-footer, .db-app-dock, .kodee-fab) { display: none !important; }
	.db-page-shell:has(.db-page--studio) { padding-bottom: 84px; padding-top: 8px; }
	.db-page-shell:has(.db-page--studio) > .db-breadcrumb,
	.db-page--studio > .db-page-header { display: none; }
	.db-page--studio .db-studio-steps { margin-inline: 0; padding-inline: 4px; position: sticky; }
}

/* Akıllı tahta: ekran boyuna göre dengeli ölçek, güvenli kenarlar ve tek araç çubuğu. */
html.db-board-mode {
	--db-board-scale: 1;
	--db-ui-shell: min(1500px, calc(100vw - 48px));
	--db-ui-work: min(1360px, calc(100vw - 48px));
	--db-ui-read: min(980px, calc(100vw - 48px));
	--db-ui-control: clamp(48px, calc(44px * var(--db-board-scale)), 56px);
	background: var(--db-ui-bg);
	min-height: 100%;
	scroll-padding-bottom: calc(84px + env(safe-area-inset-bottom));
}
html.db-board-mode .db-board-tools[hidden] { display: flex; }
html.db-board-mode .db-site-header { position: relative; }
html.db-board-mode :where(body, button, input, select, textarea) {
	font-size: clamp(16px, calc(16px * var(--db-board-scale)), 20px);
}
html.db-board-mode body { min-height: 100dvh; padding-bottom: calc(88px + env(safe-area-inset-bottom)); }
html.db-board-mode .db-reader__content { font-size: clamp(17px, calc(17px * var(--db-board-scale)), 21px); }
html.db-board-mode .db-app-dock { display: none; }
html.db-board-mode .kodee-fab { bottom: calc(82px + env(safe-area-inset-bottom)); }
html.db-board-mode .db-board-tools :where(button, output) { font-size: 14px; }
html.db-board-mode .db-board-tools__scale > button:first-child,
html.db-board-mode .db-board-tools__scale > button:nth-child(3) { font-size: 22px; }

/* 4.4.2 — tam ekranı sayfa geçişlerinde koruyan aynı kökenli tahta kabuğu. */
html.db-board-shell-open,
html.db-board-shell-open body { height: 100%; overflow: hidden !important; overscroll-behavior: none; }
.db-board-shell { background: var(--db-ui-bg,#f5f8f9); height: 100dvh; inset: 0; position: fixed; width: 100vw; z-index: 2147483000; }
.db-board-shell__frame { background: #fff; border: 0; display: block; height: 100%; width: 100%; }
.db-board-shell__loading { align-items: center; background: linear-gradient(135deg,#092f42,#128da0); color: #fff; display: flex; font-size: clamp(18px,2vw,28px); font-weight: 850; inset: 0; justify-content: center; letter-spacing: -.01em; position: absolute; z-index: 2; }
.db-board-shell__loading[hidden] { display: none; }

@media (max-width: 899px) {
	.db-board-tools__identity { display: none; }
}

@media (max-width: 767px) {
	html.db-board-mode {
		--db-ui-shell: 100%;
		--db-ui-work: 100%;
		--db-ui-read: 100%;
		--db-ui-control: clamp(48px, calc(44px * var(--db-board-scale)), 54px);
	}
	html.db-board-mode :where(body, button, input, select, textarea) {
		font-size: clamp(16px, calc(15px * var(--db-board-scale)), 18px);
	}
	html.db-board-mode .db-reader__content { font-size: clamp(16.5px, calc(16px * var(--db-board-scale)), 19px); }
	.db-board-tools {
		bottom: 0;
		border-bottom: 0;
		border-radius: 18px 18px 0 0;
		gap: 5px;
		justify-content: center;
		left: 0;
		max-width: none;
		min-height: 62px;
		padding: 6px max(8px, env(safe-area-inset-right)) max(6px, env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-left));
		transform: none;
		width: 100%;
	}
	.db-board-tools__scale,
	.db-board-tools__actions { gap: 3px; }
	.db-board-tools__scale { padding: 3px; }
	.db-board-tools :where(button, output) { min-height: 44px; padding: 6px 8px; }
	.db-board-tools__scale > button:first-child,
	.db-board-tools__scale > button:nth-child(3),
	.db-board-tools__auto,
	.db-board-tools__actions button { min-width: 44px; }
	.db-board-tools__scale output { min-width: 52px; }
	.db-board-tools__auto span:last-child,
	.db-board-tools__actions button span:last-child { display: none; }
}

@media (max-width: 359px) {
	.db-board-tools { gap: 3px; padding-inline: max(5px, env(safe-area-inset-left)) max(5px, env(safe-area-inset-right)); }
	.db-board-tools :where(button, output) { padding-inline: 6px; }
	.db-board-tools__scale output { min-width: 47px; }
}

@media (max-width: 767px) {
	.db-smart-guide { bottom: calc(var(--db-ui-dock) + 96px + env(safe-area-inset-bottom)); right: max(11px, env(safe-area-inset-right)); }
	.db-smart-guide__bubble { bottom: calc(100% + 13px); max-width: calc(100vw - 24px); padding: 16px; position: absolute; right: 0; width: min(320px, calc(100vw - 24px)); }
	.db-smart-guide__bubble::after { bottom: -8px; right: 29px; transform: rotate(135deg); }
	.db-smart-guide__mascot { border-radius: 21px; flex-basis: 72px; height: 84px; width: 72px; }
	.db-smart-guide__mascot img { height: 74px; width: 64px; }
	.db-guide-route { padding-bottom: 24px; }
	.db-guide-route__inner { gap: 13px; grid-template-columns: 1fr; margin-top: -22px; padding: 13px; }
	.db-guide-route__identity { grid-template-columns: 64px minmax(0, 1fr); }
	.db-guide-route__identity > img { height: 74px; width: 64px; }
	.db-guide-route__identity h2 { font-size: 20px; }
	.db-guide-route__steps { gap: 6px; }
	.db-guide-route__steps a { gap: 5px; grid-template-columns: 28px minmax(0, 1fr); min-height: 58px; padding: 7px; }
	.db-guide-route__steps a > span { height: 28px; width: 28px; }
	.db-guide-route__steps small,
	.db-guide-route__steps b { display: none; }
	.db-guide-route__steps strong { font-size: 11px; line-height: 1.2; }
	.db-reader-next-step { grid-template-columns: 62px minmax(0, 1fr); padding: 15px; }
	.db-reader-next-step > img { height: 74px; width: 62px; }
	.db-reader-next-step__copy strong { font-size: 18px; }
	.db-reader-next-step nav { grid-template-columns: 1fr; }
}

@media (max-width: 479px) {
	.db-smart-guide__copy strong { font-size: 17px; }
	.db-smart-guide__copy span { font-size: 12px; }
}

@media (pointer: coarse) {
	:where(.db-button, .db-learning-button, .db-menu-toggle, .db-search-toggle, .db-board-toggle, .db-account-button, .db-header-studio, .db-app-dock__item, .db-account-nav a, .db-community-view-switch__item) { min-height: 48px; }
	:where(input:not([type="checkbox"]):not([type="radio"]), select, textarea) { min-height: 50px; }
}

@media (prefers-reduced-motion: reduce) {
	html { scroll-behavior: auto; }
	*, *::before, *::after { animation-duration: .01ms; animation-iteration-count: 1; scroll-behavior: auto; transition-duration: .01ms; }
}

/* 4.4.0 — telefon başlığında yinelenen dock eylemlerini sadeleştir */
@media (max-width: 767px) {
	.db-site-header .db-search-toggle,
	.db-site-header .db-account-button,
	.db-site-header .db-header-studio { display: none; }
	.db-header-main { grid-template-columns: minmax(0, 1fr) auto; }
	.db-header-actions { justify-content: flex-end; min-width: 0; }
	.db-navigation,
	.db-menu-toggle,
	.db-board-toggle { flex: 0 0 auto; }
}

/* Paylaşım eylemleri her genişlikte eşit, modern ve rahat dokunulur kalır. */
.db-share-links { background: radial-gradient(circle at 92% 5%, rgba(240, 189, 61, .2), transparent 28%), linear-gradient(135deg, #f7fbfb, #eaf5f6); box-shadow: 0 14px 34px rgba(7, 31, 47, .07); }
.db-share-links__actions { display: grid; grid-template-columns: repeat(auto-fit, minmax(118px, 1fr)); }
.db-share-links__actions :is(a, button) { min-width: 0; width: 100%; }
@media (max-width: 479px) { .db-share-links { border-radius: 17px; margin-inline: 0; padding: 15px; } .db-share-links__actions { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 359px) { .db-share-links__actions { grid-template-columns: 1fr; } }

/* 4.6.1 — Instagram/Facebook iç tarayıcısında sabit mobil başlık */
@media screen and (max-width: 767px) {
	html.db-inapp-browser:not(.db-board-mode) body {
		padding-top: var(--db-ui-header);
	}

	html.db-inapp-browser:not(.db-board-mode) .db-site-header {
		position: fixed;
		top: 0;
		right: 0;
		left: 0;
		width: 100%;
		min-height: var(--db-ui-header);
		box-sizing: border-box;
		backface-visibility: hidden;
		transform: translateZ(0);
		overflow-anchor: none;
	}

	html.db-inapp-browser:not(.db-board-mode) body.admin-bar .db-site-header {
		top: 46px;
	}
}

@media (forced-colors: active) {
	.db-button,
	.db-content-card,
	.db-library-sidebar,
	.db-app-dock__item,
	.db-account-nav a { border: 1px solid ButtonText; }
}

/* 4.7.3 — katalog filtreleri: sonuçların üzerinde, tüm seçimler bir arada. */
@media screen {
 .db-library-page .db-archive-hero { padding: 6px 0 20px; }
 .db-library-page .db-breadcrumb { padding-block: 10px; }
 .db-library-page .db-archive-hero h1 { font-size: clamp(28px,3vw,38px); }
 .db-library-page .db-archive-hero > .db-container > p:last-child { font-size: 16px; }
 .db-library-page .db-archive-content { padding-top: 20px; }
 .db-library-layout { grid-template-columns: minmax(0,1fr); gap: 22px; }
 .db-library-sidebar { position: static; padding: 16px 20px; }
 .db-library-sidebar__intro { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 14px; margin-bottom: 14px; }
 .db-library-sidebar__intro .db-eyebrow { margin: 0; font-size: 10px; }
 .db-library-sidebar__intro h2 { font-size: 20px; margin: 0; }
 .db-library-sidebar__intro > p:last-child { font-size: 13px; margin: 0 0 0 auto; }
 .db-library-sidebar .db-filter-form { grid-template-columns: repeat(4,minmax(0,1fr)); gap: 10px 14px; }
 .db-library-sidebar .db-filter-form > p:first-of-type { grid-column: span 2; }
 .db-library-sidebar .db-filter-form input,
 .db-library-sidebar .db-filter-form select { width: 100%; min-width: 0; min-height: 42px; padding: 9px 12px; font-size: 14px; }
 .db-library-sidebar .db-filter-form > .db-active-filters { grid-column: 1 / -1; order: -1; margin: 0; }
 .db-library-sidebar .db-filter-form > .db-active-filters:empty { display: none; }
 .db-library-sidebar .db-filter-form > .db-filter-help { grid-column: span 2; order: 1; font-size: 11px; align-self: center; }
 .db-library-sidebar .db-filter-form__actions { grid-column: span 2; order: 1; display: flex; justify-content: flex-end; align-items: center; margin: 0; }
 .db-library-sidebar .db-filter-form__actions .db-button { width: auto; min-height: 42px; padding: 9px 18px; }
 .db-library-sidebar .db-filter-form > [data-curriculum-public-status] { grid-column: 1 / -1; order: 2; font-size: 11px; }
 .db-library-sidebar .db-filter-form > [data-curriculum-public-status]:empty { display: none; }
}
@media screen and (max-width:899px) {
 body:has(.db-library-page .db-library-filters__body.is-open) .db-smart-guide { display: none; }
 .db-library-sidebar { padding: 12px; }
 .db-library-sidebar__intro { display: none; }
 .db-library-sidebar .db-filter-form { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
 .db-library-sidebar .db-filter-form > p:first-of-type,
 .db-library-sidebar .db-filter-form > .db-filter-help,
 .db-library-sidebar .db-filter-form__actions { grid-column: 1 / -1; }
 .db-library-sidebar .db-filter-form__actions { justify-content: stretch; }
 .db-library-sidebar .db-filter-form__actions .db-button { flex: 1; padding-inline: 10px; }
 .db-library-sidebar .db-filter-form label { font-size: 12px; }
 .db-library-sidebar .db-filter-form input,
 .db-library-sidebar .db-filter-form select { font-size: 13px; }
}

/* 4.5.11 — ana vitrinde dengeli ve güçlü içerik sayacı */
.db-home-hero-v2 .db-hero__proof{grid-template-columns:minmax(0,.9fr) minmax(190px,1.28fr) minmax(0,.9fr)}
.db-home-hero-v2 .db-hero__proof .db-hero__content-count{background:linear-gradient(135deg,rgba(14,132,149,.96),rgba(8,79,95,.96));border-color:rgba(117,226,235,.52);box-shadow:0 12px 28px rgba(0,19,30,.2);color:#fff;min-height:72px;overflow:hidden;padding:10px 13px;position:relative}
.db-home-hero-v2 .db-hero__proof .db-hero__content-count::after{background:linear-gradient(90deg,#f5c84d,#78e3eb);content:"";height:3px;inset:0 16px auto;position:absolute}
.db-home-hero-v2 .db-hero__proof .db-hero__content-count>span{background:#f5c84d;color:#082b3b;flex-basis:36px;font-size:15px;height:36px;width:36px}
.db-home-hero-v2 .db-hero__proof .db-hero__content-count p{gap:1px}
.db-home-hero-v2 .db-hero__proof .db-hero__content-count strong{align-items:baseline;color:#fff;display:flex;gap:8px;min-width:0}
.db-home-hero-v2 .db-hero__proof .db-hero__content-count strong b{color:#fff;font-size:clamp(27px,2.3vw,36px);font-variant-numeric:tabular-nums;letter-spacing:-.045em;line-height:.96;white-space:nowrap}
.db-home-hero-v2 .db-hero__proof .db-hero__content-count strong em{color:#bff5f7;font-size:10px;font-style:normal;font-weight:900;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}
.db-home-hero-v2 .db-hero__proof .db-hero__content-count p>small{color:#c7e6e9;font-size:9px;font-weight:700}
@media (max-width: 767px){.db-home-hero-v2 .db-hero__proof{grid-template-columns:minmax(0,.9fr) minmax(190px,1.28fr) minmax(0,.9fr)}.db-home-hero-v2 .db-hero__proof .db-hero__content-count{min-height:68px}}
@media (max-width: 479px){.db-home-hero-v2 .db-hero__proof{grid-template-columns:1fr}.db-home-hero-v2 .db-hero__proof .db-hero__content-count{order:-1}.db-home-hero-v2 .db-hero__proof .db-hero__content-count strong b{font-size:34px}}

/* Home-only refresh. The established hero and all inner pages remain untouched. */
.db-home-refresh { background:#f5f9f9; }
.db-home-refresh > .db-section { padding-block:54px; }
.db-home-refresh .db-eyebrow { letter-spacing:.14em; }
.db-home-refresh h2 { letter-spacing:-.035em; }
.db-home-refresh .dbby-promo { width:min(1280px,calc(100% - 48px)); margin:32px auto; color:#103c4b; }
.db-home-refresh .dbby-promo__stage { border:1px solid #d8e8e6; border-radius:28px; background:radial-gradient(ellipse at 87% 48%,#fff2b0 0,transparent 48%),linear-gradient(110deg,#e2f5f2,#f8fbf6); box-shadow:0 14px 40px #17444b0d; grid-template-columns:minmax(0,1.4fr) minmax(250px,.8fr); }
.db-home-refresh .dbby-promo__stage:after { inset:0 38px auto; background:linear-gradient(90deg,#078a96,#f5c747); height:4px; }
.db-home-refresh .dbby-promo__copy { padding:36px 0 36px 40px; }
.db-home-refresh .dbby-promo .dbby-promo__eyebrow { color:#077b86; font-size:11px; }
.db-home-refresh .dbby-promo #dbby-promo-title { color:#103c4b; font-size:clamp(32px,3.4vw,48px); }
.db-home-refresh .dbby-promo #dbby-promo-title strong { color:#087d88; }
.db-home-refresh .dbby-promo .dbby-promo__text { color:#456672; max-width:48ch; font-size:16px; }
.db-home-refresh .dbby-promo .dbby-promo__cta { background:#0a8190; border-color:#0a8190; color:white; border-radius:13px; box-shadow:0 7px 18px #087e8b25; }
.db-home-refresh .dbby-promo .dbby-promo__cta:hover { background:#086773; }
.db-home-refresh .dbby-promo__actions>span { color:#456672; }
.db-home-refresh .dbby-promo .dbby-promo__features { color:#345c66; border-color:#bfddd7; font-size:12px; gap:10px; }
.db-home-refresh .dbby-promo__features li { background:#ffffffb3; border:1px solid #d2e7df; padding:6px 10px; border-radius:20px; }
.db-home-refresh .dbby-promo__features li:before { color:#a77b10; }
.db-home-refresh .dbby-promo__visual { min-height:350px; }
.db-home-refresh .dbby-promo__visual img { filter:drop-shadow(0 12px 18px #15454b26); }
.db-home-refresh .dbby-promo__halo { background:#f7dda83d; border-color:#dbbd5d48; box-shadow:0 0 0 22px #ffffff57,0 0 0 44px #ffffff30; }
.db-home-refresh .dbby-promo__ticket { background:#fffdf2; border-color:#e5cf85; color:#5a692d; }
.db-home-refresh .dbby-promo__ticket b { color:#087d88; }
.db-home-refresh .db-home-finder { margin:38px auto 0; border:1px solid #dae7e8; border-radius:26px; background:white; padding:30px; box-shadow:0 14px 36px #173e4b08; scroll-margin-top:100px; }
.db-home-search { display:grid; grid-template-columns:minmax(220px,.85fr) minmax(0,1.4fr); align-items:center; gap:22px; padding-bottom:24px; border-bottom:1px solid #e2eced; }
.db-home-search label { display:flex; align-items:center; gap:14px; font-size:22px; line-height:1.25; color:#123e4d; }
.db-home-search label>span { display:grid; place-items:center; background:#e7f5f3; color:#087c89; width:48px; height:48px; border-radius:15px; flex-shrink:0; font-size:32px; }
.db-home-search>div { display:flex; gap:8px; background:#f3f8f9; padding:6px; border:1px solid #c8dde1; border-radius:16px; min-width:0; }
.db-home-search input { flex:1; min-width:0; width:100%; background:transparent; border:0; border-radius:10px; padding:10px 12px; font:inherit; color:#143e4d; }
.db-home-search input::placeholder { color:#657e86; }
.db-home-search button { flex-shrink:0; border-radius:11px; min-height:46px; }
.db-home-refresh .db-curriculum-browser { padding:24px 0 0; margin:0; border:0; border-radius:0; box-shadow:none; background:transparent; }
.db-home-refresh .db-curriculum-browser header { margin-bottom:20px; }
.db-home-refresh .db-curriculum-browser header>p { font-size:10px; letter-spacing:.15em; margin-bottom:6px; }
.db-home-refresh .db-curriculum-browser h2 { font-size:25px; margin:0 0 6px; }
.db-home-refresh .db-curriculum-browser header>span { font-size:14px; color:#59747e; }
.db-home-refresh .db-curriculum-steps { gap:16px; }
.db-home-refresh .db-curriculum-steps label>span b { background:#e6f4f2; color:#087b86; border-radius:9px; }
.db-home-refresh .db-curriculum-steps select { min-height:48px; border-radius:12px; background:#f8fbfb; }
.db-home-refresh .db-curriculum-browser footer { margin-top:18px; }
.db-home-refresh .db-curriculum-browser footer p { font-size:12px; }
.db-home-refresh .db-curriculum-browser footer button { border-radius:12px; }
.db-home-refresh .db-home-feed--v2 { background:transparent; border:0; }
.db-home-refresh .db-home-feed__heading { margin-bottom:24px; align-items:center; }
.db-home-refresh .db-home-feed__heading h2 { font-size:clamp(28px,3vw,38px); }
.db-home-refresh .db-home-feed__heading>div>p:last-child { font-size:15px; }
.db-home-refresh .db-home-feed__nav { display:none; }
.db-home-refresh .db-home-feed--v2 .db-home-feed__content .db-content-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); grid-auto-flow:row; grid-auto-columns:auto; overflow:visible; gap:22px; padding:0; margin:0; }
.db-home-refresh .db-home-feed--v2 .db-content-card { display:flex; flex-direction:column; border:1px solid #dbe6e8; border-radius:20px; box-shadow:0 5px 18px #153e4b06; min-width:0; transition:box-shadow .2s,transform .2s; }
.db-home-refresh .db-home-feed--v2 .db-content-card:hover { transform:translateY(-4px); box-shadow:0 14px 28px #123d4a12; }
.db-home-refresh .db-home-feed--v2 .db-content-card:first-child { border-color:#dbe6e8; box-shadow:0 5px 18px #153e4b06; }
.db-home-refresh .db-home-feed--v2 .db-content-card__media { aspect-ratio:16/10; background:#ecf3f2; min-height:0; border-bottom:1px solid #e2ebec; }
.db-home-refresh .db-home-feed--v2 .db-content-card__media img { object-fit:contain; padding:14px; }
.db-home-refresh .db-home-feed--v2 .db-content-card__body { padding:18px 20px; flex:1; }
.db-home-refresh .db-home-feed--v2 .db-content-card h2 { font-size:18px; line-height:1.4; }
.db-home-refresh .db-home-feed--v2 .db-content-card__excerpt { font-size:14px; line-height:1.6; }
.db-home-refresh .db-home-feed__footer { background:#e9f4f2; box-shadow:none; border:1px solid #d9e9e4; border-radius:16px; margin-top:24px; }
.db-home-refresh .db-home-paths { background:#fff; border-block:1px solid #e1ebec; }
.db-home-refresh .db-section-heading { margin-bottom:24px; }
.db-home-refresh .db-section-heading h2 { font-size:clamp(27px,3vw,36px); }
.db-home-refresh .db-type-grid { gap:14px; }
.db-home-refresh .db-type-card { padding:24px 16px; border-radius:18px; background:#f6fafa; border:1px solid #deeaeb; box-shadow:none; text-align:left; }
.db-home-refresh .db-type-card>span { border-radius:13px; background:#e0f2ee; color:#087c88; }
.db-home-refresh .db-type-card:nth-child(2)>span { background:#fff1ca; color:#9b7210; }
.db-home-refresh .db-type-card:nth-child(3)>span { background:#ece7f8; color:#7150a7; }
.db-home-refresh .db-type-card:nth-child(4)>span { background:#fce7df; color:#a95433; }
.db-home-refresh .db-type-card strong { font-size:17px; }
.db-home-refresh .db-type-card:hover { background:#eaf6f4; border-color:#89bbb9; }
.db-home-refresh .db-home-community { background:transparent; }
.db-home-refresh .db-home-community__grid { gap:40px; align-items:center; background:linear-gradient(115deg,#e6f3f1,#eef4fa); border:1px solid #d9e8e7; border-radius:26px; padding:38px; }
.db-home-refresh .db-home-community__copy h2 { font-size:clamp(28px,3vw,37px); }
.db-home-refresh .db-home-community__copy>p:not(.db-eyebrow) { font-size:15px; max-width:50ch; }
.db-home-refresh .db-community-preview { transform:none; }
.db-home-refresh .db-trust-strip { background:#fff; border-top:1px solid #e3ecee; padding-block:26px; }
.db-home-refresh a:focus-visible,.db-home-refresh button:focus-visible,.db-home-refresh input:focus-visible,.db-home-refresh select:focus-visible { outline:3px solid #087f8f; outline-offset:4px; }
@media(max-width:1000px) {
 .db-home-refresh .db-home-feed--v2 .db-home-feed__content .db-content-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .db-home-search { grid-template-columns:1fr; gap:16px; }
 .db-home-refresh .db-home-community__grid { padding:28px; gap:26px; }
}
@media(max-width:767px) {
 .db-home-refresh>.db-section { padding-block:32px; }
 .db-home-refresh .dbby-promo { width:calc(100% - 32px); margin:22px auto; }
 .db-home-refresh .dbby-promo__copy { padding:26px 0 26px 24px; }
 .db-home-refresh .dbby-promo__stage { grid-template-columns:minmax(0,1.4fr) minmax(150px,.75fr); border-radius:22px; }
 .db-home-refresh .dbby-promo #dbby-promo-title { font-size:32px; }
 .db-home-refresh .dbby-promo__visual { min-height:320px; }
 .db-home-refresh .db-home-finder { padding:22px 18px; margin-top:24px; width:calc(100% - 32px); border-radius:22px; }
 .db-home-search label { font-size:20px; }
 .db-home-refresh .db-curriculum-steps { gap:12px; }
 .db-home-refresh .db-home-feed__heading { align-items:stretch; }
 .db-home-refresh .db-home-feed__actions { justify-content:flex-start; }
 .db-home-refresh .db-home-feed--v2 .db-home-feed__content .db-content-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
 .db-home-refresh .db-home-community__grid { width:calc(100% - 32px); padding:24px; grid-template-columns:1fr; }
 .db-home-refresh .db-type-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .db-home-refresh .db-type-card { padding:20px 16px; }
}
@media(max-width:520px) {
 .db-home-refresh .dbby-promo__stage { grid-template-columns:minmax(0,1fr); }
 .db-home-refresh .dbby-promo__copy { padding:24px 22px 0; }
 .db-home-refresh .dbby-promo__visual { min-height:230px; }
 .db-home-refresh .dbby-promo__visual img { height:235px; }
 .db-home-refresh .dbby-promo__ticket { right:16%; }
 .db-home-search>div { flex-direction:column; padding:8px; }
 .db-home-search input { min-height:46px; font-size:16px; }
 .db-home-refresh .db-curriculum-browser h2 { font-size:22px; }
 .db-home-refresh .db-curriculum-browser footer { flex-direction:column; align-items:stretch; }
 .db-home-refresh .db-curriculum-browser footer button { width:100%; min-height:48px; }
 .db-home-refresh .db-home-feed--v2 .db-home-feed__content .db-content-grid { grid-template-columns:minmax(0,1fr); }
 .db-home-refresh .db-home-feed--v2 .db-content-card__media { aspect-ratio:16/9; }
 .db-home-refresh .db-home-feed__footer { grid-template-columns:38px minmax(0,1fr); }
 .db-home-refresh .db-home-community__grid { padding:24px 20px; }
 .db-home-refresh .db-home-community__copy .db-button-row { flex-wrap:wrap; }
}
@media(prefers-reduced-motion:reduce) { .db-home-refresh .db-content-card { transition:none; } .db-home-refresh .db-content-card:hover { transform:none; } }

.db-home-refresh .db-learning-home > div > div > p { color:#d1e9ed; }

/* Homepage rebuild 4.8.0: a new first screen and visual hierarchy. */
.db-home-rebuild{background:#fafbf7;color:#123d49}
.db-home-rebuild .db-new-hero{background:radial-gradient(ellipse at 4% 12%,#d7f3ed,transparent 48%),#f7faf4;color:#123d49;padding:64px 0 0;overflow:visible;border-bottom:1px solid #dbe9df}
.db-home-rebuild .db-new-hero__grid{display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center}
.db-home-rebuild .db-new-hero__tag{display:inline-flex;align-items:center;gap:10px;color:#087b80;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;margin:0 0 24px}
.db-home-rebuild .db-new-hero__tag span{background:#ffdc72;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;color:#174652}
.db-home-rebuild .db-new-hero h1{font-size:clamp(48px,5.7vw,78px);line-height:1.03;font-weight:850;letter-spacing:-.055em;margin:0 0 24px;color:#123d49;max-width:none}
.db-home-rebuild .db-new-hero h1 span{color:#079397}
.db-home-rebuild .db-new-hero h1 em{font-style:normal;position:relative;z-index:0}
.db-home-rebuild .db-new-hero h1 em:after{content:"";position:absolute;left:0;right:0;bottom:5px;height:15px;background:#ffdb6a;z-index:-1;transform:rotate(-2deg);border-radius:5px}
.db-home-rebuild .db-new-hero__lead{font-size:18px;line-height:1.75;color:#526d72;max-width:510px;margin:0 0 28px}
.db-home-rebuild .db-new-hero .db-button--primary{background:#087f88;color:white;border:1px solid #087f88;min-height:52px;padding:14px 23px;border-radius:14px;box-shadow:0 8px 20px #087f8820}
.db-home-rebuild .db-new-hero__secondary{font-weight:750;color:#164652;padding:12px 0;text-decoration:none}
.db-home-rebuild .db-new-hero__count{font-size:12px;color:#657d7d;margin:25px 0 0}
.db-home-rebuild .db-new-hero__count strong{font-size:20px;color:#087f88;margin-right:6px}
.db-home-rebuild .db-grade-board{background:#fff;border:1px solid #dfe8df;border-radius:32px;padding:32px;box-shadow:12px 16px 0 #e3eee3;position:relative}
.db-home-rebuild .db-grade-board__top{display:flex;align-items:center;justify-content:space-between;font-size:10px;font-weight:850;letter-spacing:.14em;color:#718884;margin-bottom:18px}
.db-home-rebuild .db-grade-board__top span:last-child{font-size:32px;color:#e6b733}
.db-home-rebuild .db-grade-board h2{font-size:38px;line-height:1.12;color:#123d49;margin:0 0 12px;letter-spacing:-.04em}
.db-home-rebuild .db-grade-board>p{font-size:14px;color:#657d7d;margin:0 0 24px}
.db-home-rebuild .db-grade-board__tiles{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
.db-home-rebuild .db-grade-tile{grid-column:span 2;display:flex;align-items:flex-start;justify-content:space-between;text-decoration:none;padding:18px 14px;border-radius:18px;color:#14434c;min-height:100px;transition:transform .2s,box-shadow .2s}
.db-home-rebuild .db-grade-tile:nth-child(n+4){grid-column:span 3}
.db-home-rebuild .db-grade-tile strong{font-size:36px;line-height:1}
.db-home-rebuild .db-grade-tile small{display:block;font-size:12px;margin-top:9px;font-weight:700}
.db-home-rebuild .db-grade-tile>span{font-size:18px;opacity:.65}
.db-home-rebuild .db-grade-tile--4{background:#d5f0eb}.db-home-rebuild .db-grade-tile--5{background:#fff0bd}.db-home-rebuild .db-grade-tile--6{background:#e9e0f9}.db-home-rebuild .db-grade-tile--7{background:#ffe2d7}.db-home-rebuild .db-grade-tile--8{background:#dcecf8}
.db-home-rebuild .db-grade-tile:hover{transform:translateY(-4px);box-shadow:0 8px 18px #163b4915}
.db-home-rebuild .db-grade-board__note{display:flex;align-items:center;gap:14px;border-top:1px solid #e6ede6;margin-top:22px;padding-top:20px}
.db-home-rebuild .db-grade-board__note>span{font-size:25px;color:#0b9192;background:#edf7f3;width:48px;height:48px;display:grid;place-items:center;border-radius:14px}
.db-home-rebuild .db-grade-board__note p{font-size:12px;line-height:1.7;color:#6d8580;margin:0}
.db-home-rebuild .db-grade-board__note strong{color:#245157}
.db-home-rebuild .db-new-shortcuts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-top:52px;background:#fff;border:1px solid #dfe8df;border-bottom:0;border-radius:22px 22px 0 0;overflow:hidden}
.db-home-rebuild .db-new-shortcuts>a{display:flex;align-items:center;gap:16px;padding:22px 24px;text-decoration:none;color:#183f48;border-right:1px solid #e5ece5}
.db-home-rebuild .db-new-shortcuts>a:last-child{border-right:0}
.db-home-rebuild .db-new-shortcuts__icon{display:grid;place-items:center;width:48px;height:48px;flex-shrink:0;background:#def2ec;color:#087f88;border-radius:15px;font-size:24px}
.db-home-rebuild .db-new-shortcuts>a:nth-child(2) .db-new-shortcuts__icon{background:#fff0bb;color:#80601a}
.db-home-rebuild .db-new-shortcuts>a:nth-child(3) .db-new-shortcuts__icon{background:#ece2fb;color:#6d48a3}
.db-home-rebuild .db-new-shortcuts p{margin:0;display:grid;gap:5px;min-width:0}
.db-home-rebuild .db-new-shortcuts strong{font-size:17px}
.db-home-rebuild .db-new-shortcuts small{font-size:12px;color:#708582}
.db-home-rebuild .db-new-shortcuts b{margin-left:auto;color:#0a8890}
.db-home-rebuild .dbby-promo{margin:50px auto}
.db-home-rebuild .dbby-promo__stage{background:radial-gradient(ellipse at 90% 45%,#167979,transparent 55%),#103e4b;border:0;box-shadow:0 18px 36px #153f491a}
.db-home-rebuild .dbby-promo #dbby-promo-title{color:#fff;font-size:clamp(32px,3.3vw,46px)}
.db-home-rebuild .dbby-promo #dbby-promo-title strong{color:#ffdc70}
.db-home-rebuild .dbby-promo .dbby-promo__eyebrow{color:#8fddd4}
.db-home-rebuild .dbby-promo .dbby-promo__text,.db-home-rebuild .dbby-promo__actions>span{color:#c8e4e3}
.db-home-rebuild .dbby-promo__cta{background:#ffdc70;color:#153f49;border-color:#ffdc70}
.db-home-rebuild .dbby-promo__features{border-color:#ffffff20}
.db-home-rebuild .dbby-promo__features li{background:#ffffff10;color:#daf0eb;border-color:#ffffff1a}
.db-home-rebuild .dbby-promo__halo{background:radial-gradient(circle,#3d969165,#3d969100);border-color:#ffffff15}
.db-home-rebuild .db-home-finder{margin-top:0;border-radius:26px;border-color:#e0e8df;box-shadow:0 10px 26px #1d493508}
.db-home-rebuild .db-home-feed{background:#f0f6ef;margin-top:46px;border-top:1px solid #e2ebe0;border-bottom:1px solid #e2ebe0}
.db-home-rebuild .db-home-feed__heading h2{font-size:clamp(28px,3vw,38px)}
.db-home-rebuild .db-home-feed .db-content-card{box-shadow:none;border:1px solid #dce6da}
.db-home-rebuild .db-home-feed .db-content-card__media{background:#fffef9}
.db-home-rebuild .db-home-paths .db-container{background:transparent;box-shadow:none;border:0;padding:0}
.db-home-rebuild .db-home-paths .db-type-grid{gap:14px}
.db-home-rebuild .db-home-paths .db-type-card{border:1px solid #e0e8dd;border-radius:22px;background:#fff;min-height:145px;box-shadow:none}
.db-home-rebuild .db-home-paths .db-type-card:hover{border-color:#0d9393}
.db-home-rebuild .db-home-community{padding-top:12px}
.db-home-rebuild .db-home-community__grid{background:#f3eadb;border:0;box-shadow:none}
.db-home-rebuild .db-home-community h2{font-size:clamp(28px,3vw,40px)}
.db-home-rebuild .db-mobile-jump-nav{display:none}
@media(max-width:1000px){.db-home-rebuild .db-new-hero__grid{gap:30px}.db-home-rebuild .db-grade-board{padding:24px}.db-home-rebuild .db-new-shortcuts>a{padding:18px 14px;gap:10px}.db-home-rebuild .db-new-shortcuts strong{font-size:15px}}
@media(max-width:767px){.db-home-rebuild .db-new-hero{padding-top:32px}.db-home-rebuild .db-new-hero__grid{grid-template-columns:1fr;gap:32px}.db-home-rebuild .db-new-hero h1{font-size:52px}.db-home-rebuild .db-new-hero__lead{font-size:16px}.db-home-rebuild .db-grade-board{box-shadow:6px 8px 0 #e3eee3;border-radius:24px}.db-home-rebuild .db-grade-board h2{font-size:30px}.db-home-rebuild .db-grade-board h2 br{display:none}.db-home-rebuild .db-new-shortcuts{grid-template-columns:1fr;margin-top:34px;border-radius:20px}.db-home-rebuild .db-new-shortcuts>a{padding:16px 20px;border-right:0;border-bottom:1px solid #e5ece5}.db-home-rebuild .db-new-shortcuts>a:last-child{border-bottom:0}.db-home-rebuild .dbby-promo{margin:32px auto}.db-home-rebuild .db-home-feed{margin-top:30px}.db-home-rebuild .db-home-paths .db-type-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.db-home-rebuild .db-new-hero__tag{font-size:10px;letter-spacing:.04em}.db-home-rebuild .db-new-hero__count{line-height:1.8;max-width:300px}}
@media(prefers-reduced-motion:reduce){.db-home-rebuild .db-grade-tile{transition:none}.db-home-rebuild .db-grade-tile:hover{transform:none}}

/* Academic homepage 4.9.0: content discovery before promotion. */
.db-home-academic{background:#fff;color:#173d4a}
.db-home-academic .db-container{max-width:1240px}
.db-home-academic .db-academic-intro{background:#f1f7f8;border-bottom:1px solid #dce7ea;padding:34px 0 24px}
.db-academic-intro__heading{display:flex;justify-content:space-between;gap:30px;align-items:center;margin-bottom:22px}
.db-home-academic .db-academic-intro .db-eyebrow{font-size:10px;letter-spacing:.1em;color:#087d8c;margin:0 0 10px}
.db-home-academic .db-academic-intro h1{font-size:clamp(26px,2.6vw,36px);line-height:1.25;letter-spacing:-.035em;margin:0 0 10px;color:#173d4a}
.db-home-academic .db-academic-intro__heading p:not(.db-eyebrow){font-size:14px;color:#58717d;line-height:1.6;margin:0}
.db-academic-total{display:grid;gap:4px;padding-left:30px;border-left:1px solid #cbdce1;flex-shrink:0}
.db-academic-total strong{font-size:30px;color:#087e8d;line-height:1.1}.db-academic-total span{font-size:12px;color:#58717d}.db-academic-total a{font-size:12px;color:#087e8d;font-weight:750;text-decoration:none;margin-top:6px}
.db-academic-search>label{display:block;font-size:12px;font-weight:750;color:#204d5b;margin-bottom:8px}
.db-academic-search>div{display:flex;align-items:center;gap:12px;border:1px solid #a9c7ce;border-radius:10px;background:#fff;padding:6px 6px 6px 16px;box-shadow:0 3px 12px #1b526a05}
.db-academic-search>div>span{color:#078493;font-size:28px;line-height:1}
.db-home-academic .db-academic-search input{border:0;box-shadow:none;background:transparent;padding:8px 0;min-height:40px;font-size:15px;flex:1;min-width:0;width:auto}
.db-home-academic .db-academic-search input:focus{outline:0}
.db-home-academic .db-academic-search>div:focus-within{outline:2px solid #087e8d;outline-offset:2px}
.db-home-academic .db-academic-search button{background:#087e8d;color:#fff;border:0;min-height:42px;border-radius:7px;padding:10px 28px}
.db-academic-grades{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:14px;font-size:12px}
.db-academic-grades>span{color:#59727c;margin-right:4px}
.db-academic-grades a{background:#fff;border:1px solid #ccdde2;border-radius:6px;padding:6px 13px;text-decoration:none;color:#244f5c;font-weight:700}
.db-academic-grades a:hover{background:#e0f0f2;border-color:#087e8d}
.db-home-academic .db-home-finder{margin:22px auto 0;padding:20px 24px;border-radius:12px;border:1px solid #d4e3e8;box-shadow:none;scroll-margin-top:90px}
.db-home-academic .db-curriculum-browser{padding:0;border:0;margin:0;background:transparent;box-shadow:none}
.db-home-academic .db-curriculum-browser>header{display:flex;align-items:center;gap:14px;margin:0 0 15px;flex-wrap:wrap}
.db-home-academic .db-curriculum-browser>header .db-eyebrow{display:none}
.db-home-academic .db-curriculum-browser>header h2{font-size:19px;margin:0;letter-spacing:-.02em}
.db-home-academic .db-curriculum-browser>header>span{font-size:12px;color:#64808c}
.db-home-academic .db-curriculum-steps{gap:14px}
.db-home-academic .db-curriculum-steps>label{background:transparent;padding:0;border-radius:0}
.db-home-academic .db-curriculum-steps>label>span{font-size:12px;margin-bottom:6px}
.db-home-academic .db-curriculum-steps select{min-height:42px;border-radius:7px;background:#fff;font-size:14px}
.db-home-academic .db-curriculum-browser footer{margin-top:12px;gap:10px}
.db-home-academic .db-curriculum-browser footer p{font-size:11px;margin:0}
.db-home-academic .db-curriculum-browser footer button{min-height:38px;border-radius:7px;padding:9px 18px;font-size:12px}
.db-home-academic>.db-section{padding:30px 0}
.db-home-academic .db-section-heading{margin-bottom:16px;align-items:center}
.db-home-academic .db-section-heading .db-eyebrow{display:none}
.db-home-academic .db-section-heading h2,.db-home-academic .db-home-feed__heading h2{font-size:23px;letter-spacing:-.025em;margin:0 0 6px}
.db-home-academic .db-section-heading>p,.db-home-academic .db-home-feed__heading>div>p:last-child{font-size:13px;color:#637c88;margin:0}
.db-home-academic .db-home-paths .db-container{border:0;box-shadow:none;padding:0;background:transparent;border-radius:0}
.db-home-academic .db-type-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.db-home-academic .db-type-card{display:grid;grid-template-columns:36px 1fr;column-gap:10px;padding:14px;border-radius:9px;min-height:76px;border:1px solid #dce7eb;box-shadow:none;background:#fff;align-content:center}
.db-home-academic .db-type-card>span{grid-row:span 2;background:#e8f3f5!important;color:#087e8d!important;width:36px;height:36px;border-radius:8px;font-size:19px}
.db-home-academic .db-type-card>strong{font-size:13px;align-self:end}
.db-home-academic .db-type-card>small{font-size:11px;margin:3px 0 0;color:#6a7e88}
.db-home-academic .db-type-card:hover{border-color:#087e8d;transform:none;background:#f6fafb}
.db-home-academic .db-home-feed{background:#f7f9fa;border-block:1px solid #e1e9ec}
.db-home-academic .db-home-feed__heading{margin-bottom:18px}
.db-home-academic .db-home-feed__heading .db-eyebrow{font-size:10px;margin:0 0 6px}
.db-home-academic .db-home-feed__heading .db-button{border-radius:7px;font-size:12px;min-height:38px;padding:9px 15px}
.db-home-academic .db-home-feed .db-content-results-count{display:none}
.db-home-academic .db-home-feed .db-content-grid{gap:18px}
.db-home-academic .db-content-card{border:1px solid #dce6eb;border-radius:10px;box-shadow:none}
.db-home-academic .db-home-feed .db-content-card__media{height:190px;aspect-ratio:auto;background:#edf2f4}
.db-home-academic .db-home-feed .db-content-card__media img{height:100%;width:100%;object-fit:contain;padding:12px}
.db-home-academic .db-home-feed .db-content-card h2{font-size:17px;line-height:1.4;letter-spacing:-.02em}
.db-home-academic .db-home-feed .db-content-card p{font-size:13px;line-height:1.55}
.db-home-academic .db-home-feed__footer{background:#edf4f6;border-radius:8px;box-shadow:none;margin-top:20px;padding:15px}
.db-home-academic .dbby-promo{width:min(1240px,calc(100% - 48px));margin:30px auto}
.db-home-academic .dbby-promo__stage{border-radius:14px;background:#eaf4f5;border:1px solid #d6e7eb;box-shadow:none;grid-template-columns:minmax(0,1.6fr) minmax(180px,.6fr)}
.db-home-academic .dbby-promo__copy{padding:25px 0 25px 28px}
.db-home-academic .dbby-promo #dbby-promo-title{font-size:29px;line-height:1.2}
.db-home-academic .dbby-promo #dbby-promo-title br{display:none}
.db-home-academic .dbby-promo__text{font-size:13px;margin-block:12px}
.db-home-academic .dbby-promo__cta{font-size:13px;min-height:40px;border-radius:7px;padding:10px 20px}
.db-home-academic .dbby-promo__visual{min-height:230px}
.db-home-academic .dbby-promo__visual img{height:220px;width:auto;max-height:220px}
.db-home-academic .dbby-promo__ticket{display:none}
.db-home-academic .dbby-promo__halo{width:200px;height:200px}
.db-home-academic .dbby-promo__features{margin-top:14px;padding-top:12px}
.db-home-academic .dbby-promo__features li{font-size:10px}
.db-home-academic .db-learning-home{margin-block:22px}
.db-home-academic .db-home-community__grid{background:#f3f7f8;border-radius:12px;box-shadow:none;padding:28px;border:1px solid #e0e9ed}
.db-home-academic .db-home-community h2{font-size:25px}
.db-home-academic .db-home-community__copy>p{font-size:14px;line-height:1.7}
.db-home-academic .db-trust-strip{padding:22px 0}
.db-home-academic .db-trust-strip .db-container{box-shadow:none;border-radius:10px;border:1px solid #e1e9ed}
@media(max-width:1000px){.db-home-academic .db-type-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:767px){.db-home-academic .db-academic-intro{padding:24px 0 18px}.db-academic-intro__heading{display:block;margin-bottom:18px}.db-home-academic .db-academic-intro h1{font-size:27px}.db-home-academic .db-academic-intro h1 br{display:none}.db-academic-total{display:flex;align-items:center;gap:8px;border:0;padding:0;margin-top:14px;flex-wrap:wrap}.db-academic-total strong{font-size:19px}.db-academic-total a{margin:0 0 0 auto}.db-home-academic .db-academic-search button{padding:10px 15px}.db-home-academic .db-academic-search input{font-size:13px}.db-academic-grades{gap:6px}.db-academic-grades>span{width:100%}.db-academic-grades a{padding:6px 10px}.db-home-academic .db-home-finder{padding:18px;margin-top:16px;width:calc(100% - 32px)}.db-home-academic .db-curriculum-browser>header{gap:7px}.db-home-academic .db-curriculum-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.db-home-academic .db-curriculum-browser footer{flex-direction:column;align-items:stretch}.db-home-academic .db-curriculum-browser footer button{width:100%}.db-home-academic .db-type-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.db-home-academic .db-type-card{padding:12px;column-gap:8px}.db-home-academic .db-home-paths .db-container{width:calc(100% - 32px)}.db-home-academic .db-section-heading{display:block}.db-home-academic .db-home-feed__heading h2{font-size:23px}.db-home-academic .dbby-promo{width:calc(100% - 32px)}.db-home-academic .dbby-promo__stage{grid-template-columns:1fr}.db-home-academic .dbby-promo__copy{padding:22px}.db-home-academic .dbby-promo__visual{display:none}.db-home-academic .db-home-community__grid{padding:22px}}

.db-home-academic .db-curriculum-browser>header>p{display:none}
@media(max-width:767px){.db-home-academic .db-academic-intro{padding-top:18px}.db-home-academic .db-academic-intro h1{font-size:22px;line-height:1.2}.db-home-academic .db-academic-intro h1 br{display:initial}.db-home-academic .db-academic-intro__heading{margin-bottom:12px}.db-home-academic .db-curriculum-browser>header{display:block;margin-bottom:12px}.db-home-academic .db-curriculum-browser>header h2{font-size:17px}.db-home-academic .db-curriculum-browser>header>span{display:none}.db-home-academic .db-curriculum-steps>label>span b{display:none}.db-home-academic .db-curriculum-steps>label>span{margin-bottom:5px}.db-home-academic .db-curriculum-browser footer>p{display:none}.db-home-academic .db-home-finder{padding:16px}.db-home-academic .db-curriculum-browser footer{margin-top:12px}}
@media(max-width:767px){body.home #db-smart-guide-bubble{display:none!important}}
/* Homepage trust strip: readable on the white background. */
.db-home-refresh .db-trust-strip strong{color:#123d4b;font-size:15px;line-height:1.4}
.db-home-refresh .db-trust-strip small{color:#496572;font-size:13px;line-height:1.5}
.db-home-refresh .db-trust-strip span{background:#e1f2f3;color:#087d8d}

/* Din Bilgesi 4.10: education-first homepage, isolated from other pages. */
.db-home-campus{background:#fff;color:#103b4b}
.db-home-campus .db-container{max-width:1320px}
.db-home-campus :is(.db-campus-inventory,.db-campus-grade,.db-campus-type,.db-campus-video-art,.db-campus-video-card) svg{fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
body.home .db-smart-guide{display:none}
.db-campus-symbols{position:absolute;overflow:hidden;pointer-events:none}
.db-home-campus :is(a,button,input,select):focus-visible{outline:3px solid #edb82d;outline-offset:4px}
.db-home-campus [id]{scroll-margin-top:112px}
.db-campus-hero{background:radial-gradient(ellipse at 20% 100%,#1caaac55,transparent 55%),linear-gradient(110deg,#08394a 0%,#09687b 60%,#0b8d92 100%);padding:48px 0 40px;position:relative;overflow:hidden}
.db-campus-hero:before{content:"";position:absolute;right:-130px;top:-180px;width:600px;height:600px;border:1px solid #ffffff20;border-radius:50%;box-shadow:0 0 0 80px #ffffff05,0 0 0 160px #ffffff04;pointer-events:none}
.db-campus-hero__grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);gap:56px;align-items:center;position:relative}
.db-campus-intro{min-width:0;color:#fff;position:relative}
.db-home-campus .db-campus-kicker{display:inline-flex;align-items:center;gap:8px;background:#ffffff13;border:1px solid #ffffff30;border-radius:99px;padding:8px 14px;font-size:11px;font-weight:800;letter-spacing:.09em;color:#e1fcfc;margin:0 0 20px}
.db-campus-kicker span{color:#ffd455}
.db-home-campus .db-campus-intro h1{font-size:clamp(40px,4.05vw,60px);line-height:1.06;letter-spacing:-.045em;font-weight:850;color:#fff;margin:0 0 20px}
.db-campus-intro h1>span{color:#ffda59}
.db-home-campus .db-campus-lead{max-width:510px;color:#d7f0f1;font-size:17px;line-height:1.65;margin:0 0 22px}
.db-campus-hero__buttons{display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.db-campus-hero__buttons .db-button{background:#ffd251;color:#10384a;min-height:48px;border-radius:12px;padding:13px 20px;font-weight:800}
.db-campus-white-link{color:#fff;text-decoration:none;font-size:14px;font-weight:750;padding:12px 0}
.db-campus-white-link:hover{text-decoration:underline;color:#ffda59}
.db-campus-learning-scene{position:relative;min-height:135px;margin-top:28px;padding-right:190px}
.db-campus-inventory strong{display:flex;align-items:center;gap:10px;font-size:32px;line-height:1.2;color:#fff}
.db-campus-inventory strong>span{font-size:12px;font-weight:650;max-width:55px;line-height:1.4;color:#caf3f0}
.db-home-campus .db-campus-inventory p{color:#caf3f0;font-size:12px;margin:7px 0 14px}
.db-campus-inventory a{display:inline-flex;align-items:center;gap:8px;background:#ffffff14;border:1px solid #ffffff30;color:#fff;padding:8px 10px;border-radius:8px;text-decoration:none;font-size:12px;font-weight:700}
.db-campus-inventory a svg{width:19px;height:19px}
.db-campus-bilge{position:absolute;right:12px;bottom:-18px;width:150px;height:190px;object-fit:contain;object-position:bottom;filter:drop-shadow(0 8px 12px #002e4d33);z-index:2}
.db-campus-books{position:absolute;right:120px;bottom:10px;width:80px;height:80px;transform:rotate(-9deg)}
.db-campus-books i{display:block;background:#ffda59;height:15px;width:78px;border-radius:3px 7px 7px 3px;border-left:7px solid #dfa930;margin:4px 0;box-shadow:inset 0 -4px #ffffff66}
.db-campus-books i:nth-child(2){background:#71dde1;border-color:#27a9b8;width:65px}
.db-campus-books i:nth-child(3){background:#ea926c;border-color:#bd614a;width:83px}
.db-campus-books span{position:absolute;bottom:67px;left:-12px;background:#fff9df;border-radius:9px;padding:6px 10px;color:#164453;white-space:nowrap;font-size:11px;font-weight:800;transform:rotate(9deg)}
.db-campus-finder{background:#fff;border-radius:24px;padding:27px 30px;box-shadow:0 22px 50px #002e4933;border-top:5px solid #ffd251;color:#153d4b;min-width:0}
.db-campus-finder__top{display:flex;gap:12px;align-items:center;margin-bottom:22px}
.db-campus-finder__top>span{display:grid;place-items:center;width:46px;height:46px;flex-shrink:0;background:#e4f7f5;border-radius:14px;color:#087e8b;font-size:32px}
.db-home-campus .db-campus-finder__top p{font-size:10px;letter-spacing:.1em;font-weight:800;color:#08798a;margin:0 0 3px}
.db-home-campus .db-campus-finder__top h2{font-size:25px;letter-spacing:-.03em;line-height:1.2;margin:0;color:#123c4b}
.db-campus-search label{display:block;font-weight:750;font-size:13px;margin-bottom:8px;color:#173e4c}
.db-campus-search>div{display:flex;gap:8px}
.db-home-campus .db-campus-search input{min-width:0;flex:1;border:1px solid #c5dce1;border-radius:10px;background:#f8fbfc;padding:12px 13px;min-height:48px;color:#153d4b;font-size:14px}
.db-campus-search button{border:0;background:#087f91;color:#fff;font:inherit;font-size:13px;font-weight:800;border-radius:10px;padding:12px 18px;cursor:pointer;white-space:nowrap}
.db-campus-divider{display:flex;align-items:center;gap:12px;font-size:11px;color:#5c7882;margin:21px 0 16px}
.db-campus-divider:before,.db-campus-divider:after{content:"";height:1px;background:#dbe8eb;flex:1}
.db-home-campus .db-campus-finder .db-curriculum-browser{background:transparent;border:0;border-radius:0;box-shadow:none;margin:0;padding:0}
.db-campus-finder .db-curriculum-browser>header{display:none}
.db-home-campus .db-campus-finder .db-curriculum-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin:0}
.db-home-campus .db-campus-finder .db-curriculum-steps label{background:transparent;padding:0;border-radius:0;gap:7px}
.db-home-campus .db-campus-finder .db-curriculum-steps label>span{font-size:13px;gap:7px}
.db-home-campus .db-campus-finder .db-curriculum-steps b{width:20px;height:20px;font-size:10px;border-radius:6px;background:#e3f3f2;color:#087d88}
.db-home-campus .db-campus-finder .db-curriculum-steps select{font-size:13px;min-height:46px;background:#f8fbfc;border:1px solid #c5dce1;border-radius:10px;padding:10px;width:100%;text-overflow:ellipsis}
.db-home-campus .db-campus-finder .db-curriculum-browser footer{display:flex;flex-direction:column;align-items:stretch;gap:12px;margin-top:17px}
.db-home-campus .db-campus-finder .db-curriculum-browser footer p{font-size:11px;line-height:1.5;min-height:17px;color:#546e78}
.db-home-campus .db-campus-finder .db-curriculum-browser button{width:100%;background:#ffd251;color:#103c4a;font-size:14px;min-height:48px;border-radius:10px;font-weight:800}
.db-campus-section{padding:46px 0}
.db-campus-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:24px}
.db-home-campus .db-campus-eyebrow{font-size:10px;letter-spacing:.13em;font-weight:800;color:#087f91;margin:0 0 7px}
.db-home-campus .db-campus-heading h2{margin:0;font-size:clamp(26px,2.5vw,34px);letter-spacing:-.035em;line-height:1.2;color:#113b4a}
.db-campus-heading>a{color:#087789;font-size:13px;font-weight:800;text-decoration:none;flex-shrink:0}
.db-home-campus .db-campus-heading>p{margin:0;color:#57717b;font-size:14px;line-height:1.6}
.db-campus-grade-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:15px}
.db-campus-grade{position:relative;overflow:hidden;display:flex;flex-direction:column;border-radius:18px;padding:23px 21px;background:#e4f6f4;border:1px solid #c8e8e5;text-decoration:none;color:#0d6574;transition:transform .18s,box-shadow .18s;min-width:0}
.db-campus-grade:hover{transform:translateY(-5px);box-shadow:0 10px 25px #113d4b15}
.db-campus-grade--1{background:#fff4cb;border-color:#f5df93;color:#885c07}
.db-campus-grade--2{background:#ede6fc;border-color:#d6c8f0;color:#65439b}
.db-campus-grade--3{background:#e2efff;border-color:#c5ddf4;color:#28649b}
.db-campus-grade--4{background:#ffebe2;border-color:#f4d1be;color:#a85335}
.db-campus-grade__number{display:flex;align-items:baseline;gap:4px;font-size:56px;line-height:1;font-weight:850;letter-spacing:-.06em;margin-bottom:12px;position:relative;z-index:1}
.db-campus-grade__number small{font-size:19px;font-weight:800;letter-spacing:-.02em}
.db-campus-grade>svg{position:absolute;right:-8px;top:12px;opacity:.09;width:100px;height:100px;transform:rotate(-14deg)}
.db-campus-grade>strong{font-size:12px;line-height:1.4;font-weight:700}
.db-campus-grade__link{display:flex;justify-content:space-between;align-items:center;gap:8px;border-top:1px solid #183d4b18;margin-top:20px;padding-top:12px;font-size:12px;font-weight:800}
.db-campus-grade__link b{font-size:20px}
.db-campus-materials{background:#f4fafb;border-block:1px solid #dfedef}
.db-campus-type-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.db-campus-type{display:flex;align-items:center;gap:17px;padding:22px;background:#fff;border:1px solid #d7e7ea;border-radius:18px;text-decoration:none;color:#153d4b;min-width:0;transition:transform .18s,box-shadow .18s}
.db-campus-type:hover{transform:translateY(-3px);box-shadow:0 10px 24px #0d536c10}
.db-campus-type__icon{background:#d9f3ee;color:#087d88;width:76px;height:80px;border-radius:16px;display:grid;place-items:center;flex-shrink:0;transform:rotate(-4deg)}
.db-campus-type__icon svg{width:43px;height:43px;transform:rotate(4deg)}
.db-campus-type--gold .db-campus-type__icon{background:#fff0bc;color:#a4760f}
.db-campus-type--coral .db-campus-type__icon{background:#ffe2d7;color:#be644b}
.db-campus-type--blue .db-campus-type__icon{background:#dfecff;color:#3778ba}
.db-campus-type--purple .db-campus-type__icon{background:#ebe0ff;color:#7951bd}
.db-campus-type--video .db-campus-type__icon{background:#d7f3f5;color:#0c889c}
.db-home-campus .db-campus-type h3{font-size:18px;line-height:1.3;letter-spacing:-.02em;margin:0 0 5px}
.db-home-campus .db-campus-type p{color:#5a737d;font-size:12px;margin:0 0 8px;line-height:1.4}
.db-campus-type small{color:#087b8b;background:#edf7f7;font-size:10px;font-weight:800;border-radius:6px;padding:4px 7px;display:inline-block}
.db-campus-type--video small{background:#fff0bc;color:#8a620d}
.db-campus-type>b{margin-left:auto;align-self:flex-start;color:#5a7f89;font-size:19px}
.db-campus-video-soon{background:linear-gradient(120deg,#074b62,#078b9a);border-radius:26px;padding:38px 46px;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:54px;align-items:center;overflow:hidden;color:#fff}
.db-campus-video-art{background:#08374b;border:8px solid #b7eced;border-radius:20px;padding:20px;min-height:245px;position:relative;box-shadow:10px 12px 0 #ffd252;transform:rotate(-3deg);display:flex;align-items:center;justify-content:center;flex-direction:column}
.db-campus-video-art__note{font-size:10px;letter-spacing:.14em;color:#8cdbdf;position:absolute;left:18px;top:16px;font-weight:800}
.db-campus-video-art>svg{width:110px;height:110px;color:#ffd75b;margin:20px 0 12px;stroke-width:1.6!important}
.db-campus-video-art>div{display:flex;gap:6px;width:75%;align-items:center}
.db-campus-video-art i{display:block;background:#ffffff26;height:5px;border-radius:4px;flex:1}
.db-campus-video-art i:first-child{background:#57dae0;flex:3}
.db-campus-video-art__badge{position:absolute;right:-20px;bottom:-15px;background:#f5ffff;color:#086f81;font-size:12px;font-weight:800;padding:12px 18px;border-radius:12px;transform:rotate(3deg);box-shadow:0 3px 10px #032f4122}
.db-home-campus .db-campus-soon-label{display:inline-flex;gap:8px;align-items:center;background:#ffdc5b;color:#264757;font-size:10px;font-weight:850;letter-spacing:.08em;padding:6px 11px;border-radius:6px;margin:0 0 13px}
.db-home-campus .db-campus-video-copy h2{font-size:clamp(28px,3vw,42px);line-height:1.1;color:#fff;letter-spacing:-.04em;margin:0 0 15px}
.db-campus-video-copy h2 span{color:#ffd455}
.db-home-campus .db-campus-video-copy>p:not(.db-campus-soon-label){color:#d8f2f4;font-size:14px;line-height:1.7;margin:0 0 15px}
.db-campus-video-copy ul{list-style:none;padding:0;margin:0 0 15px;display:flex;gap:7px;flex-wrap:wrap}
.db-campus-video-copy li{background:#ffffff15;color:#fff;border-radius:7px;padding:6px 9px;font-size:10px;font-weight:700}
.db-campus-video-copy>small{display:block;color:#c5edf0;font-size:11px;line-height:1.5}
.db-campus-video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.db-campus-video-card{border:1px solid #d3e6ea;border-radius:18px;overflow:hidden;text-decoration:none;background:#fff;color:#133d4b}
.db-campus-video-card__screen{aspect-ratio:16/9;background:#0a6177;position:relative;display:grid;place-items:center;color:#ffda5a}
.db-campus-video-card__screen img{width:100%;height:100%;object-fit:cover}
.db-campus-video-card__screen svg{position:absolute;width:65px;height:65px;background:#083b50aa;padding:13px;border-radius:15px}
.db-campus-video-card>div:last-child{padding:20px}
.db-campus-video-card h3{font-size:19px;line-height:1.4;margin:7px 0 12px}
.db-campus-video-card small,.db-campus-video-card span{font-size:12px;color:#087b8d;font-weight:700}
.db-campus-latest{background:#fffaf0;border-block:1px solid #f2e6c9}
.db-campus-latest .db-content-results-count{display:none}
.db-home-campus .db-campus-latest .db-content-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-flow:row;grid-auto-columns:auto;gap:24px;overflow:visible;margin:0;padding:0}
.db-campus-latest .db-content-card{display:flex;flex-direction:column;min-width:0;border-radius:18px;border:1px solid #e2e6df;box-shadow:0 6px 15px #4b3d1105;overflow:hidden}
.db-home-campus .db-campus-latest .db-content-card__media{min-height:0;aspect-ratio:16/10;background:#f2f6f3;border-bottom:1px solid #e4ede6}
.db-campus-latest .db-content-card__media img{object-fit:contain;width:100%;height:100%;padding:12px}
.db-campus-latest .db-content-card__body{padding:20px;flex:1;display:flex;flex-direction:column}
.db-home-campus .db-campus-latest .db-content-card h2{font-size:19px;line-height:1.4;margin:13px 0 10px;letter-spacing:-.025em}
.db-campus-latest .db-content-card__body>p{font-size:13px;line-height:1.6;color:#56747f}
.db-campus-latest .db-content-card__terms{gap:5px}
.db-campus-latest .db-content-card__terms :is(a,span){font-size:10px}
.db-campus-latest .db-card-link{margin-top:auto;padding-top:15px}
.db-home-campus .dbby-promo{max-width:1320px;margin:12px auto 38px;width:calc(100% - 2 * var(--db-ui-gutter))}
.db-home-campus .dbby-promo__stage{min-height:0}
.db-home-campus .dbby-promo__copy{padding:30px}
.db-home-campus #dbby-promo-title{font-size:clamp(30px,3vw,44px)}
.db-home-campus #dbby-promo-title br{display:none}
.db-home-campus .dbby-promo__visual{min-height:300px}
.db-home-campus .dbby-promo__visual img{height:290px;max-height:290px;width:auto}
.db-home-campus .dbby-promo__ticket{display:none}
.db-home-campus .db-learning-home{margin-block:24px}
.db-campus-community__grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:60px;align-items:center}
.db-home-campus .db-campus-community h2{font-size:clamp(27px,3vw,39px);line-height:1.2;margin:0 0 15px;letter-spacing:-.03em}
.db-campus-community .db-campus-community__grid>div>p:not(.db-campus-eyebrow){font-size:15px;line-height:1.75;color:#526f7a;max-width:510px}
.db-campus-community__preview{background:#e7f6f4;border:1px solid #cce6e2;border-radius:23px;padding:27px 30px;position:relative;box-shadow:8px 8px 0 #fff0bf}
.db-campus-community__preview>span{position:absolute;right:25px;top:8px;font-size:110px;color:#bfdfda;line-height:1}
.db-home-campus .db-campus-community__preview>p{font-size:10px;letter-spacing:.1em;font-weight:800;color:#078191;margin:0 0 15px;position:relative}
.db-campus-community__preview>strong{font-size:21px;line-height:1.4;display:block;position:relative;max-width:90%}
.db-campus-community__preview>a{display:block;font-size:12px;font-weight:800;text-decoration:none;margin-top:19px;color:#07788b}
.db-campus-community__preview>small{display:block;font-size:11px;color:#517480;margin-top:17px;border-top:1px solid #cfe5e0;padding-top:13px}
.db-home-campus .db-trust-strip{background:#f4fafb;border-top:1px solid #e0edef;padding:26px 0}
.db-home-campus .db-trust-strip strong{color:#123d4b;font-size:15px;line-height:1.4}
.db-home-campus .db-trust-strip small{color:#496572;font-size:13px;line-height:1.5}
.db-home-campus .db-trust-strip span{background:#d7eeed;color:#087d8d}
@media(min-width:1600px){.db-campus-hero{padding-block:56px}.db-campus-hero__grid{gap:80px}}
@media(max-width:1100px){.db-campus-hero__grid{gap:30px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.db-campus-finder{padding:24px}.db-campus-type{padding:18px;gap:12px}.db-campus-type__icon{width:60px;height:68px}.db-campus-type h3{font-size:16px!important}.db-campus-grade{padding:20px 16px}.db-campus-video-soon{gap:35px;padding:32px}.db-campus-community__grid{gap:30px}}
@media(max-width:900px){.db-campus-hero__grid{grid-template-columns:1fr}.db-campus-intro{padding-right:200px}.db-campus-intro h1{font-size:49px!important}.db-campus-intro h1 br:last-child{display:none}.db-campus-learning-scene{margin-top:20px;min-height:105px;padding:0}.db-campus-bilge{right:-190px;width:185px;height:250px;bottom:0}.db-campus-books{right:-75px}.db-campus-finder{max-width:none}.db-campus-finder .db-curriculum-steps{grid-template-columns:repeat(4,minmax(0,1fr))!important}.db-campus-grade-grid{gap:10px}.db-campus-grade__number{font-size:44px}.db-campus-grade__number small{font-size:15px}.db-campus-grade__link{font-size:11px}.db-campus-type-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.db-campus-video-soon{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:28px}.db-campus-video-art{min-height:230px}.db-campus-latest .db-content-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.db-campus-video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.db-home-campus [id]{scroll-margin-top:85px}.db-campus-hero{padding:26px 0}.db-campus-hero__grid{gap:26px}.db-campus-intro{padding-right:0}.db-home-campus .db-campus-kicker{font-size:9px;padding:7px 10px;margin-bottom:16px;letter-spacing:.055em}.db-home-campus .db-campus-intro h1{font-size:40px!important;line-height:1.08;max-width:350px;margin-bottom:14px}.db-campus-intro h1 br:last-child{display:initial}.db-home-campus .db-campus-lead{font-size:14px;line-height:1.7;margin-bottom:16px}.db-campus-hero__buttons{gap:15px}.db-campus-hero__buttons .db-button{font-size:12px;min-height:44px;padding:11px 15px}.db-campus-white-link{font-size:12px}.db-campus-learning-scene{padding-right:110px;min-height:120px;margin-top:24px}.db-campus-inventory strong{font-size:27px}.db-campus-inventory strong>span{font-size:11px}.db-home-campus .db-campus-inventory p{font-size:10px}.db-campus-inventory a{font-size:10px;gap:5px;padding:7px}.db-campus-inventory a svg{width:16px;height:16px}.db-campus-bilge{right:0;bottom:-9px;width:115px;height:158px}.db-campus-books{right:70px;bottom:5px;transform:rotate(-9deg) scale(.7);transform-origin:right bottom}.db-campus-finder{padding:20px;border-radius:20px}.db-campus-finder__top{gap:10px;margin-bottom:18px}.db-home-campus .db-campus-finder__top h2{font-size:21px}.db-campus-finder__top>span{width:39px;height:39px;font-size:28px;border-radius:10px}.db-home-campus .db-campus-search input{font-size:13px;padding:10px;min-height:46px}.db-campus-search button{padding:10px 13px;font-size:12px}.db-campus-divider{margin:17px 0 15px}.db-home-campus .db-campus-finder .db-curriculum-steps{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:13px}.db-campus-section{padding:30px 0}.db-campus-heading{gap:12px;align-items:flex-start;flex-direction:column;margin-bottom:20px}.db-home-campus .db-campus-heading h2{font-size:26px}.db-home-campus .db-campus-eyebrow{font-size:9px;line-height:1.5;letter-spacing:.09em}.db-campus-heading>a{font-size:12px}.db-home-campus .db-campus-heading>p{font-size:12px}.db-campus-grade-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.db-campus-grade{padding:18px}.db-campus-grade:last-child{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;column-gap:15px;align-items:center}.db-campus-grade:last-child .db-campus-grade__number{grid-row:1/3;margin:0}.db-campus-grade:last-child .db-campus-grade__link{margin-top:8px;padding-top:9px}.db-campus-grade__number{font-size:48px}.db-campus-grade__number small{font-size:17px}.db-campus-grade__link{margin-top:15px;font-size:11px}.db-campus-type-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.db-campus-type{padding:17px 13px;display:block;position:relative}.db-campus-type__icon{width:56px;height:59px;margin-bottom:14px;border-radius:13px}.db-campus-type__icon svg{width:34px;height:34px}.db-home-campus .db-campus-type h3{font-size:16px!important;line-height:1.4}.db-home-campus .db-campus-type p{font-size:11px;min-height:30px}.db-campus-type>b{position:absolute;top:18px;right:13px}.db-campus-video-soon{grid-template-columns:1fr;padding:27px 23px;gap:36px;border-radius:20px}.db-campus-video-art{min-height:190px;max-width:300px;width:calc(100% - 10px);margin:auto;border-width:6px;padding:12px}.db-campus-video-art>svg{width:85px;height:85px}.db-campus-video-art__note{font-size:8px}.db-campus-video-art__badge{font-size:10px;right:-12px;padding:9px 12px}.db-home-campus .db-campus-video-copy h2{font-size:33px}.db-home-campus .db-campus-video-copy>p:not(.db-campus-soon-label){font-size:13px}.db-home-campus .db-campus-latest .db-content-grid,.db-campus-video-grid{grid-template-columns:minmax(0,1fr)!important;gap:18px}.db-home-campus .db-campus-latest .db-content-card__media{aspect-ratio:16/10}.db-campus-latest .db-content-card__body{padding:18px}.db-home-campus .db-campus-latest .db-content-card h2{font-size:18px}.db-home-campus .dbby-promo{margin:8px auto 26px}.db-home-campus .dbby-promo__copy{padding:24px}.db-home-campus #dbby-promo-title{font-size:30px}.db-home-campus .dbby-promo__visual{min-height:240px}.db-home-campus .dbby-promo__visual img{height:235px;max-height:235px}.db-campus-community__grid{grid-template-columns:1fr;gap:26px}.db-home-campus .db-campus-community h2{font-size:29px}.db-campus-community__preview{padding:23px}.db-campus-community__preview>strong{font-size:20px}.db-home-campus .db-trust-strip{padding:22px 0}.db-home-campus .db-trust-strip .db-container{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.db-home-campus .db-trust-strip strong{font-size:13px}.db-home-campus .db-trust-strip small{font-size:11px}}
@media(prefers-reduced-motion:reduce){.db-campus-grade,.db-campus-type{transition:none}.db-campus-grade:hover,.db-campus-type:hover{transform:none}}