/*
 * Yumurtalık Haber: arşivler, köşe yazıları listesi, yazar profili, arama, 404 ve varsayılan sayfa (Faz 2-D).
 * Figma: kategori 41:279/41:571 · köşe yazıları 42:2/42:311 · yazar 44:2/44:257 · arama 45:2/45:279 · 404 50:2/50:168.
 * assets.php bu dosyayı arşiv, arama ve 404'te yükler. Yalnızca token kullanır (DESIGN.md §1); ham hex yok.
 *
 * İçindekiler
 *  1. Sayfa başlığı bloğu          6. Yazar profili
 *  2. Arşiv gövdesi                7. Arama
 *  3. Öne çıkan kart, liste        8. Boş durum
 *  4. Köşe yazıları: Yazarlarımız  9. 404
 *  5. Köşe yazıları: Son Yazılar  10. Varsayılan sayfa (page.php)
 *
 * NOT: page.php stilleri (10) yalnızca assets.php koşulu `is_page() && ! is_page_template()` için archive.css'i de
 * kuyruğa alırsa yüklenir; yüklenmese de sayfa main.css'in .entry-content / .layout kurallarıyla düzgün görünür.
 */

/* ==========================================================================
   1. Sayfa başlığı bloğu (Figma "Kategori Başlığı" 41:356: pad 28/32, konum + 3 px alt çizgili başlık)
   ========================================================================== */

.page-hero {
	padding-top: 28px;
	padding-bottom: 32px;
}

.page-hero .breadcrumbs {
	margin-bottom: 10px;
}

.page-hero__row {
	display: flex;
	flex-direction: column;
	gap: 6px;
	padding: 8px 0 20px;
	border-bottom: 3px solid var(--c-ink);
}

.page-hero__title {
	color: var(--c-text);
	font: 700 clamp(36px, calc(36px + 16 * var(--k)), 52px) / clamp(42px, calc(42px + 18 * var(--k)), 60px) var(--f-serif);
}

/* Köşe Yazıları: mobilde 34/40 */
.page-hero__title--kose {
	font-size: clamp(34px, calc(34px + 18 * var(--k)), 52px);
	line-height: clamp(40px, calc(40px + 20 * var(--k)), 60px);
}

.page-hero__desc {
	color: var(--c-text-2);
	font: 400 16px/19px var(--f-sans);
}

/* ==========================================================================
   2. Arşiv gövdesi (Figma "İçerik": üstte 8, altta 64)
   ========================================================================== */

.archive-body {
	padding-top: 8px;
	padding-bottom: 64px;
}

.archive-body--kose,
.archive-body--search {
	padding-top: 0;
}

.archive-body--author {
	padding-top: 48px;
}

/* ==========================================================================
   3. Öne çıkan kart (Figma "Öne Çıkan" 41:378) ve liste (Figma "Liste Haber" 41:386)
   ========================================================================== */

.card--featured {
	display: flex;
	flex-direction: column;
	gap: 14px;
}

.card--featured .card__media {
	--card-media-ratio: 790 / 420;
}

.card--featured .card__title {
	font: 700 clamp(22px, calc(22px + 10 * var(--k)), 32px) / clamp(29px, calc(29px + 12 * var(--k)), 41px) var(--f-serif);
}

.card--featured .card__excerpt {
	font: 400 16px/26px var(--f-sans);
}

/* ==========================================================================
   4. Köşe Yazıları: "Yazarlarımız" (Figma 42:87)
   ========================================================================== */

.authors {
	padding-top: 8px;
	padding-bottom: 48px;
}

.authors .section-title {
	gap: 14px;
	margin-bottom: 20px;
}

.authors__list {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 24px;
}

/* Etkin alan ≥ 24 px (satır içi dolgu; yerleşim değişmez) */
.authors__list .card-author__name a,
.authors__list .card-author__last a {
	padding-block: 4px;
}

