/* ==========================================================================
   METAFLIGHT HUD - BETTERDOCS LAYER, prefix body.mf-docs
   Surfaces: documentation entry (page 10037), doc_category and doc_tag
   archives, single docs. Load order: tokens, chrome, then this file.

   RULE FOR THIS FILE: CSS ONLY. BetterDocs owns the markup, the search form,
   the modal and the reaction widgets. Nothing here rebuilds any of them.
   Targeting uses BetterDocs' own stable classes, prefixed body.mf-docs so we
   win against tax-doc_category.css and betterdocs-style-*.css, which load
   after this layer.

   ROOT CAUSE OF THE PAGE READING AS EMPTY, measured in the browser:
   .betterdocs-wrapper is position:static with z-index:auto, and the HUD
   background field is injected at wp_footer - LAST in the DOM, position:fixed,
   z-index:0, opaque #050810. Every static ancestor therefore painted
   UNDERNEATH it. Only the sidebar survived, because BetterDocs gives it
   position:relative;z-index:9999. The content area measured 950x1716 and was
   full of text the whole time; it was simply behind the starfield.
   ========================================================================== */
body.mf-docs .betterdocs-wrapper,
body.mf-docs .betterdocs-shortcode,
body.mf-docs .betterdocs-category-grid-wrapper,
body.mf-docs .betterdocs-category-box-wrapper{position:relative;z-index:2}

/* THE SLAB. BetterDocs dark mode paints rgb(25,26,33) across the wrapper - the
   flat grey the design system names as always wrong. The dark comes from our
   own field instead, so every BetterDocs surface goes transparent. */
body.mf-docs .betterdocs-wrapper,
body.mf-docs .betterdocs-body,
body.mf-docs .betterdocs-background,
body.mf-docs .betterdocs-content-wrapper,
body.mf-docs .betterdocs-content-area,
body.mf-docs .betterdocs-content-inner-area,
body.mf-docs .betterdocs-sidebar,
body.mf-docs .betterdocs-sidebar-content,
body.mf-docs .betterdocs-single-wrapper,
body.mf-docs .betterdocs-single-wraper{background:transparent!important}

