.hub-engineering-root, .hub-engineering-root *{box-sizing:border-box;}

  .hub-engineering-root{
    --ink-navy:#1f3a5c;
    --ink-navy-deep:#16283f;
    --steel:#69778a;
    --paper:#ffffff;
    --paper-tint:#f5f8fb;
    --paper-tint-2:#eef3f8;
    --grid-line:#eaf0f5;
    --graphite:#2b3138;
    --accent:#c9642a;
    --accent-soft:#fbe9de;
    --hairline:#e2e8ef;

    max-width:900px;
    width:100%;
    margin:0 auto;
    background:var(--paper);
    color:var(--graphite);
    font-family:'IBM Plex Sans','Segoe UI',system-ui,sans-serif;
    line-height:1.75;
    font-size:16px;
    position:relative;
    overflow-x:hidden;
    border:1px solid var(--hairline);
    border-radius:10px;
    box-shadow:0 1px 3px rgba(22,40,63,0.06);
  }

  .hub-engineering-root img{max-width:100%;height:auto;display:block;}
  .hub-engineering-root p{margin:0 0 1rem;max-width:72ch;hyphens:none;}
  .hub-engineering-root p:last-child{margin-bottom:0;}

  /* ---------- Hero ---------- */
  .hub-engineering-root .he-hero{
    padding:2.8rem 2.4rem 0;
    position:relative;
  }
  .hub-engineering-root .he-tag{
    font-family:'IBM Plex Mono','Consolas',monospace;
    font-size:0.72rem;
    letter-spacing:0.16em;
    text-transform:uppercase;
    color:var(--accent);
    margin:0 0 1rem;
    display:flex;
    align-items:center;
    gap:0.6rem;
  }
  .hub-engineering-root .he-tag:before{
    content:"";
    width:26px;
    height:1px;
    background:var(--accent);
    display:inline-block;
    flex:none;
  }
  .hub-engineering-root .he-hero h1{
    font-family:'IBM Plex Sans Condensed','Arial Narrow',sans-serif;
    font-weight:700;
    font-size:clamp(1.7rem,3.6vw,2.5rem);
    line-height:1.22;
    margin:0 0 1rem;
    letter-spacing:-0.01em;
    color:var(--ink-navy-deep);
    max-width:22ch;
  }
  .hub-engineering-root .he-hero .he-lede{
    font-size:1.04rem;
    color:var(--steel);
    max-width:66ch;
    margin:0 0 2rem;
  }

  .hub-engineering-root .he-facts{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:1px;
    background:var(--hairline);
    border:1px solid var(--hairline);
    border-radius:8px;
    overflow:hidden;
    margin-bottom:-1.4rem;
    transform:translateY(1.4rem);
  }
  .hub-engineering-root .he-fact{
    background:var(--paper);
    padding:1rem 1.1rem;
    text-align:center;
  }
  .hub-engineering-root .he-fact .he-fact-icon{font-size:1.3rem;display:block;margin-bottom:0.4rem;}
  .hub-engineering-root .he-fact .he-fact-label{
    font-family:'IBM Plex Mono','Consolas',monospace;
    font-size:0.74rem;
    color:var(--ink-navy);
    letter-spacing:0.02em;
    line-height:1.4;
  }

  /* ---------- Body ---------- */
  .hub-engineering-root .he-body{padding:3.6rem 2.4rem 2.6rem;}

  .hub-engineering-root .he-section{margin:2.8rem 0;}
  .hub-engineering-root .he-section:first-child{margin-top:0;}

  .hub-engineering-root .he-section-head{
    display:flex;
    align-items:center;
    gap:0.9rem;
    margin-bottom:1.2rem;
  }
  .hub-engineering-root .he-num{
    flex:none;
    width:34px;
    height:34px;
    border-radius:50%;
    background:var(--ink-navy-deep);
    color:#fff;
    font-family:'IBM Plex Mono','Consolas',monospace;
    font-size:0.85rem;
    display:flex;
    align-items:center;
    justify-content:center;
  }
  .hub-engineering-root .he-section-head h2{
    font-family:'IBM Plex Sans Condensed','Arial Narrow',sans-serif;
    font-weight:700;
    font-size:1.4rem;
    color:var(--ink-navy-deep);
    margin:0;
  }
  .hub-engineering-root .he-section-body{padding-left:2.9rem;}

  .hub-engineering-root .he-callout{
    background:var(--paper-tint);
    border:1px solid var(--hairline);
    border-left:3px solid var(--ink-navy);
    border-radius:0 6px 6px 0;
    padding:1rem 1.25rem;
    margin:1.2rem 0 0;
    font-size:0.97rem;
  }
  .hub-engineering-root .he-callout strong{color:var(--ink-navy-deep);}

  .hub-engineering-root ul.he-specs{list-style:none;margin:1rem 0 0;padding:0;}
  .hub-engineering-root ul.he-specs li{
    position:relative;
    padding:0.15rem 0 0.15rem 1.7rem;
    margin-bottom:0.85rem;
  }
  .hub-engineering-root ul.he-specs li:before{
    content:"";
    position:absolute;
    left:0;
    top:0.55rem;
    width:8px;
    height:8px;
    border-radius:50%;
    background:var(--accent);
  }

  .hub-engineering-root .he-table-wrap{
    max-width:100%;
    overflow-x:auto;
    margin:1.3rem 0 0;
    border:1px solid var(--hairline);
    border-radius:8px;
    -webkit-overflow-scrolling:touch;
  }
  .hub-engineering-root table.he-table{
    width:100%;
    min-width:460px;
    border-collapse:collapse;
    font-size:0.93rem;
    background:var(--paper);
  }
  .hub-engineering-root table.he-table caption{
    text-align:left;
    font-family:'IBM Plex Mono','Consolas',monospace;
    font-size:0.74rem;
    color:var(--steel);
    padding:0.7rem 1rem 0.5rem;
    letter-spacing:0.03em;
    background:var(--paper-tint);
    caption-side:top;
  }
  .hub-engineering-root table.he-table th, .hub-engineering-root table.he-table td{
    padding:0.75rem 1rem;
    text-align:left;
    border-top:1px solid var(--hairline);
  }
  .hub-engineering-root table.he-table thead th{
    background:var(--paper-tint-2);
    color:var(--ink-navy-deep);
    font-family:'IBM Plex Mono','Consolas',monospace;
    font-weight:600;
    font-size:0.8rem;
    letter-spacing:0.03em;
    border-top:none;
  }
  .hub-engineering-root table.he-table tbody tr:hover{background:var(--paper-tint);}

  .hub-engineering-root .he-note{
    font-family:'IBM Plex Mono','Consolas',monospace;
    font-size:0.8rem;
    color:var(--steel);
    padding-top:0.9rem;
    margin-top:1.1rem;
    border-top:1px dashed var(--hairline);
  }

  .hub-engineering-root .he-faq{
    background:var(--paper);
    border:1px solid var(--hairline);
    border-radius:8px;
    padding:0.2rem 1.3rem;
  }
  .hub-engineering-root .he-faq details{
    border-bottom:1px solid var(--grid-line);
    padding:0.95rem 0;
  }
  .hub-engineering-root .he-faq details:last-child{border-bottom:none;}
  .hub-engineering-root .he-faq summary{
    font-family:'IBM Plex Sans Condensed','Arial Narrow',sans-serif;
    font-weight:600;
    font-size:1.01rem;
    color:var(--ink-navy-deep);
    cursor:pointer;
    list-style:none;
  }
  .hub-engineering-root .he-faq summary::-webkit-details-marker{display:none;}
  .hub-engineering-root .he-faq summary:before{
    content:"+ ";
    color:var(--accent);
    font-family:'IBM Plex Mono','Consolas',monospace;
  }
  .hub-engineering-root .he-faq details[open] summary:before{content:"− ";}
  .hub-engineering-root .he-faq p{margin:0.6rem 0 0;color:var(--graphite);}

  /* ---------- Related links ---------- */
  .hub-engineering-root .he-links{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:0.9rem;
    margin-top:1.2rem;
  }
  .hub-engineering-root .he-link-card{
    display:block;
    background:var(--paper);
    border:1px solid var(--hairline);
    border-radius:8px;
    padding:1rem 1.1rem;
    text-decoration:none;
    color:inherit;
    transition:border-color 0.15s ease, box-shadow 0.15s ease;
  }
  .hub-engineering-root .he-link-card:hover{
    border-color:var(--accent);
    box-shadow:0 2px 8px rgba(201,100,42,0.12);
  }
  .hub-engineering-root .he-link-kicker{
    font-family:'IBM Plex Mono','Consolas',monospace;
    font-size:0.68rem;
    letter-spacing:0.08em;
    text-transform:uppercase;
    color:var(--accent);
    display:block;
    margin-bottom:0.35rem;
  }
  .hub-engineering-root .he-link-title{
    font-weight:600;
    font-size:0.98rem;
    color:var(--ink-navy-deep);
    display:block;
  }

  /* ---------- Footer ---------- */
  .hub-engineering-root .he-footer{
    background:var(--paper-tint);
    color:var(--steel);
    font-family:'IBM Plex Mono','Consolas',monospace;
    font-size:0.76rem;
    padding:1.1rem 2.4rem;
    letter-spacing:0.02em;
    border-top:1px solid var(--hairline);
    border-radius:0 0 10px 10px;
  }

  @media (max-width:640px){
    .hub-engineering-root .he-hero{padding:2.2rem 1.3rem 0;}
    .hub-engineering-root .he-body{padding:3.4rem 1.3rem 2.2rem;}
    .hub-engineering-root .he-facts{grid-template-columns:1fr;}
    .hub-engineering-root .he-section-body{padding-left:0;margin-top:0.8rem;}
    .hub-engineering-root .he-links{grid-template-columns:1fr;}
    .hub-engineering-root .he-footer{padding:1.1rem 1.3rem;}
  }