/* ==========================================================================
   Wizart DCC Platform — reconstruction layer
   MUI v4 (runtime-injected in the original Gatsby build) class subset
   + static menu toggle + News/Articles styles + mobile fixes.
   Loaded AFTER the archived theme CSS (style.css).
   ========================================================================== */

/* ---- MUI structural subset (was JSS-injected at runtime) ---------------- */
.MuiDrawer-root{position:fixed;top:0;right:0;bottom:0;z-index:1200;display:flex}
.MuiDrawer-docked{flex:0 0 auto}
.MuiPaper-root{background-color:#151719;color:#eceded}
.MuiPaper-rounded{border-radius:4px}
.MuiPaper-elevation0{box-shadow:none}
.MuiPaper-elevation1{box-shadow:0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12)}
.MuiDrawer-paper{position:fixed;right:0;bottom:0;width:250px;min-width:250px;max-width:250px;height:auto;overflow-y:auto;
  visibility:hidden;transform:translateX(100%);transition:transform .22s ease,visibility .22s;
  border-left:1px solid #33363a;box-shadow:-10px 0 30px rgba(0,0,0,.45)}
.MuiList-root{list-style:none;margin:0;padding:0}
.MuiList-padding{padding-top:8px;padding-bottom:8px}
.MuiList-subheader{padding-top:0}
.MuiListItem-root{display:flex;align-items:center;justify-content:flex-start;width:100%;box-sizing:border-box;
  padding-top:8px;padding-bottom:8px;position:relative}
.MuiListItem-gutters{padding-left:16px;padding-right:16px}
.MuiListItem-button{cursor:pointer;transition:background-color .15s ease}
.MuiListItem-button:hover{background-color:rgba(255,255,255,.06)}
.MuiButtonBase-root{display:inline-flex;align-items:center;justify-content:center;background:transparent;border:0;
  margin:0;padding:0;font:inherit;color:inherit;cursor:pointer;outline:0;-webkit-appearance:none;appearance:none}
.MuiIconButton-root{padding:12px;border-radius:50%;flex:0 0 auto;overflow:visible}
.MuiIconButton-root:hover{background-color:rgba(255,255,255,.08)}
.MuiIconButton-label{display:flex;align-items:inherit;justify-content:inherit;width:100%;height:100%}
.MuiSvgIcon-root{fill:currentColor;width:24px;height:24px;display:inline-block;font-size:24px;flex-shrink:0;
  user-select:none;vertical-align:middle}
.MuiDivider-root{border:0;height:1px;margin:0;flex-shrink:0;background-color:rgba(255,255,255,.12)}
.MuiTypography-root{margin:0}
.MuiTypography-h6{font-size:1.0625rem;font-weight:600;line-height:1.6;letter-spacing:.0075em}
.MuiTypography-alignCenter{text-align:center}

/* MUI Grid */
.MuiGrid-root{box-sizing:border-box}
.MuiGrid-container{display:flex;flex-wrap:wrap;width:100%;box-sizing:border-box}
.MuiGrid-container.MuiGrid-spacing-xs-1{margin:-4px;width:calc(100% + 8px)}
.MuiGrid-item{box-sizing:border-box}
.MuiGrid-spacing-xs-1>.MuiGrid-item{padding:4px}
.MuiGrid-align-items-xs-flex-start{align-items:flex-start}
.MuiGrid-align-content-xs-center{align-content:center}
.MuiGrid-grid-xs-12{flex-basis:100%;max-width:100%}
@media (min-width:600px){
  .MuiGrid-grid-sm-6{flex-basis:50%;max-width:50%}
}
@media (min-width:960px){
  .MuiGrid-grid-md-4{flex-basis:33.333333%;max-width:33.333333%}
}

/* MUI Card (solution tiles on the home page) */
.MuiCard-root{display:block;overflow:hidden;background-color:#25282c;color:#eceded;border-radius:4px;
  text-decoration:none;transition:background-color .15s ease,transform .15s ease}
.MuiCard-root:hover{background-color:#2b2f34}
.MuiCard-root a{text-decoration:none;color:inherit;display:block}
.MuiCardMedia-root{display:block;background-size:cover;background-repeat:no-repeat;background-position:center;
  height:200px;width:100%}
.MuiCardContent-root{padding:16px}
.jss3{display:inline}
.jss4{width:100%}
.jss5{height:200px}

/* ---- right-hand menu: CSS-only toggle (original was JS/MUI) ------------ */
#nav-toggle{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none;margin:0}
body:has(#nav-toggle:checked) #rmenu .MuiDrawer-paper{visibility:visible;transform:none}
.nav-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:1150;cursor:pointer}
body:has(#nav-toggle:checked) .nav-overlay{display:block}
.right-menu-linkButton{display:block;text-decoration:none;color:#eceded}
.right-menu-linkButton:hover{color:#fff}
.right-menu-list .MuiListItem-root{min-height:48px}

/* ---- News & Articles --------------------------------------------------- */
.news-grid{display:flex;flex-wrap:wrap;margin:-12px}
.news-card{box-sizing:border-box;width:33.3333%;padding:12px}
@media (max-width:980px){.news-card{width:50%}}
@media (max-width:640px){.news-card{width:100%}}
.news-card-inner{display:flex;flex-direction:column;height:100%;background-color:#25282c;border-radius:4px;overflow:hidden;
  text-decoration:none;color:#eceded;transition:background-color .15s ease,transform .15s ease;border:1px solid #2f3338}
.news-card-inner:hover{background-color:#2b2f34;transform:translateY(-2px)}
.news-card-media{display:block;width:100%;aspect-ratio:3/2;background-size:cover;background-repeat:no-repeat;background-position:center;background-color:#1b1d20}
.news-card-media img{display:block;width:100%;height:100%;object-fit:cover}
.news-card-body{display:flex;flex-direction:column;flex:1 1 auto;padding:20px}
.news-card-cat{font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:600;color:#4286f9;margin-bottom:8px}
.news-card-title{font-size:19px;line-height:1.35;font-weight:600;margin:0 0 10px}
.news-card-excerpt{color:#9ca9b3;font-size:15px;line-height:1.6;margin:0}
.news-meta{color:#717d86;font-size:13px;margin-top:14px;padding-top:12px;border-top:1px solid #2f3338}
.news-meta a{color:#9ca9b3}

.breadcrumbs{font-size:13px;color:#717d86;margin-bottom:18px}
.breadcrumbs a{color:#9ca9b3;text-decoration:none}
.breadcrumbs a:hover{color:#fff}
.breadcrumbs span{color:#717d86}

.article-body{max-width:800px;margin:0 auto;color:#c9ced3;font-size:17px;line-height:1.75}
.article-body h2{color:#eceded;margin:38px 0 14px;font-size:26px;line-height:1.3}
.article-body h3{color:#eceded;margin:28px 0 10px;font-size:20px}
.article-body p{margin:0 0 18px}
.article-body ul,.article-body ol{margin:0 0 18px;padding-left:22px}
.article-body li{margin-bottom:8px}
.article-body a{color:#4286f9}
.article-body img{max-width:100%;height:auto;display:block;border-radius:4px;margin:6px auto 26px}
.article-body figure{margin:0 0 26px}
.article-body figcaption{color:#717d86;font-size:13px;text-align:center;margin-top:8px}
.article-table-wrap{overflow-x:auto;margin:0 0 26px}
table.article-table{width:100%;border-collapse:collapse;font-size:15px;min-width:420px}
table.article-table th,table.article-table td{border:1px solid #33363a;padding:10px 12px;text-align:left;vertical-align:top}
table.article-table th{background-color:#25282c;color:#eceded;font-weight:600}
table.article-table tr:nth-child(even) td{background-color:rgba(255,255,255,.02)}
.article-hero{width:100%;border-radius:4px;margin:0 0 28px}
.article-lead{font-size:19px;line-height:1.7;color:#9ca9b3}
.related-articles{margin-top:48px;padding-top:26px;border-top:1px solid #2f3338}
.related-articles h2{color:#eceded;font-size:22px;margin:0 0 14px}
.related-articles ul{list-style:none;padding:0;margin:0}
.related-articles li{padding:8px 0;border-bottom:1px solid #2a2d31}
.related-articles a{color:#c9ced3;text-decoration:none}
.related-articles a:hover{color:#fff}
.pagination{display:flex;gap:8px;justify-content:center;margin-top:36px;flex-wrap:wrap}
.pagination a,.pagination span{border:1px solid #33363a;border-radius:2px;padding:8px 14px;color:#c9ced3;text-decoration:none;font-size:14px}
.pagination .current{background-color:#1e6ef5;border-color:#1e6ef5;color:#fff}

/* ---- mobile ------------------------------------------------------------ */
@media (max-width:820px){
  .site-header-inner{display:flex}
  .hero .container-sm,.hero .container-xs{width:100%}
  .split-item{flex-direction:column}
  .split-item-image{width:100%!important;margin-top:24px}
  .MuiDrawer-paper{width:100%;max-width:320px;min-width:0}
}
@media (max-width:640px){
  .section-header{padding-bottom:44px}
  .article-body{font-size:16px}
  .container{padding-left:16px;padding-right:16px}
}
html,body{max-width:100%}
img{max-width:100%}
p,li,td,th,h1,h2,h3,h4,h5,h6,a,.news-card-title{overflow-wrap:break-word}