body.mf-docs{color:var(--mf-text);font-family:'Rajdhani',sans-serif;--mf-i-doc:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3.5%2018.8V5a1.5%201.5%200%200%201%201.5-1.5h4l1.8%202.2h9.2a1.5%201.5%200%200%201%201.5%201.5v11.6a1.5%201.5%200%200%201-1.5%201.5H5a1.5%201.5%200%200%201-1.5-1.5z%22%2F%3E%3Cpath%20d%3D%22M8.4%2012.4h7.2%22%2F%3E%3Cpath%20d%3D%22M8.4%2015.4h4.6%22%2F%3E%3C%2Fsvg%3E')}
body.mf-docs .betterdocs-wrapper{
  font-family:'Rajdhani',sans-serif;
  max-width:1240px;margin:0 auto;padding:3.5rem 2rem 5rem;
  --mf-i-doc:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3.5%2018.8V5a1.5%201.5%200%200%201%201.5-1.5h4l1.8%202.2h9.2a1.5%201.5%200%200%201%201.5%201.5v11.6a1.5%201.5%200%200%201-1.5%201.5H5a1.5%201.5%200%200%201-1.5-1.5z%22%2F%3E%3Cpath%20d%3D%22M8.4%2012.4h7.2%22%2F%3E%3Cpath%20d%3D%22M8.4%2015.4h4.6%22%2F%3E%3C%2Fsvg%3E');
}
body.mf-docs .betterdocs-wrapper h1,
body.mf-docs .betterdocs-wrapper h2,
body.mf-docs .betterdocs-wrapper h3,
body.mf-docs .betterdocs-wrapper h4{
  font-family:'Orbitron',sans-serif;color:var(--mf-text);
  text-transform:uppercase;letter-spacing:.03em;
}

/* PANEL PRIMITIVE - one definition, reused by the category cards, the sidebar
   and the article body so the three read as one system. */
body.mf-docs .betterdocs-single-category-inner,
body.mf-docs .betterdocs-sidebar-content,
body.mf-docs .betterdocs-entry-content{
  background-color:var(--mf-scrim);
  background-image:linear-gradient(160deg,var(--mf-veil-top),var(--mf-veil-bot));
  backdrop-filter:var(--mf-blur);-webkit-backdrop-filter:var(--mf-blur);
  box-shadow:inset 0 0 0 1px var(--mf-hair);
  border:none!important;border-radius:0!important;
  clip-path:polygon(var(--mf-ch-sm) 0,100% 0,100% calc(100% - var(--mf-ch-sm)),calc(100% - var(--mf-ch-sm)) 100%,0 100%,0 var(--mf-ch-sm));
}

/* --------------------------------------------------------------------------
   IMPORTANT SCOPING NOTE: the sidebar of a category archive REUSES the exact
   same classes as the entry grid (.betterdocs-category-grid-wrapper,
   .betterdocs-single-category-wrapper). Styling them globally turned the
   sidebar into a three column grid of squashed cards. The card grid is
   therefore scoped to the entry page, and the sidebar has its own block.
   -------------------------------------------------------------------------- */

/* CATEGORY CARDS - entry page only */
body.mf-docs.page-id-10037 .betterdocs-category-grid-inner-wrapper,
body.mf-docs.page-id-10037 .betterdocs-category-box-inner-wrapper{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  gap:1.1rem;align-items:stretch;
}
body.mf-docs.page-id-10037 .betterdocs-single-category-wrapper{
  padding:0;margin:0;background:none!important;box-shadow:none;clip-path:none;width:auto;
}
body.mf-docs.page-id-10037 .betterdocs-single-category-inner{
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:.5rem;height:100%;padding:2rem 1.4rem;text-align:center;
  background-color:var(--mf-scrim);
  background-image:linear-gradient(160deg,var(--mf-veil-top),var(--mf-veil-bot));
  backdrop-filter:var(--mf-blur);-webkit-backdrop-filter:var(--mf-blur);
  box-shadow:inset 0 0 0 1px var(--mf-hair);
  border:none!important;border-radius:0!important;
  clip-path:polygon(var(--mf-ch-sm) 0,100% 0,100% calc(100% - var(--mf-ch-sm)),calc(100% - var(--mf-ch-sm)) 100%,0 100%,0 var(--mf-ch-sm));
  transition:transform .35s var(--mf-ease),box-shadow .35s var(--mf-ease);
}
body.mf-docs.page-id-10037 .betterdocs-single-category-inner:hover{
  transform:translateY(-3px);box-shadow:inset 0 0 0 1px rgba(0,212,255,.45);
}
/* the card ships an inner header box that reads as a second panel inside the
   card - it is flattened, the card itself is the panel */
body.mf-docs.page-id-10037 .betterdocs-category-header,
body.mf-docs.page-id-10037 .betterdocs-category-header-inner{
  background:none!important;box-shadow:none!important;clip-path:none;
  padding:0!important;width:100%;display:flex;flex-direction:column;
  align-items:center;gap:.4rem;
}

/* TITLES AND COUNTS - every surface */
body.mf-docs .betterdocs-category-title{
  font-family:'Orbitron',sans-serif!important;font-weight:700!important;
  font-size:.88rem!important;letter-spacing:.05em;text-transform:uppercase;
  color:var(--mf-text)!important;margin:0;
}
body.mf-docs .betterdocs-category-items-counts,
body.mf-docs .betterdocs-sub-category-items-counts{
  font-family:var(--mf-mono)!important;font-size:.55rem!important;font-weight:500!important;
  letter-spacing:.18em;text-transform:uppercase;color:var(--mf-cyan)!important;
  background:none!important;padding:0!important;border-radius:0!important;
}

/* ICON - the stock pictogram is a black raster glyph made for a white card:
   invisible on dark, and not our icon language. Replaced by a monoline CSS
   mask on the same box, so no markup changes. */
body.mf-docs .betterdocs-category-icon{
  display:flex;align-items:center;justify-content:center;
  width:32px;height:32px;margin:0 auto .5rem;background:none!important;
}
body.mf-docs .betterdocs-category-icon img,
body.mf-docs .betterdocs-category-icon svg,
body.mf-docs .betterdocs-category-icon-img{display:none!important}
body.mf-docs .betterdocs-category-icon::after{
  content:'';width:28px;height:28px;flex:0 0 auto;background-color:var(--mf-cyan);
  -webkit-mask:var(--mf-i-doc) center/contain no-repeat;
  mask:var(--mf-i-doc) center/contain no-repeat;
}

/* ARCHIVE LAYOUT - sidebar plus article list */
body.mf-docs .betterdocs-content-wrapper{gap:2rem;align-items:flex-start}
body.mf-docs .betterdocs-sidebar{width:300px;flex:0 0 300px;z-index:2!important}
body.mf-docs .betterdocs-sidebar-content{padding:1.1rem 1rem}
body.mf-docs .betterdocs-content-area{flex:1 1 auto;min-width:0}

/* SIDEBAR - a stacked list, never a grid */
body.mf-docs .betterdocs-sidebar .betterdocs-category-grid-inner-wrapper{
  display:flex;flex-direction:column;gap:.45rem;width:100%;
}
body.mf-docs .betterdocs-sidebar .betterdocs-single-category-wrapper{
  width:100%;max-width:none;margin:0;padding:0;background:none!important;
  box-shadow:none;clip-path:none;
}
body.mf-docs .betterdocs-sidebar .betterdocs-single-category-inner{
  display:block;width:100%;padding:0;background:none!important;box-shadow:none;clip-path:none;
}
body.mf-docs .betterdocs-sidebar .betterdocs-category-header,
body.mf-docs .betterdocs-sidebar .betterdocs-category-header-inner{
  display:flex;flex-direction:row;align-items:center;gap:.6rem;width:100%;
  padding:.6rem .8rem;text-align:left;
  background:rgba(255,255,255,.04)!important;border:none!important;border-radius:0!important;
  box-shadow:inset 0 0 0 1px var(--mf-hair);
  clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);
  transition:background .25s var(--mf-ease),box-shadow .25s var(--mf-ease);
}
body.mf-docs .betterdocs-sidebar .betterdocs-category-header-inner{
  padding:0;background:none!important;box-shadow:none;clip-path:none;
}
body.mf-docs .betterdocs-sidebar .betterdocs-category-header:hover{
  background:rgba(0,212,255,.08)!important;box-shadow:inset 0 0 0 1px rgba(0,212,255,.4);
}
body.mf-docs .betterdocs-sidebar .betterdocs-single-category-wrapper.active .betterdocs-category-header{
  background:rgba(0,212,255,.07)!important;
  box-shadow:inset 3px 0 0 0 var(--mf-cyan),inset 0 0 0 1px rgba(0,212,255,.32);
}
body.mf-docs .betterdocs-sidebar .betterdocs-category-icon{width:18px;height:18px;margin:0}
body.mf-docs .betterdocs-sidebar .betterdocs-category-icon::after{width:16px;height:16px}
body.mf-docs .betterdocs-sidebar .betterdocs-category-title{font-size:.7rem!important;flex:1 1 auto;text-align:left}

