/*
Theme Name: MediaPlugX News
Theme URI: https://mediaplugx.com
Author: MediaPlugX
Author URI: https://mediaplugx.com
Description: A fast, mobile-first, editorial WordPress news theme built for Animal, World & Health publishing. Lightweight, AdSense-ready, and optimized for Core Web Vitals. Developed by MediaPlugX.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 8.1
Tested up to: 6.6
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: mpxn
Tags: news, blog, one-column, two-columns, custom-colors, custom-menu, featured-images, sticky-post, threaded-comments, translation-ready

MediaPlugX News WordPress Theme, Copyright 2026 MediaPlugX
MediaPlugX News is distributed under the terms of the GNU GPL.
*/

/* =========================================================
   1. DESIGN TOKENS
   ========================================================= */
:root{
  /* Backgrounds */
  --mpxn-bg: #FFFFFF;
  --mpxn-bg-soft: #F5F7F9;

  /* Text */
  --mpxn-heading: #111827;
  --mpxn-body: #273142;
  --mpxn-muted: #667085;

  /* Brand */
  --mpxn-navy: #101828;
  --mpxn-breaking: #D71920;
  --mpxn-animal: #16875B;
  --mpxn-world: #1769AA;
  --mpxn-health: #087F8C;

  /* Border / shadow */
  --mpxn-border: #E4E7EC;
  --mpxn-shadow: 0 8px 24px rgba(16,24,40,0.08);

  /* Footer */
  --mpxn-footer-bg: #101828;
  --mpxn-footer-text: #D0D5DD;
  --mpxn-footer-heading: #FFFFFF;

  /* Type */
  --mpxn-font-head: "Source Serif 4", Georgia, "Times New Roman", serif;
  --mpxn-font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  /* Spacing scale */
  --mpxn-space-1: 4px;
  --mpxn-space-2: 8px;
  --mpxn-space-3: 12px;
  --mpxn-space-4: 16px;
  --mpxn-space-5: 24px;
  --mpxn-space-6: 32px;
  --mpxn-space-7: 48px;
  --mpxn-space-8: 64px;

  /* Layout */
  --mpxn-container: 1200px;
  --mpxn-article-width: 740px;
  --mpxn-radius: 4px;
}

/* =========================================================
   2. RESET
   ========================================================= */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{
  margin:0;
  background:var(--mpxn-bg);
  color:var(--mpxn-body);
  font-family:var(--mpxn-font-body);
  font-size:16px;
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
ul{list-style:none;margin:0;padding:0}
button{font-family:inherit;cursor:pointer}
input,textarea,select{font-family:inherit}
h1,h2,h3,h4{font-family:var(--mpxn-font-head);color:var(--mpxn-heading);margin:0 0 var(--mpxn-space-3)}

@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{animation-duration:0.001ms !important;animation-iteration-count:1 !important;transition-duration:0.001ms !important;scroll-behavior:auto !important}
}

/* Skip link */
.mpxn-skip-link{position:absolute;left:-9999px;top:0;background:var(--mpxn-navy);color:#fff;padding:12px 20px;z-index:9999;border-radius:0 0 4px 0}
.mpxn-skip-link:focus{left:0}

/* Focus states */
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{
  outline:2px solid var(--mpxn-world);outline-offset:2px;
}

.mpxn-container{max-width:var(--mpxn-container);margin:0 auto;padding:0 var(--mpxn-space-4)}
.mpxn-section{padding:var(--mpxn-space-6) 0}
.mpxn-section--soft{background:var(--mpxn-bg-soft)}
.mpxn-section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--mpxn-space-4);border-bottom:1px solid var(--mpxn-border);padding-bottom:var(--mpxn-space-2)}
.mpxn-section-title{font-size:22px;margin:0;position:relative;display:inline-block}
.mpxn-section-title::after{content:"";position:absolute;left:0;bottom:-9px;height:3px;width:0;background:currentColor;transition:width .35s ease}
.mpxn-section-title.is-visible::after{width:48px}
.mpxn-section--animal .mpxn-section-title{color:var(--mpxn-animal)}
.mpxn-section--world .mpxn-section-title{color:var(--mpxn-world)}
.mpxn-section--health .mpxn-section-title{color:var(--mpxn-health)}
.mpxn-view-all{font-size:13px;font-weight:600;color:var(--mpxn-muted)}

/* =========================================================
   3. HEADER
   ========================================================= */
