/* Belge sayfaları (template-parts/doc-page.php): okunaklı genişlikte ortalı içerik + yanında yapışkan sayfa menüsü.
   İçerik tipografisi content.css'te. */

.page-hero--doc { padding: 3rem 0 3.5rem; }
.page-hero--doc .page-hero__title { max-width: none; font-size: clamp(1.875rem, 1.3rem + 2vw, 2.75rem); }

.doc-layout { display: grid; grid-template-columns: minmax(0, 1fr); gap: 1.5rem; padding-block: 1.5rem 4rem; }
.doc-article { min-width: 0; width: 100%; max-width: 760px; margin-inline: auto; }
.doc-aside { min-width: 0; width: 100%; max-width: 760px; margin-inline: auto; }

/* --- Sayfa menüsü: mobilde içeriğin üstünde yatay kayan hap sırası, masaüstünde yapışkan dikey liste --- */
@media (max-width: 1024px) { .doc-aside { order: -1; } }
.doc-nav__title { display: none; }
.doc-nav__list { display: flex; gap: 8px; margin: 0 calc(var(--gutter) * -1); padding: 0 var(--gutter) 4px; overflow-x: auto; list-style: none; scrollbar-width: none; }
.doc-nav__list::-webkit-scrollbar { display: none; }
.doc-nav__list a {
	display: inline-flex;
	align-items: center;
	height: 40px;
	padding: 0 18px;
	border: 1px solid var(--color-border);
	border-radius: var(--radius-pill);
	background: var(--color-white);
	font-family: var(--font-heading);
	font-size: 14px;
	font-weight: 500;
	white-space: nowrap;
	color: var(--color-navy);
	transition: background-color .2s, border-color .2s, color .2s;
}
.doc-nav__list a:hover { border-color: var(--color-navy); color: var(--color-navy); }
.doc-nav__list a[aria-current="page"],
.doc-nav__list a[aria-current="page"]:hover { border-color: var(--color-navy); background: var(--color-navy); color: var(--color-white); }

@media (min-width: 1025px) {
	.doc-layout { padding-block: 3.5rem 5rem; justify-content: center; grid-template-columns: minmax(0, 760px); }
	.doc-layout.has-nav { grid-template-columns: minmax(0, 760px) 260px; gap: 4rem; align-items: start; }
	.doc-article { max-width: none; margin: 0; }
	.doc-aside { position: sticky; top: calc(var(--header-h-sm) + 24px); max-width: none; margin: 0; }

	.doc-nav { padding: 20px; border: 1px solid var(--color-border); border-radius: 8px; background: var(--color-white); }
	.doc-nav__title { display: block; margin: 0 0 12px; font-family: var(--font-heading); font-size: 1rem; font-weight: 600; color: var(--color-navy); }
	.doc-nav__list { flex-direction: column; gap: 2px; margin: 0; padding: 0; overflow: visible; }
	.doc-nav__list a { display: block; height: auto; padding: 8px 0 8px 14px; border: 0; border-left: 2px solid var(--color-border); border-radius: 0; background: none; font-family: var(--font-body); font-size: .9375rem; line-height: 1.45; white-space: normal; color: var(--color-text); }
	.doc-nav__list a:hover { border-left-color: var(--color-primary); background: none; color: var(--color-primary-dark); }
	.doc-nav__list a[aria-current="page"],
	.doc-nav__list a[aria-current="page"]:hover { border-left-color: var(--color-primary); background: none; font-weight: 600; color: var(--color-navy); }
}

@media (prefers-reduced-motion: reduce) { .doc-nav__list a { transition: none; } }