/* ARTICLE LISTS - grey on grey is what made the sidebar unreadable */
body.mf-docs .betterdocs-articles-list,
body.mf-docs .betterdocs-title-excerpt-lists{
  background:transparent!important;padding:.5rem 0 .3rem;margin:0;list-style:none;
}
body.mf-docs .betterdocs-articles-list li{
  list-style:none;padding:.42rem 0 .42rem .8rem;
  box-shadow:inset 2px 0 0 0 rgba(160,225,255,.14);
  transition:box-shadow .2s var(--mf-ease);
}
body.mf-docs .betterdocs-articles-list li:hover{box-shadow:inset 2px 0 0 0 var(--mf-cyan)}
body.mf-docs .betterdocs-articles-list a{
  color:var(--mf-muted)!important;text-decoration:none;
  font-family:'Rajdhani',sans-serif;font-size:.9rem;line-height:1.45;
  transition:color .2s var(--mf-ease);
}
body.mf-docs .betterdocs-articles-list a:hover{color:var(--mf-cyan)!important}

/* the archive result rows shipped on a solid white panel */
body.mf-docs .betterdocs-title-excerpt-list{
  list-style:none;display:block;margin:0 0 .6rem;padding:1.1rem 1.3rem;
  background-color:var(--mf-scrim)!important;
  background-image:linear-gradient(160deg,var(--mf-veil-top),var(--mf-veil-bot));
  backdrop-filter:var(--mf-blur);-webkit-backdrop-filter:var(--mf-blur);
  box-shadow:inset 0 0 0 1px var(--mf-hair);
  border:none!important;border-radius:0!important;
  clip-path:polygon(var(--mf-ch-sm) 0,100% 0,100% calc(100% - var(--mf-ch-sm)),calc(100% - var(--mf-ch-sm)) 100%,0 100%,0 var(--mf-ch-sm));
  transition:box-shadow .25s var(--mf-ease),transform .25s var(--mf-ease);
}
body.mf-docs .betterdocs-title-excerpt-list:hover{
  transform:translateY(-2px);box-shadow:inset 0 0 0 1px rgba(0,212,255,.4);
}
body.mf-docs .betterdocs-title-excerpt-list a{color:var(--mf-text)!important;text-decoration:none}
body.mf-docs .betterdocs-title-excerpt-list h3,
body.mf-docs .betterdocs-title-excerpt-list h2{
  font-family:'Orbitron',sans-serif!important;font-weight:700!important;
  font-size:.86rem!important;letter-spacing:.04em;color:var(--mf-text)!important;margin:0 0 .5rem;
}
body.mf-docs .betterdocs-title-excerpt-list p{
  font-family:'Rajdhani',sans-serif;font-size:.94rem;line-height:1.6;
  color:var(--mf-muted)!important;margin:0;
}

/* archive header: the category name above its list */
body.mf-docs .betterdocs-main-category-folder{
  display:block;width:100%;margin:0 0 1.2rem;
}
body.mf-docs .betterdocs-content-area .betterdocs-category-header{
  display:flex;flex-direction:row;align-items:center;gap:.7rem;
  padding:0 0 1rem;background:none!important;box-shadow:inset 0 -1px 0 var(--mf-hair);
  clip-path:none;border:none!important;
}
body.mf-docs .betterdocs-content-area .betterdocs-category-header-inner{
  display:flex;flex-direction:row;align-items:center;gap:.7rem;width:100%;
  background:none!important;box-shadow:none;padding:0;
}
body.mf-docs .betterdocs-content-area .betterdocs-category-icon{margin:0;width:24px;height:24px}
body.mf-docs .betterdocs-content-area .betterdocs-category-icon::after{width:22px;height:22px}
body.mf-docs .betterdocs-content-area .betterdocs-category-title{font-size:1.15rem!important}
/* SEARCH - BetterDocs' own control, JS driven modal. Skinned, never rebuilt. */
body.mf-docs .betterdocs-searchform,
body.mf-docs .betterdocs-searchform-input-wrap,
body.mf-docs .betterdocs-search-form-wrap,
body.mf-docs .betterdocs-advance-searchform{
  background:rgba(255,255,255,.05)!important;
  border:none!important;border-radius:0!important;
  box-shadow:inset 0 0 0 1px var(--mf-hair);
  clip-path:polygon(9px 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%,0 9px);
}
body.mf-docs .betterdocs-searchform input,
body.mf-docs .betterdocs-search-field{
  background:transparent!important;border:none!important;border-radius:0!important;
  color:var(--mf-text)!important;font-family:'Rajdhani',sans-serif;font-size:.95rem;
}
body.mf-docs .betterdocs-searchform input::placeholder{color:var(--mf-muted)!important}
body.mf-docs .betterdocs-search-command{
  font-family:var(--mf-mono)!important;font-size:.55rem!important;letter-spacing:.12em;
  color:var(--mf-muted)!important;background:rgba(255,255,255,.05)!important;
  border:none!important;border-radius:0!important;box-shadow:inset 0 0 0 1px var(--mf-hair);
}
body.mf-docs .betterdocs-search-popup,
body.mf-docs .betterdocs-search-modal-sidebar{
  background:rgba(5,8,16,.96)!important;
  backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);
  border:none!important;border-radius:0!important;
  box-shadow:inset 0 0 0 1px var(--mf-hair);color:var(--mf-text)!important;
}