/* Figma 42:92: ad / unvan / son yazı / düğme arası hep 14 (ortak varyant ad–unvan arasında 6 kullanıyor) */
.authors__list .card-author__who {
	gap: 14px;
}

/* ==========================================================================
   5. Köşe Yazıları: "Son Yazılar" (Figma 42:114) ve yazar profilindeki satırlar (Figma 44:111)
   ========================================================================== */

.column-grid__head {
	gap: 14px;
	margin-bottom: 20px;
}

.column-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 20px;
}

/* Figma'da alt satır (avatar + meta) özetin hemen altında akar; kart boyu satırdaki en uzun karta eşitlenir */
.column-grid .card--column .card__foot {
	margin-top: 0;
}

.card--column-media .card__media {
	align-self: stretch;
	aspect-ratio: 337 / 175;
}

.author-posts__head {
	gap: 14px;
	margin-bottom: 28px;
}

.section-title__count {
	flex: none;
	color: var(--c-muted);
	font: 400 13px/16px var(--f-sans);
	white-space: nowrap;
}

.column-rows {
	display: flex;
	flex-direction: column;
	gap: 28px;
}

.column-row {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 10px;
	padding-bottom: 24px;
	border-bottom: 1px solid var(--c-border);
}

.column-row__title {
	color: var(--c-text);
	font: 700 clamp(22px, calc(22px + 6 * var(--k)), 28px) / clamp(29px, calc(29px + 7 * var(--k)), 36px) var(--f-serif);
}

.column-row__title a {
	transition: color var(--dur-1) var(--ease-out);
}

.column-row__title a:hover {
	color: var(--c-brand);
}

.column-row__excerpt {
	color: var(--c-text-2);
	font: italic 400 clamp(15px, calc(15px + 2 * var(--k)), 17px) / clamp(24px, calc(24px + 4 * var(--k)), 28px) var(--f-serif);
}

.column-row__foot {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 6px 16px;
}

.column-row__more {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	/* Etkin alan 44 px yüksek; görünüm ve satır yüksekliği aynı (negatif kenar boşluğu) */
	margin-block: -14px;
	padding-block: 14px;
	color: var(--c-brand);
	font: 600 13px/16px var(--f-sans);
}

.column-row__more:hover {
	text-decoration: underline;
}

/* ==========================================================================
   6. Yazar profili (Figma 44:79 konum, 44:86 profil bandı)
   ========================================================================== */

.author-crumbs {
	padding-top: 28px;
	padding-bottom: 20px;
}

.author-hero {
	padding: 48px 0;
	background: var(--c-surface);
}

.author-hero__inner {
	display: flex;
	align-items: center;
	gap: 48px;
}

.author-hero .avatar-circle {
	flex: none;
}

.author-hero__text {
	display: flex;
	flex: 1;
	flex-direction: column;
	align-items: flex-start;
	gap: 12px;
	min-width: 0;
}

.author-hero__label {
	color: var(--c-brand);
	font: 600 11px/13px var(--f-sans);
	letter-spacing: .08em;
	text-transform: uppercase;
}

.author-hero__name {
	color: var(--c-text);
	font: 700 clamp(32px, calc(32px + 20 * var(--k)), 52px) / clamp(38px, calc(38px + 20 * var(--k)), 58px) var(--f-serif);
}

.author-hero__line {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 8px 16px;
	width: 100%;
}

.author-hero__title {
	color: var(--c-muted);
	font: 600 15px/18px var(--f-sans);
	letter-spacing: .1em;
	text-transform: uppercase;
}

.author-facts {
	display: grid;
	grid-template-columns: repeat(var(--cols, 4), minmax(0, 1fr));
	gap: 10px;
	width: 100%;
	margin: 0;
}

.author-facts__item {
	display: flex;
	flex-direction: column;
	gap: 4px;
	min-width: 0;
	padding: 12px 14px;
	border: 1px solid var(--c-border);
	background: var(--c-card);
}

.author-facts__label {
	color: var(--c-muted);
	font: 600 11px/13px var(--f-sans);
	letter-spacing: .08em;
	text-transform: uppercase;
}