.mpxn-utility-bar{background:var(--mpxn-navy);color:#c9cedb;font-size:12px}
.mpxn-utility-bar .mpxn-container{display:flex;align-items:center;justify-content:space-between;height:34px}
.mpxn-utility-bar a{opacity:.85}
.mpxn-utility-bar a:hover{opacity:1;color:#fff}
.mpxn-utility-links{display:flex;gap:var(--mpxn-space-4)}
.mpxn-utility-social{display:flex;gap:var(--mpxn-space-2)}
.mpxn-utility-social a svg{width:14px;height:14px}
@media (max-width:782px){.mpxn-utility-links,.mpxn-utility-tagline{display:none}}

.mpxn-main-header{border-bottom:1px solid var(--mpxn-border)}
.mpxn-main-header .mpxn-container{display:flex;align-items:center;justify-content:space-between;height:84px}
.mpxn-logo{display:flex;align-items:center;gap:10px;font-family:var(--mpxn-font-head);font-weight:700;font-size:24px;color:var(--mpxn-navy)}
.mpxn-logo img{height:40px;width:auto}
.mpxn-header-actions{display:flex;align-items:center;gap:var(--mpxn-space-4)}
.mpxn-icon-btn{background:none;border:none;padding:8px;color:var(--mpxn-navy);display:flex}
.mpxn-icon-btn svg{width:20px;height:20px}
.mpxn-follow-btn{background:var(--mpxn-navy);color:#fff;font-size:13px;font-weight:600;padding:8px 16px;border-radius:var(--mpxn-radius);border:none}

.mpxn-main-nav{background:var(--mpxn-navy)}
.mpxn-main-nav .mpxn-container{display:flex;align-items:center;height:48px}
.mpxn-main-nav ul{display:flex;gap:var(--mpxn-space-5)}
.mpxn-main-nav a{color:#e4e7ec;font-size:14px;font-weight:600;letter-spacing:.2px}
.mpxn-main-nav a:hover{color:#fff}
.mpxn-main-nav.mpxn-is-sticky{position:sticky;top:0;z-index:500;height:48px;box-shadow:var(--mpxn-shadow)}
.mpxn-nav-toggle{display:none;background:none;border:none;color:var(--mpxn-navy)}
@media (max-width:900px){
  .mpxn-main-nav .mpxn-container ul{display:none}
  .mpxn-nav-toggle{display:flex}
  .mpxn-main-header .mpxn-container{height:64px}
}

/* Mobile slide-out menu */
.mpxn-mobile-menu{position:fixed;inset:0 0 0 auto;width:300px;max-width:85vw;background:#fff;z-index:1000;transform:translateX(100%);transition:transform .3s ease;box-shadow:var(--mpxn-shadow);overflow-y:auto}
.mpxn-mobile-menu.is-open{transform:translateX(0)}
.mpxn-mobile-overlay{position:fixed;inset:0;background:rgba(16,24,40,.5);z-index:999;opacity:0;pointer-events:none;transition:opacity .3s ease}
.mpxn-mobile-overlay.is-open{opacity:1;pointer-events:auto}
.mpxn-mobile-menu-head{display:flex;justify-content:space-between;align-items:center;padding:var(--mpxn-space-4);border-bottom:1px solid var(--mpxn-border)}
.mpxn-mobile-menu ul{padding:var(--mpxn-space-4)}
.mpxn-mobile-menu li{border-bottom:1px solid var(--mpxn-border)}
.mpxn-mobile-menu a{display:block;padding:14px 4px;font-weight:600;color:var(--mpxn-heading)}

/* =========================================================
   4. BREAKING NEWS TICKER
   ========================================================= */
.mpxn-ticker{background:var(--mpxn-bg-soft);border-bottom:1px solid var(--mpxn-border)}
.mpxn-ticker .mpxn-container{display:flex;align-items:center;height:44px;gap:var(--mpxn-space-4)}
.mpxn-ticker-label{display:flex;align-items:center;gap:6px;background:var(--mpxn-breaking);color:#fff;font-size:12px;font-weight:700;letter-spacing:.5px;padding:5px 10px;border-radius:2px;flex-shrink:0}
.mpxn-pulse{width:7px;height:7px;border-radius:50%;background:#fff;animation:mpxn-pulse 1.4s infinite}
@keyframes mpxn-pulse{0%{opacity:1}50%{opacity:.3}100%{opacity:1}}
.mpxn-ticker-track{position:relative;flex:1;height:20px;overflow:hidden}
.mpxn-ticker-item{position:absolute;inset:0;font-size:14px;font-weight:500;color:var(--mpxn-heading);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:0;transform:translateY(100%);transition:opacity .4s ease,transform .4s ease}
.mpxn-ticker-item.is-active{opacity:1;transform:translateY(0)}
.mpxn-ticker-item.is-leaving{opacity:0;transform:translateY(-100%)}
.mpxn-ticker-controls{display:flex;gap:4px;flex-shrink:0}
.mpxn-ticker-controls button{background:none;border:1px solid var(--mpxn-border);width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center}
.mpxn-ticker-time{font-size:12px;color:var(--mpxn-muted);flex-shrink:0}
@media (max-width:600px){.mpxn-ticker-controls,.mpxn-ticker-time{display:none}}

/* =========================================================
   5. HERO
   ========================================================= */
.mpxn-hero{padding:var(--mpxn-space-6) 0}
.mpxn-hero-grid{display:grid;grid-template-columns:1.75fr 1fr;gap:var(--mpxn-space-5)}
.mpxn-hero-lead{position:relative;border-radius:var(--mpxn-radius);overflow:hidden;box-shadow:var(--mpxn-shadow)}
.mpxn-hero-lead .mpxn-hero-img-wrap{aspect-ratio:16/9;overflow:hidden;background:var(--mpxn-bg-soft)}
.mpxn-hero-lead img{width:100%;height:100%;object-fit:cover}
.mpxn-hero-lead-body{padding:var(--mpxn-space-5) 0 0}
.mpxn-badge{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;padding:4px 9px;border-radius:2px;color:#fff}
.mpxn-badge--animal{background:var(--mpxn-animal)}
.mpxn-badge--world{background:var(--mpxn-world)}
.mpxn-badge--health{background:var(--mpxn-health)}
.mpxn-hero-lead h2{font-size:clamp(31px,4vw,50px);line-height:1.15;margin:var(--mpxn-space-3) 0 var(--mpxn-space-2)}
.mpxn-hero-lead h2 a:hover{text-decoration:underline}
.mpxn-hero-summary{color:var(--mpxn-body);font-size:16px;margin:0 0 var(--mpxn-space-3)}
.mpxn-meta{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:13px;color:var(--mpxn-muted)}
.mpxn-hero-side{display:flex;flex-direction:column;gap:var(--mpxn-space-4)}
.mpxn-hero-side-item{display:flex;gap:var(--mpxn-space-3);border-bottom:1px solid var(--mpxn-border);padding-bottom:var(--mpxn-space-4)}
.mpxn-hero-side-item:last-child{border-bottom:none}
.mpxn-hero-side-img{width:104px;flex-shrink:0;aspect-ratio:4/3;overflow:hidden;border-radius:2px;background:var(--mpxn-bg-soft)}
.mpxn-hero-side-img img{width:100%;height:100%;object-fit:cover}
.mpxn-hero-side h3{font-size:16px;line-height:1.3;margin:2px 0}
@media (max-width:900px){
  .mpxn-hero-grid{grid-template-columns:1fr}
}

/* Entrance animation (hero only, once) */
.mpxn-anim-in .mpxn-badge{animation:mpxn-fade .3s ease both}
.mpxn-anim-in h2{animation:mpxn-rise .4s ease .15s both}
.mpxn-anim-in .mpxn-hero-summary{animation:mpxn-rise .4s ease .5s both}
.mpxn-anim-in .mpxn-meta{animation:mpxn-fade .3s ease .75s both}
@keyframes mpxn-fade{from{opacity:0}to{opacity:1}}
@keyframes mpxn-rise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}

/* =========================================================
   6. CARDS
   ========================================================= */
.mpxn-card{display:block}
.mpxn-card-img{aspect-ratio:16/10;overflow:hidden;border-radius:2px;background:var(--mpxn-bg-soft)}
.mpxn-card-img img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.mpxn-card:hover .mpxn-card-img img{transform:scale(1.025)}
.mpxn-card h3{font-size:18px;line-height:1.3;margin:var(--mpxn-space-2) 0 4px}
.mpxn-card:hover h3{color:var(--mpxn-world)}
.mpxn-card-row{display:flex;gap:var(--mpxn-space-3);padding:var(--mpxn-space-3) 0;border-bottom:1px solid var(--mpxn-border)}
.mpxn-card-row .mpxn-card-img{width:160px;flex-shrink:0}
.mpxn-card-row-body{flex:1;min-width:0}
.mpxn-card-row h3{font-size:17px}
.mpxn-card-compact{display:flex;gap:10px;padding:10px 0;border-bottom:1px solid var(--mpxn-border)}
.mpxn-card-compact .mpxn-card-img{width:76px;flex-shrink:0;aspect-ratio:1/1}
.mpxn-card-compact h3{font-size:14px;margin:0}
.mpxn-excerpt{font-size:14px;color:var(--mpxn-muted);margin:0 0 6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

.mpxn-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:var(--mpxn-space-5)}
.mpxn-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--mpxn-space-4)}
@media (max-width:900px){.mpxn-grid-4{grid-template-columns:repeat(2,1fr)}}
@media (max-width:600px){.mpxn-grid-2{grid-template-columns:1fr}}

.mpxn-category-layout{display:grid;grid-template-columns:1.4fr 1fr;gap:var(--mpxn-space-5)}
@media (max-width:900px){.mpxn-category-layout{grid-template-columns:1fr}}

/* =========================================================
   7. LATEST NEWS + SIDEBAR
   ========================================================= */
.mpxn-latest-layout{display:grid;grid-template-columns:2.2fr 1fr;gap:var(--mpxn-space-6)}
@media (max-width:900px){.mpxn-latest-layout{grid-template-columns:1fr}}
.mpxn-sidebar-block{margin-bottom:var(--mpxn-space-6)}
.mpxn-sidebar-title{font-size:15px;text-transform:uppercase;letter-spacing:.5px;color:var(--mpxn-muted);margin-bottom:var(--mpxn-space-3);border-bottom:2px solid var(--mpxn-navy);padding-bottom:6px;display:inline-block}
.mpxn-most-read-item{display:flex;gap:10px;align-items:flex-start;padding:10px 0;border-bottom:1px solid var(--mpxn-border)}
.mpxn-most-read-rank{font-family:var(--mpxn-font-head);font-size:20px;color:var(--mpxn-border);font-weight:700;width:24px;flex-shrink:0}
.mpxn-most-read-item h4{font-size:14px;margin:0;font-weight:600;color:var(--mpxn-heading)}

/* =========================================================
   8. NEWSLETTER
   ========================================================= */
.mpxn-newsletter{background:var(--mpxn-navy);color:#fff;padding:var(--mpxn-space-6) 0;text-align:center}
.mpxn-newsletter h2{color:#fff;font-size:26px}
.mpxn-newsletter p{color:#c9cedb;max-width:520px;margin:0 auto var(--mpxn-space-4)}
.mpxn-newsletter-form{display:flex;gap:8px;max-width:420px;margin:0 auto}
.mpxn-newsletter-form input{flex:1;padding:12px 14px;border:none;border-radius:var(--mpxn-radius);font-size:14px}
.mpxn-newsletter-form button{background:var(--mpxn-breaking);color:#fff;border:none;padding:12px 20px;border-radius:var(--mpxn-radius);font-weight:600;font-size:14px}
.mpxn-newsletter-privacy{font-size:12px;color:#98a2b3;margin-top:10px}
@media (max-width:500px){.mpxn-newsletter-form{flex-direction:column}}

/* =========================================================
   9. AD SLOTS
   ========================================================= */
.mpxn-ad-slot{display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--mpxn-bg-soft);border:1px dashed var(--mpxn-border);margin:var(--mpxn-space-5) 0;overflow:hidden}
.mpxn-ad-label{font-size:10px;letter-spacing:1px;text-transform:uppercase;color:var(--mpxn-muted);padding:6px 0 0}

/* =========================================================
   10. SINGLE ARTICLE
   ========================================================= */
.mpxn-progress{position:fixed;top:0;left:0;height:3px;background:var(--mpxn-navy);z-index:2000;width:0%}
.mpxn-article-header{max-width:var(--mpxn-article-width);margin:0 auto;padding:var(--mpxn-space-6) var(--mpxn-space-4) var(--mpxn-space-4)}
.mpxn-article-header h1{font-size:clamp(31px,4.5vw,54px);line-height:1.15}
.mpxn-standfirst{font-size:19px;color:var(--mpxn-body);margin-bottom:var(--mpxn-space-3)}
.mpxn-byline{display:flex;align-items:center;gap:10px;padding:var(--mpxn-space-3) 0;border-top:1px solid var(--mpxn-border);border-bottom:1px solid var(--mpxn-border)}
.mpxn-byline img{width:40px;height:40px;border-radius:50%;object-fit:cover}
.mpxn-byline-name{font-weight:700;font-size:14px;color:var(--mpxn-heading)}
.mpxn-byline-meta{font-size:13px;color:var(--mpxn-muted)}
.mpxn-featured-figure{max-width:1000px;margin:0 auto var(--mpxn-space-5)}
.mpxn-featured-figure img{border-radius:2px}
.mpxn-featured-figure figcaption{font-size:13px;color:var(--mpxn-muted);padding:8px var(--mpxn-space-4) 0}

.mpxn-article-body{max-width:var(--mpxn-article-width);margin:0 auto;padding:0 var(--mpxn-space-4);font-size:18px;line-height:1.75;color:var(--mpxn-body)}
.mpxn-article-body p{margin:0 0 var(--mpxn-space-4)}
.mpxn-article-body h2{font-size:26px;margin-top:var(--mpxn-space-6)}
.mpxn-article-body h3{font-size:21px;margin-top:var(--mpxn-space-5)}
.mpxn-article-body blockquote{border-left:3px solid var(--mpxn-navy);padding-left:var(--mpxn-space-4);font-family:var(--mpxn-font-head);font-style:italic;font-size:21px;color:var(--mpxn-heading);margin:var(--mpxn-space-5) 0}
.mpxn-article-body a{color:var(--mpxn-world);text-decoration:underline}
.mpxn-article-body img{border-radius:2px;margin:var(--mpxn-space-4) 0}
.mpxn-article-body table{width:100%;border-collapse:collapse;font-size:15px}
.mpxn-article-body table td,.mpxn-article-body table th{border:1px solid var(--mpxn-border);padding:8px 10px}
@media (max-width:600px){.mpxn-article-body{font-size:17px}}

.mpxn-box{max-width:var(--mpxn-article-width);margin:var(--mpxn-space-5) auto;padding:var(--mpxn-space-4);background:var(--mpxn-bg-soft);border-radius:2px;font-size:14px}
.mpxn-box h4{font-size:14px;text-transform:uppercase;letter-spacing:.4px;margin-bottom:8px}
.mpxn-box--health{border-left:3px solid var(--mpxn-health)}
.mpxn-box ul{padding-left:18px;list-style:disc}
.mpxn-box li{margin-bottom:4px}

.mpxn-share-bar{display:flex;gap:8px}
.mpxn-share-bar a,.mpxn-share-bar button{width:34px;height:34px;border-radius:50%;background:var(--mpxn-bg-soft);display:flex;align-items:center;justify-content:center;border:none}
.mpxn-share-bar svg{width:16px;height:16px}
.mpxn-share-sticky{position:fixed;bottom:16px;left:50%;transform:translate(-50%,120%);background:#fff;box-shadow:var(--mpxn-shadow);border-radius:30px;padding:8px 12px;z-index:400;transition:transform .3s ease}
.mpxn-share-sticky.is-visible{transform:translate(-50%,0)}
@media (min-width:769px){.mpxn-share-sticky{display:none}}

.mpxn-tags{display:flex;flex-wrap:wrap;gap:8px;max-width:var(--mpxn-article-width);margin:var(--mpxn-space-5) auto 0;padding:0 var(--mpxn-space-4)}
.mpxn-tags a{font-size:12px;background:var(--mpxn-bg-soft);padding:5px 11px;border-radius:20px;color:var(--mpxn-body)}

.mpxn-author-box{max-width:var(--mpxn-article-width);margin:var(--mpxn-space-6) auto;padding:0 var(--mpxn-space-4);display:flex;gap:var(--mpxn-space-4);border-top:1px solid var(--mpxn-border);padding-top:var(--mpxn-space-5)}
.mpxn-author-box img{width:64px;height:64px;border-radius:50%;object-fit:cover;flex-shrink:0}

.mpxn-related{padding:var(--mpxn-space-6) var(--mpxn-space-4);max-width:1000px;margin:0 auto}

/* =========================================================
   11. FOOTER
   ========================================================= */
.mpxn-footer{background:var(--mpxn-footer-bg);color:var(--mpxn-footer-text);padding:var(--mpxn-space-7) 0 var(--mpxn-space-4)}
.mpxn-footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:var(--mpxn-space-5);margin-bottom:var(--mpxn-space-6)}
.mpxn-footer-heading{color:var(--mpxn-footer-heading);font-size:14px;text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--mpxn-space-3);font-family:var(--mpxn-font-body);font-weight:700}
.mpxn-footer-grid a{display:block;padding:5px 0;font-size:14px}
.mpxn-footer-grid a:hover{color:#fff}
.mpxn-footer-logo{font-family:var(--mpxn-font-head);font-size:20px;color:#fff;font-weight:700;margin-bottom:10px}
.mpxn-footer-desc{font-size:14px;line-height:1.6;max-width:280px}
.mpxn-footer-social{display:flex;gap:10px;margin-top:var(--mpxn-space-3)}
.mpxn-footer-social a{width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;padding:0}
.mpxn-footer-social svg{width:15px;height:15px}
.mpxn-footer-bottom{border-top:1px solid rgba(255,255,255,.12);padding-top:var(--mpxn-space-4);text-align:center;font-size:12.5px;color:#98a2b3}
.mpxn-footer-bottom p{margin:2px 0}
@media (max-width:900px){.mpxn-footer-grid{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.mpxn-footer-grid{grid-template-columns:1fr}}

/* =========================================================
   12. UTILITY / MISC
   ========================================================= */
.mpxn-back-to-top{position:fixed;bottom:20px;right:20px;width:42px;height:42px;border-radius:50%;background:var(--mpxn-navy);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:var(--mpxn-shadow);opacity:0;pointer-events:none;transition:opacity .25s ease;z-index:400;border:none}
.mpxn-back-to-top.is-visible{opacity:1;pointer-events:auto}
.mpxn-search-overlay{position:fixed;inset:0;background:rgba(16,24,40,.92);z-index:2000;display:flex;align-items:flex-start;justify-content:center;padding-top:12vh;opacity:0;pointer-events:none;transition:opacity .2s ease}
.mpxn-search-overlay.is-open{opacity:1;pointer-events:auto}
.mpxn-search-overlay form{width:90%;max-width:640px;display:flex;gap:10px}
.mpxn-search-overlay input{flex:1;font-size:22px;background:none;border:none;border-bottom:2px solid #fff;color:#fff;padding:8px 0}
.mpxn-search-overlay input::placeholder{color:#8a94a6}
.mpxn-search-close{position:absolute;top:24px;right:24px;background:none;border:none;color:#fff}
.mpxn-search-filters{display:flex;gap:10px;margin-top:16px}
.mpxn-search-filters button{background:rgba(255,255,255,.08);color:#fff;border:none;padding:6px 14px;border-radius:20px;font-size:13px}

.mpxn-breadcrumbs{font-size:12.5px;color:var(--mpxn-muted);margin-bottom:var(--mpxn-space-3)}
.mpxn-breadcrumbs a{color:var(--mpxn-muted)}
.mpxn-breadcrumbs a:hover{color:var(--mpxn-heading)}

.mpxn-pagination{display:flex;gap:8px;justify-content:center;margin:var(--mpxn-space-6) 0}
.mpxn-pagination a,.mpxn-pagination span{padding:8px 14px;border:1px solid var(--mpxn-border);border-radius:2px;font-size:14px}
.mpxn-pagination .current{background:var(--mpxn-navy);color:#fff;border-color:var(--mpxn-navy)}

.mpxn-page-content{max-width:var(--mpxn-article-width);margin:0 auto;padding:var(--mpxn-space-6) var(--mpxn-space-4);font-size:17px;line-height:1.75}
.mpxn-team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--mpxn-space-5);max-width:1000px;margin:0 auto;padding:var(--mpxn-space-6) var(--mpxn-space-4)}
@media (max-width:700px){.mpxn-team-grid{grid-template-columns:1fr 1fr}}
.mpxn-team-card{text-align:center}
.mpxn-team-card img{width:120px;height:120px;border-radius:50%;object-fit:cover;margin:0 auto 10px}
.mpxn-contact-form{max-width:600px;margin:0 auto;padding:var(--mpxn-space-6) var(--mpxn-space-4)}
.mpxn-contact-form input,.mpxn-contact-form textarea,.mpxn-contact-form select{width:100%;padding:10px 12px;border:1px solid var(--mpxn-border);border-radius:var(--mpxn-radius);margin-bottom:var(--mpxn-space-3);font-size:14px}
.mpxn-contact-form label{font-size:13px;font-weight:600;display:block;margin-bottom:4px}
.mpxn-contact-form button{background:var(--mpxn-navy);color:#fff;border:none;padding:12px 24px;border-radius:var(--mpxn-radius);font-weight:600}

.mpxn-404{text-align:center;padding:var(--mpxn-space-8) var(--mpxn-space-4)}
.mpxn-404 h1{font-size:64px}

.mpxn-empty-state{text-align:center;color:var(--mpxn-muted);padding:var(--mpxn-space-6) 0}

.mpxn-visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}