/* SINGLE DOC */
body.mf-docs .betterdocs-entry-header{margin-bottom:1.4rem}
body.mf-docs .betterdocs-entry-title{
  font-family:'Orbitron',sans-serif!important;font-weight:900!important;
  font-size:clamp(1.5rem,3.2vw,2.2rem)!important;line-height:1.1;
  letter-spacing:.03em;text-transform:uppercase;color:var(--mf-text)!important;
}
body.mf-docs .betterdocs-entry-content{padding:2rem 2.2rem}
body.mf-docs .betterdocs-entry-content,
body.mf-docs .betterdocs-entry-content p,
body.mf-docs .betterdocs-entry-content li{
  font-family:'Rajdhani',sans-serif;font-size:1.02rem;line-height:1.8;color:#C9D8E8;
}
body.mf-docs .betterdocs-entry-content h2{font-size:1.15rem;margin:2.2rem 0 .9rem;padding-top:1rem;box-shadow:inset 0 1px 0 var(--mf-hair)}
body.mf-docs .betterdocs-entry-content h3{font-size:.95rem;color:var(--mf-cyan-lit);margin:1.8rem 0 .7rem}
body.mf-docs .betterdocs-entry-content a{color:var(--mf-cyan);text-decoration:none;box-shadow:inset 0 -1px 0 rgba(0,212,255,.4)}
body.mf-docs .betterdocs-entry-content a:hover{box-shadow:inset 0 -1px 0 var(--mf-cyan)}
body.mf-docs .betterdocs-entry-content img{border-radius:0!important;max-width:100%;height:auto}
body.mf-docs .betterdocs-entry-content code,
body.mf-docs .betterdocs-entry-content pre{
  font-family:var(--mf-mono);font-size:.85rem;background:rgba(255,255,255,.05)!important;
  border-radius:0!important;box-shadow:inset 0 0 0 1px var(--mf-hair);color:var(--mf-cyan-lit);
}
body.mf-docs .betterdocs-entry-content pre{padding:1rem 1.1rem;overflow-x:auto}
body.mf-docs .betterdocs-toc,
body.mf-docs #betterdocs-toc{
  background:rgba(8,10,14,.6)!important;border:none!important;border-radius:0!important;
  box-shadow:inset 0 0 0 1px var(--mf-hair);
  clip-path:polygon(9px 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%,0 9px);
}
body.mf-docs .betterdocs-toc a{color:var(--mf-muted)!important;text-decoration:none}
body.mf-docs .betterdocs-toc a:hover{color:var(--mf-cyan)!important}
body.mf-docs .betterdocs-entry-footer,
body.mf-docs .betterdocs-article-reactions,
body.mf-docs .betterdocs-social-share{
  background:transparent!important;border:none!important;border-radius:0!important;
  box-shadow:inset 0 1px 0 var(--mf-hair);padding-top:1.4rem;margin-top:1.6rem;
}
body.mf-docs .betterdocs-article-reactions-heading,
body.mf-docs .betterdocs-social-share-heading,
body.mf-docs .betterdocs-reactions-title-tag,
body.mf-docs .betterdocs-social-share-title-tag{
  font-family:var(--mf-mono)!important;font-size:.58rem!important;font-weight:500!important;
  letter-spacing:.22em;text-transform:uppercase;color:var(--mf-muted)!important;
}
body.mf-docs .betterdocs-print-btn,
body.mf-docs .betterdocs-print-pdf{color:var(--mf-muted)!important}

/* --------------------------------------------------------------------------
   REMAINING LIGHT SURFACES, read one by one off the rendered page rather than
   guessed: the archive category band (#F9FAFB), the last-updated pill
   (#FFFCF5 on #475467) and the sidebar toggle arrow (#EAECF0).
   -------------------------------------------------------------------------- */
body.mf-docs .betterdocs-main-category-folder{
  background:transparent!important;border:none!important;border-radius:0!important;
  box-shadow:inset 0 -1px 0 var(--mf-hair);padding:0 0 1rem;
}
body.mf-docs .update-date,
body.mf-docs .betterdocs-last-update,
body.mf-docs .betterdocs-meta{
  background:rgba(255,255,255,.05)!important;color:var(--mf-muted)!important;
  border:none!important;border-radius:0!important;
  box-shadow:inset 0 0 0 1px var(--mf-hair);
  font-family:var(--mf-mono)!important;font-size:.54rem!important;
  letter-spacing:.14em;text-transform:uppercase;padding:.34rem .6rem!important;
  clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px);
}
/* the stock toggle arrow is a light raster block sitting inside the icon box */
body.mf-docs .betterdocs-folder-icon{
  background:none!important;border:none!important;
}
body.mf-docs .betterdocs-sidebar .betterdocs-folder-icon{display:none!important}
body.mf-docs .betterdocs-sidebar .betterdocs-category-header{padding-left:.7rem}
body.mf-docs .betterdocs-sidebar .betterdocs-category-title{
  padding-left:.2rem;line-height:1.35;
}
/* the row icon on each archive result */
body.mf-docs .betterdocs-title-excerpt-list img,
body.mf-docs .betterdocs-title-excerpt-list svg{opacity:.55}
/* last light surfaces on the single doc: reading time pill, print control,
   mobile nav glyph */
body.mf-docs .reading-time{
  background:rgba(255,255,255,.05)!important;color:var(--mf-muted)!important;
  border:none!important;border-radius:0!important;
  box-shadow:inset 0 0 0 1px var(--mf-hair);
  font-family:var(--mf-mono)!important;font-size:.54rem!important;
  letter-spacing:.14em;text-transform:uppercase;padding:.34rem .6rem!important;
  clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px);
}
body.mf-docs .reading-time svg,
body.mf-docs .reading-time img{filter:invert(1) opacity(.55)}
body.mf-docs .betterdocs-print-btn,
body.mf-docs .betterdocs-print-pdf{
  background:rgba(255,255,255,.05)!important;box-shadow:inset 0 0 0 1px var(--mf-hair);
  border-radius:0!important;
}
body.mf-docs .betterdocs-print-btn img,
body.mf-docs .betterdocs-print-btn svg{filter:invert(1) opacity(.6)}
body.mf-docs .betterdocs-mobile-nav-icon-svg{background:transparent!important}
body.mf-docs .betterdocs-title-excerpt-list img,
body.mf-docs .betterdocs-articles-list img{filter:invert(1) opacity(.45)}
/* ===== MOBILE, KEEP LAST IN THIS FILE ===== */
@media (max-width:1023px){
body.mf-docs .betterdocs-wrapper{padding:2.5rem 1.25rem 3.5rem}
body.mf-docs .betterdocs-category-grid-inner-wrapper,
body.mf-docs .betterdocs-category-box-inner-wrapper{grid-template-columns:repeat(2,minmax(0,1fr))}
body.mf-docs .betterdocs-content-wrapper{flex-direction:column}
body.mf-docs .betterdocs-sidebar{width:100%;flex:1 1 auto}
}
@media (max-width:639px){
body.mf-docs .betterdocs-category-grid-inner-wrapper,
body.mf-docs .betterdocs-category-box-inner-wrapper{grid-template-columns:1fr}
body.mf-docs .betterdocs-entry-content{padding:1.4rem 1.2rem}
}

