/* 07.11 Monitör açıklaması (Kokpit dahil). Site renkleri: --case koyu bant, --red şerit, --line çizgi. */
.mx{max-width:none;color:var(--ink);font-size:16px;line-height:1.7;overflow-wrap:break-word}
.mx-hd{background:var(--case);color:#fff;border-radius:12px;padding:26px 28px 24px;margin:0 0 28px;position:relative;overflow:hidden}
.mx-hd::before{content:"";position:absolute;left:0;top:0;bottom:0;width:6px;background:var(--red)}
.mx-hd h2{margin:0;font-size:24px;line-height:1.3;font-weight:800;letter-spacing:-.01em;text-wrap:balance}
.mx-hd p{margin:8px 0 0;color:#c9cbd1;font-size:15px;font-weight:600;line-height:1.5}
.mx-h{margin:36px 0 10px;font-size:20px;line-height:1.35;font-weight:800;display:flex;gap:12px;align-items:baseline;text-wrap:balance}
.mx-h::before{content:"";flex:none;width:14px;height:4px;border-radius:2px;background:var(--red);transform:translateY(-5px)}
.mx-p{margin:0 0 14px;max-width:none!important}
.mx-p b{font-weight:700}
.mx-fig{margin:22px auto 26px;width:fit-content;max-width:min(100%,720px);border-radius:12px;overflow:hidden;border:1px solid var(--line);background:#fff}
.mx-fig img,.mx-fig video{display:block;max-width:100%;max-height:70vh;width:auto;height:auto;margin:0 auto}
.mx-fig video{background:#0f1216}
.mx-fig-koyu{background:var(--case);border-color:var(--case);padding:28px 40px}
.mx-fig-koyu img{max-width:min(100%,420px)}
.mx-k{margin:36px 0 0;font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--red)}
.mx-k+.mx-h{margin-top:4px}
.mx-stats{list-style:none;margin:22px 0 28px;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}
.mx-stats li{background:var(--case);color:#fff;border-radius:10px;padding:16px;display:flex;flex-direction:column;gap:2px}
.mx-stats b{font-size:26px;font-weight:800;line-height:1.15;color:#fff}
.mx-stats span{font-size:14px;color:#c9cbd1;line-height:1.4}
.mx-cards{list-style:none;margin:22px 0 28px;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}
.mx-cards li{background:#fff;border:1px solid var(--line);border-top:3px solid var(--red);border-radius:10px;padding:14px 16px 16px;display:flex;flex-direction:column;gap:4px}
.mx-cards b{font-size:16px;font-weight:800;line-height:1.3}
.mx-cards span{font-size:14.5px;line-height:1.55;color:var(--soft)}
.mx-list{margin:8px 0 20px;padding:0;list-style:none}
.mx-list li{position:relative;padding:0 0 8px 26px}
.mx-list li::before{content:"";position:absolute;left:4px;top:.62em;width:8px;height:8px;border-radius:2px;background:var(--red)}
.mx-spec{margin:18px 0 28px;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff}
.mx-spec div{display:grid;grid-template-columns:minmax(0,38%) minmax(0,1fr);border-top:1px solid var(--line)}
.mx-spec div:first-child{border-top:0}
.mx-spec div:nth-child(even){background:#f8f8fa}
.mx-spec dt{padding:11px 16px;font-weight:700;font-size:15px;line-height:1.45}
.mx-spec dd{margin:0;padding:11px 16px;font-size:15px;line-height:1.45;color:#33363c}
.mx-spec .mx-spec-h{grid-template-columns:1fr;background:var(--case)!important}
.mx-spec .mx-spec-h dt{color:#fff}
.mx-tbw{margin:18px 0 28px;overflow-x:auto;border:1px solid var(--line);border-radius:12px}
.mx-tb{border-collapse:collapse;width:100%;font-size:15px;background:#fff}
.mx-tb th,.mx-tb td{padding:10px 14px;border-top:1px solid var(--line);text-align:left;vertical-align:top}
.mx-tbimg{display:block;width:100%;max-width:140px;min-width:90px;height:auto;border-radius:8px;margin:0 0 6px}
.mx-tb td:has(.mx-tbimg){font-weight:700}
.mx-tb tr:first-child th,.mx-tb tr:first-child td{border-top:0}
.mx-tb tr:nth-child(even){background:#f8f8fa}
@media (max-width:640px){
 .mx{font-size:15.5px}
 .mx-hd{padding:20px 18px 18px 22px;margin-bottom:22px}
 .mx-hd h2{font-size:20px}
 .mx-h{font-size:18px;margin-top:28px}
 .mx-cards,.mx-stats{grid-template-columns:1fr 1fr;gap:8px}
 .mx-stats b{font-size:22px}
 .mx-cards li{padding:12px}
 .mx-cards b{font-size:15px}
 .mx-cards span{font-size:13.5px}
 .mx-spec div{grid-template-columns:minmax(0,42%) minmax(0,1fr)}
 .mx-spec dt,.mx-spec dd{padding:10px 12px;font-size:14px}
}