.author-facts__value {
	margin: 0;
	color: var(--c-text);
	font: 600 15px/18px var(--f-sans);
	overflow-wrap: anywhere;
}

/* Biyografi (her yazarda, bilgi kutularının altında): ilk kısım + "Biyografinin tamamı" (details, JS yok) */
.author-bio {
	max-width: 760px;
	color: var(--c-text-2);
	font: 400 15px/24px var(--f-sans);
}

.author-bio__more summary {
	margin-block: -4px -14px; /* üst boşluk 10 px kalır; etkin alan 44 px */
	padding-block: 14px;
	color: var(--c-brand);
	font: 600 13px/16px var(--f-sans);
	cursor: pointer;
}

.author-bio__full p + p {
	margin-top: 12px;
}

.author-bio:has(details[open]) .author-bio__text {
	display: none;
}

.author-social {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-block: -7px; /* düğmeler unvan satırının yüksekliğini (18) büyütmesin: bant Figma'daki 282 px kalır */
	margin-left: auto;
}

.author-social__link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	border: 1px solid var(--c-border-strong);
	border-radius: 50%;
	background: var(--c-card);
	color: var(--c-text);
	transition:
		color var(--dur-1) var(--ease-out),
		border-color var(--dur-1) var(--ease-out),
		transform 160ms var(--ease-out);
}

.author-social__link:hover {
	border-color: var(--c-brand);
	color: var(--c-brand);
}

/* ==========================================================================
   7. Arama (Figma 45:79 başlık, 45:85 kutu, 45:94 süzgeç, 45:98 sonuç)
   ========================================================================== */

.search-hero {
	padding-top: 28px;
	padding-bottom: 36px;
}

.search-hero .breadcrumbs {
	margin-bottom: 18px;
}

.search-hero__title {
	margin-bottom: 18px;
	color: var(--c-text);
	font: 700 clamp(30px, calc(30px + 14 * var(--k)), 44px) / clamp(36px, calc(36px + 16 * var(--k)), 52px) var(--f-serif);
}

/* Başlığın son sözcükleri tek metindir; dar ekranda kısa hâli data-short'tan gelir (aşağıdaki mobil blok). */
.search-hero__tail::after {
	content: none;
}

/* Büyük arama kutusu (hap): lg = arama sayfası, sm = 404 ve boş durum */
.search-box {
	display: flex;
	align-items: center;
	gap: 12px;
	width: 100%;
	background: var(--c-bg);
	color: var(--c-muted);
}

.search-box--lg {
	max-width: 790px;
	min-height: 76px;
	padding: 0 8px 0 20px;
	border: 1.5px solid var(--c-ink);
	border-radius: var(--radius-pill);
}

.search-box--sm {
	max-width: 560px;
	min-height: 61px;
	padding: 0 6px 0 18px;
	border: 1px solid var(--c-border-input);
	border-radius: var(--radius-pill);
}

.search-box:focus-within {
	outline: 2px solid var(--c-brand);
	outline-offset: 2px;
}

.search-box__icon {
	flex: none;
}

.search-box__input {
	flex: 1;
	align-self: stretch; /* etkin alan kutunun tüm yüksekliği */
	min-width: 0;
	padding: 0;
	border: 0;
	background: transparent;
	color: var(--c-text);
	appearance: none;
}

.search-box--lg .search-box__input {
	font: 500 18px/22px var(--f-sans);
}

.search-box--sm .search-box__input {
	font: 400 15px/18px var(--f-sans);
}

.search-box__input::placeholder {
	color: var(--c-muted);
	opacity: 1;
}

.search-box__input:focus-visible {
	outline: none;
}

.search-box__input::-webkit-search-cancel-button,
.search-box__input::-webkit-search-decoration {
	display: none;
}

