/* 05 ODAK — krem zemin, serif, koyu yeşil vurgu ve adaçayı paneller; sakin, dergi ritmi. */
body.f-odak { --r: 2px; --r-img: 0px; }
.f-odak .spx3-top { border-bottom: 1px solid var(--line); }
.f-odak .spx3-bar { display: grid; grid-template-columns: auto 1fr auto; min-height: 84px; }
.f-odak .spx3-brand { font: 600 40px/1 var(--fd); letter-spacing: -.03em; }
.f-odak .spx3-brand i { color: var(--ink); }
.f-odak .spx3-bar .spx3-tag { text-align: center; font: 600 11px/1.3 var(--fm); letter-spacing: .22em; text-transform: uppercase; color: var(--ink); }
.f-odak .spx3-act .spx3-nav { flex: none; }
.f-odak .spx3-nav .wp-block-navigation__container { gap: 22px; }
.f-odak .spx3-nav .wp-block-navigation-item__content { font: 500 13.5px var(--fm); }
.f-odak .spx3-nav .current-menu-item > .wp-block-navigation-item__content { color: var(--ink); font-weight: 700; box-shadow: none; }
.f-odak .spx3-explore { border-radius: 2px; }
.f-odak .spx3-kick { color: var(--ink); font: 600 11px/1 var(--fm); letter-spacing: .2em; }
.f-odak .spx3-meta { font-family: var(--fm); }
.f-odak .spx3-ct { font-weight: 500; font-size: 26px; letter-spacing: -.02em; }
.f-odak .spx3-cex { font-family: var(--fm); }

/* hero: kenara taşan görsel + adaçayı panel */
.f-odak .spx3-hero .spx3-lead > li { display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(0, 1fr); min-height: 520px; }
.f-odak .spx3-leadimg { border-radius: 0; height: 100%; }
.f-odak .spx3-leadimg img { height: 100% !important; }
.f-odak .spx3-leadpanel { background: var(--acc2); display: flex; flex-direction: column; justify-content: center; gap: 22px; padding: 56px max(var(--pad), calc((100vw - 1280px) / 2 + var(--pad))) 56px 56px; }
.f-odak .spx3-leadt { font: 500 clamp(44px, 4.8vw, 72px)/1 var(--fd); letter-spacing: -.035em; margin: 0; }
.f-odak .spx3-leadex { font: 400 22px/1.35 var(--fd); color: color-mix(in srgb, var(--ink) 78%, transparent); }
.f-odak .spx3-leadpanel .spx3-meta::before { content: ""; width: 56px; height: 1px; background: var(--ink); margin-right: 14px; }
.f-odak .spx3-textlink { font: 500 20px var(--fd); align-self: flex-start; }

/* konular */
.f-odak .spx3-topics { padding-top: 34px; }
.f-odak .spx3-topicbar { display: flex; align-items: center; gap: 40px; padding-bottom: 26px; border-bottom: 1px solid var(--ink); }
.f-odak .spx3-topicrow { flex: 1; justify-content: space-between; gap: 0; }
.f-odak .spx3-topicrow a { flex: 1; text-align: center; font: 400 17px var(--fd); border-left: 1px solid var(--line); }

/* giriş + öne çıkan liste */
.f-odak .spx3-introgrid { display: grid; grid-template-columns: 280px minmax(0, 1fr); gap: 0; }
.f-odak .spx3-introcol { padding-right: 40px; border-right: 1px solid var(--line); }
.f-odak .spx3-bigh { font: 500 68px/.95 var(--fd); letter-spacing: -.04em; }
.f-odak .spx3-bigh::after { content: ""; display: block; width: 80px; height: 1.5px; background: var(--ink); margin: 28px 0 22px; }
.f-odak .spx3-introcol .spx3-tag { font: 400 20px/1.45 var(--fd); color: color-mix(in srgb, var(--ink) 75%, transparent); }
.f-odak .spx3-num--feature.wp-block-post-template > li { grid-template-columns: auto minmax(0, 1fr) 42%; gap: 24px; padding: 20px 0 20px 32px; }
.f-odak .spx3-num--feature.wp-block-post-template > li:first-child { padding-top: 0; }
.f-odak .spx3-num.wp-block-post-template > li::before { font: 300 36px/1 var(--fd); color: var(--mute); }
.f-odak .spx3-num--feature .spx3-cb { gap: 10px; }
.f-odak .spx3-num--feature .spx3-ct { font-size: 28px; }

