/* 23. 5E ARTICLE DESIGN SYSTEM — SUBSYSTEMS ----------------------------- */
/* Scoped only to single posts in the Subsystems category. */
body.single-post.category-subsystems{
  --article-accent:#1f4cab;
  --article-rgb:31,76,171;
  --article-soft:#9eb6ff;
}

/* Core editorial width. Footer containers and shared blocks are untouched. */
body.single-post.category-subsystems .entry-content > :is(h1.wp-block-heading,h2.wp-block-heading,h3.wp-block-heading,p:not(:empty),ul.wp-block-list,ol.wp-block-list,.wp-block-uagb-table-of-contents,.wp-block-uagb-faq){
  width:min(940px,100%) !important;
  max-width:940px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  box-sizing:border-box !important;
}

/* H1: support both native Gutenberg and the older Spectra H1 used by Living Load. */
body.single-post.category-subsystems .entry-content > h1.wp-block-heading,
body.single-post.category-subsystems .entry-content > .wp-block-uagb-advanced-heading:first-child h1.uagb-heading-text{
  margin-top:26px !important;
  margin-bottom:26px !important;
  padding-bottom:24px !important;
  color:#fff !important;
  font-size:clamp(42px,4.7vw,62px) !important;
  font-weight:600 !important;
  line-height:1.04 !important;
  letter-spacing:-.035em !important;
  background:linear-gradient(var(--article-accent),var(--article-accent)) left bottom/86px 4px no-repeat !important;
}
body.single-post.category-subsystems .entry-content > .wp-block-uagb-advanced-heading:first-child{
  width:min(940px,100%) !important;
  max-width:940px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  box-sizing:border-box !important;
}

