


/*
 * MarineCraft site design system (mcg-*, sp-*, and theme overrides)
 *
 * Migrated verbatim out of the WordPress Customizer's "Additional CSS" so the
 * design system is version-controlled, diffable, and browser-cacheable instead
 * of being re-sent inline (~24KB) in every page's HTML.
 *
 * CASCADE POSITION MATTERS. The Customizer block rendered at wp_head priority
 * 101, i.e. AFTER every enqueued stylesheet and after the plugin's own inline
 * override block. This file is therefore printed at wp_head priority 102 (see
 * marinecraft-energy-ticker.php) rather than wp_enqueue_style'd, so it keeps the
 * exact same last-in-the-cascade position. Enqueuing it normally would move it
 * ahead of those rules and silently flip specificity ties.
 *
 * The original still sits in the Customizer as a fallback; a wp_get_custom_css
 * filter blanks its output so it is not served twice. To roll back, remove that
 * filter and this print action.
 *
 * EDIT THIS FILE, then rebuild the plugin. Do not re-add rules to the Customizer.
 */

/* === CSS custom properties === */
:root{--mcg-navy:#0b3d6e;--mcg-red:#b8290e;--mcg-ink:#1a1f2e;--mcg-mist:#f4f6f8;--mcg-rule:#dde1e7;--mcg-ash:#525d6e;--mcg-muted:#3f4a5c;--mcg-mono:ui-monospace,'Cascadia Code','Source Code Pro',Menlo,Consolas,monospace}

/* === Sitewide utilities === */
.mcg-wrap{max-width:1100px;margin:0 auto;padding:0 24px}
.mcg-label{font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;display:inline-block;padding-bottom:6px;border-bottom:2px solid;margin-bottom:20px}
.mcg-label-light{color:rgba(255,255,255,.6);border-bottom-color:rgba(255,255,255,.2)}
.mcg-label-dark{color:var(--mcg-ash);border-bottom-color:var(--mcg-rule)}
.mcg-btn-w{display:inline-block;padding:9px 20px;background:#fff;color:var(--mcg-navy)!important;font-size:12px;font-weight:700;text-decoration:none!important;border-radius:3px;letter-spacing:.02em}
.mcg-btn-o{display:inline-block;padding:9px 20px;border:1px solid rgba(255,255,255,.3);color:#fff!important;font-size:12px;font-weight:700;text-decoration:none!important;border-radius:3px;letter-spacing:.02em}
.mcg-btn-w:hover{background:#f0f4f8}.mcg-btn-o:hover{border-color:rgba(255,255,255,.55)}

/* === Site header === */
.site-header{background:var(--mcg-navy)!important;border-bottom:1px solid rgba(255,255,255,.08)!important;box-shadow:none!important}
.site-header .inside-header{max-width:1280px;margin:0 auto;padding:0 24px;min-height:80px;display:flex;align-items:center}

/* === Branding === */
.site-branding{display:flex!important;align-items:center;flex-shrink:0}
.site-branding::before{display:none!important}
.main-title,.main-title a,.main-title::after,.site-description{display:none!important}
.site-logo{display:block!important;flex-shrink:0}
.site-logo a{display:block}
.site-logo img,.custom-logo,.header-image.is-logo-image img{display:block!important;width:78px!important;height:78px!important;object-fit:contain!important;filter:none!important;background:#ffffff!important;border-radius:50%!important;border:1px solid rgba(255,255,255,0.6)!important;padding:0.1px!important;box-sizing:border-box!important}

/* === Navigation === */
.nav-primary,#site-navigation,.main-navigation,.nav-primary .inside-navigation,#site-navigation .inside-navigation{background:var(--mcg-navy)!important;border-bottom:none!important}
.nav-primary .inside-navigation,#site-navigation .inside-navigation{max-width:100%;margin:0}
.nav-primary ul li a,.nav-primary ul li a:link,.nav-primary ul li a:visited,#site-navigation a,#site-navigation ul li a,.main-navigation a,.main-navigation ul li a,.sf-menu li a{font-size:11px!important;font-weight:700!important;letter-spacing:.06em!important;text-transform:uppercase!important;color:#ffffff!important;padding:0 12px!important;white-space:nowrap!important;background:transparent!important;text-shadow:none!important;opacity:1!important}
.nav-primary ul li a:hover,#site-navigation ul li a:hover,.main-navigation ul li a:hover{color:#ffffff!important;background:rgba(255,255,255,.1)!important}
.nav-primary ul li.current-menu-item a,.nav-primary ul li.current-page-ancestor a{color:#fff!important;border-bottom:2px solid var(--mcg-red)!important;padding-bottom:2px!important}

/* === Services Strip === */
.mcg-services-strip{background:#0d1e35;border-bottom:1px solid rgba(255,255,255,.06)}
.mcg-strip-inner{max-width:1100px;margin:0 auto;padding:0 24px;display:grid;grid-template-columns:repeat(5,1fr);align-items:start}
.mcg-stab{padding:16px 12px;border-right:1px solid rgba(255,255,255,.06);display:flex;align-items:flex-start;gap:10px;text-decoration:none!important;transition:background 0.15s}
.mcg-stab:last-child{border-right:none}
.mcg-stab:hover{background:rgba(255,255,255,.04)}
.mcg-stab-icon{width:36px;height:36px;background:#1a5fa8;border:none;border-radius:6px;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px;margin-top:1px}
.mcg-stab-name{font-size:11px;font-weight:700;color:#fff;line-height:1.25}
.mcg-stab-desc{font-size:10px;color:rgba(255,255,255,.8);line-height:1.3;margin-top:2px}

/* === Homepage content area === */
.home .site-content,.home .content-area,.home .site-main{padding:0!important;max-width:100%!important;width:100%!important}
.home .entry-header,.home .entry-footer{display:none}
.home .entry-content{margin:0;padding:0!important;max-width:100%}
.home .entry-content .mcg-services,.home .entry-content .mcg-journal-wrap,.home .entry-content .mcg-dark-section{margin-bottom:0!important;margin-top:0!important}

/* === Inner pages: full-width centered layout, no sidebar === */
body:not(.home) .widget-area{display:none!important}
body:not(.home) .content-area{width:100%!important;max-width:100%!important;float:none!important;margin:0!important}
body:not(.home) .site-main{max-width:1100px;margin-left:auto!important;margin-right:auto!important;width:100%!important;padding:0 24px;box-sizing:border-box}
body:not(.home) .inside-article{padding-left:0!important;padding-right:0!important;max-width:100%}
body:not(.home) .entry-header{margin-bottom:24px}
body:not(.home) .entry-content{max-width:100%!important;padding:0!important}

/* === Single posts/pages: hide theme featured image === */
body.single .featured-image,body.page .featured-image{display:none!important}

/* === Suppress wpautop empty paragraphs inside service pages === */
.entry-content &gt; p:empty,.entry-content &gt; p &gt; br:only-child{display:none!important}

/* === Services section === */
.mcg-services{background:#fff;padding:10px 0 56px;margin-top:0!important}
.mcg-services-inner{max-width:1100px;margin:0 auto;padding:0 24px}
.mcg-services .mcg-label-light{color:var(--mcg-navy)!important;border-bottom-color:var(--mcg-navy)!important}
.mcg-svc-section-label{font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--mcg-red);margin-bottom:10px}
.mcg-tagline{color:var(--mcg-ink);font-size:26px;font-weight:700;line-height:1.25;margin:0 0 32px;white-space:normal;overflow:visible;text-overflow:unset}
.mcg-svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:32px}
.mcg-svc-card{background:var(--mcg-mist);border:1px solid var(--mcg-rule);border-radius:4px;padding:20px 18px;display:flex;flex-direction:column}
.mcg-svc-icon{font-size:22px;color:var(--mcg-navy);margin-bottom:12px;line-height:1}
.mcg-svc-name{font-size:14px;font-weight:700;color:var(--mcg-ink);margin-bottom:8px;line-height:1.3}
.mcg-svc-desc{font-size:12.5px;color:var(--mcg-ash);line-height:1.6;margin-bottom:14px;flex:1}
.mcg-svc-link{font-size:11.5px;font-weight:700;color:var(--mcg-navy);text-decoration:none;text-transform:uppercase;letter-spacing:.04em}
.mcg-svc-link:hover{color:var(--mcg-red)}
.mcg-svc-cta{display:flex;gap:12px;margin-top:8px}
.mcg-svc-cta a{text-transform:uppercase;letter-spacing:.05em}
.mcg-svc-cta .mcg-btn-w{background:var(--mcg-navy);color:#fff!important;border:1px solid var(--mcg-navy)}
.mcg-svc-cta .mcg-btn-w:hover{background:#0e4d8a}
.mcg-svc-cta .mcg-btn-o{color:var(--mcg-navy)!important;border-color:rgba(11,61,110,.35)!important;background:transparent}
.mcg-svc-cta .mcg-btn-o:hover{border-color:var(--mcg-navy)!important;background:rgba(11,61,110,.05)}

/* === Dark section === */
.mcg-dark-section{background:#fff;padding-bottom:3px;border-top:1px solid var(--mcg-rule)}
.mcg-jcards-wrap{max-width:1100px;margin:0 auto;padding:32px 24px 28px}
.mcg-jcards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.mcg-jcard-dark{display:flex;flex-direction:column;gap:8px}
.mcg-jcard-dark-img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block;border-radius:2px;margin-bottom:4px}
.mcg-jcard-dark-cat{font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--mcg-red)}
.mcg-jcard-dark-title{font-size:14px;font-weight:700;color:var(--mcg-ink)!important;text-decoration:none!important;line-height:1.35;display:block}
.mcg-jcard-dark-title:hover{color:var(--mcg-red)!important}
.mcg-jcard-dark-excerpt{font-size:12px;color:var(--mcg-ash);line-height:1.5;margin:0}
.mcg-jcard-dark-meta{font-size:11px;color:var(--mcg-muted)}
.mcg-two-col-wrap{max-width:1100px;margin:0 auto;padding:0 24px 3px}
.mcg-two-col{display:grid;grid-template-columns:1fr 1fr;gap:32px}
.mcg-news-col{display:flex;flex-direction:column;padding-right:24px;border-right:1px solid var(--mcg-rule)}

/* === Industry News === */
.mcg-news-col .mcnd-feed{display:flex!important;flex-direction:column!important;gap:0!important}
.mcg-news-col .mcnd-card{display:flex;flex-direction:column;background:none!important;border-radius:0!important;padding:12px 0!important;border-bottom:1px solid var(--mcg-rule)!important;box-shadow:none!important}
.mcg-news-col .mcnd-card:last-child{border-bottom:none!important}
.mcg-news-col .mcnd-card-link,.mcg-news-col .mcnd-card-media{display:none!important}
.mcg-news-col .mcnd-card-body{padding:0!important}
.mcg-news-col .mcnd-card-top{margin-bottom:5px;display:flex;align-items:center;gap:8px}
.mcg-news-col .mcnd-badge{background:var(--mcg-mist)!important;color:var(--mcg-muted)!important;font-size:10px!important;padding:2px 7px!important;border-radius:3px;border:1px solid var(--mcg-rule)!important}
.mcg-news-col .mcnd-card-date{font-size:10px!important;color:var(--mcg-muted)!important}
.mcg-news-col .mcnd-card-title{margin:0 0 4px!important;font-size:13.5px!important;line-height:1.35!important}
.mcg-news-col .mcnd-card-title a{color:var(--mcg-ink)!important;text-decoration:none!important;font-weight:600}
.mcg-news-col .mcnd-card-title a:hover{color:var(--mcg-red)!important}
.mcg-news-col .mcnd-card-excerpt,.mcg-news-col .mcnd-readmore{display:none!important}

/* === Energy &amp; Markets === */
.mcg-mkt-panel{background:var(--mcg-mist);border:1px solid var(--mcg-rule);border-radius:4px;padding:14px;margin-bottom:10px}
.mcg-mkt-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.mcg-mkt-card{background:#fff;border:1px solid var(--mcg-rule);border-radius:3px;padding:12px}
.mcg-mkt-card-label{font-size:10px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--mcg-ash);margin-bottom:4px}
.mcg-mkt-card-price{font-family:var(--mcg-mono);font-size:22px;font-weight:700;color:var(--mcg-ink);line-height:1;margin-bottom:4px;font-variant-numeric:tabular-nums}
.mcg-mkt-card-change{font-size:11px;font-variant-numeric:tabular-nums}
.mcg-mkt-card-change--up{color:#1a8a45}
.mcg-mkt-card-change--down{color:#c0392b}
.mcg-mkt-row{display:grid;grid-template-columns:18px 1fr auto auto;gap:0 7px;padding:7px 0;border-bottom:1px solid var(--mcg-rule);align-items:center}
.mcg-mkt-row:last-child{border-bottom:none;padding-bottom:2px}
.mcg-mkt-ico{font-size:13px;color:var(--mcg-ash);display:flex;align-items:center;line-height:1}
.mcg-mkt-lbl{font-size:10px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--mcg-ash);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mcg-mkt-val-usd{font-family:var(--mcg-mono);font-size:12px;font-weight:700;color:var(--mcg-ink);text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.mcg-mkt-val-myr{font-family:var(--mcg-mono);font-size:10px;color:var(--mcg-muted);text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.mcg-mkt-footer{font-size:10px;color:var(--mcg-muted);text-align:center;padding-top:8px;border-top:1px solid var(--mcg-rule);margin-top:6px}
.mcg-mkt-footer a{color:var(--mcg-navy);text-decoration:none}
.mcg-mkt-navlinks{display:flex;flex-direction:column;gap:6px}
.mcg-mkt-navlink{display:flex;align-items:center;gap:10px;padding:9px 11px;background:#fff;border:1px solid var(--mcg-rule);border-radius:3px;text-decoration:none!important;transition:border-color 0.15s,background 0.15s}
.mcg-mkt-navlink:hover{border-color:var(--mcg-navy);background:var(--mcg-mist)}
.mcg-mkt-navlink-ico{width:26px;height:26px;background:var(--mcg-mist);border:1px solid var(--mcg-rule);border-radius:4px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--mcg-navy);font-size:13px}
.mcg-mkt-navlink-body{display:flex;flex-direction:column;gap:1px;min-width:0;flex:1}
.mcg-mkt-navlink-title{font-size:11.5px;font-weight:600;color:var(--mcg-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mcg-mkt-navlink-sub{font-size:10px;color:var(--mcg-ash)}
.mcg-mkt-navlink-arr{font-size:11px;color:var(--mcg-ash);flex-shrink:0}

/* === Journal hero === */
.mcg-journal-wrap{background:#fff;border-top:none!important;padding:8px 0 48px!important}
.mcg-journal-wrap .mcg-label{border-bottom:none!important;margin-bottom:16px!important;display:block;color:var(--mcg-red)!important;max-width:1100px;margin-left:auto;margin-right:auto;padding-left:24px;padding-right:24px;box-sizing:border-box;width:100%}
.mcg-journal-hero-layout{max-width:1100px!important;margin-left:auto!important;margin-right:auto!important;padding-left:24px!important;padding-right:24px!important;box-sizing:border-box!important;width:100%!important;border-top:1px solid #dde1e7!important;padding-top:28px!important;margin-top:0!important;display:grid;grid-template-columns:1fr 340px;gap:40px}
.mcg-jh-meta{font-size:11px;color:var(--mcg-muted)!important;margin-bottom:8px;display:flex;align-items:center;gap:6px}
.mcg-jh-section{color:var(--mcg-red)!important;font-weight:700;font-size:10px;letter-spacing:.08em;text-transform:uppercase}
.mcg-jh-title{margin:0 0 12px;font-size:22px;line-height:1.25}
.mcg-jh-title a{color:#0d1620!important;text-decoration:none}
.mcg-jh-title a:hover{color:var(--mcg-red)!important}
.mcg-jh-deck{font-size:14px;color:var(--mcg-muted)!important;line-height:1.6;margin:0 0 14px}
.mcg-jh-byline{font-size:11px;color:var(--mcg-muted)!important;margin-bottom:16px}
.mcg-jh-img{width:100%;border-radius:2px;display:block;margin-bottom:8px}
.mcg-jh-caption{font-size:11px;color:var(--mcg-ash)!important;font-style:italic}
.mcg-js-header{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--mcg-muted)!important;border-bottom:1px solid rgba(0,0,0,.1)!important;padding-bottom:8px;margin-bottom:12px}
.mcg-js-item{padding:12px 0;border-bottom:1px solid rgba(0,0,0,.08)!important}
.mcg-js-item:last-child{border-bottom:none!important}
.mcg-js-cat{font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--mcg-red)!important;display:block;margin-bottom:4px}
.mcg-js-title{margin:0 0 4px;font-size:13px;line-height:1.35}
.mcg-js-title a{color:#0d1620!important;text-decoration:none}
.mcg-js-title a:hover{color:var(--mcg-red)!important}
.mcg-js-excerpt{font-size:11.5px;color:var(--mcg-ash)!important;margin:0 0 5px;line-height:1.45}
.mcg-js-date{font-size:10px;color:var(--mcg-muted)!important}
.mcg-js-viewall{font-size:11.5px;color:var(--mcg-red)!important;text-decoration:none;display:block;margin-top:14px}

/* === Footer === */
.site-footer{background:var(--mcg-navy)!important}
.footer-bar{display:none!important}
.footer-widgets-container{background:var(--mcg-navy);padding:40px 0 0}
#nav_menu-5,.footer-widget-2,.footer-widget-3{display:none!important}
.inside-footer-widgets{max-width:1100px;margin:0 auto!important;padding:0 24px;display:block!important;width:100%;box-sizing:border-box}
.footer-widget-1{width:100%!important;max-width:100%!important}
#custom_html-8.inner-padding{padding:0!important}
.site-footer a{color:rgba(255,255,255,.6)!important}
.site-footer a:hover{color:#fff!important}
.mcg-footer{display:grid;grid-template-columns:220px repeat(4,1fr);gap:32px 40px;padding:0 0 32px;width:100%;box-sizing:border-box}
.mcg-footer-brand{display:flex;flex-direction:column;gap:12px;padding-right:16px;border-right:1px solid rgba(255,255,255,.08)}
.mcg-footer-brand-inner{display:flex;align-items:center;gap:10px;margin-bottom:0}
.mcg-badge{width:38px!important;height:38px!important;background:#fff url('https://marinecraft.my/wp-content/uploads/2026/07/MarineCraft-Logo-Black.png') center/contain no-repeat!important;border-radius:50%!important;border:none!important;font-size:0!important;padding:3px!important;flex-shrink:0;box-sizing:border-box!important}
.mcg-brand-text{display:flex;flex-direction:column;gap:2px}
.mcg-brand-main{font-size:15px;font-weight:700;color:#fff;line-height:1.15}
.mcg-brand-sub{font-size:9px;font-weight:600;color:rgba(255,255,255,.6);line-height:1.3;text-transform:uppercase;letter-spacing:.06em}
.mcg-footer-logo,.mcg-footer-company{display:none!important}
.mcg-footer-tagline{font-size:12px;color:rgba(255,255,255,.6);line-height:1.6}
.mcg-footer-since{display:none}
.mcg-footer-col{display:flex;flex-direction:column}
.mcg-footer-heading{font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.6);margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.08)}
.mcg-footer-col a{font-size:13px;color:rgba(255,255,255,.6);text-decoration:none;padding:5px 0;display:block;line-height:1.4}
.mcg-footer-col a:hover{color:#fff!important}
.mcg-footer-bottom{border-top:1px solid rgba(255,255,255,.08);padding:18px 0;display:flex;justify-content:space-between;align-items:center;font-size:11px;color:rgba(255,255,255,.6);grid-column:1 / -1}
.mcg-footer-bottom span{color:rgba(255,255,255,.6)}

/* === Service page template (sp-*) === */
.sp-eyebrow{font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--mcg-ash);margin-bottom:14px}
.sp-section-label{font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--mcg-red);margin-bottom:10px}
.sp-section-title{font-family:Georgia,'Times New Roman',serif;font-size:24px;font-weight:700;line-height:1.3;color:var(--mcg-ink);margin-bottom:14px;max-width:700px}
.sp-section-intro{font-size:15px;color:var(--mcg-ash);line-height:1.7;max-width:640px;margin-bottom:32px}
.sp-hero{display:grid;grid-template-columns:1fr 272px;gap:52px;align-items:start;padding:28px 0 36px;border-bottom:1px solid var(--mcg-rule)}
.sp-hero-title{font-family:Georgia,'Times New Roman',serif;font-size:30px;font-weight:700;line-height:1.25;color:var(--mcg-ink);margin-bottom:18px}
.sp-hero-title em{font-style:normal;color:var(--mcg-red)}
.sp-hero-body{font-size:15px;color:var(--mcg-ash);line-height:1.75}
.sp-aside{border-top:2px solid var(--mcg-navy)}
.sp-aside-rule{font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--mcg-muted);padding:12px 0 10px;border-bottom:1px solid var(--mcg-rule)}
.sp-aside-item{padding:12px 0;border-bottom:1px solid var(--mcg-rule);display:flex;flex-direction:column;gap:3px}
.sp-aside-item:last-child{border-bottom:none}
.sp-aside-label{font-size:11px;color:var(--mcg-muted)}
.sp-aside-value{font-size:13px;font-weight:600;color:var(--mcg-ink);line-height:1.4}
.sp-cert{display:inline-block;padding:2px 8px;background:var(--mcg-navy);color:#fff;font-size:10px;font-weight:700;border-radius:2px;letter-spacing:.06em;margin:2px 4px 2px 0}
.sp-expertise{padding:32px 0;border-bottom:1px solid var(--mcg-rule)}
.sp-exp-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;border:1px solid var(--mcg-rule);border-radius:4px;overflow:hidden;margin-top:24px}
.sp-exp-card{padding:26px 22px;border-right:1px solid var(--mcg-rule);border-bottom:1px solid var(--mcg-rule);background:var(--mcg-mist)}
.sp-exp-card:nth-child(2n){border-right:none}
.sp-exp-card:nth-last-child(-n+2){border-bottom:none}
.sp-exp-icon{font-size:20px;margin-bottom:12px}
.sp-exp-title{font-size:14px;font-weight:700;color:var(--mcg-ink);margin-bottom:8px;line-height:1.35}
.sp-exp-body{font-size:13px;color:var(--mcg-ash);line-height:1.65}
.sp-exp-body strong{color:var(--mcg-ink);font-weight:600}
.sp-guidance{padding:32px 0;border-bottom:1px solid var(--mcg-rule)}
.sp-guidance-layout{display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:start;margin-top:24px}
.sp-prose p{font-size:15px;color:var(--mcg-ash);line-height:1.75;margin-bottom:16px}
.sp-prose p:last-child{margin-bottom:0}
.sp-prose strong{color:var(--mcg-ink);font-weight:600}
.sp-checklist-head{font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--mcg-muted);padding-bottom:10px;border-bottom:1px solid var(--mcg-rule)}
.sp-check{padding:13px 0;border-bottom:1px solid var(--mcg-rule);display:flex;gap:12px;align-items:flex-start}
.sp-check:last-child{border-bottom:none}
.sp-check-icon{width:18px;height:18px;flex-shrink:0;margin-top:2px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;line-height:1}
.sp-check-icon.ok{background:#e8f5ee;color:#16783b}
.sp-check-icon.warn{background:#fef3ed;color:#c0392b}
.sp-check-text{font-size:13.5px;color:var(--mcg-ink);line-height:1.45}
.sp-check-sub{font-size:12px;color:var(--mcg-ash);display:block;margin-top:2px;line-height:1.4}
.sp-supply{padding:32px 0;border-bottom:1px solid var(--mcg-rule)}
.sp-supply-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--mcg-rule);border:1px solid var(--mcg-rule);border-radius:4px;overflow:hidden}
.sp-supply-card{background:#fff;padding:22px 18px;display:flex;flex-direction:column;gap:6px}
.sp-supply-icon{font-size:20px;margin-bottom:4px}
.sp-supply-name{font-size:14px;font-weight:700;color:var(--mcg-ink);line-height:1.3}
.sp-supply-desc{font-size:12.5px;color:var(--mcg-ash);line-height:1.55;flex:1}
.sp-supply-ref{font-size:11px;color:var(--mcg-muted);margin-top:6px;padding-top:9px;border-top:1px solid var(--mcg-rule)}
.sp-supply-ref strong{color:var(--mcg-navy)}
.sp-cta{padding:32px 0 40px}
.sp-cta-inner{border-top:2px solid var(--mcg-navy);padding-top:28px;display:flex;align-items:flex-start;justify-content:space-between;gap:40px}
.sp-cta-eyebrow{font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--mcg-ash);margin-bottom:10px}
.sp-cta-title{font-family:Georgia,'Times New Roman',serif;font-size:21px;font-weight:700;color:var(--mcg-ink);line-height:1.35;margin-bottom:8px;max-width:480px}
.sp-cta-body{font-size:14px;color:var(--mcg-ash);line-height:1.65;max-width:460px}
.sp-cta-actions{flex-shrink:0;padding-top:4px;display:flex;flex-direction:column;gap:10px;align-items:flex-start}
.sp-cta-btn{display:inline-block;padding:10px 22px;background:var(--mcg-navy);color:#fff!important;font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;border-radius:3px;text-decoration:none!important;white-space:nowrap}
.sp-cta-btn:hover{background:#0e4d8a!important}
.sp-cta-contact{font-size:12px;color:var(--mcg-ash)}
.sp-cta-contact a{color:var(--mcg-navy)!important;font-weight:600;text-decoration:none!important}

/* === Responsive === */
@media(max-width:900px){
  .mcg-strip-inner{grid-template-columns:repeat(3,1fr)}
  .mcg-journal-hero-layout{grid-template-columns:1fr;padding-left:24px;padding-right:24px}
  .mcg-footer{grid-template-columns:1fr 1fr;gap:24px}
  .mcg-footer-brand{border-right:none;border-bottom:1px solid rgba(255,255,255,.08);padding-right:0;padding-bottom:20px;margin-bottom:4px;grid-column:1 / -1}
}
@media(max-width:860px){
  .sp-hero{grid-template-columns:1fr}
  .sp-aside{display:none}
  .sp-exp-grid,.sp-guidance-layout{grid-template-columns:1fr}
  .sp-exp-card{border-bottom:1px solid var(--mcg-rule)!important;border-right:none!important}
  .sp-exp-card:last-child{border-bottom:none!important}
  .sp-supply-grid{grid-template-columns:1fr 1fr}
  .sp-cta-inner{flex-direction:column}
}
@media(max-width:768px){
  .mcg-svc-grid{grid-template-columns:repeat(2,1fr)}
  .mcg-jcards-grid{grid-template-columns:1fr}
  .mcg-two-col{grid-template-columns:1fr}
  .mcg-news-col{padding-right:0;border-right:none}
  body:not(.home) .site-main{padding-left:16px;padding-right:16px}
}
@media(max-width:600px){
  .mcg-strip-inner{grid-template-columns:repeat(2,1fr)}
  .mcg-svc-grid{grid-template-columns:1fr}
  .mcg-footer{grid-template-columns:1fr 1fr}
  .sp-hero-title{font-size:24px}
  .sp-section-title{font-size:20px}
  .sp-supply-grid{grid-template-columns:1fr}
}

/* === Sitewide: hide pub header === */
.mcj-pub-header{display:none!important}

/* === Related posts (end of articles) ===
   Replaces the theme's chronological previous/next links, which paired articles
   by publish date rather than subject. Rendered by [mc_related_posts].

   footer.entry-meta holds exactly three things — .cat-links, .tags-links and
   nav.post-navigation — all now redundant: the related-posts block handles
   discovery, and the category/tag row read as clutter at the end of an article.
   Hidden as a unit.

   Targets footer.entry-meta specifically, NOT .entry-meta. The header carries a
   separate .entry-meta with the date and author, which must stay visible. */
.single-post footer.entry-meta{display:none!important}
.mcg-rel{max-width:860px;margin:2.5rem auto 0;padding-top:1.5rem;border-top:2px solid var(--mcg-navy)}
.mcg-rel-label{font-family:sans-serif;font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--mcg-red);margin:0 0 12px}
.mcg-rel-list{list-style:none;margin:0;padding:0}
.mcg-rel-item{border-bottom:1px solid var(--mcg-rule)}
.mcg-rel-item:last-child{border-bottom:none}
.mcg-rel-link{display:flex;gap:16px;align-items:flex-start;padding:14px 0;text-decoration:none!important}
.mcg-rel-thumb{flex:0 0 108px;line-height:0}
.mcg-rel-img{display:block;width:108px;height:61px;object-fit:cover;border-radius:2px}
.mcg-rel-body{display:flex;flex-direction:column;gap:3px;min-width:0}
.mcg-rel-tag{font-family:sans-serif;font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--mcg-red)}
.mcg-rel-title{font-family:Georgia,'Times New Roman',serif;font-size:15px;font-weight:700;line-height:1.35;color:var(--mcg-ink)}
.mcg-rel-link:hover .mcg-rel-title{color:var(--mcg-red)}
.mcg-rel-link:focus-visible{outline:2px solid var(--mcg-navy);outline-offset:2px}
.mcg-rel-date{font-family:sans-serif;font-size:11px;color:var(--mcg-ash)}
@media(max-width:600px){
  .mcg-rel-thumb{flex:0 0 84px}
  .mcg-rel-img{width:84px;height:47px}
  .mcg-rel-title{font-size:14px}
}

/* === Newsletter signup (end of articles) ===
   Posts directly to Zoho Forms, which is integrated with Zoho Marketing
   Automation. Rendered from the "After Content" widget area and scoped to
   body.single-post — that area renders site-wide and this must not appear
   after pages (Privacy Policy, service pages).

   Zoho's own form.css (39KB) is deliberately NOT loaded; these rules replace
   it. The field NAMES in the widget markup must stay exactly as Zoho generated
   them (Name_First / Name_Last / Email) or records submit empty. */
.mcg-signup{display:none}
body.single-post .mcg-signup{display:block;max-width:860px;margin:2.5rem auto 0;padding:26px 24px 22px;background:var(--mcg-mist);border-top:2px solid var(--mcg-navy);border-radius:0 0 4px 4px;box-sizing:border-box}
.mcg-signup-eyebrow{font-family:sans-serif;font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--mcg-red);margin:0 0 10px}
.mcg-signup-title{font-family:Georgia,'Times New Roman',serif;font-size:20px;font-weight:700;line-height:1.3;color:var(--mcg-ink);margin:0 0 8px}
.mcg-signup-body{font-family:sans-serif;font-size:14px;line-height:1.6;color:var(--mcg-ash);margin:0 0 16px;max-width:62ch}
.mcg-signup-row{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:10px}
.mcg-signup-row:last-of-type{margin-bottom:0}
.mcg-signup-input{flex:1 1 170px;min-width:0;font-family:sans-serif;font-size:14px;color:var(--mcg-ink);background:#fff;border:1px solid var(--mcg-rule);border-radius:3px;padding:11px 13px;box-sizing:border-box}
.mcg-signup-input--email{flex:1 1 260px}
.mcg-signup-input::placeholder{color:var(--mcg-ash);opacity:1}
.mcg-signup-input:focus{outline:2px solid var(--mcg-navy);outline-offset:1px;border-color:var(--mcg-navy)}
.mcg-signup-input:invalid:not(:placeholder-shown){border-color:var(--mcg-red)}
.mcg-signup-btn{flex:0 0 auto;font-family:sans-serif;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#fff;background:var(--mcg-navy);border:1px solid var(--mcg-navy);border-radius:3px;padding:11px 24px;cursor:pointer;transition:background .15s}
.mcg-signup-btn:hover{background:#0e4d8a}
.mcg-signup-btn:focus-visible{outline:2px solid var(--mcg-red);outline-offset:2px}
.mcg-signup-note{font-family:sans-serif;font-size:11.5px;line-height:1.5;color:var(--mcg-ash);margin:14px 0 0}
.mcg-signup-note a{color:var(--mcg-navy);text-decoration:underline}
.mcg-signup-srlabel{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
@media(max-width:600px){
  body.single-post .mcg-signup{padding:22px 18px 20px;margin-top:2rem}
  .mcg-signup-title{font-size:18px}
  .mcg-signup-btn{flex:1 1 100%}
}

/* ---------- Contact / support form ([mc_contact_form]) ----------
   Posts to Zoho Forms, which feeds Zoho CRM. Zoho's own form.css (39KB) is
   deliberately not loaded; these rules replace it. Labels are visible here
   rather than placeholder-only as on the newsletter signup, because this form
   is longer and mixes required with optional fields.
   Sans-serif throughout: this sits on a marketing page, not an article. */
.mcg-contact{max-width:720px;margin:2rem 0 0;padding:28px 26px 24px;background:var(--mcg-mist);border-top:2px solid var(--mcg-navy);border-radius:0 0 4px 4px;box-sizing:border-box}
/* chrome="off": the host card supplies the panel and heading, so drop ours. */
.mcg-contact--bare{max-width:none;margin:0;padding:0;background:none;border-top:none;border-radius:0}
.mcg-contact--bare .mcg-contact-title{font-size:18px;margin-top:4px}
.mcg-contact-eyebrow{font-family:sans-serif;font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--mcg-red);margin:0 0 10px}
.mcg-contact-title{font-family:sans-serif;font-size:22px;font-weight:700;line-height:1.25;color:var(--mcg-ink);margin:0 0 8px}
.mcg-contact-body{font-family:sans-serif;font-size:14px;line-height:1.6;color:var(--mcg-ash);margin:0 0 20px;max-width:60ch}
.mcg-contact-row{display:flex;gap:14px;flex-wrap:wrap}
.mcg-contact-row>.mcg-contact-field{flex:1 1 200px;min-width:0}
.mcg-contact-field{margin-bottom:14px}
.mcg-contact-label{display:block;font-family:sans-serif;font-size:12px;font-weight:600;letter-spacing:.02em;color:var(--mcg-muted);margin:0 0 5px}
.mcg-contact-req{color:var(--mcg-red)}
.mcg-contact-input{display:block;width:100%;font-family:sans-serif;font-size:14px;line-height:1.5;color:var(--mcg-ink);background:#fff;border:1px solid var(--mcg-rule);border-radius:3px;padding:11px 13px;box-sizing:border-box}
.mcg-contact-textarea{resize:vertical;min-height:120px}
.mcg-contact-input:focus{outline:2px solid var(--mcg-navy);outline-offset:1px;border-color:var(--mcg-navy)}
.mcg-contact-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:6px}
.mcg-contact-btn{font-family:sans-serif;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#fff;background:var(--mcg-navy);border:1px solid var(--mcg-navy);border-radius:3px;padding:12px 28px;cursor:pointer;transition:background .15s}
.mcg-contact-btn:hover{background:#0e4d8a}
.mcg-contact-btn:focus-visible{outline:2px solid var(--mcg-red);outline-offset:2px}
.mcg-contact-btn[disabled]{opacity:.7;cursor:default}
.mcg-contact-hint{font-family:sans-serif;font-size:11.5px;color:var(--mcg-ash)}
@media(max-width:600px){
  .mcg-contact{padding:22px 18px 20px}
  .mcg-contact-title{font-size:19px}
  .mcg-contact-btn{width:100%}
}
