/*
Theme Name: Piksel Today
Theme URI: https://pikseltoday.com.tr
Author: Banliyö Digital
Description: Piksel Today için modern, dijital ve distopik görünümlü teknoloji, internet ve kültür teması: beton grisi zemin, kömür siyahı mürekkep, tek imza renk asit yeşili. Big Shoulders Display dar büyük harf başlıklar, Archivo metin, JetBrains Mono sistem etiketleri. Yanıp sönen “sistem çevrimiçi” satırı, gri tonlu ve tarama çizgili görseller (üzerine gelince renklenir), kayıt numaralı kartlar, terminal gibi “sistem kaydı”, asit yeşili kayan sinyal şeridi, karartılmış satırlı gizli dosya bantları, üstten inen terminal penceresi menü ve “Sinyal gönder” paylaş paneli. Başlıkların üzerine gelince asit yeşili blok dolar ve yazı hafifçe titrer. Yazar bilgisi görünmez.
Version: 1.0.0
Requires at least: 6.2
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: pikseltoday
*/

/* Ortak yapı assets/css/base.css içinde; burada yalnızca Piksel Today'in görünümü var. */

:root {
	--al-ink: #0E0F0E;
	--al-text: #262826;
	--al-muted: #5F625E;
	--al-line: #BDBEB7;
	--al-soft: #C9CAC3;
	--al-paper: #ECECE7;
	--al-bg: #D9D9D3;
	--px-acid: #C6F432;
	--px-slab: #141614;
	--px-alert: #FF4D2E;
	--al-accent: var(--px-acid);
	--al-footer-bg: #141614;
	--al-footer-text: rgba(236, 236, 231, .6);
	--al-header-bg: rgba(217, 217, 211, .94);
	--al-radius: 0px;
	--al-display: 'Big Shoulders Display Variable', 'Big Shoulders Display', 'Arial Narrow', sans-serif;
	--al-serif: 'Archivo Variable', 'Archivo', system-ui, sans-serif;
	--al-sans: 'Archivo Variable', 'Archivo', system-ui, sans-serif;
	--px-mono: 'JetBrains Mono', ui-monospace, monospace;
}

body { font-family: var(--al-sans); font-size: 16.5px; background: var(--al-bg); color: var(--al-text); -webkit-font-smoothing: antialiased; }
body::before { content: ""; position: fixed; inset: 0; z-index: 0; pointer-events: none; background-image: linear-gradient(rgba(14, 15, 14, .045) 1px, transparent 1px), linear-gradient(90deg, rgba(14, 15, 14, .045) 1px, transparent 1px); background-size: 48px 48px; }
.al-main, .al-footer { position: relative; z-index: 1; }
.al-main { overflow-x: clip; }
h1, h2, h3, h4 { font-family: var(--al-display); font-weight: 800; letter-spacing: .005em; line-height: 1.02; text-transform: uppercase; color: var(--al-ink); }
::selection { background: var(--px-acid); color: var(--al-ink); }

/* Asit yeşili blok + hafif titreme */
.px-u { color: inherit; text-decoration: none; background-image: linear-gradient(var(--px-acid), var(--px-acid)); background-repeat: no-repeat; background-position: 0 0; background-size: 0% 100%; -webkit-box-decoration-break: clone; box-decoration-break: clone; transition: background-size .28s steps(6, end); }
.px-u:hover, .px-u:focus-visible, .px-card:hover .px-u { background-size: 100% 100%; color: var(--al-ink); text-decoration: none; text-shadow: 2px 0 0 rgba(255, 77, 46, .55), -2px 0 0 rgba(0, 160, 255, .45); }
@media (prefers-reduced-motion: reduce) { .px-u { transition: none; } .px-u:hover { text-shadow: none; } }