/* Section hierarchy. */
body.single-post.category-subsystems .entry-content > h2.wp-block-heading{
  margin-top:48px !important;
  margin-bottom:22px !important;
  padding-bottom:17px !important;
  color:#fff !important;
  font-size:clamp(30px,3vw,39px)

/* --- WPWriter addition --- */
 !important;
  font-weight:600 !important;
  line-height:1.10 !important;
  letter-spacing:-.02em !important;
  background:linear-gradient(var(--article-accent),var(--article-accent)) left bottom/72px 4px no-repeat !important;
}
body.single-post.category-subsystems .entry-content > h3.wp-block-heading{
  margin-top:34px !important;
  margin-bottom:16px !important;
  padding:14px 18px !important;
  border:1px solid rgba(var(--article-rgb),.20) !important;
  border-left:4px solid var(--article-accent) !important;
  border-radius:10px !important;
  background:linear-gradient(90deg,rgba(var(--article-rgb),.09),rgba(255,255,255,.018)) !important;
  color:#fff !important;
  font-size:23px !important;
  line-height:1.22 !important;
}
body.single-post.category-subsystems .entry-content > p:not(:empty){
  margin-top:0 !important;
  margin-bottom:20px !important;
  color:var(--om-body) !important;
  font-size:16.5px !important;
  line-height:1.76 !important;
}
body.single-post.category-subsystems .entry-content > :is(ul.wp-block-list,ol.wp-block-list){
  margin-top:10px !important;
  margin-bottom:28px !important;
  padding:18px 22px 18px 44px !important;
  border:1px solid rgba(var(--article-rgb),.15) !important;
  border-radius:12px !important;
  background:linear-gradient(145deg,rgba(var(--article-rgb),.045),rgba(255,255,255,.014)) !important;
}
body.single-post.category-subsystems .entry-content > :is(ul.wp-block-list,ol.wp-block-list) > li{
  margin:7px 0 !important;
  color:var(--om-body) !important;
  line-height:1.60 !important;
}
body.single-post.category-subsystems .entry-content > ul.wp-block-list > li::marker{color:var(--article-accent) !important;}
body.single-post.category-subsystems .entry-content > ol.wp-block-list > li::marker{color:var(--article-soft) !important;font-weight:800 !important;}
body.single-post.category-subsystems .entry-content > p:not(:empty) a,
body.single-post.category-subsystems .entry-content > :is(ul.wp-block-list,ol.wp-block-list) a{color:var(--article-soft) !important;text-underline-offset:3px !important;}
body.single-post.category-subsystems .entry-content > p:not(:empty) a:hover,
body.single-post.category-subsystems .entry-content > :is(ul.wp-block-list,ol.wp-block-list) a:hover{color:#fff !important;}

/* Subsystems TOC — same treatment as DM Tips, in blue. */
body.single-post.category-subsystems .wp-block-uagb-table-of-contents{
  width:min(940px,100%) !important;
  max-width:940px !important;
  margin:34px auto 46px !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}
body.single-post.category-subsystems .wp-block-uagb-table-of-contents > .uagb-toc__wrap{
  padding:24px 26px 22px !important;
  box-sizing:border-box !important;
  border:1px solid rgba(var(--article-rgb),.28) !important;
  border-top:3px solid var(--article-accent) !important;
  border-radius:14px !important;
  background:linear-gradient(145deg,rgba(var(--article-rgb),.085),rgba(255,255,255,.02)) !important;
  box-shadow:0 16px 36px rgba(0,0,0,.15) !important;
}
body.single-post.category-subsystems .wp-block-uagb-table-of-contents :is(.uagb-toc__title,.uagb-toc-title){
  margin:0 0 14px !important;
  color:#fff !important;
  font-family:"EB Garamond",Georgia,serif !important;
  font-size:26px !important;
  font-weight:600 !important;
  line-height:1.15 !important;
}
body.single-post.category-subsystems .wp-block-uagb-table-of-contents :is(ol,ul){margin:0 !important;padding-left:23px !important;border:0 !important;background:transparent !important;}
body.single-post.category-subsystems .wp-block-uagb-table-of-contents li{margin:7px 0 !important;line-height:1.45 !important;}
body.single-post.category-subsystems .wp-block-uagb-table-of-contents li::marker{color:var(--article-accent) !important;font-weight:800 !important;}
body.single-post.category-subsystems .wp-block-uagb-table-of-contents a{color:#dfe2e2 !important;text-decoration:none !important;border-bottom:1px solid transparent !important;}
body.single-post.category-subsystems .wp-block-uagb-table-of-contents a:hover{color:var(--article-soft) !important;border-bottom-color:rgba(var(--article-rgb),.58) !important;}
body.single-post.category-subsystems .wp-block-uagb-faq{width:min(940px,100%) !important;max-width:940px !important;margin:0 auto 42px !important;}
body.single-post.category-subsystems .wp-block-uagb-faq .uagb-faq-item{margin:0 0 10px !important;overflow:hidden !important;border:1px solid rgba(var(--article-rgb),.20) !important;border-radius:12px !important;background:linear-gradient(90deg,rgba(var(--article-rgb),.055),rgba(255,255,255,.018)) !important;}
body.single-post.category-subsystems .wp-block-uagb-faq .uagb-faq-questions-button{min-height:54px !important;padding:15px 18px 15px 44px !important;color:#fff !important;font-weight:750 !important;}
body.single-post.category-subsystems .wp-block-uagb-faq .uagb-faq-questions-button::before{color:var(--article-accent) !important;}
body.single-post.category-subsystems .wp-block-uagb-faq .uagb-faq-content{padding:0 18px 17px !important;color:var(--om-body) !important;line-height:1.65 !important;}
@media (max-width:700px){
  body.single-post.category-subsystems .entry-content > :is(h1.wp-block-heading,h2.wp-block-heading,h3.wp-block-heading,p:not(:empty),ul.wp-block-list,ol.wp-block-list,.wp-block-uagb-table-of-contents,.wp-block-uagb-faq),
  body.single-post.category-subsystems .entry-content > .wp-block-uagb-advanced-heading:first-child{width:100% !important;max-width:100% !important;}
  body.single-post.category-subsystems .entry-content > h1.wp-block-heading,
  body.single-post.category-subsystems .entry-content > .wp-block-uagb-advanced-heading:first-child h1.uagb-heading-text{font-size:clamp(38px,10.5vw,50px) !important;padding-bottom:20px !important;}
  body.single-post.category-subsystems .entry-content > h2.wp-block-heading{margin-top:40px !important;font-size:31px !important;}
  body.single-post.category-subsystems .entry-content > h3.wp-block-heading{margin-top:28px !important;padding:13px 15px !important;font-size:21px !important;}
  body.single-post.category-subsystems .entry-content > :is(ul.wp-block-list,ol.wp-block-list){padding:15px 16px 15px 36px !important;}
  body.single-post.category-subsystems .wp-block-uagb-table-of-contents{margin-top:30px !important;margin-bottom:38px !important;}
  body.single-post.category-subsystems .wp-block-uagb-table-of-contents > .uagb-toc__wrap{padding:20px 18px 18px !important;}
}

/* Subsystems — blockquotes / callout quotes. */
body.single-post.category-subsystems .entry-content > blockquote.wp-block-quote{
  width:min(940px,100%) !important;
  max-width:940px !important;
  margin:28px auto !important;
  box-sizing:border-box !important;
}
body.single-post.category-subsystems .entry-content blockquote{
  border-left-color:var(--article-accent) !important;
  background:linear-gradient(90deg,rgba(var(--article-rgb),.10),rgba(var(--article-rgb),.025)) !important;
}
body.single-post.category-subsystems .entry-content blockquote::before{
  color:var(--article-accent) !important;
}
@media (max-width:700px){
  body.single-post.category-subsystems .entry-content > blockquote.wp-block-quote{
    width:100% !important;
    max-width:100% !important;
  }
}