/* APCL FINAL BLOG STANDARD — homepage-sized header + bounded cover — 2026-07-30 */
header{
  display:flex!important;align-items:center!important;justify-content:space-between!important;
  gap:16px!important;padding:18px 32px!important;min-height:0!important;height:auto!important;
  border-bottom:1px solid #222!important;position:sticky!important;top:0!important;
  background:rgba(10,10,10,.95)!important;backdrop-filter:blur(8px)!important;
  -webkit-backdrop-filter:blur(8px)!important;z-index:1000!important;box-sizing:border-box!important;
}
header .logo-wrap{
  display:flex!important;align-items:center!important;gap:12px!important;text-decoration:none!important;
  flex:0 0 auto!important;min-width:0!important;line-height:1!important;
}
header .logo-wrap img:first-child{
  display:block!important;width:44px!important;height:44px!important;min-width:44px!important;
  max-width:44px!important;object-fit:contain!important;flex:0 0 44px!important;
}
header .logo-wrap img:last-child{
  display:block!important;width:auto!important;height:32px!important;max-width:none!important;
  object-fit:contain!important;mix-blend-mode:screen!important;flex:0 0 auto!important;
}
header nav{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important;min-width:0!important}
header .btn{
  font-family:'Space Mono',monospace!important;font-size:11px!important;letter-spacing:.12em!important;
  height:36px!important;min-height:36px!important;padding:0 16px!important;border:1px solid #333!important;
  background:transparent!important;color:var(--white,#f0ece4)!important;cursor:pointer!important;
  text-transform:uppercase!important;text-decoration:none!important;display:inline-flex!important;
  align-items:center!important;justify-content:center!important;gap:6px!important;line-height:1!important;
  white-space:nowrap!important;box-sizing:border-box!important;
}
header .btn:hover,header .btn:focus-visible{background:var(--white,#f0ece4)!important;color:var(--black,#0a0a0a)!important;border-color:var(--white,#f0ece4)!important}
header .btn.btn-icon-only{width:30px!important;min-width:30px!important;padding:0!important}
header .nav-icon{font-size:16px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;width:16px!important;height:16px!important;line-height:1!important}
header .dropdown{position:relative!important;display:inline-flex!important;align-items:center!important}

/* One reliable cover frame for every article. It is always H1 -> cover -> text. */
main>.apcl-standard-cover{
  width:min(calc(100% - 48px),820px)!important;max-width:820px!important;
  margin:0 auto clamp(40px,6vw,68px)!important;padding:0!important;box-sizing:border-box!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  overflow:hidden!important;border:1px solid var(--border,#222)!important;
  background:var(--grey,#0f0f0f)!important;float:none!important;clear:both!important;
}
main>.apcl-standard-cover .article-cover-inner{
  width:100%!important;max-width:100%!important;margin:0!important;padding:0!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  overflow:hidden!important;border:0!important;background:transparent!important;
}
main>.apcl-standard-cover img.apcl-standard-cover-image,
main>.apcl-standard-cover .blog-cover-image{
  display:block!important;width:auto!important;max-width:100%!important;height:auto!important;
  max-height:720px!important;min-width:0!important;min-height:0!important;aspect-ratio:auto!important;
  object-fit:contain!important;object-position:center center!important;margin:0 auto!important;
  filter:none!important;float:none!important;
}
.article-hero{padding-bottom:clamp(24px,4vw,44px)!important}
.article-hero>.article-title{margin-bottom:0!important}

@media(max-width:768px){
  header{padding:14px 16px!important;gap:8px!important}
  header nav{gap:4px!important}
  header .btn{height:30px!important;min-height:30px!important;padding:0 10px!important;font-size:9px!important;letter-spacing:.05em!important}
  header .btn.btn-icon-only{width:30px!important;min-width:30px!important;padding:0!important}
  header .logo-wrap{gap:12px!important}
  header .logo-wrap img:first-child{width:36px!important;height:36px!important;min-width:36px!important;max-width:36px!important;flex-basis:36px!important}
  header .logo-wrap img:last-child{height:22px!important;width:auto!important;max-width:none!important}
  main>.apcl-standard-cover{
    width:calc(100% - 24px)!important;max-width:820px!important;margin-bottom:32px!important;
    min-height:0!important;
  }
  main>.apcl-standard-cover img.apcl-standard-cover-image,
  main>.apcl-standard-cover .blog-cover-image{
    width:100%!important;max-width:100%!important;height:auto!important;max-height:none!important;object-fit:contain!important;
  }
}
@media(max-width:420px){
  header{padding-left:12px!important;padding-right:12px!important}
  header .logo-wrap{gap:8px!important}
  header .btn{padding:0 8px!important}
}