/* 5 YAZILIM & KOD — geliştirici kurgusu, koyu (taslak .f-kod). */
.spx-header { border-bottom: 1px solid var(--line); }
.x-head { display: flex; justify-content: space-between; align-items: center; gap: 16px; padding-block: 18px; font-family: var(--fm); }
.spx-logo { font: 700 18px var(--fm); }
.spx-logo .pr { color: var(--acc2); }
.spx-logo .cu { display: inline-block; width: 9px; height: 18px; background: var(--acc); vertical-align: -3px; margin-left: 3px; animation: x-blink 1.1s steps(1) infinite; }
@keyframes x-blink { 50% { opacity: 0; } }
.spx-nav { font: 13px var(--fm); color: var(--mute); gap: 20px; }
.spx-nav .wp-block-navigation-item__content::before { content: "./"; color: #4b5874; }
.x-hero-t > li { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); gap: 36px; padding-block: 44px 30px; align-items: start; }
.x-path { font: 500 13px var(--fm); color: var(--mute); }
.x-path b { color: #e0af68; font-weight: 500; }
.x-h1 { font: 700 44px/1.08 var(--fm); letter-spacing: -.03em; margin: 14px 0 16px !important; color: #fff; }
.x-p { font-size: 18.5px; line-height: 1.6; color: #b9c3d6; margin-bottom: 18px !important; }
.x-chips { display: flex; gap: 8px; flex-wrap: wrap; font: 500 12px var(--fm); }
.x-chips .x-chip a, .x-chips span.x-chip { display: inline-block; border: 1px solid var(--line); border-radius: 6px; padding: 4px 8px; }
.x-chip .wp-block-post-terms__separator { display: none; }
.x-chip a + a { margin-left: 6px; }
.x-code { background: var(--card); border: 1px solid var(--line); border-radius: 12px; overflow: hidden; font: 13.5px/1.7 var(--fm); }
.x-code .bar { display: flex; gap: 6px; padding: 10px 14px; border-bottom: 1px solid var(--line); align-items: center; color: var(--mute); font-size: 12px; }
.x-code .bar i { width: 10px; height: 10px; border-radius: 50%; background: #2c3650; }
.x-code pre { margin: 0; padding: 14px 18px; overflow: auto; color: var(--ink); white-space: pre-wrap; }
.x-code .c { color: var(--acc2); }
.x-tree { padding-block: 6px 40px; }
.x-treeh { font: 700 15px var(--fm); color: var(--mute); margin-bottom: 10px !important; }
.x-treeh b { color: var(--acc2); }
.x-ls { border: 1px solid var(--line) !important; border-radius: 12px; overflow: hidden; }
.x-ls > li { display: grid; grid-template-columns: 110px 150px minmax(0, 1fr) 80px; gap: 18px; padding: 14px 18px; border-bottom: 1px solid var(--line); align-items: baseline; }
.x-ls > li:last-child { border-bottom: 0; }
.x-ls > li:hover { background: var(--card); }
.x-d { font: 500 12.5px var(--fm); color: var(--mute); }
.x-l { overflow: hidden; }
.x-l a { white-space: nowrap; font: 600 12px var(--fm); border-radius: 5px; padding: 2px 7px; background: rgba(224, 175, 104, .14); color: #e0af68; }
.x-l a + .wp-block-post-terms__separator, .x-l a + .wp-block-post-terms__separator + a { display: none; }
.x-ls > li:nth-child(4n+2) .x-l a { background: rgba(122, 162, 247, .14); color: #7aa2f7; }
.x-ls > li:nth-child(4n+3) .x-l a { background: rgba(158, 206, 106, .14); color: #9ece6a; }
.x-ls > li:nth-child(4n+4) .x-l a { background: rgba(247, 118, 142, .14); color: #f7768e; }
.x-lst { font: 600 19px/1.35 var(--fb); color: #eef2f8; }
.x-t { font: 500 12px var(--fm); color: var(--mute); text-align: right; }
.spx-cards--kod { display: block; border: 1px solid var(--line); border-radius: 12px; overflow: hidden; }
.spx-cards--kod > li { display: grid; grid-template-columns: 110px 150px minmax(0, 1fr) 80px; gap: 18px; padding: 14px 18px; border-bottom: 1px solid var(--line); align-items: baseline; }
.spx-footer--kod .spx-foot { border-top: 1px solid var(--line); font: 500 12.5px var(--fm); color: var(--mute); }
.spx-single .spx-title, .spx-archive-title, .spx-row-t, .spx-side-t, .spx-prose :where(h2, h3) { font-family: var(--fm); color: #fff; letter-spacing: -.02em; }
.spx-prose pre, .spx-prose .wp-block-code { background: var(--card); border: 1px solid var(--line); }
.spx-prose { color: #c7cfdc; }
.spx-search .wp-block-search__input, .wp-block-comments :is(input, textarea) { background: var(--card); color: var(--ink); border: 1px solid var(--line); }
@media (max-width: 1000px) {
	.x-hero-t > li { grid-template-columns: minmax(0, 1fr); }
	.x-ls > li, .spx-cards--kod > li { grid-template-columns: 90px minmax(0, 1fr); }
	.x-ls .x-l, .x-ls .x-t, .spx-cards--kod .x-l, .spx-cards--kod .x-t { display: none; }
}
@media (max-width: 640px) {
	.x-head { flex-wrap: wrap; padding-block: 16px; }
	.x-h1 { font-size: 30px; }
}
.x-hero-t > li:not(:has(.x-code)) { grid-template-columns: minmax(0, 1fr); }