/* MFS Night Shift: site skin (only loads when the skin is active) */
body.mfs-ns{
  --wp--preset--color--background:#0E1412;
  --wp--preset--color--foreground:#E8F0EC;
  --wp--preset--color--primary:#4BE38A;
  --wp--preset--color--secondary:#FFB547;
  --wp--preset--color--tertiary:#1B2421;
  --wp--preset--font-family--geom:"Space Grotesk",system-ui,sans-serif;
  --wp--preset--font-family--body:Inter,system-ui,sans-serif;
  --ns-bg:#0E1412;--ns-card:#1B2421;--ns-ink:#E8F0EC;--ns-ink2:#C7D5CE;--ns-muted:#8FA399;--ns-glow:#4BE38A;--ns-amber:#FFB547;--ns-line:rgba(75,227,138,.22);
  background-color:#0E1412!important;
  background-image:linear-gradient(rgba(75,227,138,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(75,227,138,.045) 1px,transparent 1px);
  background-size:32px 32px;
  color:var(--ns-ink);
  font-family:Inter,system-ui,sans-serif;
}
body.mfs-ns ::selection{background:var(--ns-glow);color:#0E1412}
body.mfs-ns .wp-site-blocks{background:transparent}

/* Type */
body.mfs-ns h1,body.mfs-ns h2,body.mfs-ns h3,body.mfs-ns h4,body.mfs-ns .wp-block-post-title{font-family:"Space Grotesk",system-ui,sans-serif;letter-spacing:-.01em;color:var(--ns-ink);text-transform:none}
body.mfs-ns{overflow-x:hidden}
body.mfs-ns a{color:var(--ns-glow)}
body.mfs-ns a:hover{color:#8CF5B5}
body.mfs-ns .entry-content{font-size:clamp(17px,1.1vw + 12px,19px);line-height:1.75;color:#D2DED8}
body.mfs-ns .entry-content code,body.mfs-ns .entry-content pre,body.mfs-ns .wp-block-post-date,body.mfs-ns .wp-block-post-terms{font-family:"IBM Plex Mono",ui-monospace,monospace}
body.mfs-ns .wp-block-post-date{font-size:14px;color:var(--ns-muted)}

/* Header */
body.mfs-ns header.wp-block-template-part{position:sticky;top:0;z-index:50;background:rgba(14,20,18,.82);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--ns-line)}
body.admin-bar.mfs-ns header.wp-block-template-part{top:32px}
@media (max-width:782px){body.admin-bar.mfs-ns header.wp-block-template-part{top:0;position:relative}}
body.mfs-ns header.wp-block-template-part > .wp-block-group{background:transparent!important}
body.mfs-ns header .wp-block-navigation{font-family:"IBM Plex Mono",ui-monospace,monospace;font-size:15px!important}
body.mfs-ns header .wp-block-navigation a{color:var(--ns-ink2)}
body.mfs-ns header .wp-block-navigation a:hover{color:var(--ns-glow)}
body.mfs-ns .wp-block-navigation__submenu-container,
body.mfs-ns .wp-block-navigation__responsive-container.is-menu-open{background:#151D1A!important;color:var(--ns-ink)!important;border:1px solid var(--ns-line)!important;border-radius:14px}
body.mfs-ns .wp-block-navigation__responsive-container.is-menu-open{border-radius:0}

/* Logo sits on a light chip so the red wordmark stays readable */
body.mfs-ns .wp-block-site-logo img{background:#E8F0EC;border-radius:10px;padding:4px 8px}

/* Surfaces */
body.mfs-ns .has-background-background-color{background-color:transparent!important}
body.mfs-ns .has-tertiary-background-color{background-color:rgba(27,36,33,.92)!important;border:1px solid var(--ns-line)}
body.mfs-ns .wp-block-group.alignfull.has-tertiary-background-color{border-left:0;border-right:0}
body.mfs-ns .wp-block-columns.has-background,body.mfs-ns .wp-block-group.alignwide.has-background{border-radius:20px}

/* Buttons */
body.mfs-ns .wp-element-button,body.mfs-ns .wp-block-button__link{border-radius:12px!important;font-weight:700;transition:transform .15s,box-shadow .2s}
body.mfs-ns .wp-block-button:not(.is-style-outline) .wp-block-button__link{background:var(--ns-glow)!important;color:#0E1412!important}
body.mfs-ns .wp-block-button:not(.is-style-outline) .wp-block-button__link:hover{transform:translateY(-1px);box-shadow:0 0 24px rgba(75,227,138,.45)}
body.mfs-ns .wp-block-button.is-style-outline .wp-block-button__link{background:rgba(27,36,33,.9)!important;color:var(--ns-ink)!important;border:1px solid var(--ns-line)!important;font-family:"IBM Plex Mono",ui-monospace,monospace;font-weight:500}
body.mfs-ns .wp-block-button.is-style-outline .wp-block-button__link:hover{border-color:var(--ns-glow)!important;color:var(--ns-glow)!important}

/* Post grids (latest posts / query loops) */
body.mfs-ns .wp-block-latest-posts__list > li,
body.mfs-ns .wp-block-post-template > li{background:rgba(27,36,33,.92);border:1px solid var(--ns-line);border-radius:20px;padding:14px 14px 18px;transition:border-color .25s,transform .25s,box-shadow .25s}
body.mfs-ns .wp-block-latest-posts__list > li:hover,
body.mfs-ns .wp-block-post-template > li:hover{border-color:rgba(75,227,138,.5);transform:translateY(-3px);box-shadow:0 14px 40px -16px rgba(75,227,138,.35)}
body.mfs-ns .wp-block-latest-posts__featured-image img,
body.mfs-ns .wp-block-post-featured-image img{border-radius:14px}
body.mfs-ns .wp-block-latest-posts__post-title,body.mfs-ns .wp-block-post-template .wp-block-post-title a{color:var(--ns-ink)!important;font:600 19px/1.25 "Space Grotesk",system-ui,sans-serif;text-decoration:none}

/* Cover blocks and the single-post title card */
body.mfs-ns .wp-block-cover .wp-block-cover__background.has-tertiary-background-color{background-color:#0E1412!important}
body.mfs-ns .wp-block-cover .wp-block-group[style*="gradient"]{background:rgba(14,20,18,.86)!important;border-color:var(--ns-line)!important;box-shadow:0 0 60px rgba(75,227,138,.15)!important;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
body.mfs-ns .wp-block-cover .has-background-color,
body.mfs-ns .wp-block-cover .has-background-color a{color:var(--ns-ink)!important}
body.mfs-ns .wp-block-cover .wp-block-post-title a{color:var(--ns-ink)!important}

/* Content blocks */
body.mfs-ns .entry-content blockquote,body.mfs-ns .wp-block-quote{border-left:3px solid var(--ns-glow);background:rgba(27,36,33,.7);border-radius:0 14px 14px 0;padding:14px 20px}
body.mfs-ns .entry-content img{border-radius:14px}
body.mfs-ns .wp-block-embed iframe,body.mfs-ns .entry-content iframe[src*="youtube"]{border-radius:18px;border:1px solid var(--ns-line);box-shadow:0 0 50px rgba(75,227,138,.12)}
body.mfs-ns .wp-block-separator{border-color:var(--ns-line)!important;opacity:1}
body.mfs-ns .entry-content table{border-color:var(--ns-line)}
body.mfs-ns .entry-content th,body.mfs-ns .entry-content td{border-color:var(--ns-line)!important}
body.mfs-ns input,body.mfs-ns textarea,body.mfs-ns select{background:#151D1A;color:var(--ns-ink);border:1px solid var(--ns-line);border-radius:10px}

/* Post layout with sticky sidebar */
body.mfs-ns .mfs-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:40px;align-items:start;max-width:var(--wp--style--global--wide-size,80rem);margin:var(--wp--preset--spacing--50,40px) auto 64px;padding:0 var(--wp--style--root--padding-right,24px) 0 var(--wp--style--root--padding-left,24px)}
body.mfs-ns .mfs-layout__main{min-width:0}
body.mfs-ns .mfs-layout__main > .wp-block-post-content{padding-left:0!important;padding-right:0!important}
body.mfs-ns .mfs-layout__main > .wp-block-post-content > *{max-width:46rem;margin-left:0!important;margin-right:auto!important}
body.mfs-ns .mfs-layout__main > .wp-block-post-content > .alignwide,
body.mfs-ns .mfs-layout__main > .wp-block-post-content > .alignfull{max-width:100%}
body.mfs-ns .mfs-sidebar__inner{position:sticky;top:96px}
body.mfs-ns.admin-bar .mfs-sidebar__inner{top:128px}
@media (max-width:1000px){
  body.mfs-ns .mfs-layout{grid-template-columns:minmax(0,1fr)}
  body.mfs-ns .mfs-sidebar__inner{position:static}
  body.mfs-ns .mfs-layout__main > .wp-block-post-content > *{max-width:100%}
}

/* Bluesky feed plugin already on the homepage */
body.mfs-ns .sbf{--sbf-bg:#1B2421;color:var(--ns-ink)}

/* Footer */
body.mfs-ns footer.wp-block-template-part > .wp-block-group{background:rgba(14,20,18,.9)!important;border-top:1px solid var(--ns-line)}
body.mfs-ns footer .wp-block-preformatted{font-family:"IBM Plex Mono",ui-monospace,monospace;color:var(--ns-muted);background:transparent}
body.mfs-ns footer .wp-block-social-links .wp-social-link{color:var(--ns-glow)!important}
body.mfs-ns footer.wp-block-template-part::after{content:"READY.";display:block;max-width:var(--wp--style--global--wide-size,80rem);margin:0 auto;padding:0 24px 24px;font:14px "IBM Plex Mono",ui-monospace,monospace;color:var(--ns-glow)}

/* Focus visibility */
body.mfs-ns a:focus-visible,body.mfs-ns button:focus-visible,body.mfs-ns .wp-element-button:focus-visible{outline:2px solid var(--ns-amber);outline-offset:3px}