.al-meta { font-family: var(--px-mono); font-size: 11px; letter-spacing: .02em; color: var(--al-muted); text-transform: uppercase; }
.al-meta span + span::before { content: "//"; margin: 0 7px; opacity: .6; }
.al-kicker { padding: 0; background: none; color: var(--al-ink); font-family: var(--px-mono); font-size: 11px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }
.px-cat { display: inline-flex; align-self: flex-start; align-items: center; gap: 6px; padding: 2px 7px; background: var(--al-ink); color: var(--px-acid); font-family: var(--px-mono); font-size: 10.5px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }
.px-cat:hover { background: var(--px-acid); color: var(--al-ink); text-decoration: none; }

/* Header */
.px-header { background: var(--al-header-bg); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); border-bottom: 2px solid var(--al-ink); }
.px-sys { border-bottom: 1px solid var(--al-line); }
.px-sys__in { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 24px; padding-top: 7px; padding-bottom: 7px; font-family: var(--px-mono); font-size: 10.5px; letter-spacing: .04em; text-transform: uppercase; color: var(--al-muted); }
.px-sys__in .al-tagline { margin-left: auto; font-family: var(--px-mono); font-size: 10.5px; letter-spacing: .04em; color: var(--al-muted); }
.px-sys__on { display: inline-flex; align-items: center; gap: 7px; color: var(--al-ink); }
.px-sys__on i, .px-tx__live i { width: 7px; height: 7px; background: #3BC93B; box-shadow: 0 0 0 3px rgba(59, 201, 59, .2); animation: px-blink 1.6s steps(2, start) infinite; }
@keyframes px-blink { to { visibility: hidden; } }
.px-mast { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding-top: 14px; padding-bottom: 10px; }
.px-wordmark { display: inline-flex; align-items: center; gap: 14px; color: var(--al-ink); font-family: var(--al-display); font-size: clamp(58px, 6.4vw, 94px); font-weight: 900; line-height: .86; letter-spacing: .01em; text-transform: uppercase; white-space: nowrap; transition: font-size .25s; }
.px-wordmark i { width: .36em; height: .72em; background: var(--px-acid); box-shadow: 4px 4px 0 var(--al-ink); animation: px-pulse 1.1s steps(2, start) infinite; }
@keyframes px-pulse { 50% { opacity: .35; } }
.px-wordmark:hover { color: var(--al-ink); text-decoration: none; }
.px-tools { display: flex; align-items: center; gap: 8px; }
.px-btn { display: inline-flex; align-items: center; justify-content: center; gap: 12px; height: 44px; padding: 0 16px; border: 2px solid var(--al-ink); background: transparent; color: var(--al-ink); font-family: var(--px-mono); font-size: 12px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; cursor: pointer; box-shadow: 3px 3px 0 var(--al-ink); transition: transform .1s, box-shadow .1s, background .2s; }
.px-btn:hover { transform: translate(2px, 2px); box-shadow: 1px 1px 0 var(--al-ink); }
.px-btn--icon { width: 44px; padding: 0; }
.px-menubtn { background: var(--px-acid); }
.px-bars { display: grid; gap: 3px; }
.px-bars i { display: block; width: 16px; height: 2px; background: currentColor; }
.px-bars i:nth-child(2) { width: 10px; }

.px-nav { border: 0; }
.px-nav ul { display: flex; flex-wrap: nowrap; justify-content: flex-start; gap: 0 clamp(2px, .5vw, 10px); padding: 0; border: 0; }
.px-nav a { display: inline-block; padding: 9px 0 10px; color: var(--al-ink); font-family: var(--px-mono); font-size: clamp(10.5px, .8vw, 12.5px); font-weight: 700; letter-spacing: 0; text-transform: uppercase; white-space: nowrap; }
.px-nav a::before { content: "["; margin-right: 3px; color: var(--al-muted); }
.px-nav a::after { content: "]"; margin-left: 3px; position: static; height: auto; background: none; transform: none; color: var(--al-muted); }
.px-nav a:hover, .px-nav a[aria-current="page"] { background: var(--al-ink); color: var(--px-acid); text-decoration: none; }
.px-nav a:hover::before, .px-nav a:hover::after, .px-nav a[aria-current="page"]::before, .px-nav a[aria-current="page"]::after { color: var(--px-acid); }

.al-header.is-compact .px-sys { display: none; }
.al-header.is-compact .px-mast { padding-top: 8px; padding-bottom: 6px; }
.al-header.is-compact .px-wordmark { font-size: 44px; }
.al-header.is-compact .px-btn { height: 38px; }
.al-header.is-compact .px-btn--icon { width: 38px; }
.al-header.is-compact .px-nav a { padding: 6px 0; }
.al-progress span { background: var(--px-acid); height: 4px; }

/* Menü: üstten inen terminal penceresi */
.px-drawer { background: rgba(217, 217, 211, .6); color: var(--px-acid); overflow: hidden; animation: al-fade .15s ease; }
.px-drawer__shade { position: absolute; inset: 0; background: repeating-linear-gradient(0deg, rgba(14, 15, 14, .06) 0 1px, transparent 1px 3px); }
.px-drawer .al-drawer__in { position: absolute; z-index: 1; top: 16px; left: 50%; display: block; width: min(560px, calc(100vw - 20px)); max-width: none; min-height: 0; max-height: calc(100vh - 32px); margin: 0; padding: 0 0 18px; overflow-y: auto; background: var(--px-slab); border: 2px solid var(--al-ink); box-shadow: 8px 8px 0 var(--px-acid); font-family: var(--px-mono); transform: translateX(-50%); animation: px-drop .35s steps(7, end); }
@keyframes px-drop { from { clip-path: inset(0 0 100% 0); } to { clip-path: inset(0 0 0 0); } }
@media (prefers-reduced-motion: reduce) { .px-drawer .al-drawer__in { animation: none; } }
.px-drawer .al-drawer__top { display: flex; align-items: center; gap: 12px; margin: 0 0 14px; padding: 9px 12px; background: #262926; border-bottom: 1px solid #333; }
.px-drawer__lights { display: flex; gap: 6px; }
.px-drawer__lights i { width: 10px; height: 10px; border-radius: 50%; background: var(--px-alert); }
.px-drawer__lights i:nth-child(2) { background: #F4C531; }
.px-drawer__lights i:nth-child(3) { background: #3BC93B; }
.px-drawer__label { flex: 1; color: rgba(236, 236, 231, .7); font-size: 11.5px; }
.px-drawer__close { padding: 0; border: 0; background: none; color: rgba(236, 236, 231, .8); font-family: var(--px-mono); font-size: 12px; cursor: pointer; }
.px-drawer__close:hover { color: var(--px-acid); }
.px-drawer .al-drawer__search { align-items: center; gap: 8px; margin: 0 18px 12px; border-bottom: 1px dashed #444; }
.px-drawer__ps { color: var(--px-acid); font-size: 13px; }
.px-drawer .al-drawer__search input { height: 38px; color: #ECECE7; font-family: var(--px-mono); font-size: 13px; }
.px-drawer .al-drawer__search input::placeholder { color: #6E716D; }
.px-drawer .al-drawer__search button { color: var(--px-acid); font-size: 16px; }
.px-drawer .al-drawer__nav { padding: 0 18px; }
.px-drawer .al-drawer__nav li { border: 0; }
.px-drawer .al-drawer__nav a { justify-content: flex-start; gap: 10px; padding: 5px 6px; color: #ECECE7; font-family: var(--px-mono); font-size: 13.5px; font-weight: 400; text-transform: lowercase; }
.px-drawer .al-drawer__nav a::before { content: ">"; color: var(--px-acid); }
.px-drawer .al-drawer__nav a::after { content: "./" ; margin-left: auto; font-family: var(--px-mono); font-size: 11px; opacity: 0; }
.px-drawer .al-drawer__nav a:hover, .px-drawer .al-drawer__nav a[aria-current="page"] { background: var(--px-acid); color: var(--al-ink); text-decoration: none; }
.px-drawer .al-drawer__nav a:hover::before { color: var(--al-ink); }
.px-drawer .al-drawer__nav a:hover::after { opacity: 1; transform: none; }
.px-drawer__cursor { margin: 10px 18px 0; color: var(--px-acid); font-size: 13px; }
.px-drawer__cursor span, .px-log__prompt span { animation: px-blink 1s steps(2, start) infinite; }
.px-social { display: flex; align-items: center; gap: 6px; }
.px-drawer .px-social { margin: 14px 18px 0; }
.px-social a { display: inline-flex; width: 32px; height: 32px; align-items: center; justify-content: center; border: 1px solid #444; color: #ECECE7; }
.px-social a:hover { background: var(--px-acid); border-color: var(--px-acid); color: var(--al-ink); }

/* Bölüm başlığı */
.px-head { display: flex; align-items: center; gap: 14px; margin-bottom: 26px; }
.px-head__code { flex: none; padding: 3px 7px; background: var(--al-ink); color: var(--px-acid); font-family: var(--px-mono); font-size: 11px; font-weight: 700; }
.px-head h2 { margin: 0; font-size: clamp(40px, 4.4vw, 64px); font-weight: 900; line-height: .92; }
.px-head__rule { flex: 1; height: 10px; background: repeating-linear-gradient(-45deg, var(--al-ink) 0 2px, transparent 2px 7px); }
.px-more { flex: none; color: var(--al-ink); font-family: var(--px-mono); font-size: 12px; font-weight: 700; text-transform: uppercase; }
.px-more:hover { background: var(--al-ink); color: var(--px-acid); text-decoration: none; }

/* Görsel ve kart */
.al-img { position: relative; border-radius: 0; background: var(--al-soft); }
.al-img img { filter: grayscale(1) contrast(1.1); transition: filter .35s steps(4, end); }
.al-img::after { content: ""; position: absolute; inset: 0; pointer-events: none; background: repeating-linear-gradient(0deg, rgba(14, 15, 14, .12) 0 1px, transparent 1px 3px); }
.px-card:hover .al-img img, .px-lead:hover .al-img img { filter: none; }
.al-r-card { aspect-ratio: 4 / 3; }
.px-card { display: flex; flex-direction: column; gap: 12px; min-width: 0; }
.px-card__media { position: relative; border: 2px solid var(--al-ink); }
.px-card__id { position: absolute; z-index: 1; top: 0; left: 0; padding: 3px 7px; background: var(--al-ink); color: var(--px-acid); font-family: var(--px-mono); font-size: 10.5px; font-weight: 700; pointer-events: none; }
.px-card__body { display: flex; flex-direction: column; gap: 8px; }
.px-card__title { margin: 0; font-size: 28px; font-weight: 800; line-height: 1.04; }
.px-cards { gap: 40px 24px; }

/* Kapak */
.px-hero { padding: 28px 0 64px; }
.px-hero__in { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 380px); gap: 26px; align-items: start; }
.px-lead { position: relative; }
.px-lead__media { position: relative; border: 2px solid var(--al-ink); }
.px-lead__media .al-img { aspect-ratio: 16 / 9.5; }
.px-lead__rec { position: absolute; z-index: 2; top: 14px; right: 16px; display: inline-flex; align-items: center; gap: 6px; color: #fff; font-family: var(--px-mono); font-size: 12px; font-weight: 700; text-shadow: 0 1px 2px rgba(0, 0, 0, .5); pointer-events: none; }
.px-lead__rec i { width: 9px; height: 9px; border-radius: 50%; background: var(--px-alert); animation: px-blink 1.2s steps(2, start) infinite; }
.px-lead__corner { position: absolute; z-index: 2; width: 34px; height: 34px; border: 3px solid var(--px-acid); pointer-events: none; }
.px-lead__corner--tl { top: 14px; left: 14px; border-right: 0; border-bottom: 0; }
.px-lead__corner--br { right: 14px; bottom: 14px; border-left: 0; border-top: 0; }
.px-lead__card { position: relative; z-index: 3; display: flex; flex-direction: column; gap: 12px; width: min(720px, 88%); margin: -90px 0 0 28px; padding: 22px 24px 20px; background: var(--al-paper); border: 2px solid var(--al-ink); box-shadow: 8px 8px 0 var(--al-ink); }
.px-lead__meta { display: flex; align-items: center; gap: 10px; font-family: var(--px-mono); font-size: 11px; font-weight: 700; }
.px-lead__title { margin: 0; font-size: clamp(44px, 4.6vw, 68px); font-weight: 900; line-height: .96; }
.px-lead__ex { margin: 0; font-size: 16px; line-height: 1.55; color: var(--al-text); }

/* İmza: sistem kaydı */
.px-log { position: sticky; top: 140px; display: flex; flex-direction: column; background: var(--px-slab); border: 2px solid var(--al-ink); color: #ECECE7; font-family: var(--px-mono); box-shadow: 8px 8px 0 var(--px-acid); }
.px-log__bar { display: flex; align-items: center; gap: 12px; padding: 9px 12px; background: #262926; border-bottom: 1px solid #333; }
.px-log__bar span { display: flex; gap: 6px; }
.px-log__bar i { width: 10px; height: 10px; border-radius: 50%; background: #555; }
.px-log__bar i:first-child { background: var(--px-alert); }
.px-log__bar b { font-size: 11.5px; font-weight: 400; color: rgba(236, 236, 231, .7); }
.px-log__list { list-style: none; margin: 0; padding: 10px 14px 6px; }
.px-log__list li { display: grid; grid-template-columns: auto auto; justify-content: start; gap: 2px 10px; padding: 10px 0; border-bottom: 1px dashed #333; font-size: 11px; }
.px-log__t { color: #8B8E89; }
.px-log__id { color: var(--px-acid); }
.px-log__list a { grid-column: 1 / -1; color: #ECECE7; font-family: var(--al-sans); font-size: 15px; font-weight: 600; line-height: 1.35; }
.px-log__list a:hover { background: var(--px-acid); color: var(--al-ink); text-decoration: none; }
.px-log__prompt { padding: 4px 14px 14px; color: var(--px-acid); font-size: 13px; }

/* Sinyal şeridi */
.px-signal { overflow: hidden; background: var(--px-acid); border-top: 2px solid var(--al-ink); border-bottom: 2px solid var(--al-ink); transform: rotate(-1.2deg); margin: 10px -10px 0; }
.px-signal__track { display: flex; width: max-content; padding: 10px 0; animation: px-marquee 38s linear infinite; }
.px-signal span { padding: 0 14px; font-family: var(--al-display); font-size: 30px; font-weight: 900; line-height: 1; text-transform: uppercase; color: var(--al-ink); }
.px-signal i { font-family: var(--px-mono); font-style: normal; font-size: 18px; color: var(--al-ink); align-self: center; }
@keyframes px-marquee { to { transform: translateX(-33.333%); } }
@media (prefers-reduced-motion: reduce) { .px-signal__track { animation: none; } }

/* Dosyalar */
.px-files { padding-top: 76px; }
.px-cards--port .px-card__title { font-size: 26px; }

/* Kategoriler */
.px-catsec { padding-top: 76px; }
.px-catsec--dark { margin-top: 76px; padding: 64px 0 70px; background: var(--px-slab); color: #ECECE7; }
.px-catsec--dark + .al-sec { padding-top: 76px; }
.px-catsec--dark .px-head h2, .px-catsec--dark .px-card__title { color: #ECECE7; }
.px-catsec--dark .px-head__code { background: var(--px-acid); color: var(--al-ink); }
.px-catsec--dark .px-head__rule { background: repeating-linear-gradient(-45deg, rgba(236, 236, 231, .5) 0 2px, transparent 2px 7px); }
.px-catsec--dark .px-more { color: var(--px-acid); }
.px-catsec--dark .px-more:hover { background: var(--px-acid); color: var(--al-ink); }
.px-catsec--dark .px-card__media { border-color: #444; }
.px-catsec--dark .al-meta { color: #8B8E89; }
.px-split { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr); gap: 46px; align-items: start; }
.px-card--big .px-card__title { font-size: clamp(40px, 3.8vw, 56px); font-weight: 900; line-height: .96; }
.px-split__list { list-style: none; margin: 0; padding: 0; border-top: 1px solid #333; }
.px-split__list li { display: grid; grid-template-columns: 62px minmax(0, 1fr); gap: 8px; padding: 18px 0; border-bottom: 1px solid #333; }
.px-split__id { color: var(--px-acid); font-family: var(--px-mono); font-size: 11.5px; font-weight: 700; padding-top: 4px; }
.px-split__list div { display: flex; flex-direction: column; gap: 8px; }
.px-split__list a { justify-self: start; color: #ECECE7; font-family: var(--al-display); font-size: 27px; font-weight: 800; line-height: 1.04; text-transform: uppercase; }
.px-redact { display: flex; gap: 6px; }
.px-redact i { height: 9px; background: #ECECE7; opacity: .85; }
.px-redact i:first-child { width: 42%; }
.px-redact i:last-child { width: 22%; }

/* Arşiv */
.px-archive { padding-top: 76px; }
.px-morelist { gap: 10px 24px; }
.px-card--row { display: grid; grid-template-columns: 84px minmax(0, 1fr); gap: 14px; align-items: center; padding: 10px; background: var(--al-paper); border: 2px solid var(--al-ink); }
.px-card--row .px-card__media { border: 0; }
.px-card--row .px-card__id { display: none; }
.px-card--row .px-card__title { font-size: 22px; }
.px-card--row .px-card__body { gap: 5px; }

/* Genel kart (arşiv, arama) */
.al-card__title { font-family: var(--al-display); font-size: 28px; font-weight: 800; line-height: 1.04; text-transform: uppercase; }
.al-card__title a:hover, .al-card:hover .al-card__title a { background: var(--px-acid); color: var(--al-ink); text-decoration: none; }
.al-card__excerpt { font-size: 15.5px; line-height: 1.6; color: var(--al-text); }

/* Yazı sayfası */
.al-article { padding-top: 50px; }
.al-article__head { max-width: 960px; gap: 18px; }
.al-article__title { font-size: clamp(50px, 6vw, 92px); font-weight: 900; line-height: .95; }
.px-postmeta { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 8px 14px; }
.al-article__head::after { content: ""; width: 140px; height: 10px; background: repeating-linear-gradient(-45deg, var(--al-ink) 0 2px, transparent 2px 7px); }
.al-prose { max-width: 700px; font-family: var(--al-sans); font-size: 18px; line-height: 1.75; color: var(--al-text); }
.al-prose > p:first-of-type { font-size: inherit; line-height: inherit; color: inherit; }
.al-prose > p:first-of-type::first-letter { float: none; margin: 0; font-family: inherit; font-size: inherit; font-weight: inherit; line-height: inherit; color: inherit; }
.al-prose h2 { font-size: 40px; line-height: 1; }
.al-prose h3 { font-size: 30px; line-height: 1.04; }
.al-prose a { color: var(--al-ink); font-weight: 600; text-decoration: none; background: linear-gradient(var(--px-acid), var(--px-acid)) 0 100% / 100% 40% no-repeat; }
.al-prose a:hover { background-size: 100% 100%; }
.al-prose img, .al-prose figure img { filter: grayscale(.85) contrast(1.05); border: 2px solid var(--al-ink); transition: filter .3s; }
.al-prose img:hover { filter: none; }
.al-prose blockquote, .al-prose .wp-block-quote { margin: 1.8em 0; padding: 20px 24px; border: 0; background: var(--px-slab); color: var(--px-acid); font-family: var(--al-display); font-weight: 800; font-style: normal; font-size: 34px; line-height: 1.04; text-transform: uppercase; text-align: left; box-shadow: 8px 8px 0 var(--px-acid); }
.al-prose blockquote::before { display: none; }
.al-prose blockquote p { color: var(--px-acid); }
.al-prose blockquote cite { display: block; margin-top: 10px; font-family: var(--px-mono); font-weight: 400; font-size: 11px; color: #8B8E89; }
.al-article__end { max-width: 700px; }
.al-endmark { color: var(--al-ink); }
.al-tags a { border-radius: 0; border: 2px solid var(--al-ink); font-family: var(--px-mono); font-size: 11px; }
.al-tags a:hover { background: var(--px-acid); }
.al-shead__title { font-family: var(--al-display); }

/* Paylaş: sinyal gönder */
.px-tx { background: var(--px-slab); border: 2px solid var(--al-ink); color: #ECECE7; font-family: var(--px-mono); box-shadow: 8px 8px 0 var(--px-acid); }
.px-tx__head { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 4px 16px; padding: 18px 20px 14px; border-bottom: 1px dashed #444; }
.px-tx__live { grid-column: 1 / -1; display: inline-flex; align-items: center; gap: 8px; font-size: 11px; color: var(--px-acid); text-transform: uppercase; }
.px-tx__title { margin: 0; color: #ECECE7; font-size: 40px; font-weight: 900; line-height: .95; }
.px-tx__code { height: 30px; background: repeating-linear-gradient(90deg, #ECECE7 0 2px, transparent 2px 4px, #ECECE7 4px 7px, transparent 7px 9px, #ECECE7 9px 10px, transparent 10px 13px); opacity: .7; }
.px-tx__id { color: #8B8E89; font-size: 11px; }
.px-tx__list { list-style: none; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); margin: 0; padding: 0; }
.px-tx__list li + li { border-left: 1px dashed #444; }
.px-tx__list a { display: flex; flex-direction: column; gap: 4px; padding: 14px 16px; color: #ECECE7; }
.px-tx__list span { color: #8B8E89; font-size: 10.5px; }
.px-tx__list b { font-size: 13px; }
.px-tx__list em { font-style: normal; color: var(--px-acid); }
.px-tx__list a:hover { background: var(--px-acid); color: var(--al-ink); text-decoration: none; }
.px-tx__list a:hover span, .px-tx__list a:hover em { color: var(--al-ink); }
.px-tx__copy { display: block; width: 100%; padding: 13px 16px; border: 0; border-top: 1px dashed #444; background: transparent; color: var(--px-acid); font-family: var(--px-mono); font-size: 12px; font-weight: 700; text-align: left; text-transform: uppercase; cursor: pointer; }
.px-tx__copy::before { content: "> "; }
.px-tx__copy:hover { background: var(--px-acid); color: var(--al-ink); }
.px-related { gap: 40px 24px; }

/* Kategori sayfası */
.al-archive__head { margin: 0 0 44px; padding: 46px 0 22px; border: 0; border-bottom: 2px solid var(--al-ink); background: none; }
.al-archive__head .al-kicker { display: inline-block; padding: 3px 7px; background: var(--al-ink); color: var(--px-acid); }
.al-archive__title { font-size: clamp(64px, 9vw, 150px); font-weight: 900; line-height: .86; }
.al-archive__desc { color: var(--al-text); }
.al-archive__lead .al-card__title { font-size: clamp(40px, 4vw, 60px); line-height: .96; }
.al-pagination .page-numbers { border-radius: 0; border: 2px solid var(--al-ink); font-family: var(--px-mono); }
.al-pagination .page-numbers.current { background: var(--px-acid); border-color: var(--al-ink); color: var(--al-ink); }

/* Footer */
.al-footer { border-top: 0; }
.al-footer::before { content: ""; display: block; height: 14px; margin-bottom: 40px; background: repeating-linear-gradient(-45deg, var(--px-acid) 0 10px, var(--px-slab) 10px 20px); }
.al-footer .px-wordmark { justify-content: center; width: 100%; color: #ECECE7; font-size: clamp(64px, 10vw, 150px); }
.al-footer .px-wordmark i { box-shadow: 4px 4px 0 #555; }
.al-footer__text { max-width: 620px; margin-left: auto; margin-right: auto; }
.al-footer__copy { font-family: var(--px-mono); font-size: 11px; }
.px-social--footer { justify-content: center; margin-top: 18px; }

/* Kişi kartı */
.bdk-card, .bdk-news { --bdk-accent: var(--al-ink); --bdk-head: var(--al-display); --bdk-ui: var(--px-mono); --bdk-bg: var(--al-paper); --bdk-line: var(--al-line); --bdk-radius: 0; }

.al-totop { border-radius: 0; background: var(--px-acid); color: var(--al-ink); border: 2px solid var(--al-ink); }
.home .al-main { padding-bottom: 72px; }

@media (max-width: 1180px) {
	.px-hero__in { grid-template-columns: minmax(0, 1fr); }
	.px-log { position: static; }
	.px-cards.al-grid--4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.px-split { grid-template-columns: minmax(0, 1fr); gap: 32px; }
	.px-tx__list { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.px-tx__list li + li { border-left: 0; }
	.px-tx__list li { border-bottom: 1px dashed #444; }
}
@media (max-width: 860px) {
	.px-sys__in .al-tagline { display: none; }
	.px-mast { padding-top: 10px; padding-bottom: 10px; }
	.px-wordmark, .al-header.is-compact .px-wordmark { font-size: 40px; gap: 10px; }
	.px-btn__t { display: none; }
	.px-btn, .al-header.is-compact .px-btn { height: 40px; }
	.px-menubtn, .px-btn--icon, .al-header.is-compact .px-btn--icon { width: 40px; padding: 0; }
	.px-navrow { display: none; }
	.px-drawer .al-drawer__in { top: 10px; box-shadow: 5px 5px 0 var(--px-acid); }
	.px-hero { padding: 16px 0 44px; }
	.px-lead__media .al-img { aspect-ratio: 4 / 3.3; }
	.px-lead__card { width: auto; margin: -40px 10px 0; padding: 18px 16px; box-shadow: 5px 5px 0 var(--al-ink); }
	.px-lead__title { font-size: 40px; }
	.px-log { box-shadow: 5px 5px 0 var(--px-acid); }
	.px-signal span { font-size: 24px; }
	.px-head { flex-wrap: wrap; gap: 8px 10px; }
	.px-head h2 { font-size: 40px; }
	.px-head__rule { order: 5; flex-basis: 100%; height: 8px; }
	.px-head .px-more { margin-left: auto; }
	.px-files, .px-catsec, .px-archive { padding-top: 52px; }
	.px-cards.al-grid--3, .px-cards.al-grid--4 { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px 12px; }
	.px-card__title, .px-cards--port .px-card__title { font-size: 21px; }
	.px-catsec--dark { margin-top: 52px; padding: 44px 0 48px; }
	.px-catsec--dark + .al-sec { padding-top: 52px; }
	.px-card--big .px-card__title { font-size: 36px; }
	.px-split__list li { grid-template-columns: 52px minmax(0, 1fr); }
	.px-split__list a { font-size: 23px; }
	.px-morelist { grid-template-columns: minmax(0, 1fr); }
	.px-card--row { grid-template-columns: 72px minmax(0, 1fr); }
	.al-article { padding-top: 28px; }
	.al-article__title { font-size: 46px; }
	.al-prose { font-size: 17px; }
	.al-prose h2 { font-size: 32px; }
	.al-prose blockquote, .al-prose .wp-block-quote { font-size: 26px; box-shadow: 5px 5px 0 var(--px-acid); }
	.px-tx { box-shadow: 5px 5px 0 var(--px-acid); }
	.px-tx__head { grid-template-columns: 1fr auto; }
	.px-tx__code { display: none; }
	.px-tx__title { font-size: 34px; }
	.px-tx__list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.px-tx__list li:nth-child(odd) { border-right: 1px dashed #444; }
	.al-archive__head { padding-top: 28px; }
	.al-archive__title { font-size: 64px; }
	.al-footer .px-wordmark { font-size: 60px; }
}
@media (max-width: 380px) {
	.px-wordmark, .al-header.is-compact .px-wordmark { font-size: 34px; }
}
@media (max-width: 860px) {
	.px-catsec:not(.px-catsec--dark) .px-cards .px-card:nth-child(3) { grid-column: 1 / -1; }
	.px-catsec:not(.px-catsec--dark) .px-cards .px-card:nth-child(3) .al-img { aspect-ratio: 16 / 10; }
}