/* ==========================================================================
   CATEGORY ARCHIVE (doc-category-layout-7). KEEP THIS BLOCK LAST.

   ROOT CAUSE OF THE UNFINISHED READ, taken off the rendered page rather than
   guessed: the archive card title is NOT an h2/h3 like the entry grid, it is
   `.betterdocs-entry-title` - the SAME class the single doc uses for its page
   title. Our single-doc rule therefore printed every card headline at Orbitron
   900 uppercase clamp(1.5rem,3.2vw,2.2rem). On top of that BetterDocs injects
   inline CSS at six-class specificity:
     .betterdocs-category-archive-wrapper.betterdocs-wraper
     .doc-category-layout-7 .betterdocs-title-excerpt-lists
     .betterdocs-title-excerpt-list .betterdocs-entry-title a
   which outranks `body.mf-docs .betterdocs-entry-title` (0,2,1). Both problems
   are fixed by restating at matching depth, scoped to the archive only so the
   single doc page title is untouched.
   ========================================================================== */

/* ----- card headline: a list item, not a page title ----- */
body.mf-docs .betterdocs-category-archive-wrapper .betterdocs-title-excerpt-lists .betterdocs-title-excerpt-list .betterdocs-entry-title,
body.mf-docs .betterdocs-category-archive-wrapper .betterdocs-title-excerpt-lists .betterdocs-title-excerpt-list .betterdocs-entry-title a{
  font-family:'Orbitron',sans-serif!important;font-weight:700!important;
  font-size:.98rem!important;line-height:1.4!important;
  letter-spacing:.02em!important;text-transform:none!important;
  color:var(--mf-text)!important;text-decoration:none;
}
body.mf-docs .betterdocs-category-archive-wrapper .betterdocs-title-excerpt-list .betterdocs-entry-title{
  display:flex;flex-direction:row;align-items:center;gap:.7rem;margin:0 0 .7rem;
}
body.mf-docs .betterdocs-category-archive-wrapper .betterdocs-title-excerpt-list .betterdocs-entry-title a:hover{
  color:var(--mf-cyan)!important;
}

/* ----- the leading glyph: a chamfered instrument tile, not a light square ----- */
body.mf-docs .betterdocs-category-archive-wrapper .betterdocs-title-excerpt-list .betterdocs-entry-title > span{
  display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;
  width:30px;height:30px;line-height:0;
  background-color:rgba(0,212,255,.07)!important;
  box-shadow:inset 0 0 0 1px var(--mf-hair);
  border-radius:0!important;
  clip-path:polygon(7px 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%,0 7px);
}
body.mf-docs .betterdocs-category-archive-wrapper .betterdocs-title-excerpt-list .betterdocs-entry-title > span svg{
  width:17px;height:17px;opacity:1;filter:none;
}
body.mf-docs .betterdocs-category-archive-wrapper .betterdocs-title-excerpt-list .betterdocs-entry-title > span svg g path{
  fill:var(--mf-cyan-lit);
}

/* ----- LAST UPDATED pill: the plugin paints #FFFCF5 on #475467 ----- */
body.mf-docs .betterdocs-content-area .betterdocs-title-excerpt-lists .betterdocs-title-excerpt-list .update-date,
body.mf-docs .betterdocs-title-excerpt-list .update-date{
  display:inline-flex;align-items:center;width:auto;
  font-family:var(--mf-mono)!important;font-size:.52rem!important;font-weight:500;
  letter-spacing:.16em;text-transform:uppercase;
  color:var(--mf-cyan)!important;
  background-color:rgba(0,212,255,.07)!important;
  padding:.34rem .6rem;margin:0 0 .7rem;
  border:none!important;border-radius:0!important;
  clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px);
}

/* ----- excerpt ----- */
body.mf-docs .betterdocs-category-archive-wrapper .betterdocs-title-excerpt-list p{
  font-family:'Rajdhani',sans-serif!important;font-size:.95rem!important;
  line-height:1.65!important;color:var(--mf-muted)!important;margin:0;
}

/* ----- archive shell: same panel language as the single doc ----- */
body.mf-docs .betterdocs-category-archive-wrapper .betterdocs-sidebar,
body.mf-docs .betterdocs-category-archive-wrapper .betterdocs-full-sidebar-left,
body.mf-docs .betterdocs-category-archive-wrapper .betterdocs-background,
body.mf-docs .betterdocs-category-archive-wrapper .betterdocs-content-inner-area{
  background:transparent!important;border:none!important;border-radius:0!important;
  box-shadow:none;
}
body.mf-docs .betterdocs-category-archive-wrapper .betterdocs-content-inner-area{
  min-width:0;
}

/* ----- the sidebar scrolls: give it the instrument scrollbar, not the OS one ----- */
body.mf-docs .betterdocs-height,
body.mf-docs .betterdocs-sidebar-content{
  scrollbar-width:thin;scrollbar-color:rgba(0,212,255,.42) transparent;
}
body.mf-docs .betterdocs-height::-webkit-scrollbar,
body.mf-docs .betterdocs-sidebar-content::-webkit-scrollbar{width:4px}
body.mf-docs .betterdocs-height::-webkit-scrollbar-track,
body.mf-docs .betterdocs-sidebar-content::-webkit-scrollbar-track{background:transparent}
body.mf-docs .betterdocs-height::-webkit-scrollbar-thumb,
body.mf-docs .betterdocs-sidebar-content::-webkit-scrollbar-thumb{background:rgba(0,212,255,.42)}

