/* 02 DERGİ — krem zemin, serif manşet, tek kırmızı vurgu, ince çizgiler. */
body.f-dergi { --r: 2px; --r-img: 0px; }
.f-dergi .spx3-bar { display: grid; grid-template-columns: 1fr auto 1fr; min-height: 118px; }
.f-dergi .spx3-today { font-size: 12.5px; color: var(--ink); }
.f-dergi .spx3-mast { text-align: center; }
.f-dergi .spx3-brand { font: 700 58px/1 var(--fd); letter-spacing: -.035em; }
.f-dergi .spx3-brand i { color: var(--ink); }
.f-dergi .spx3-tag { font: 400 14px/1.3 var(--fb); margin-top: 6px; }
.f-dergi .spx3-act { justify-self: end; }
.f-dergi .spx3-explore { background: var(--acc); border-radius: 2px; padding: 9px 14px; font: 600 13px var(--fm); }
.f-dergi .spx3-navrow .spx-wrap { border-top: 1.5px solid var(--ink); border-bottom: 1px solid var(--ink); }
.f-dergi .spx3-nav--center { justify-content: center; }
.f-dergi .spx3-nav .wp-block-navigation__container { justify-content: center; gap: 44px; }
.f-dergi .spx3-nav .wp-block-navigation-item__content { font: 500 14px/1 var(--fm); padding-block: 14px; }
.f-dergi .spx3-nav .current-menu-item > .wp-block-navigation-item__content { box-shadow: none; }

.f-dergi .spx3-kick { font-family: var(--fm); font-size: 10.5px; letter-spacing: .14em; }
.f-dergi .spx3-meta, .f-dergi .spx3-cap { font-family: var(--fm); }
.f-dergi .spx3-ct { font-weight: 600; font-size: 24px; letter-spacing: -.015em; }
.f-dergi .spx3-cex { font-family: var(--fb); font-size: 15.5px; }

/* manşet */
.f-dergi .spx3-hero { padding-top: 40px; }
.f-dergi .spx3-lead > li { display: grid; grid-template-columns: minmax(0, .82fr) minmax(0, 1.18fr); gap: 48px; align-items: center; }
.f-dergi .spx3-leadtext { display: flex; flex-direction: column; gap: 18px; align-items: flex-start; }
.f-dergi .spx3-leadt { font: 600 clamp(40px, 4.6vw, 64px)/1.02 var(--fd); letter-spacing: -.035em; margin: 0; }
.f-dergi .spx3-leadex { font: 400 23px/1.4 var(--fb); color: var(--mute); }
.f-dergi .spx3-btn { border-radius: 2px; font: 600 14px var(--fm); }
.f-dergi .spx3-stripsec { padding-top: 40px; }
.f-dergi .spx3-strip.wp-block-post-template { border-block: 1px solid var(--ink); }
.f-dergi .spx3-strip.wp-block-post-template > li { padding-inline: 0 26px; }
.f-dergi .spx3-strip.wp-block-post-template > li + li { padding-left: 26px; }
.f-dergi .spx3-strip .spx3-ct { font-size: 21px; }

/* son yazılar + okuma listesi */
.f-dergi .spx3-cols { grid-template-columns: minmax(0, 1fr) 300px; gap: 0; }
.f-dergi .spx3-main { padding-right: 36px; border-right: 1px solid var(--line); }
.f-dergi .spx3-side { padding-left: 32px; }
.f-dergi .spx3-h2 { font: 600 44px/1 var(--fd); letter-spacing: -.03em; }
.f-dergi .spx3-head--arrow .spx3-h2::after { content: " →"; color: var(--acc); font-weight: 400; }
.f-dergi .spx3-head--arrow .spx3-more { display: none; }
.f-dergi .spx3-side .spx3-h2 { font-size: 30px; }
.f-dergi .spx3-side .spx3-head { border-bottom: 1px solid var(--ink); padding-bottom: 14px; }
.f-dergi .spx3-grid--2.wp-block-post-template { gap: 40px 32px; }
.f-dergi .spx3-num.wp-block-post-template > li::before { font: 400 26px/1 var(--fd); }
.f-dergi .spx3-num .spx3-ct { font-size: 19px; }
.f-dergi .spx3-side .spx3-more { color: var(--acc); display: inline-flex; margin-top: 20px; }

/* konular */
.f-dergi .spx3-topicbar { display: flex; align-items: center; gap: 36px; padding-block: 22px; border-block: 1px solid var(--ink); }
.f-dergi .spx3-topicbar .spx3-h2 { font-size: 26px; }
.f-dergi .spx3-topicrow { flex: 1; gap: 0; }
.f-dergi .spx3-topicrow a { flex: 1; padding-inline: 24px; border-left: 1px solid var(--line); font: 500 15px var(--fb); }
.f-dergi .spx3-topicrow small { color: var(--mute); }

