/*
Theme Name: KoXmo Minimal Editorial 02
Theme URI: https://koxmo.com
Author: KoXmo
Author URI: https://metodi.darzev.com
Description: Modern two-column editorial WordPress theme with strong visual hierarchy.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 7.4
Text Domain: koxmo-minimal-editorial-02
*/

*,
*::before,
*::after {box-sizing: border-box;}

body {
    margin: 0;
    color: #16181b;
    background: #ffffff;
    font-family: "Inter", "Segoe UI", Arial, sans-serif;
    line-height: 1.62;
}

a {color: #1f2937;}
a:hover {color: #111827;}
img {max-width: 100%; display: block;}

.kx2-wrap {max-width: 1200px; margin: 0 auto; padding: 26px 24px 72px; color: #16181b; font-family: "Inter", "Segoe UI", Arial, sans-serif;}
.kx2-nav {display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #eceff3; padding-bottom: 16px; margin-bottom: 34px;}
.kx2-nav strong {font-size: 1.5rem;}
.kx2-nav nav {display: flex; gap: 18px; flex-wrap: wrap;}
.kx2-nav a {text-decoration: none; color: #2e3136; font-size: 0.95rem;}
.kx2-hero {display: grid; grid-template-columns: 1fr 1fr; gap: 18px; margin-bottom: 28px;}
.kx2-hero article {background: #f7f8fa; border: 1px solid #eceff3; border-radius: 14px; padding: 22px;}
.kx2-hero h1 {margin: 0 0 8px; font-size: 2.4rem;}
.kx2-hero p {line-height: 1.72; margin: 0 0 10px;}
.kx2-sign {font-size: 0.9rem; color: #646b75; margin-top: 14px;}
.kx2-photo {border-radius: 14px; overflow: hidden;}
.kx2-photo img {width: 100%; height: 100%; min-height: 320px; object-fit: cover;}
.kx2-gates {display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-bottom: 32px;}
.kx2-gates a {display: block; border: 1px solid #e8ebf1; border-radius: 12px; padding: 16px; text-decoration: none; color: #15181d; background: #fff;}
.kx2-gates a span {display: block; color: #525865; margin-top: 5px;}
.kx2-h2 {font-size: 1.15rem; margin: 34px 0 14px;}
.kx2-pinned {display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px;}
.kx2-pinned article {padding: 14px; border-radius: 10px; border: 1px solid #eceff3; background: #fbfcfd;}
.kx2-pinned time {font-size: 0.82rem; color: #616774;}
.kx2-latest {display: grid; grid-template-columns: 1.2fr 0.8fr; gap: 16px;}
.kx2-main-post {border: 1px solid #e8ebf1; border-radius: 12px; overflow: hidden;}
.kx2-main-post img {width: 100%; height: 320px; object-fit: cover;}
.kx2-main-post .b {padding: 16px;}
.kx2-side-list {display: grid; gap: 10px;}
.kx2-side-item {display: grid; grid-template-columns: 130px 1fr; border: 1px solid #e8ebf1; border-radius: 10px; overflow: hidden;}
.kx2-side-item img {width: 100%; height: 100%; min-height: 106px; object-fit: cover;}
.kx2-side-item .b {padding: 10px;}
.kx2-series {display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px;}
.kx2-series article {border: 1px solid #eceff3; border-radius: 10px; padding: 15px;}
.kx2-about {display: grid; grid-template-columns: 1.2fr 0.8fr; gap: 18px; margin-top: 36px; padding-top: 24px; border-top: 1px solid #eceff3;}
.kx2-links a {display: block; margin: 0 0 9px; color: #20242b;}
.kx2-footer {margin-top: 36px; padding-top: 14px; border-top: 1px solid #eceff3; display: flex; justify-content: space-between; gap: 10px; flex-wrap: wrap; font-size: 0.9rem;}
.kx2-footer nav {display: flex; gap: 12px; flex-wrap: wrap;}
.kx2-footer a {color: #4a5160;}

.kx-post-index {max-width: 920px; margin: 0 auto; padding: 38px 20px 70px;}
.kx-post-index h1 {margin-bottom: 22px;}
.kx-post-item {padding: 18px 0; border-bottom: 1px solid #eceef2;}
.kx-post-item h2 {margin: 0 0 8px; font-size: 1.45rem;}
.kx-post-item time {font-size: 0.9rem; color: #667085;}

@media (max-width: 980px) {
    .kx2-hero, .kx2-latest, .kx2-about {grid-template-columns: 1fr;}
}
@media (max-width: 760px) {
    .kx2-gates, .kx2-pinned, .kx2-series {grid-template-columns: 1fr;}
    .kx2-side-item {grid-template-columns: 1fr;}
    .kx2-side-item img {height: 170px;}
}