.search-box__btn {
	flex: none;
	border: 0;
	border-radius: var(--radius-pill);
	background: var(--c-ink);
	color: var(--c-on-ink);
	font: 600 14px/17px var(--f-sans);
	cursor: pointer;
	transition:
		opacity var(--dur-1) var(--ease-out),
		transform 160ms var(--ease-out);
}

.search-box__btn:hover {
	opacity: .88;
}

.search-box--lg .search-box__btn {
	padding: 12px 26px;
}

.search-box--sm .search-box__btn {
	padding: 9px 20px;
}

/* Süzgeç sekmeleri */
.search-tabs {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 16px;
	margin-bottom: 24px;
	padding-bottom: 12px;
	border-bottom: 1px solid var(--c-border);
}

.search-tabs__nav {
	display: flex;
	flex-wrap: wrap;
	gap: 6px 22px;
}

.search-tabs__link {
	color: var(--c-muted);
	font: 600 13px/16px var(--f-sans);
	letter-spacing: .06em;
	text-transform: uppercase;
	/* Sekme geçişi animasyonsuz (renk anında değişir); yalnızca basma geri bildirimi. Etkin alan ≥ 24 px */
	display: inline-block;
	margin-block: -4px;
	padding-block: 4px;
	transition: transform 160ms var(--ease-out);
}

.search-tabs__link:hover,
.search-tabs__link[aria-current="true"] {
	color: var(--c-text);
}

.search-tabs__count {
	flex: none;
	color: var(--c-muted);
	font: 400 13px/16px var(--f-sans);
	white-space: nowrap;
}

/* Sonuç satırları: görsel 240×150, gap 24; satır arası 24 + 1 px çizgi + 24 */
.search-list {
	display: flex;
	flex-direction: column;
	gap: 24px;
}

.search-list > .card + .card {
	padding-top: 24px;
	border-top: 1px solid var(--c-border);
}

.card--result {
	display: grid;
	grid-template-columns: 240px minmax(0, 1fr);
	align-items: start;
	gap: 24px;
}

.card--result.card--no-image {
	grid-template-columns: minmax(0, 1fr);
}

.card--result .card__media {
	aspect-ratio: 240 / 150;
}

.card--result .card__body {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 8px;
}

.card--result .card__title {
	font: 700 21px/28px var(--f-serif);
}

.card--result .card__excerpt {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	overflow: hidden;
	font: 400 14px/22px var(--f-sans);
}

/* Eşleşen sözcük: Figma'da yalnızca marka rengi */
.search-hit {
	background: none;
	color: var(--c-brand);
}

/* ==========================================================================
   8. Boş durum (Figma'da yok; --c-surface kutu + mevcut bileşenler)
   ========================================================================== */

.empty-state {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 14px;
	padding: 28px;
	border-radius: var(--radius-box);
	background: var(--c-surface);
}

.empty-state__title {
	color: var(--c-text);
	font: 700 22px/29px var(--f-serif);
}

.empty-state__hint {
	color: var(--c-text-2);
	font: 400 15px/24px var(--f-sans);
}

.empty-state__tips {
	display: flex;
	flex-direction: column;
	gap: 6px;
	padding-left: 20px;
	color: var(--c-text-2);
	font: 400 15px/24px var(--f-sans);
	list-style: disc;
}

.empty-state__tips a {
	color: var(--c-brand);
	text-decoration: underline;
	text-underline-offset: 2px;
}

.empty-state__search {
	width: 100%;
	max-width: 560px;
}