/* ----- the sidebar search container is an empty div hydrated by JS ----- */
body.mf-docs .betterdocs-search-modal-sidebar{
  background:transparent!important;box-shadow:none;padding:0 0 1rem;
}

/* ----- archive header band ----- */
body.mf-docs .betterdocs-category-archive-wrapper .betterdocs-content-area .betterdocs-category-title{
  font-family:'Orbitron',sans-serif!important;font-weight:900!important;
  font-size:clamp(1.25rem,2.6vw,1.75rem)!important;letter-spacing:.03em;
  text-transform:uppercase;color:var(--mf-text)!important;
}
body.mf-docs .betterdocs-category-archive-wrapper .betterdocs-content-area .betterdocs-sub-category-items-counts,
body.mf-docs .betterdocs-category-archive-wrapper .betterdocs-content-area .betterdocs-sub-category-items-counts span{
  font-family:var(--mf-mono)!important;font-size:.55rem!important;
  letter-spacing:.2em;text-transform:uppercase;color:var(--mf-muted)!important;
  background:transparent!important;border:none!important;
}

@media (max-width:1023px){
body.mf-docs .betterdocs-category-archive-wrapper .betterdocs-content-wrapper{flex-direction:column}
body.mf-docs .betterdocs-category-archive-wrapper .betterdocs-title-excerpt-list .betterdocs-entry-title,
body.mf-docs .betterdocs-category-archive-wrapper .betterdocs-title-excerpt-list .betterdocs-entry-title a{font-size:.92rem!important}
}

/* ==========================================================================
   SEARCH, v2. KEEP THIS BLOCK LAST.

   TWO BUGS, TWO CAUSES, BOTH VERIFIED ON THE RENDERED PAGE.

   A. THE LIVE RESULTS NEVER APPEARED - AND IT WAS OUR OWN CSS.
      search.js appends the result markup INSIDE .betterdocs-searchform:
        s.append(e.data.post_lists)  ->  .betterdocs-search-result-wrap
      The v1 layer put a clip-path on .betterdocs-searchform to chamfer it.
      clip-path clips every DESCENDANT, so the dropdown was built and then
      cut to nothing. The endpoint was fine the whole time: a POST to
      betterdocs_get_search_result with a320 returns the FlightFactor doc.
      The chamfer now lives on .betterdocs-searchform-input-wrap, which is a
      SIBLING of the result wrap, so nothing clips the dropdown.

   B. THE GREY AND WHITE SLABS. We styled .betterdocs-search-form-WRAP.
      The painted element is .betterdocs-search-form-WRAPPER, a different
      class, which BetterDocs fills through inline CSS at
        .betterdocs-wrapper .betterdocs-search-form-wrapper:not(...)
      with background-color #191a21 on the single doc and #f7f7f7 on the
      entry page - both !important, both exactly the flat slab the design
      system forbids. Restated at matching depth.
   ========================================================================== */

/* ----- A. the form is a positioning context only. No paint, no clip. ----- */
body.mf-docs .betterdocs-searchform,
body.mf-docs .betterdocs-advance-searchform,
body.mf-docs .betterdocs-live-search{
  position:relative;
  clip-path:none!important;
  background:transparent!important;
  box-shadow:none!important;
  border:none!important;border-radius:0!important;
  overflow:visible!important;
  width:100%;
}

/* the chamfered instrument box is the input row */
body.mf-docs .betterdocs-searchform-input-wrap{
  position:relative;display:flex;flex-direction:row;align-items:center;
  gap:.6rem;width:100%;padding:.15rem .9rem;
  background-color:rgba(255,255,255,.05)!important;
  background-image:linear-gradient(160deg,var(--mf-veil-top),var(--mf-veil-bot));
  box-shadow:inset 0 0 0 1px var(--mf-hair);
  border:none!important;border-radius:0!important;
  clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);
  transition:box-shadow .25s var(--mf-ease);
}
body.mf-docs .betterdocs-searchform-input-wrap:focus-within{
  box-shadow:inset 0 0 0 1px var(--mf-cyan);
}
body.mf-docs .betterdocs-search-field{
  flex:1 1 auto;min-width:0;
  background:transparent!important;border:none!important;border-radius:0!important;
  box-shadow:none!important;outline:none!important;
  padding:.85rem 0;margin:0;
  color:var(--mf-text)!important;
  font-family:'Rajdhani',sans-serif!important;font-size:1rem!important;
}
body.mf-docs .betterdocs-search-field::placeholder{
  color:var(--mf-muted)!important;opacity:1;
}

/* the raster-ish plugin glyphs: recoloured, never replaced ----- */
body.mf-docs .docs-search-icon{
  width:18px!important;height:18px!important;flex:0 0 auto;
}
body.mf-docs .docs-search-icon path{fill:var(--mf-cyan-lit)}
body.mf-docs .docs-search-loader{width:18px!important;height:18px!important;flex:0 0 auto}
body.mf-docs .docs-search-loader circle,
body.mf-docs .docs-search-loader path{stroke:var(--mf-cyan)}
body.mf-docs .docs-search-close{
  width:16px!important;height:16px!important;flex:0 0 auto;cursor:pointer;
  background:transparent!important;border-radius:0!important;
  opacity:.65;transition:opacity .2s var(--mf-ease);
}
body.mf-docs .docs-search-close:hover{opacity:1}
body.mf-docs .docs-search-close path{fill:var(--mf-muted)}

