/* 6 DONANIM — mühendis defteri kurgusu (taslak .f-don). */
body { background-image: linear-gradient(rgba(17, 18, 20, .045) 1px, transparent 1px), linear-gradient(90deg, rgba(17, 18, 20, .045) 1px, transparent 1px); background-size: 16px 16px; }
.spx-header { border-bottom: 2px solid var(--ink); background: var(--bg); }
.x-head { display: flex; justify-content: space-between; align-items: stretch; padding-right: 0; }
.spx-logo { gap: 12px; padding-block: 16px; font: 900 22px var(--fd); text-transform: uppercase; letter-spacing: .02em; }
.spx-logo i { width: 30px; height: 30px; background: var(--acc); color: var(--on-acc); border: 2px solid var(--ink); display: grid; place-items: center; font: 500 11px var(--fm); font-style: normal; box-sizing: border-box; }
.x-boxnav { align-self: stretch; }
.x-boxnav .wp-block-navigation__container { gap: 0; align-self: stretch; }
.x-boxnav .wp-block-navigation-item { align-self: stretch; }
.x-boxnav .wp-block-navigation-item__content { display: flex; align-items: center; height: 100%; padding: 0 20px; border-left: 2px solid var(--ink); font: 500 13px var(--fm); text-transform: uppercase; }
.x-boxnav .wp-block-navigation-item__content:hover { background: var(--acc); color: var(--on-acc); }
.x-herowrap { border-bottom: 2px solid var(--ink); }
.x-hero-t > li { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); }
.x-ht { padding: 40px 40px 40px 0; border-right: 2px solid var(--ink); background: var(--bg); display: flex; flex-direction: column; align-items: flex-start; }
.x-code { font: 500 12px var(--fm); display: inline-block; background: var(--ink); color: var(--acc); padding: 4px 8px; }
.x-h1 { font: 900 52px/.98 var(--fd); text-transform: uppercase; letter-spacing: -.02em; margin: 16px 0 !important; }
.x-p { font-size: 17px; line-height: 1.55; color: #33363c; max-width: 52ch; }
.x-spec { background: #fff; display: flex; flex-direction: column; }
.x-die { flex: 1; min-height: 230px; background: #15171a; display: grid; }
.x-die .spx-media { height: 100%; }
.x-die .spx-art { background: transparent; min-height: 230px; }
.x-dl { margin: 0; display: grid; grid-template-columns: repeat(2, 1fr); }
.x-dl div { padding: 12px 16px; border-top: 2px solid var(--ink); border-right: 2px solid var(--ink); }
.x-dl div:nth-child(2n) { border-right: 0; }
.x-dl dt { font: 500 11px var(--fm); text-transform: uppercase; color: var(--mute); }
.x-dl dd { margin: 2px 0 0; font: 800 20px var(--fd); }
.x-partswrap { border-bottom: 2px solid var(--ink); }
.x-parts, .spx-cards--don { display: grid; grid-template-columns: repeat(var(--cols), minmax(0, 1fr)); }
.x-parts > li, .spx-cards--don > li { padding: 22px 22px 26px; border-right: 2px solid var(--ink); background: var(--bg); display: flex; flex-direction: column; gap: 10px; }
.x-parts > li:first-child { padding-left: 0; }
.x-parts > li:last-child { border-right: 0; }
.spx-cards--don { gap: 0; border: 2px solid var(--ink); }
.x-no { font: 500 12px var(--fm); color: var(--mute); }
.x-partt { font: 800 19px/1.2 var(--fd); }
.x-partspec { margin: 0; font: 500 12px var(--fm); color: #383b41; }
.x-partspec div { display: flex; justify-content: space-between; gap: 8px; border-top: 1px dashed var(--line); padding: 5px 0; }
.x-partspec dd { margin: 0; }
.x-catswrap { background: var(--ink); color: #fff; }
.x-cats { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); }
.x-cats .topic { display: block; padding: 18px 20px; border-right: 1px solid #2c2f34; }
.x-cats .topic b { display: block; font: 800 15px var(--fd); text-transform: uppercase; }
.x-cats .topic span { display: block; font: 500 11px var(--fm); color: var(--acc); margin-top: 4px; }
.spx-footer--don .spx-foot { font: 500 12px var(--fm); text-transform: uppercase; }
.spx-single .spx-title, .spx-archive-title { font-weight: 900; text-transform: uppercase; }
.spx-kick { color: var(--ink); background: var(--acc); align-self: flex-start; padding: 3px 6px; }
.spx-kick a { color: inherit; }
.spx-prose table { border: 2px solid var(--ink); background: #fff; }
.spx-prose :is(th, td) { border: 1px solid var(--line); }
.spx-prose td:first-child { font: 500 12px var(--fm); text-transform: uppercase; color: var(--mute); }
.spx-prose td:last-child { font-weight: 800; }
@media (max-width: 1000px) {
	.x-hero-t > li { grid-template-columns: minmax(0, 1fr); }
	.x-ht { border-right: 0; padding-right: 0; }
	.x-parts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.x-cats { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
	.x-head { flex-direction: column; padding-right: var(--pad); }
	.x-boxnav .wp-block-navigation-item__content { border-left: 0; padding: 12px 0; }
	.x-h1 { font-size: 36px; }
	.x-parts { grid-template-columns: minmax(0, 1fr); }
	.x-parts > li { padding-left: 0; border-right: 0; border-bottom: 2px solid var(--ink); }
	.x-cats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
/* Özellik tablosu olmayan yazı: kart özetle kapanır, hero'da yonga/görsel tam yükseklik. */
.x-parts > li:has(.x-partspec) .x-cardex, .spx-cards--don > li:has(.x-partspec) .x-cardex { display: none; }
.x-cardex { color: var(--mute); font-size: 14px; }
.spx-nav--overlay .wp-block-navigation-item__content { font-weight: 700; }
@media (min-width: 600px) {
	.x-boxnav .wp-block-navigation-item__content { padding: 22px 20px; height: auto; }
	.x-boxnav { align-self: flex-end; }
}