.chip-list {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.chip {
	display: inline-flex;
	padding: 8px 14px;
	border: 1px solid var(--c-border);
	border-radius: var(--radius-pill);
	background: var(--c-card);
	color: var(--c-text);
	font: 500 13px/16px var(--f-sans);
	transition:
		border-color var(--dur-1) var(--ease-out),
		transform 160ms var(--ease-out);
}

.chip:hover {
	border-color: var(--c-ink);
}

/* ==========================================================================
   9. 404 (Figma 50:79 hata alanı, 50:97 son haberler)
   ========================================================================== */

.error-hero {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 18px;
	padding-top: 72px;
	padding-bottom: 72px;
	text-align: center;
}

.error-hero__code {
	color: var(--c-navy);
	font: 700 clamp(120px, calc(120px + 80 * var(--k)), 200px) / clamp(120px, calc(120px + 80 * var(--k)), 200px) var(--f-serif);
}

html[data-theme="dark"] .error-hero__code {
	color: var(--c-text);
}

.error-hero__bar {
	width: 80px;
	height: 4px;
	background: var(--c-accent);
}

.error-hero__title {
	color: var(--c-text);
	font: 700 clamp(28px, calc(28px + 12 * var(--k)), 40px) / clamp(37px, calc(37px + 16 * var(--k)), 53px) var(--f-serif);
}

.error-hero__desc {
	color: var(--c-text-2);
	font: 400 clamp(15px, calc(15px + 3 * var(--k)), 18px) / clamp(18px, calc(18px + 4 * var(--k)), 22px) var(--f-sans);
}

.error-hero__actions {
	display: flex;
	align-items: flex-start;
	gap: 12px;
}

.error-hero__actions .btn {
	padding: 14px 26px;
	font: 600 14px/17px var(--f-sans);
}

.error-hero__search {
	width: 100%;
	max-width: 560px;
}

.browse {
	display: flex;
	flex-direction: column;
	gap: 22px;
	padding-bottom: 72px;
}

.browse__list {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 24px;
}

.card--browse {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.card--browse .card__body {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 10px;
}

.card--browse .card__title {
	font: 700 20px/27px var(--f-serif);
}

/* ==========================================================================
   10. Varsayılan sayfa (page.php): Künye düzeninden (Figma 47:79) sadeleştirilmiş başlık bandı
   ========================================================================== */

.page-band {
	padding: 32px 0 44px;
	background: var(--c-surface);
}

.page-band .breadcrumbs {
	margin-bottom: 16px;
}

.page-band__title {
	color: var(--c-text);
	font: 700 clamp(32px, calc(32px + 20 * var(--k)), 52px) / clamp(38px, calc(38px + 22 * var(--k)), 60px) var(--f-serif);
}

.page-body {
	padding-top: 48px;
	padding-bottom: 72px;
}

.page-body .entry-content > :first-child {
	margin-top: 0;
}

.page-body .entry-content h2 {
	font: 700 24px/32px var(--f-serif);
}

.page-body .entry-content h3 {
	font: 700 20px/27px var(--f-serif);
}

.page-body .entry-content h4 {
	font: 700 18px/24px var(--f-serif);
}

.page-body .entry-content table {
	width: 100%;
	border-collapse: collapse;
}

.page-body .entry-content th,
.page-body .entry-content td {
	padding: 8px 12px;
	border: 1px solid var(--c-border);
	text-align: left;
}

.page-links {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 24px;
}

/* ==========================================================================
   11. Hareket: görsel yakınlaşması ve basma geri bildirimi
   Süre/eğri main.css tokenlarından (--dur-*, --ease-out). Yakınlaşma yalnızca ince işaretçide (fare);
   dokunmatikte ve azaltılmış harekette yok.
   ========================================================================== */

.card--featured .card__media img,
.archive-list .card--list .card__media img,
.card--result .card__media img,
.card--browse .card__media img,
.card--column-media .card__media img {
	transition: transform var(--dur-3) var(--ease-out);
}

@media (hover: hover) and (pointer: fine) {
	:is(.card--featured, .archive-list .card--list, .card--result, .card--browse, .card--column-media):hover .card__media img {
		transform: scale(1.03);
	}
}

@media not all and (hover: hover) and (pointer: fine) {
	:is(.card--featured, .archive-list .card--list, .card--result, .card--browse, .card--column-media):hover .card__media img {
		transform: none;
	}
}

/* Düğmeler: opacity (hover) + transform (basma) ayrı geçişlerle */
.error-hero__actions .btn,
.authors__list .card-author__all,
.empty-state__home {
	transition:
		opacity var(--dur-1) var(--ease-out),
		transform 160ms var(--ease-out);
}

.search-box__btn:active,
.error-hero__actions .btn:active,
.authors__list .card-author__all:active,
.empty-state__home:active,
.search-tabs__link:active,
.chip:active,
.author-social__link:active {
	transform: scale(.97);
}

@media (prefers-reduced-motion: reduce) {
	:is(.card--featured, .archive-list .card--list, .card--result, .card--browse, .card--column-media):hover .card__media img {
		transform: none;
	}

	.search-box__btn:active,
	.error-hero__actions .btn:active,
	.authors__list .card-author__all:active,
	.empty-state__home:active,
	.search-tabs__link:active,
	.chip:active,
	.author-social__link:active {
		transform: none;
		opacity: .85;
	}
}

/* ==========================================================================
   12. Dokunma hedefleri (görünüm aynı; etkin alan masaüstünde ≥ 24, mobilde ≥ 44 px)
   Metin bağlantılarında dolgu + negatif kenar boşluğu: kutu büyür, yerleşim değişmez.
   Kategori etiketi yalnızca YUKARI büyür (altında hemen başlık bağlantısı var: çakışma olmasın);
   başlık bağlantısı yalnızca AŞAĞI büyür (üstünde etiket var).
   ========================================================================== */

.layout__main a.cat-label,
.browse a.cat-label {
	margin: -12px -4px 0;
	padding: 12px 4px 0;
}

/* ==========================================================================
   Duyarlı ayarlar (kırılımlar 1024 ve 768; main.css ile aynı)
   ========================================================================== */

@media (max-width: 767px) {
	/* Sayfa başlığı bloğu: Figma 41:614 (pad 20, boşluk 18, başlık altı 14) */
	.page-hero {
		padding-top: 20px;
		padding-bottom: 18px;
	}

	.page-hero .breadcrumbs {
		margin-bottom: 18px;
	}

	.page-hero__row {
		gap: 4px;
		padding: 0 0 14px;
	}

	.page-hero__desc {
		font-size: 14px;
		line-height: 21px;
	}

	.archive-body {
		padding-top: 0;
		padding-bottom: 32px;
	}

	.archive-body--author {
		padding-top: 28px;
	}

	.archive-body .layout__aside {
		margin-top: 32px;
	}

	/* Öne çıkan kart: 350×210 görsel, 22/29 başlık, özet yok, yalnızca tarih */
	.card--featured {
		gap: 10px;
	}

	.card--featured .card__media {
		--card-media-ratio: 350 / 210;
	}

	.card--featured .card__meta {
		gap: 4px 8px;
	}

	.card--featured .card__excerpt {
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		line-clamp: 2;
		overflow: hidden;
		font-size: 14px;
		line-height: 22px;
	}

	.card--featured .post-meta__views {
		display: none;
	}

	.card--featured .post-meta__date::after {
		content: none;
	}

	.card--featured .post-meta {
		font-size: 11px;
		line-height: 13px;
	}

	/* Liste: 116×86 görsel, 15/21 başlık; kategori sayfasında etiket yok (Figma 41:629) */
	.archive-list .card--list .card__media {
		aspect-ratio: 116 / 86;
	}

	.archive-list .card--list .card__body {
		gap: 5px;
	}

	.archive-list .card--list .card__title {
		font-size: 15px;
		line-height: 21px;
	}

	.archive-list--no-label-narrow .card--list .cat-label {
		display: none;
	}

	/* Bölüm başlıkları 20/27 (Figma 42:362, 44:326, 50:230) */
	.authors .section-title__text,
	.column-grid__head .section-title__text,
	.author-posts__head .section-title__text,
	.browse .section-title__text {
		font-size: 20px;
		line-height: 27px;
	}

	.authors .section-title,
	.column-grid__head {
		margin-bottom: 18px;
	}

	/* Yazarlarımız: yatay kaydırmalı şerit (kartlar 250 genişlik) */
	.authors {
		padding-top: 0;
		padding-bottom: 18px;
	}

	.authors__list {
		display: flex;
		align-items: flex-start;
		gap: 12px;
		margin-inline: -20px;
		padding-inline: 20px;
		overflow-x: auto;
		scroll-padding-inline: 20px;
		scroll-snap-type: x proximity;
		scrollbar-width: none;
		-webkit-overflow-scrolling: touch;
	}

	.authors__list::-webkit-scrollbar {
		display: none;
	}

	.authors__list > .card {
		flex: 0 0 250px;
		scroll-snap-align: start;
	}

	.column-grid {
		grid-template-columns: minmax(0, 1fr);
		gap: 18px;
	}

	.card--column-media .card__media {
		aspect-ratio: 302 / 157;
	}

	/* Sayfalama: boyut ve çerçeve main.css'te (44 px kutu, çerçeve ::before). Burada yalnızca ileri/geri
	   metni gizlenir (ekran okuyucuya açık kalır) ve ok ::after ile çizilir (Figma 41:664). */
	.pagination .page-numbers.prev,
	.pagination .page-numbers.next {
		font-size: 0;
	}

	.pagination .page-numbers.prev::after,
	.pagination .page-numbers.next::after {
		font-size: 13px;
		line-height: 16px;
	}

	.pagination .page-numbers.prev::after {
		content: "←";
		content: "←" / "";
	}

	.pagination .page-numbers.next::after {
		content: "→";
		content: "→" / "";
	}

	/* Yazar profili: ortalı, 120 px avatar, 2×2 bilgi kutusu (Figma 44:305) */
	.author-crumbs {
		padding-top: 20px;
		padding-bottom: 16px;
	}

	.author-hero {
		padding: 32px 0 28px;
	}

	.author-hero__inner {
		flex-direction: column;
		align-items: stretch;
		gap: 12px;
	}

	.author-hero .avatar-circle {
		align-self: center;
		width: 120px;
		height: 120px;
	}

	.author-hero .avatar-circle--initials {
		font-size: 38px;
	}

	.author-hero__text {
		align-items: center;
		text-align: center;
	}

	.author-hero__label {
		display: none;
	}

	.author-hero__title {
		font-size: 13px;
		line-height: 16px;
	}

	.author-facts {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		text-align: left;
	}

	.author-hero__line {
		flex-direction: column;
		justify-content: center;
		gap: 12px;
	}

	.author-social {
		justify-content: center;
		margin-block: 0;
		margin-inline: auto;
	}

	.author-bio {
		text-align: left;
	}

	.author-posts__head {
		margin-bottom: 24px;
	}

	.column-rows {
		gap: 24px;
	}

	/* Arama: 30/36 başlık, 62 px kutu, sekmeler yok (yalnızca sonuç sayısı), 110×80 görsel (Figma 45:279) */
	.search-hero {
		padding-top: 20px;
		padding-bottom: 18px;
	}

	.search-hero__full {
		display: none;
	}

	.search-hero__tail::after {
		content: attr(data-short);
	}

	.search-box--lg {
		min-height: 62px;
		padding: 0 6px 0 16px;
	}

	.search-box--lg .search-box__input {
		font-size: 15px;
		line-height: 18px;
	}

	.search-box--lg .search-box__btn {
		padding: 9px 18px;
	}

	.search-tabs {
		margin-bottom: 18px;
	}

	.search-tabs__nav {
		display: none;
	}

	.search-list {
		gap: 18px;
	}

	.search-list > .card + .card {
		padding-top: 18px;
	}

	.card--result {
		grid-template-columns: 110px minmax(0, 1fr);
		align-items: center;
		gap: 14px;
	}

	.card--result .card__media {
		aspect-ratio: 110 / 80;
	}

	.card--result .card__body {
		gap: 5px;
	}

	.card--result .card__title {
		font-size: 15px;
		line-height: 21px;
	}

	.card--result .card__excerpt {
		font-size: 13px;
		line-height: 20px;
	}

	.card--result .post-meta {
		font-size: 11px;
		line-height: 13px;
	}

	.card--result .cat-label {
		font-size: 11px;
	}

	.empty-state {
		padding: 22px 20px;
	}

	/* 404: Figma 50:211 (pad 48) ve 50:229 (yatay satırlar) */
	.error-hero {
		padding-top: 48px;
		padding-bottom: 48px;
	}

	.browse {
		gap: 14px;
		padding-bottom: 40px;
	}

	.browse__list {
		display: flex;
		flex-direction: column;
		gap: 14px;
	}

	.card--browse {
		flex-direction: row;
		align-items: center;
		gap: 14px;
	}

	.card--browse .card__media {
		flex: none;
		width: 110px;
		aspect-ratio: 110 / 80;
	}

	.card--browse .card__body {
		gap: 5px;
	}

	.card--browse .card__title {
		font-size: 15px;
		line-height: 21px;
	}

	.card--browse .post-meta {
		font-size: 11px;
		line-height: 13px;
	}

	/* Varsayılan sayfa */
	.page-band {
		padding: 20px 0 28px;
	}

	.page-band .breadcrumbs {
		margin-bottom: 14px;
	}

	.page-body {
		padding-top: 28px;
		padding-bottom: 32px;
	}

	.page-body .entry-content {
		font-size: 16px;
		line-height: 28px;
	}
}

/* Mobil dokunma hedefleri ≥ 44 px (bkz. bölüm 12) */
@media (max-width: 767px) {
	.layout__main a.cat-label,
	.browse a.cat-label {
		margin: -32px -6px 0;
		padding: 32px 6px 0;
	}

	/* Başlık bağlantıları satır içi: alt dolgu satır yüksekliğini değiştirmez, kutuyu 44 px yapar. Başlık kutusu
	   (satır kısıtlı, overflow: hidden) aynı miktarda alt dolgu + negatif alt boşluk alır: dolgu kırpılmaz. */
	.layout__main .card__title,
	.browse .card__title {
		margin-bottom: -24px;
		padding-bottom: 24px;
	}

	.layout__main .card__title a,
	.browse .card__title a,
	.column-row__title a {
		padding-bottom: 24px;
	}

	/* Yazarlarımız kartı (ortak card-author): ad bağlantısı üst/altında etkileşimli öğe yok; "Son yazı"
	   bağlantısı yalnızca yukarı büyür (altında "Tüm Yazıları" düğmesi var) */
	.authors__list .card-author__name a {
		padding-block: 9px;
	}

	.authors__list .card-author__last a {
		padding-block: 20px 8px;
	}

	.author-social__link {
		width: 44px;
		height: 44px;
	}

	.chip {
		padding: 14px;
	}

	.empty-state__home {
		padding: 14px 20px;
	}

	/* "Ara" ve "Tüm Yazıları": görünür hap 35 px kalır; 5 px saydam kenarlık etkin alanı 45 px yapar,
	   negatif kenar boşluğu yerleşimi korur. Boyalı alan dolgu kutusuyla sınırlı (background-clip). */
	.search-box__btn {
		margin: -5px;
		border: 5px solid transparent;
		background-clip: padding-box;
	}

	.search-box__btn:focus-visible,
	.authors__list .card-author__all:focus-visible {
		outline-offset: -3px;
	}

	.authors__list .card-author__all {
		margin: -5px;
		padding: 10px 19px;
		border: 5px solid transparent;
		background-clip: padding-box;
		box-shadow: inset 0 0 0 1px var(--c-ink); /* 1 px çerçeve: Figma "Buton" 42:97; gölge değil, çerçeve taklidi */
	}
}

/* Tablet: Yazarlarımız üç sütun kalır; kartlar daralır */
@media (min-width: 768px) and (max-width: 1023px) {
	.authors__list {
		gap: 16px;
	}

	.card--result {
		grid-template-columns: 200px minmax(0, 1fr);
	}
}