/* ----- A. the dropdown itself: a HUD panel, above the background field ----- */
body.mf-docs .betterdocs-search-result-wrap{
  position:absolute;top:calc(100% + .45rem);left:0;right:0;z-index:60;
  max-height:min(60vh,420px);overflow-y:auto;
  padding:.4rem;
  background-color:rgba(5,8,16,.97)!important;
  backdrop-filter:blur(22px) saturate(1.4);-webkit-backdrop-filter:blur(22px) saturate(1.4);
  box-shadow:inset 0 0 0 1px var(--mf-hair);
  border:none!important;border-radius:0!important;
  clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);
  scrollbar-width:thin;scrollbar-color:rgba(0,212,255,.42) transparent;
}
body.mf-docs .betterdocs-search-result-wrap::-webkit-scrollbar{width:4px}
body.mf-docs .betterdocs-search-result-wrap::-webkit-scrollbar-track{background:transparent}
body.mf-docs .betterdocs-search-result-wrap::-webkit-scrollbar-thumb{background:rgba(0,212,255,.42)}
body.mf-docs .docs-search-result{
  list-style:none;margin:0;padding:0;background:transparent!important;
}
body.mf-docs .docs-search-result li{
  list-style:none;margin:0;padding:0;background:transparent!important;border:none!important;
}
body.mf-docs .docs-search-result li + li{box-shadow:inset 0 1px 0 var(--mf-hair)}
body.mf-docs .docs-search-result li a{
  display:block;padding:.75rem .85rem;text-decoration:none;
  background:transparent!important;
  transition:background-color .2s var(--mf-ease);
}
body.mf-docs .docs-search-result li a:hover{background-color:rgba(0,212,255,.08)!important}
body.mf-docs .betterdocs-search-title{
  display:block;
  font-family:'Rajdhani',sans-serif!important;font-weight:600;
  font-size:.95rem!important;line-height:1.4;color:var(--mf-text)!important;
}
body.mf-docs .docs-search-result li a:hover .betterdocs-search-title{color:var(--mf-cyan)!important}
body.mf-docs .betterdocs-search-result-wrap .betterdocs-search-category{
  display:inline-block;margin-top:.35rem;
  font-family:var(--mf-mono)!important;font-size:.5rem!important;font-weight:500;
  letter-spacing:.18em;text-transform:uppercase;color:var(--mf-muted)!important;
  background:transparent!important;border:none!important;padding:0;
}
body.mf-docs .betterdocs-search-result-wrap br{display:none}

/* ----- B. the outer wrapper: no slab, centred, breathing room ----- */
body.mf-docs .betterdocs-search-form-wrapper,
body.mf-docs .betterdocs-wrapper .betterdocs-search-form-wrapper,
body.mf-docs .betterdocs-wrapper .betterdocs-search-form-wrapper:not(.betterdocs-elementor),
body.mf-docs .betterdocs-search-form-wrap{
  background:transparent!important;background-color:transparent!important;
  background-image:none!important;
  border:none!important;border-bottom:none!important;border-radius:0!important;
  box-shadow:none!important;
  clip-path:none!important;
  width:100%;max-width:720px;margin:0 auto 2.4rem;
  padding:0!important;
  position:relative;z-index:20;
}

/* the sidebar modal trigger keeps the same input language */
body.mf-docs .betterdocs-search-modal-sidebar{
  background:transparent!important;box-shadow:none;padding:0 0 1.1rem;max-width:none;margin:0;
}

@media (max-width:767px){
body.mf-docs .betterdocs-search-form-wrapper,
body.mf-docs .betterdocs-search-form-wrap{margin-bottom:1.6rem}
body.mf-docs .betterdocs-search-field{font-size:.95rem!important;padding:.7rem 0}
}

/* ==========================================================================
   SEARCH DROPDOWN, v3. KEEP LAST.
   SECOND CAUSE, different from the clip-path one. BetterDocs ships:
     .betterdocs-search-result-wrap{bottom:2px;position:absolute;width:100%}
     .betterdocs-live-search .docs-search-result{position:absolute;...}
   The wrap is anchored to the BOTTOM of the form, and the UL it contains is
   itself out of flow, so the wrap resolves to zero content height - the thin
   bar with the white 12px ::before triangle. v2 then put the panel paint and a
   clip-path ON THE WRAP, which clipped the absolutely positioned UL a second
   time. The wrap is now a pure anchor, and the UL carries the panel.
   ========================================================================== */
body.mf-docs .betterdocs-live-search .betterdocs-search-result-wrap{
  position:absolute;top:calc(100% + .5rem);bottom:auto!important;
  left:0;right:0;width:100%;z-index:60;
  background:none!important;background-color:transparent!important;
  box-shadow:none!important;clip-path:none!important;
  max-height:none;overflow:visible;padding:0;
}
body.mf-docs .betterdocs-search-result-wrap::before{display:none!important}