/* derinlemesine */
.f-odak .spx3-deep { margin-top: var(--sec); background: var(--acc); color: #fff; }
.f-odak .spx3-deepq > li { position: relative; min-height: 440px; display: flex; align-items: center; }
.f-odak .spx3-deepq .spx3-bg { left: 45%; }
.f-odak .spx3-deepq > li::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, var(--acc) 42%, color-mix(in srgb, var(--acc) 40%, transparent) 62%, transparent 85%); pointer-events: none; }
.f-odak .spx3-deeptext { position: relative; z-index: 2; display: flex; flex-direction: column; gap: 18px; align-items: flex-start; padding-block: 56px; }
.f-odak .spx3-deeptext > * { max-width: 620px; }
.f-odak .spx3-deept { font: 500 clamp(40px, 4.4vw, 64px)/1 var(--fd); letter-spacing: -.03em; margin: 0; }
.f-odak .spx3-deep .spx3-kick, .f-odak .spx3-deep .spx3-label { color: #fff; }
.f-odak .spx3-deepex { font: 400 21px/1.4 var(--fd); color: rgba(255, 255, 255, .85); }
.f-odak .spx3-deep .spx3-meta { color: rgba(255, 255, 255, .75); }
.f-odak .spx3-deep .spx3-textlink { color: #fff; }

.f-odak .spx3-stripsec { padding-top: 32px; }
.f-odak .spx3-strip.wp-block-post-template { border: 0; }
.f-odak .spx3-strip.wp-block-post-template > li { grid-template-columns: 44% 1fr; padding: 0 32px 0 0; }
.f-odak .spx3-strip.wp-block-post-template > li + li { padding: 0 0 0 32px; }

/* bülten */
.f-odak .spx3-nlband { background: var(--acc2); }
.f-odak .spx3-follow-text h2 { font: 500 38px/1.05 var(--fd); letter-spacing: -.02em; }
.f-odak .spx3-nl { border-radius: 0; }
.f-odak .spx3-nl button { font-family: var(--fd); font-size: 17px; }
.f-odak .spx3-fbrand .spx3-brand { font-size: 32px; }
@media (max-width: 1080px) {
	.f-odak .spx3-bar { grid-template-columns: auto 1fr; }
	.f-odak .spx3-tag { display: none; }
	.f-odak .spx3-introgrid { grid-template-columns: 1fr; }
	.f-odak .spx3-introcol { border: 0; padding: 0 0 28px; }
	.f-odak .spx3-num--feature.wp-block-post-template > li { padding-left: 0; }
}
@media (max-width: 781px) {
	.f-odak .spx3-hero .spx3-lead > li { grid-template-columns: 1fr; min-height: 0; }
	.f-odak .spx3-leadimg { aspect-ratio: 4/3; }
	.f-odak .spx3-leadpanel { padding: 32px var(--pad); }
	.f-odak .spx3-topicbar { flex-direction: column; align-items: flex-start; gap: 14px; }
	.f-odak .spx3-topicrow { flex-wrap: wrap; justify-content: flex-start; }
	.f-odak .spx3-topicrow a { flex: none; border: 0; padding-right: 16px; }
	.f-odak .spx3-num--feature.wp-block-post-template > li { grid-template-columns: auto 1fr; }
	.f-odak .spx3-num--feature .spx3-img { grid-column: 1 / -1; }
	.f-odak .spx3-deepq .spx3-bg { left: 0; opacity: .35; }
	.f-odak .spx3-strip.wp-block-post-template > li, .f-odak .spx3-strip.wp-block-post-template > li + li { padding: 16px 0; }
}
.f-odak .spx3-deept, .f-odak .spx3-deept a { color: #fff; }
.f-odak .spx3-deeptext { width: 100%; box-sizing: border-box; }
/* bülten: yaprak çizimi (taslaktaki gibi) */
.f-odak .spx3-nlband-in { grid-template-columns: 110px minmax(0, 1fr) minmax(0, 420px); }
.f-odak .spx3-nlband-in::before { content: ""; width: 96px; height: 70px; background: var(--ink); opacity: .75; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 96 70' fill='none' stroke='black' stroke-width='1.3' stroke-linecap='round'%3E%3Cpath d='M4 66C30 44 58 26 92 6'/%3E%3Cpath d='M22 52c-4-8-2-16 6-20M30 46c-2-10 2-18 10-21M40 39c0-10 5-17 13-19M50 32c1-9 7-15 15-16M60 25c2-8 8-12 16-12M22 52c8 2 16 0 21-6M31 45c9 2 17 0 22-7M41 38c9 1 16-2 20-9M51 31c8 0 15-4 18-11M61 24c8-1 14-5 16-12'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 96 70' fill='none' stroke='black' stroke-width='1.3' stroke-linecap='round'%3E%3Cpath d='M4 66C30 44 58 26 92 6'/%3E%3Cpath d='M22 52c-4-8-2-16 6-20M30 46c-2-10 2-18 10-21M40 39c0-10 5-17 13-19M50 32c1-9 7-15 15-16M60 25c2-8 8-12 16-12M22 52c8 2 16 0 21-6M31 45c9 2 17 0 22-7M41 38c9 1 16-2 20-9M51 31c8 0 15-4 18-11M61 24c8-1 14-5 16-12'/%3E%3C/svg%3E") center / contain no-repeat; }
.f-odak .spx3-nl-rss { grid-column: 3; }
@media (max-width: 781px) { .f-odak .spx3-nlband-in { grid-template-columns: 1fr; } .f-odak .spx3-nlband-in::before { display: none; } .f-odak .spx3-nl-rss { grid-column: 1; } }