/* bülten */
.f-dergi .spx3-nlband { background: var(--acc2); margin-inline: auto; }
.f-dergi .spx3-follow-text h2 { font: 600 40px/1.05 var(--fd); }
.f-dergi .spx3-nl { border-radius: 0; background: var(--card); }
.f-dergi .spx3-nl button { font-family: var(--fm); }

.f-dergi .spx3-footer { border-top: 1px solid var(--ink); }
.f-dergi .spx3-fbrand .spx3-brand { font-size: 32px; }

/* yazı sayfası (serif) — Odak da kullanır */
.spx3-single--serif .spx3-arthead { text-align: center; max-width: 980px; }
.spx3-single--serif .spx3-crumbs { justify-content: center; }
.spx3-single--serif .spx3-kick--dot::before { display: none; }
.spx3-single--serif .spx3-title { font-weight: 600; max-width: none; letter-spacing: -.03em; }
.spx3-single--serif .spx3-dek { margin-inline: auto; font-size: 22px; }
.spx3-single--serif .spx3-byrow { justify-content: center; }
.spx3-single--serif .spx3-artfig { max-width: 1000px; }
.spx3-single--serif .spx3-artgrid { grid-template-columns: 200px minmax(0, 720px) minmax(0, 200px); grid-template-areas: "aside body ."; }
.spx3-single--serif .spx3-rail { display: none; }
.spx3-single--serif .spx3-aside { grid-area: aside; }
.spx3-single--serif .spx3-body { grid-area: body; }
.spx3-single--serif .spx3-aside .spx3-pick, .spx3-single--serif .spx3-aside .spx3-nlbox { display: none; }
.spx3-single--serif .spx3-prose { font-family: var(--fb); }
.spx3-single--serif .spx3-prose > p:first-of-type::first-letter { float: left; font: 600 4.6em/.82 var(--fd); margin: .06em .1em 0 0; color: var(--acc); }
.spx3-single--serif .spx3-prose h2 { font-weight: 600; }
.spx3-single--serif .spx3-prose blockquote { border: 0; border-block: 1px solid var(--acc); background: none; text-align: center; font: italic 400 1.5em/1.35 var(--fd); padding: 22px 30px; }
@media (max-width: 1080px) {
	.spx3-single--serif .spx3-artgrid { grid-template-columns: minmax(0, 1fr); grid-template-areas: "body" "aside"; }
}
@media (max-width: 781px) {
	.f-dergi .spx3-bar { grid-template-columns: 1fr auto; min-height: 72px; }
	.f-dergi .spx3-today { display: none; }
	.f-dergi .spx3-mast { text-align: left; }
	.f-dergi .spx3-brand { font-size: 34px; }
	.f-dergi .spx3-tag { display: none; }
	.f-dergi .spx3-lead > li { grid-template-columns: 1fr; }
	.f-dergi .spx3-leadmedia { order: -1; }
	.f-dergi .spx3-main { padding-right: 0; border-right: 0; }
	.f-dergi .spx3-side { padding-left: 0; }
	.f-dergi .spx3-topicbar { flex-direction: column; align-items: flex-start; }
	.f-dergi .spx3-topicrow a { flex: none; padding: 6px 12px 6px 0; border: 0; }
}
.f-dergi .spx3-navrow .spx-wrap { padding-inline: 0; width: calc(100% - 2 * var(--pad)); max-width: calc(1280px - 2 * var(--pad)); display: flex; justify-content: center; }
.f-dergi .spx3-nav--center { flex: none; }
.f-dergi .spx3-search .wp-block-search__inside-wrapper { border: 0; border-bottom: 1px solid var(--ink); border-radius: 0; padding: 0; background: transparent; }
.f-dergi .spx3-search input { border: 0; background: transparent; width: 140px; font: 400 13px var(--fm); color: var(--ink); }
.f-dergi .spx3-search button { background: transparent; border: 0; color: var(--ink); order: -1; padding: 0 6px 0 0; }
.f-dergi .spx3-topicbar .spx3-more { color: var(--acc); white-space: nowrap; }
.spx3-single--serif .spx3-artgrid { grid-template-columns: 200px minmax(0, 720px) 200px; grid-template-areas: "aside body margin"; }
.spx3-single--serif .spx3-margin { grid-area: margin; padding-top: 4px; }
@media (max-width: 1080px) { .spx3-single--serif .spx3-margin { display: none; } }
.f-dergi .spx3-archt, .f-odak .spx3-archt { font-weight: 600; letter-spacing: -.03em; }
.f-dergi .spx3-archband { border-bottom-color: var(--ink); }