body.mf-docs .betterdocs-live-search .docs-search-result{
  position:static!important;
  width:100%;min-width:0!important;max-width:none!important;
  margin:0!important;padding:.4rem!important;
  max-height:min(60vh,420px);overflow-y:auto!important;
  list-style:none;
  background-color:rgba(5,8,16,.97)!important;
  backdrop-filter:blur(22px) saturate(1.4);-webkit-backdrop-filter:blur(22px) saturate(1.4);
  box-shadow:inset 0 0 0 1px var(--mf-hair);
  border:none!important;border-radius:0!important;
  clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);
  scrollbar-width:thin;scrollbar-color:rgba(0,212,255,.42) transparent;
  animation:none;
}
body.mf-docs .betterdocs-live-search .docs-search-result::-webkit-scrollbar{width:4px}
body.mf-docs .betterdocs-live-search .docs-search-result::-webkit-scrollbar-track{background:transparent}
body.mf-docs .betterdocs-live-search .docs-search-result::-webkit-scrollbar-thumb{background:rgba(0,212,255,.42)}
body.mf-docs .betterdocs-live-search .docs-search-result li{
  display:block!important;padding:0!important;
  border:none!important;border-bottom:none!important;background:transparent!important;
}
body.mf-docs .betterdocs-live-search .docs-search-result li + li{box-shadow:inset 0 1px 0 var(--mf-hair)}
body.mf-docs .betterdocs-live-search .docs-search-result li:hover{background:transparent!important}
body.mf-docs .betterdocs-live-search .docs-search-result li a{
  display:block!important;padding:.75rem .85rem!important;
  white-space:normal!important;text-decoration:none;
  font-size:inherit!important;color:var(--mf-text)!important;
  background:transparent!important;transition:background-color .2s var(--mf-ease);
}
body.mf-docs .betterdocs-live-search .docs-search-result li a:hover{
  background-color:rgba(0,212,255,.08)!important;color:var(--mf-cyan)!important;
}
body.mf-docs .betterdocs-live-search .docs-search-result li span{
  font-size:inherit!important;color:inherit!important;
}
body.mf-docs .betterdocs-live-search .docs-search-result li:only-child{
  border:none!important;padding:0!important;color:var(--mf-muted)!important;
}
/* ==========================================================================
   SEARCH DECK (2026-10-21). APPENDED LAST.
   The BetterDocs slab was rightly stripped and nothing replaced it: the input
   floated in ~190px of starfield between the header and the article.
   The deck = tinted wash + cyan halo + two fading hairlines, painted on the
   WRAPPER ::before, never on the form: search.js appends the results INSIDE
   .betterdocs-searchform (pitfalls 27 / 27b). No filter on any ancestor of
   the dropdown either (backdrop root, pitfall 58).
   Width min(1240px, 100vw - 32px): never 100vw, which overflows by the
   scrollbar width. betterdocs search.css loads AFTER this file, so every
   contested property is !important at equal or higher specificity.
   Eyebrow label = --mf-kb-label, printed inline by mf-hud-system.php with the
   live published-docs count; the fallback keeps it valid if that is missing.
   ========================================================================== */
body.mf-docs .betterdocs-single-wrapper{padding-top:0!important}
body.mf-docs .betterdocs-wrapper .betterdocs-search-form-wrapper:not(.betterdocs-elementor),
body.mf-docs .betterdocs-search-form-wrapper.betterdocs-blocks{
  position:relative;z-index:20;
  padding:1.9rem 0 2.1rem!important;
  margin:0 auto .6rem!important;
}
/* BetterDocs prints .betterdocs-live-search .betterdocs-searchform{padding:22px 15px} INLINE:
   44px of invisible air around the input. The form stays a bare positioning host. */
body.mf-docs .betterdocs-search-form-wrapper .betterdocs-live-search .betterdocs-searchform{padding:0!important}
/* Documentation entry (10037, template 13 section 100): the global 150px section padding left a dead band above the deck. Scoped to this page only, never to .bde-section. */
body.mf-docs.page-id-10037 .bde-section-13-100 > .section-container{padding-top:0!important}
body.mf-docs .betterdocs-search-form-wrapper::before{
  content:'';position:absolute;z-index:-1;pointer-events:none;
  top:0;bottom:0;left:50%;
  width:min(1240px,calc(100vw - 32px));
  transform:translateX(-50%);
  background:
    linear-gradient(90deg,rgba(160,225,255,0) 0%,rgba(160,225,255,.34) 50%,rgba(160,225,255,0) 100%) top / 100% 1px no-repeat,
    linear-gradient(90deg,rgba(160,225,255,0) 0%,rgba(160,225,255,.24) 50%,rgba(160,225,255,0) 100%) bottom / 100% 1px no-repeat,
    radial-gradient(ellipse 40% 80% at 50% 64%,rgba(0,212,255,.16) 0%,rgba(0,212,255,.05) 48%,rgba(0,212,255,0) 76%),
    linear-gradient(180deg,rgba(0,212,255,.075) 0%,rgba(0,212,255,.03) 55%,rgba(0,212,255,.008) 100%);
  -webkit-mask-image:linear-gradient(90deg,rgba(0,0,0,0) 0%,rgba(0,0,0,1) 16%,rgba(0,0,0,1) 84%,rgba(0,0,0,0) 100%);
          mask-image:linear-gradient(90deg,rgba(0,0,0,0) 0%,rgba(0,0,0,1) 16%,rgba(0,0,0,1) 84%,rgba(0,0,0,0) 100%);
}
body.mf-docs .betterdocs-search-form-wrapper .betterdocs-live-search::before{
  content:var(--mf-kb-label,'KNOWLEDGE BASE');
  display:block;text-align:center;margin:0 0 1rem;
  font-family:var(--mf-mono);font-size:.62rem;font-weight:500;
  letter-spacing:.32em;text-transform:uppercase;
  color:var(--mf-cyan);opacity:.85;
}
body.mf-docs .betterdocs-search-form-wrapper .betterdocs-searchform-input-wrap{
  padding:.3rem 1.05rem!important;
  background-color:rgba(5,8,16,.62)!important;
  background-image:linear-gradient(160deg,rgba(0,212,255,.08),rgba(255,255,255,.012))!important;
  box-shadow:inset 0 0 0 1px rgba(140,232,255,.34);
}
body.mf-docs .betterdocs-search-form-wrapper .betterdocs-searchform-input-wrap:focus-within{
  box-shadow:inset 0 0 0 1px var(--mf-cyan),inset 0 0 22px rgba(0,212,255,.10);
}
@media (max-width:767px){
  body.mf-docs .betterdocs-wrapper .betterdocs-search-form-wrapper:not(.betterdocs-elementor),
  body.mf-docs .betterdocs-search-form-wrapper.betterdocs-blocks{padding:1.4rem 0 1.6rem!important}
  body.mf-docs .betterdocs-search-form-wrapper .betterdocs-live-search::before{font-size:.56rem;letter-spacing:.22em;margin-bottom:.8rem}
}