@font-face {
    font-family: "Roboto Mono";
    src: url("../fonts/roboto-mono/RobotoMono-VariableFont_wght.ttf") format("truetype");
    font-style: normal;
    font-weight: 100 700;
    font-display: swap;
  }
  .minion-detail{
    /* ---- Brand palette ---- */
    /* Primary */
    --ink:#0D1637;            /* primary dark  */
    --ink-2:#141F4D;          /* derived: primary dark, one step lighter (panels) */
    --ink-3:#1B2B60;          /* derived: primary dark, two steps lighter */
    --signal:#83E1F6;         /* primary accent */
    --signal-deep:#2A7FA6;    /* derived: darker tone of accent for text on light bg */
    /* Secondary */
    --magenta:#9E3588;
    --lime:#C5DD6C;
    --lime-deep:#89A230;    /* derived: darker lime for eyebrow text on light backgrounds */
    --flame:#DB4521;
    /* Neutrals */
    --muted:#74767D;          /* neutral 1 */
    --muted-2:#9B9EA9;        /* derived: between the two brand neutrals */
    --neutral-light:#B6B9C4;  /* neutral 2 */
    /* Surfaces & hairlines (derived from neutrals) */
    --paper:#F8F8FA;
    --paper-2:#FFFFFF;
    --hair:#D9DBE3;
    --hair-2:#E8EAF0;
    /* On-dark text */
    --text:#0D1637;
    --on-dark:#EBEEF6;
    --on-dark-muted:#F8F8FA;
    --maxw:1200px;
    /* Height of the sticky main site nav below — the page sub-nav docks beneath it. */
    --alert-banner-offset:0px;
    --site-nav-offset:calc(92px + var(--alert-banner-offset));
    /* ---- Type ---- */
    /* proxima-nova throughout — hierarchy is carried by weight, size & letter-spacing */
    --disp:proxima-nova, sans-serif;   /* headings: 700 */
    --body:proxima-nova, sans-serif;   /* body: 400/500 */
    --mono:"Roboto Mono";   /* labels: 500 + tracking */
  }
  .h, .h-large, .h-medium, .h-small, .h-xl, .h-xs, .h-xxl, .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{color: #0D1637;}
  .minion-detail, .minion-detail *{box-sizing:border-box;margin:0;padding:0}
  /* JavaScript replaces this fallback with the banner's actual rendered height. */
  body:has(.site-header .alert-banner) .minion-detail{--alert-banner-offset:40px}
  @media(max-width:782px){
    body:has(.site-header .alert-banner) .minion-detail{--alert-banner-offset:64px}
  }
  .page-template-template-minion .alert-banner{
    display: none !important;
  }
  .minion-detail{scroll-behavior:smooth}
  .minion-detail{
    font-family:var(--body);
    color:var(--text);
    background:var(--paper);
    line-height:1.4;
    -webkit-font-smoothing:antialiased;
    /*
     * overflow-x:hidden makes this wrapper a scrolling ancestor and prevents
     * the sub-navigation from sticking to the viewport in WordPress.
     */
    overflow:visible;
    overflow-x:clip;
  }
  .minion-detail .wrap{width:min(var(--maxw),calc(100% - 48px));max-width:var(--maxw);margin:0 auto;padding-left:0;padding-right:0}
  .minion-detail .eyebrow{
    font-family:var(--mono);
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 120% */
    text-transform:uppercase;
    color:var(--signal-deep);
    display:inline-block;
  }
  .minion-detail .framework-art{
    display: block;
    width: 100%;
    height: auto;
    max-height: 480px;
    object-fit: contain;
    display: block;
  }
  .minion-detail .framework-art.mobile{ display: none; }
  .minion-detail .eyebrow.on-dark{color:var(--lime)}
  .minion-detail h1, .minion-detail h2, .minion-detail h3{font-family:var(--disp);font-weight:700;line-height:1.1;letter-spacing:-.01em}
  .minion-detail p{color:var(--muted)}
  .minion-detail a{color:inherit}
  .minion-detail section{position:relative}
  .minion-detail /* keep anchor targets clear of the sticky sub-nav */
  section[id]{scroll-margin-top:calc(var(--site-nav-offset) + 45px)}
  .minion-detail .mobile-disclaimer{
    display: none;
    color: #F8F8FA;
    text-align: center;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px; /* 166.667% */
    margin-top: 24px;
  }
  .minion-detail /* ---------- MAIN SITE NAV (nsslabs.com) ---------- */
  .mainnav{
    position:sticky;top:0;z-index:60;
    background:#F4F4F7;
    border-bottom:1px solid var(--hair-2);
  }
  .minion-detail .mainnav .wrap{display:flex;align-items:center;justify-content:space-between;height:72px;gap:24px}
  .minion-detail .mn-logo{display:flex;align-items:center;text-decoration:none;flex:none}
  .minion-detail .mn-logo svg{height:44px;width:auto;display:block}
  .minion-detail .mn-right{display:flex;align-items:center;gap:8px}
  .minion-detail .mn-links{display:flex;align-items:center;gap:6px;margin-right:14px}
  .minion-detail .mn-links a{
    display:inline-flex;align-items:center;gap:6px;
    color:var(--ink);text-decoration:none;font-family:var(--body);
    font-size:16px;font-weight:500;padding:10px 14px;border-radius:6px;
    transition:background .2s,color .2s;
  }
  .minion-detail .mn-links a:hover{background:rgba(13,22,55,.06)}
  .minion-detail .mn-links a svg{transition:transform .2s}
  .minion-detail .mn-links a:hover svg{transform:translateY(1px)}
  .minion-detail .mn-search{
    display:grid;place-items:center;width:40px;height:40px;border:none;background:none;
    color:var(--ink);cursor:pointer;border-radius:50%;transition:background .2s;margin-right:6px;
  }
  .minion-detail .mn-search:hover{background:rgba(13,22,55,.06)}
  .minion-detail .pill{
    display:inline-flex;align-items:center;justify-content:center;
    font-family:var(--body);font-size:15px;font-weight:500;
    padding:10px 24px;border-radius:999px;text-decoration:none;
    transition:all .2s;white-space:nowrap;cursor:pointer;
  }
  .minion-detail .pill-outline{color:var(--ink);border:1.5px solid var(--ink);background:transparent}
  .minion-detail .pill-outline:hover{background:var(--ink);color:#F8F8FA}
  .minion-detail .pill-fill{background:var(--signal);color:var(--ink);border:1.5px solid var(--signal)}
  .minion-detail .pill-fill:hover{background:var(--ink);border-color:var(--ink);color:#F8F8FA}
  .minion-detail .mn-burger{display:none;width:42px;height:42px;border:none;background:none;cursor:pointer;color:var(--ink);place-items:center;border-radius:6px}
  .minion-detail .mn-burger:hover{background:rgba(13,22,55,.06)}
  .minion-detail .mn-mobile{display:none;background:#F4F4F7;border-bottom:1px solid var(--hair-2);padding:10px 28px 18px}
  .minion-detail .mn-mobile a{display:block;color:var(--ink);text-decoration:none;font-size:16px;font-weight:500;padding:12px 4px;border-bottom:1px solid var(--hair-2)}
  .minion-detail .mn-mobile .mn-mobile-cta{display:flex;gap:10px;padding-top:16px}
  .minion-detail .mn-mobile.open{display:block}
  @media(max-width:1020px){
    .minion-detail .mn-links{display:none}
    .minion-detail .mn-burger{display:grid}
    .minion-detail .mainnav .wrap{height:64px}
    .minion-detail{--site-nav-offset:calc(64px + var(--alert-banner-offset))}
  }
  @media(max-width:560px){
    .minion-detail .mn-right .pill{display:none}
  }

  .minion-detail /* announcement banner (scrolls away with the page) */
  .banner{background:var(--lime);text-align:center}
  .minion-detail .banner a{
    display:inline-flex;align-items:center;gap:9px;
    color:var(--ink);text-decoration:none;font-family:var(--body);
    font-size:16px;font-weight:700;padding:13px 20px;
  }
  .minion-detail .banner a svg{transition:transform .2s}
  .minion-detail .banner a:hover svg{transform:translateX(3px)}

  .minion-detail /* ---------- BRAND MARK (footer) ---------- */
  .brand{display:flex;align-items:center;gap:11px;color:var(--on-dark);font-family:var(--disp);font-weight:600;font-size:20px;letter-spacing:-.01em}
  .minion-detail .brand .glyph{width:24px;height:24px;flex:none}
  .minion-detail .brand small{font-family:var(--mono);font-size:16px;letter-spacing:.05em;color:var(--on-dark-muted);text-transform:uppercase;font-weight:400}

  .minion-detail /* ---------- HERO ---------- */
  .hero{background:var(--ink);color:var(--on-dark);position:relative;overflow:hidden;padding:0 0 60px}
  .minion-detail .hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:54px;align-items:center;position:relative;z-index:2;padding-top:84px}
  .minion-detail .hero-grid .hero-media h3{
    margin-top: 8px; 
    color: #C5DD6C;
    text-align: right;
    font-family: "Roboto Mono";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 48px; /* 240% */
    text-transform: capitalize;}
  .minion-detail .hero h1{font-size:clamp(40px,5.4vw,52px);color:#F8F8FA;margin:22px 0 0;font-weight:700;letter-spacing: -1.04px;}
  .minion-detail .hero h1 .em{color:var(--lime)}
  .minion-detail .hero-sub{font-size:20px;color:var(--on-dark-muted);max-width:560px;margin:22px 0 0;line-height:1.55}
  .minion-detail .hero-cta{display:flex;gap:14px;margin-top:34px;flex-wrap:wrap}
  .minion-detail .btn{
    display:inline-flex;align-items:center;gap:9px;
    font-family:var(--body);font-weight:600;font-size:20px; line-height: 24px;
    padding: 19px 49px;border-radius:999px;text-decoration:none;cursor:pointer;border:1px solid transparent;transition:all .2s
  }
  .minion-detail .btn-primary{background:var(--signal);color:var(--ink)}
  .minion-detail .btn-primary:hover{ background: #fff; color: #0D1637; }
  .minion-detail .btn-primary.light-bg:hover{ background: #CDF3FB; color: #0D1637; }
  .minion-detail .btn-ghost{border-radius: 160px;border: 1px solid #528D9A;color: #528D9A;}
  .minion-detail .btn-ghost:hover{border-color:var(--signal);color:var(--signal)}
  .minion-detail .hero-foot{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:52px;padding:28px 0 0;border-top:1px solid rgba(255,255,255,.09)}
  @media(max-width:640px){.minion-detail .hero-foot{grid-template-columns:1fr;gap:18px}}
  .minion-detail .hero-foot div{font-size:16px;color:var(--on-dark-muted)}
  .minion-detail .hero-foot b{display:block;font-family:var(--mono);color:#F8F8FA;font-size:21px;font-weight:700;letter-spacing:-.02em}
  .minion-detail .hero-tag{font-family:var(--mono);font-size:16px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--lime)}

  .minion-detail /* signal/noise hero figure */
  .scope{position:relative;height:330px;border:1px solid rgba(255,255,255,.12);border-radius:4px;background:linear-gradient(180deg,rgba(131,225,246,.06),rgba(13,22,55,0));overflow:hidden}
  .minion-detail .scope .label{position:absolute;top:12px;left:14px;font-family:var(--mono);font-size:16px;letter-spacing:.05em;color:var(--on-dark-muted);text-transform:uppercase;z-index:3}
  .minion-detail .scope .label.r{left:auto;right:14px;color:var(--signal)}
  .minion-detail .scope svg{position:absolute;inset:0;width:100%;height:100%}
  .minion-detail .hero-bg{position:absolute;inset:0;z-index:0;opacity:.5}
  .minion-detail .hero-bg::before{content:"";position:absolute;right:-10%;top:-30%;width:60%;height:160%;background:radial-gradient(circle,rgba(131,225,246,.14),transparent 62%)}
  @media(max-width:860px){
    .minion-detail .hero{padding:0 0 46px}
    .minion-detail .hero-grid{grid-template-columns:1fr;gap:34px;padding-top:40px}
    .minion-detail .scope{height:240px}
  }

  .minion-detail /* ---------- SUB NAV (page navigation, .minion-detail sits below the hero) ---------- */
  .subnav{
    position:-webkit-sticky;
    position:sticky;
    top:var(--site-nav-offset);
    z-index:50;
    background-color:#0D1637;
    background-image:linear-gradient(#3D455F,#3D455F);
    background-position:left bottom;
    background-repeat:no-repeat;
    background-size:100% 1px;
    backdrop-filter:blur(10px);
    border-bottom:0;
    padding-top: 40px;
  }
  .minion-detail .subnav .wrap{display:flex;align-items:center;gap:20px;height:auto;position:relative;z-index:1}
  .minion-detail .subnav nav{display:flex;gap:4px;align-items:center;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .minion-detail .subnav nav::-webkit-scrollbar{display:none}
  .minion-detail .subnav nav a{
    color:#528D9A;text-decoration:none;font-size:16px;font-weight:500;
    padding:19px;border:1px solid transparent;border-radius:0;white-space:nowrap;
    transition:color .2s,background .2s,border-color .2s;
    margin: 0 -0.5px;
  }
  .minion-detail #minion-subnav-links > a{flex:1 1 auto;text-align:center}
  .minion-detail #minion-subnav-links > a:first-child{margin-left:0}
  .minion-detail #minion-subnav-links > a:last-child{margin-right:0}
  .minion-detail .subnav nav a:hover,
  .minion-detail .subnav nav a.active{
    color: #F8F8FA;
    background:#0D1637;
    border-bottom-color:transparent;
    border-left: 1px solid #3D455F;
    border-top: 1px solid #3D455F;
    border-right: 1px solid #3D455F;}
  .minion-detail .subnav-toggle{display:none}

  .minion-detail /* ---------- VALUE PILLARS ---------- */
  .pillars{background:#0D1637;color:var(--on-dark);padding:56px 0 64px;position:relative;z-index:2}
  .minion-detail .pillars-inner{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.08)}
  .minion-detail .pillar{background:#192241;padding:30px 28px}
  .minion-detail .pillar .pnum{font-family:var(--mono);font-size:16px;color:var(--signal);letter-spacing:.04em}
  .minion-detail .pillar h3{color:#F8F8FA;font-size:20px;margin:14px 0 8px;font-weight:600}
  .minion-detail .pillar p{font-size:16px;color:var(--on-dark-muted);line-height:1.55}
  @media(max-width:760px){.minion-detail .pillars-inner{grid-template-columns:1fr}}

  .minion-detail /* ---------- PROOF BAR ---------- */
  .proof{background:var(--paper);padding:78px 0}
  .minion-detail .proof .head{text-align:center;margin-bottom:38px}
  .minion-detail .proof .head .eyebrow{margin-bottom:14px}
  .minion-detail .proof h2{font-size:clamp(26px,3.2vw,34px);max-width:640px;margin:0 auto}
  .minion-detail .stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--hair);border:1px solid var(--hair)}
  .minion-detail .stat{background:var(--paper-2);padding:26px 22px}
  .minion-detail .stat .n{font-family:var(--mono);font-weight:700;font-size:27px;color:var(--ink);letter-spacing:-.02em;line-height:1}
  .minion-detail .stat .n .plus{color:var(--signal-deep)}
  .minion-detail .stat .l{font-size:16px;color:var(--muted);margin-top:11px;line-height:1.4}
  @media(max-width:860px){.minion-detail .stats{grid-template-columns:repeat(2,1fr)}}
  @media(max-width:460px){.minion-detail .stats{grid-template-columns:1fr}}

  .minion-detail /* ---------- GENERIC SECTION ---------- */
  .sec{padding:92px 0}
  .minion-detail .sec-dark{background:var(--ink);color:var(--on-dark)}
  .minion-detail .sec-soft{background:var(--paper-2)}
  .minion-detail .sec-head{max-width:720px;margin-bottom:46px}
  .minion-detail .sec-head.center{margin-left:auto;margin-right:auto;text-align:center}
  .minion-detail .sec-head h2{font-size:40px;margin:16px 0 0;}
  .minion-detail .sec-dark .sec-head h2{color:#F8F8FA; max-width:682px;}
  .minion-detail .sec-head p{font-size:20px;margin-top:18px;line-height:1.4}
  .minion-detail .sec-dark .sec-head p{color:var(--on-dark-muted)}

  .minion-detail /* card grids */
  .grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
  .minion-detail .grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
  @media(max-width:860px){.minion-detail .grid-3{grid-template-columns:1fr}.minion-detail .grid-2{grid-template-columns:1fr}}

  .minion-detail .card{background:var(--paper-2);border: 1px solid #B6B9C4;border-radius:4px;padding:28px 26px}
  .minion-detail .card .ico{width:56px;height:56px;border: 2px solid #B6B9C4;border-radius:3px;display:grid;place-items:center;color:var(--signal-deep);margin-bottom:18px}
  .minion-detail .card svg{width:29px;height:29px;}
  .minion-detail .card h3{font-size:24px;font-weight:600;margin-bottom:9px}
  .minion-detail .card p{font-size:16px;line-height:1.4}
  .minion-detail .card.dark{background:#192241;border-color:#3D455F}
  .minion-detail .card.dark h3{color:#F8F8FA;font-size: 20px;}
  .minion-detail .card.dark p{color:var(--on-dark-muted)}
  .minion-detail .card.dark .ico{border-color:rgba(255,255,255,.14);color:var(--signal)}

  .minion-detail /* problem callout */
  .ctx{margin-top:34px;background:var(--ink);color:var(--on-dark);border-radius:4px;padding:34px 36px;display:flex;gap:28px;align-items:center;flex-wrap:wrap}
  .minion-detail .ctx .big{font-family:var(--disp);font-size:40px;color:#F8F8FA;font-weight:700;flex:none;line-height: 48px;letter-spacing: -0.8px;}
  .minion-detail .ctx p{color:var(--on-dark-muted);font-size:16px;margin:0;flex:1;min-width:260px}
  .minion-detail .ctx .big .em{color:var(--lime)}

  .minion-detail /* ---------- ARCHITECTURE DIAGRAM ---------- */
  .diagram{background:transparent;border:0;border-radius:0;margin-top:8px}
  .minion-detail .diagram svg{width:100%;height:auto;display:block}
  .minion-detail .arch-grid{display:grid;grid-template-columns:1fr;gap:30px;align-items:center}
  .minion-detail .arch-note{font-size:16px;color:#F8F8FA;margin-top:56px;}

  .minion-detail /* ---------- FLOW STEPPER ---------- */
  .flow{display:grid;grid-template-columns:repeat(5,1fr);gap:0;margin-top:8px;border:1px solid #B6B9C4;overflow:hidden}
  .minion-detail .step{padding:20px;border-right:1px solid #B6B9C4;position:relative}
  .minion-detail .step:last-child{border-right:none}
  .minion-detail .step .s{font-family:var(--mono);font-size:16px;color:#2A7FA6;font-weight:500}
  .minion-detail .step h4{font-family:var(--disp);font-size:18px;font-weight:600;line-height:198.4%;margin:4px 0 24px}
  .minion-detail .step p{color:#212121;font-size:16px;line-height:1.5}
  @media(max-width:900px){.minion-detail .flow{grid-template-columns:1fr;}.minion-detail .step{border-right:none;border-bottom:1px solid var(--hair)}.minion-detail .step:last-child{border-bottom:none}}

  .minion-detail /* detail split rows */
  .detail-row{display:grid;grid-template-columns:230px 1fr;gap:30px;padding:30px 0;border-top:1px solid var(--hair)}
  .minion-detail .detail-row:first-child{border-top: 0;}
  .minion-detail .detail-row .dk{font-family:var(--disp);font-size:24px;font-weight:700; display: inline-flex; flex-direction: column;line-height: 32px;}
  .minion-detail .detail-row .dk .tag{width: fit-content;display:inline-block;font-family:var(--mono);font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px; /* 171.429% */
  letter-spacing: 0.5px;
  text-transform:uppercase;color:var(--signal-deep);border:1.44px solid #B6B9C4;border-radius:4px;padding: 5.5px 12px;margin-top:16px}
  .minion-detail .detail-row .dv{font-size:16px;color:#212121;line-height:24px}
  .minion-detail .detail-row .dv b{color:var(--text);font-weight:600}
  .minion-detail .chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
  .minion-detail .chip{font-size:14px;border-radius: 2.88px;border: 1.44px solid #B6B9C4;background: #F8F8FA;padding:8px 12px;color:#212121}
  @media(max-width:760px){.minion-detail .detail-row{grid-template-columns:1fr;gap:14px}}

  .minion-detail /* ---------- COMPARISON TABLE ---------- */
  .tablewrap{overflow-x:auto;border:1px solid #3D455F;border-radius:6px;margin-top:8px}
  .minion-detail table.cmp{width:100%;border-collapse:collapse;min-width:660px}
  .minion-detail table.cmp th, .minion-detail table.cmp td{text-align:left;padding:16px 18px;font-size:16px;line-height: 24px;border-bottom: 1px solid #3D455F;border-left: 1px solid #3D455F;vertical-align: top;border-right: 1px solid #3D455F;}
  .minion-detail table.cmp thead th{font-size:20px;letter-spacing:.04em;text-transform:uppercase;color:var(--on-dark-muted);font-weight:400;}
  .minion-detail table.cmp thead th.hl{color:#f8F8FA;background:#192241;font-family: var(--mono);font-weight: 500;}
  .minion-detail table.cmp tbody th{font-family:var(--disp);font-weight:600;color:#F8F8FA;font-size:20px;line-height:1.4;width:170px}
  .minion-detail table.cmp td{color:var(--on-dark-muted)}
  .minion-detail table.cmp td.hl{color:#F8F8FA;background:#192241;border-left:1px solid #3D455F;border-right:1px solid #3D455F;font-weight: 500;}
  .minion-detail table.cmp tbody tr:last-child td, .minion-detail table.cmp tbody tr:last-child th{border-bottom:none}

  .minion-detail /* ---------- USE CASES ---------- */
  .uc{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
  .minion-detail .uccard{background:var(--paper-2);border:1px solid var(--hair);border-radius:4px;padding:30px 28px;position:relative;overflow:hidden}
  .minion-detail .uccard .unum{font-family:var(--mono);font-size:16px;color:#2A7FA6;letter-spacing:.04em}
  .minion-detail .uccard h3{color:#0D1637;font-size:24px;line-height:32px;padding:8px 0;font-weight:700}
  .minion-detail .uccard .who{font-family:var(--mono);font-size:16px;letter-spacing:-0.48px;;text-transform:uppercase;color:#2A7FA6;margin-bottom:20px}
  .minion-detail .uccard ul{list-style:none;margin-top:6px;padding-left: 0;}
  .minion-detail .uccard li{font-size:16px;color:#212121;padding-left:32px;position:relative;margin-bottom:12px;line-height:1.5}
  .minion-detail .uccard li::before{content:"";position:absolute;left:3px;top:4px;width:12px;height:12px;background:var(--signal);border:1px solid var(--signal-deep);border-radius:1px;transform:rotate(45deg)}
  @media(max-width:860px){.minion-detail .uc{grid-template-columns:1fr}}

  .minion-detail /* ---------- PLATFORM / ROADMAP ---------- */
  .road{margin-top:8px;border:1px solid rgba(255,255,255,.1);border-radius:6px;overflow:hidden}
  .minion-detail .road-row{display:grid;gap:40px;border-bottom:1px solid rgba(255,255,255,.08);align-items:center;    grid-template-columns: 295px 1fr 185px;
    padding: 32px 36px;}
  .minion-detail .road-row:last-child{border-bottom:none}
  .minion-detail .road-row .m{font-family:var(--disp);font-weight:700;color:#F8F8FA;font-size:24px;line-height: 1.33;}
  .minion-detail .road-row .d{font-size:16px;line-height:1.5;color:#F8F8FA;}
  .minion-detail .road-row .s{font-family:var(--mono);font-size:16px;letter-spacing:.04em;text-align:right}
  .minion-detail .badge{
    display: inline-block;
    padding: 11.5px 10px;
    border-radius: 4px;
    font-family: var(--mono);
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.5px;
    width: 100%;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
  }
  .minion-detail .b-now{background:var(--signal);color:var(--ink);border: 1.44px solid #B6B9C4;}
  .minion-detail .b-order{
    color: #C5DD6C;
    border: 1.44px solid #C5DD6C;
    background: rgba(197, 221, 108, 0.20);
    text-wrap: balance;
  }
  .minion-detail .b-dev{
    color: #DB4521;
    border: 1.44px solid #DB4521;
    background: rgba(219, 69, 33, 0.20);
  }
  .minion-detail .b-future{
    color: #B6B9C4;
    border: 1.44px solid #B6B9C4;
    background: rgba(182, 185, 196, 0.20);
  }
  @media(max-width:760px){.minion-detail .road-row{grid-template-columns:1fr;}.minion-detail .road-row .m, .minion-detail .road-row .d{border-right:none;border-bottom:1px solid rgba(255,255,255,.06)}.minion-detail .road-row .s{text-align:left}}

  .minion-detail .specs{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:34px}
  .minion-detail .spec{
    padding: 32px 28px;
    border: 1px solid #3D455F;
    background: #192241;
  }
  .minion-detail .spec .sl{font-family:var(--mono);font-size:16px;line-height:1.5;text-transform:uppercase;color:#2A7FA6}
  .minion-detail .spec .sv{color:#F8F8FA;font-size:20px;margin:16px 0 12px;font-weight:700;line-height:1.6}
  .minion-detail .spec p{font-size:16px;line-height:1.5;color:#F8F8FA}
  @media(max-width:760px){.minion-detail .specs{grid-template-columns:1fr}}

  .minion-detail .compliance{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}
  .minion-detail .creg{font-family:var(--mono);font-size:16px;border:1px solid rgba(255,255,255,.16);border-radius:2px;padding:9px 14px;color:var(--on-dark)}

  .minion-detail /* ---------- CTA ---------- */
  .cta{background:var(--signal);color:var(--ink);padding:74px 0;text-align:center}
  .minion-detail .cta h2{max-width:760px;margin:0 auto;color:var(--ink)}
  .minion-detail .cta p{color:#0D1637;font-size:20px;line-height:1.4;margin:20px auto 0;max-width:800px}
  .minion-detail .cta .btn-primary{background:var(--ink);color:#F8F8FA;margin-top:32px}
  .minion-detail .cta .btn-primary:hover{background:#fff; color: var(--ink);}

  .minion-detail /* ---------- FOOTER ---------- */
  footer{background:var(--ink);color:var(--on-dark-muted);padding:46px 0;font-size:16px}
  .minion-detail footer .wrap{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;align-items:flex-start}
  .minion-detail footer .brand{margin-bottom:10px}
  .minion-detail footer p{font-size:16px;color:var(--on-dark-muted);max-width:520px}
  .minion-detail footer .disc{font-family:var(--mono);font-size:16px;color:#5D6076;margin-top:18px;letter-spacing:.02em}

  .minion-detail /* reveal */
  .reveal{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease}
  .minion-detail .reveal.in{opacity:1;transform:none}
  @media(prefers-reduced-motion:reduce){
    .minion-detail .reveal{opacity:1;transform:none;transition:none}
    .minion-detail{scroll-behavior:auto}
    .minion-detail .pulse{animation:none!important}
  }

  .minion-detail /* ---------- PDF ART DIRECTION ----------
     Layout and hierarchy aligned to the supplied NSS Labs Minion page comp. */
  :root{--maxw:1200px;--site-nav-offset:94px}
  .minion-detail{background:#fff}
  .minion-detail .mainnav{position:sticky;background:#fff}
  .minion-detail .mainnav .wrap{height:92px}
  .minion-detail .mn-logo svg{height:50px}
  .minion-detail .mn-links{gap:2px;margin-right:8px}
  .minion-detail .mn-links a{font-size:16px;padding:10px 11px}
  .minion-detail .mn-right>.pill-fill{display:none}
  .minion-detail .mn-right>.pill-outline{padding:8px 22px;font-size:16px}
  .minion-detail .banner{display:none}
  .minion-detail .hero{padding:0;background:#0d173b}
  .minion-detail .hero .wrap{padding-top:100px;padding-bottom:56px}
  .minion-detail .hero-grid{grid-template-columns:1fr .92fr;gap:88px;padding-top:0}
  .minion-detail .hero h1{font-size:clamp(40px,4.8vw,52px);max-width:690px;margin-top:18px;font-weight:700;line-height:1.02}
  .minion-detail .hero-sub{max-width:640px;font-size:20px;margin-top:28px}
  .minion-detail .hero-cta{margin-top:36px}
  .minion-detail .hero-foot{display:none}
  .minion-detail .scope{height:370px;background:#101f4c;border-color:rgba(255,255,255,.1)}
  .minion-detail .subnav{position:sticky;background-color:#0D1637;backdrop-filter:none}
  .minion-detail .subnav .wrap{margin-bottom:0}
  .minion-detail .subnav nav{width:100%;justify-content:flex-start;gap:0;overflow-x:auto;overflow-y:hidden}
  .minion-detail .subnav nav a{font-size:16px;font-weight:500;text-transform:uppercase;padding:19px;}
  .minion-detail .pillars{background:#0D1637;padding:56px 0}
  .minion-detail .pillars-inner{gap:22px;background:transparent;border:0}
  .minion-detail .pillar{background:#132250;border:1px solid rgba(131,225,246,.12);padding:30px 32px}
  .minion-detail .pillar h3{font-size:20px}
  .minion-detail .proof{display:none}
  .minion-detail .sec{padding:80px 0;}
  .minion-detail .sec-head{max-width:1000px;margin-bottom:30px}
  .minion-detail .sec-head h2{font-size:clamp(40px,3vw,40px);color: #0D1637;}
  .minion-detail .card, .minion-detail .uccard{border-radius:0;box-shadow:none}
  .minion-detail .diagram, .minion-detail .tablewrap, .minion-detail .road{border-radius:0}
  .minion-detail #usecases{background:#f7f8fb!important}
  .minion-detail .uc{gap:22px}
  .minion-detail .uccard{padding:30px 32px}
  .minion-detail .governance{display:grid;grid-template-columns:.95fr 1.05fr;gap:24px;align-items:center;margin-top:72px;}
  .minion-detail .governance .compliance{margin:0;align-content:center}
  .minion-detail .governance .creg{background:#fff;border-color:var(--hair);color:var(--ink);border-radius:999px;padding:10px 18px}
  .minion-detail .governance-copy h3{font-size:40px;margin:20px 0;line-height: 1.2;font-weight: 700;letter-spacing: -0.8px;text-wrap:pretty;}
  .minion-detail .governance-copy p{color:#212121;font-size:20px;line-height:1.4}
  .minion-detail .cta{padding:80px 0}
  .minion-detail .cta h2{font-size:clamp(36px,3.5vw,52px);text-wrap: balance;}
  .minion-detail footer{display:none}
  @media(max-width:1020px){
    .minion-detail{--site-nav-offset:calc(70px + var(--alert-banner-offset))}
    .minion-detail .mainnav .wrap{height:70px}
    .minion-detail .hero .wrap{padding-top:62px;padding-bottom:66px}
    .minion-detail .hero-grid{gap:42px}
  }
  @media(max-width:860px){
    .minion-detail .hero-grid{grid-template-columns:1fr}
    .minion-detail .hero-media{order:-1}
    .minion-detail .hero h1{font-size:48px}
    .minion-detail .sec{padding:76px 0}
    .minion-detail .governance{grid-template-columns:1fr;}
    .minion-detail .governance-copy{order:-1}
  }
  @media(max-width:560px){
    .minion-detail .hero h1{font-size:40px}
    .minion-detail .hero .wrap{padding-top:46px;padding-bottom:52px}
    .minion-detail .scope{height:250px}
  }

  /* Keep the page sub-nav below both the sticky header and WP admin bar. */
  @media(min-width:1021px){
    body.admin-bar .minion-detail{--site-nav-offset:calc(125px + var(--alert-banner-offset))}
  }
  @media(min-width:783px) and (max-width:1020px){
    body.admin-bar .minion-detail{--site-nav-offset:calc(102px + var(--alert-banner-offset))}
  }
  @media(max-width:782px){
    body.admin-bar .minion-detail{--site-nav-offset:calc(116px + var(--alert-banner-offset))}
  }

  /* Mobile section behavior follows the supplied 390px Minion references. */
  @media(max-width:981px){
    .minion-detail .hero .wrap{padding-top:46px;padding-bottom:54px}
    .minion-detail .hero-grid{grid-template-columns:1fr;gap:42px}
    .minion-detail .hero-media{order:-1}
    .minion-detail .scope{height:clamp(220px,63vw,300px)}

    .minion-detail .subnav {padding:24px 0 !important;border-bottom:0;background-image:none}
    .minion-detail .subnav .wrap{height:auto;position:relative}
    .minion-detail .subnav-toggle{
      width:100%;min-height:54px;padding:0 18px;
      display:flex;align-items:center;justify-content:space-between;
      color:#F8F8FA;background:transparent;border:1px solid rgba(255,255,255,.22);
      font:700 13px/1 var(--body);letter-spacing:.045em;text-transform:uppercase;
      cursor:pointer;
    }
    .minion-detail .subnav-toggle svg{transition:transform .2s ease}
    .minion-detail .subnav.open .subnav-toggle svg{transform:rotate(180deg)}
    .minion-detail .subnav nav{
      display:none;position:absolute;top:calc(100% - 9px);left:0;right:0;
      padding:8px;background:#101a42;border:1px solid rgba(255,255,255,.18);
      box-shadow:0 18px 30px rgba(5,10,30,.28);
    }
    .minion-detail .subnav.open nav{display:block}
    .minion-detail .subnav nav a{display:block;padding:12px 10px;border:0;text-align:left}

    .minion-detail .pillars-inner{grid-template-columns:1fr;gap:20px;border:0;background:transparent}
    .minion-detail .ctx{align-items:flex-start;flex-direction:column;padding:30px 26px}
    .minion-detail .ctx p{min-width:0}
    .minion-detail .diagram{padding:14px}
    .minion-detail .tablewrap{scrollbar-color:var(--signal) rgba(255,255,255,.12);scrollbar-width:thin}
    .minion-detail .tablewrap::-webkit-scrollbar{height:7px}
    .minion-detail .tablewrap::-webkit-scrollbar-track{background:rgba(255,255,255,.12)}
    .minion-detail .tablewrap::-webkit-scrollbar-thumb{background:var(--signal)}
    .minion-detail .governance{grid-template-columns:1fr;}
    .minion-detail .governance-copy{order:-1}
    .minion-detail .subnav nav a:hover, .minion-detail .subnav nav a.active{border: 0 !important;}
    .minion-detail .hero-bg::before{display: none;}
  }

  @media(max-width:767px){
    .minion-detail .wrap{width:min(var(--maxw),calc(100% - 40px))}
    .minion-detail .hero .wrap{padding-top:38px;padding-bottom:0}
    .minion-detail .hero-grid{gap:38px}
    .minion-detail .hero h1{font-size:clamp(38px,11.2vw,44px);line-height:1.05}
    .minion-detail .hero-sub{font-size:20px;line-height:1.4}
    .minion-detail .hero-cta{flex-direction:column}
    .minion-detail .hero-cta .btn{width:100%;min-height:58px;justify-content:center}
    .minion-detail .scope .label{font-size:11px}

    .minion-detail .pillars{padding:0 0 108px}
    .minion-detail .pillar{padding:28px 26px}
    .minion-detail .sec{padding:72px 0;}
    .minion-detail .sec-head{margin-bottom:38px}
    .minion-detail .sec-head h2{font-size:clamp(34px,9.5vw,40px);line-height:1.08}
    .minion-detail .sec-head p{font-size:20px}
    .minion-detail .card,
    .minion-detail .uccard{padding:28px 26px}
    .minion-detail .ctx .big{font-size:26px}

    .minion-detail .diagram{margin-left:0;margin-right:0;padding:10px}
    .minion-detail .arch-note{font-size:16px;line-height:1.5}
    .minion-detail .flow{border-radius:0}
    .minion-detail .step{padding:28px 24px}
    .minion-detail .detail-row{padding:28px 0}
    .minion-detail .detail-row .dk{font-size:20px}

    .minion-detail table.cmp{min-width:760px}
    .minion-detail .uccard h3{font-size:24px}
    .minion-detail .uccard li{font-size:15px;margin-bottom:12px}
    .minion-detail .governance{margin-top:54px;padding-top:48px}
    .minion-detail .governance-copy h3{font-size:34px}
    .minion-detail .governance .compliance{gap:12px;justify-content:center}
    .minion-detail .governance .creg{padding:11px 16px}

    .minion-detail .road-row{display:block;padding:30px 28px}
    .minion-detail .road-row .m,
    .minion-detail .road-row .d,
    .minion-detail .road-row .s{padding:0;border:0}
    .minion-detail .road-row .m{font-size:20px}
    .minion-detail .road-row .d{margin-top:14px;font-size:15px}
    .minion-detail .road-row .s{margin-top:20px}
    .minion-detail .badge{padding:8px 13px}
    .minion-detail .specs{gap:20px}
    .minion-detail .spec{padding:30px 26px}

    .minion-detail .cta{padding:72px 0}
    .minion-detail .cta p{font-size:20px}
    .minion-detail .cta .btn-primary{width:100%;min-height:58px;justify-content:center}
    .minion-detail .framework-art{
      display: none;
    }
    .minion-detail .framework-art.mobile{ display: block; }
    .minion-detail .detail-row:last-child{border-bottom:#B6B9C4 ;}
    .minion-detail .badge{max-width: 185px;}
    /* Show diagram and comparison-table guidance on mobile. */
    .minion-detail .mobile-disclaimer{display:block;}
    .minion-detail #differentiators .mobile-disclaimer{margin:24px 0 40px;}
    .minion-detail #differentiators .mobile-disclaimer + .grid-3{margin-top:0 !important;}
    .minion-detail .arch-note{font-size:16px;color:#F8F8FA;margin-top:24px;}
    .minion-detail .grid-3{margin-top: 24px !important;}
  }