/* Denkei V5 child hub common styles (all 9 areas). Scoped; legacy hubs unaffected. */

#nda-child-hub-v5{--navy:#0b2545;--text:#172f4e;--muted:#60758e;--blue:#075fbd;--line:#dce6f0;--soft:#f4f7fb;box-sizing:border-box;width:100vw;max-width:none!important;margin-left:calc(50% - 50vw)!important;position:relative;overflow:hidden;color:var(--text);background:#fff;font-family:Arial,Helvetica,sans-serif;font-size:14px;line-height:1.55}
#nda-child-hub-v5 *,#nda-child-hub-v5 *:before,#nda-child-hub-v5 *:after{box-sizing:border-box}
#nda-child-hub-v5 section,#nda-child-hub-v5 header,#nda-child-hub-v5 nav{padding-top:0!important;padding-bottom:0!important}
#nda-child-hub-v5 h1,#nda-child-hub-v5 h2,#nda-child-hub-v5 h3,#nda-child-hub-v5 p{margin:0;letter-spacing:normal;font-family:inherit}
#nda-child-hub-v5 h1,#nda-child-hub-v5 h2,#nda-child-hub-v5 h3{color:var(--text);font-weight:750;line-height:1.19}
#nda-child-hub-v5 a{text-decoration:none;color:inherit}
#nda-child-hub-v5 a:hover{color:#075fbd}
#nda-child-hub-v5 button,#nda-child-hub-v5 input{font-family:inherit}
#nda-child-hub-v5 ul{list-style:none!important;margin:0!important;padding:0!important}
#nda-child-hub-v5 li{list-style:none!important;margin:0!important}
#nda-child-hub-v5 img{display:block;max-width:100%}
#nda-child-hub-v5 [hidden]{display:none!important}
#nda-child-hub-v5 :focus-visible{outline:3px solid #65adf0;outline-offset:2px}
#nda-child-hub-v5 .nh-wrap{width:min(1160px,calc(100% - 48px));margin:0 auto}
#nda-child-hub-v5 .nh-hero{background:radial-gradient(ellipse at 90% 0%,#dceafa 0,transparent 55%),linear-gradient(110deg,#fff,#f1f7ff);border-bottom:1px solid #e7edf5}
#nda-child-hub-v5 .nh-hero .nh-wrap{padding-top:14px;padding-bottom:30px}
#nda-child-hub-v5 .nh-breadcrumb{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 15px;color:#627d9b;font-size:11px}
#nda-child-hub-v5 .nh-breadcrumb a{color:#537294}
#nda-child-hub-v5 .nh-eyebrow{color:#0a62c1;letter-spacing:.12em;font-size:10px;text-transform:uppercase;font-weight:800;margin-bottom:9px}
#nda-child-hub-v5 .nh-eyebrow:before{content:'';display:inline-block;background:#2374c4;width:20px;height:2px;margin:0 8px 3px 0}
#nda-child-hub-v5 .nh-hero h1{font-size:clamp(29px,3vw,40px);margin-bottom:11px;max-width:900px;letter-spacing:-.026em}
#nda-child-hub-v5 .nh-hero p{font-size:13px;max-width:790px;line-height:1.63;color:#526b87}

/* V5 HERO IMAGE — full-width landscape banner with center crop.
 * Add <div class="nh-hero-image"><img src="..." alt="..."></div>
 * after .nh-eyebrow inside each V5 child hub .nh-hero .nh-wrap.
 * No image markup = the existing text-only hero remains unchanged.
 * !important keeps Flatsome/WordPress image size rules from overriding the crop. */
#nda-child-hub-v5 .nh-hero .nh-hero-image{
    display:block;
    position:relative;
    width:100% !important;
    max-width:100% !important;
    height:220px !important;
    margin:12px 0 18px;
    padding:0 !important;
    overflow:hidden !important;
    border-radius:10px;
    background:#e9eef4;
}
#nda-child-hub-v5 .nh-hero .nh-hero-image > img{
    display:block !important;
    width:100% !important;
    max-width:none !important;
    height:100% !important;
    max-height:none !important;
    margin:0 !important;
    object-fit:cover !important;
    object-position:center center !important;
}
@media(max-width:900px){
    #nda-child-hub-v5 .nh-hero .nh-hero-image{
        height:190px !important;
    }
}
@media(max-width:600px){
    #nda-child-hub-v5 .nh-hero .nh-hero-image{
        height:160px !important;
        margin:10px 0 16px;
        border-radius:8px;
    }
}
#nda-child-hub-v5 .nh-buttons{display:flex;gap:9px;flex-wrap:wrap;margin-top:16px}
#nda-child-hub-v5 .nh-btn{display:inline-flex!important;align-items:center;justify-content:center;min-height:39px;padding:9px 17px!important;border:1px solid #c8d7e7!important;border-radius:5px!important;background:#fff!important;color:#15375a!important;font-size:11px!important;font-weight:800!important;letter-spacing:normal!important;text-transform:none!important;box-shadow:none!important}
#nda-child-hub-v5 .nh-btn.primary{background:#075fbd!important;border-color:#075fbd!important;color:white!important}
#nda-child-hub-v5 .nh-btn.primary:hover{background:#064787!important}
#nda-child-hub-v5 .nh-main-area{background:#f5f7fb}
#nda-child-hub-v5 .nh-main-area>.nh-wrap{padding-top:40px;padding-bottom:54px}
#nda-child-hub-v5 .nh-intro{display:flex;justify-content:space-between;gap:18px;align-items:end;margin-bottom:22px}
#nda-child-hub-v5 .nh-intro h2{font-size:29px;margin-bottom:6px}
#nda-child-hub-v5 .nh-intro p{font-size:12px;color:#62748a;max-width:720px}
#nda-child-hub-v5 .nh-filter{width:300px;flex:0 0 300px;max-width:100%;height:42px!important;min-height:42px!important;margin:0!important;padding:0!important;display:grid!important;grid-template-columns:minmax(0,1fr) 78px!important;grid-template-rows:40px!important;gap:0!important;border:1px solid #c3d3e5!important;background:#fff!important;border-radius:6px!important;overflow:hidden!important;box-shadow:none!important}
#nda-child-hub-v5 form.nh-filter:before,#nda-child-hub-v5 form.nh-filter:after{display:none!important;content:none!important}
#nda-child-hub-v5 .nh-filter input[type=search]{appearance:none!important;grid-area:1/1;box-sizing:border-box!important;display:block!important;float:none!important;min-width:0!important;width:100%!important;max-width:none!important;height:40px!important;max-height:40px!important;min-height:0!important;margin:0!important;padding:0 10px!important;border:0!important;border-radius:0!important;box-shadow:none!important;font:400 12px/40px Arial,sans-serif!important;transform:none!important;background:white!important}
#nda-child-hub-v5 .nh-filter button[type=submit]{appearance:none!important;grid-area:1/2;box-sizing:border-box!important;display:flex!important;align-items:center!important;justify-content:center!important;position:static!important;float:none!important;transform:none!important;width:100%!important;min-width:0!important;height:40px!important;max-height:40px!important;min-height:40px!important;margin:0!important;padding:0!important;line-height:1!important;letter-spacing:0!important;text-transform:none!important;font:700 11px/1 Arial,sans-serif!important;color:#fff!important;background:#075fbd!important;background-image:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;cursor:pointer!important}
#nda-child-hub-v5 .nh-filter button:before,#nda-child-hub-v5 .nh-filter button:after{content:none!important;display:none!important}
#nda-child-hub-v5 .nh-layout{display:grid;grid-template-columns:211px minmax(0,1fr);gap:21px;align-items:start}
#nda-child-hub-v5 .nh-side{background:#fff;border:1px solid var(--line);border-radius:8px;padding:18px 15px;min-width:0}
#nda-child-hub-v5 .nh-side>strong{font-size:13px;display:block;padding:0 1px 14px}
#nda-child-hub-v5 .nh-side-item{display:flex;align-items:flex-start;gap:9px;padding:11px 1px;border-top:1px solid #eaf0f6;color:#46617e!important;font-size:11px;line-height:1.35;font-weight:650}
#nda-child-hub-v5 .nh-side-item.is-current{color:#075fbd!important;font-weight:800}
#nda-child-hub-v5 .nh-side-item .num{font-size:10px;min-width:15px;color:#146bc0;font-weight:800}
#nda-child-hub-v5 .nh-side-item.muted{color:#92a3b5!important;cursor:default}
#nda-child-hub-v5 .nh-side-foot{padding-top:13px;margin-top:12px;border-top:1px solid #e6edf6;font-size:11px}
#nda-child-hub-v5 .nh-side-foot a{font-weight:800;color:#075fbd}
#nda-child-hub-v5 .nh-results{min-width:0}
#nda-child-hub-v5 .nh-results-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:0 0 13px;font-size:12px}
#nda-child-hub-v5 .nh-results-head strong{font-size:13px}
#nda-child-hub-v5 .nh-results-head span{color:#7790a7;font-size:11px}
#nda-child-hub-v5 .nh-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
#nda-child-hub-v5 .nh-card{background:#fff;border:1px solid var(--line);border-radius:9px;padding:20px 19px 0;display:flex;flex-direction:column;min-height:238px;min-width:0;overflow:hidden}
#nda-child-hub-v5 .nh-card:hover{border-color:#a7c6e5;box-shadow:0 8px 22px #1e5b9015}
#nda-child-hub-v5 .nh-card-type{font-size:9px;letter-spacing:.09em;text-transform:uppercase;font-weight:800;color:#2374b7;margin-bottom:12px}
#nda-child-hub-v5 .nh-card h3{font-size:17px;line-height:1.27;margin-bottom:9px}
#nda-child-hub-v5 .nh-card p{font-size:11px;color:#60748a;line-height:1.65}
#nda-child-hub-v5 .nh-tags{display:flex;gap:5px;flex-wrap:wrap;margin:14px 0}
#nda-child-hub-v5 .nh-tags span{font-size:10px;border:1px solid #e0eaf4;border-radius:4px;padding:4px 6px;color:#44617c;background:#f4f8fc}
#nda-child-hub-v5 .nh-card-link{margin:auto -19px 0!important;border-top:1px solid #eaf0f6;padding:13px 19px;background:#fbfdff;color:#075fbd!important;font-size:11px;font-weight:800;display:flex;align-items:center;justify-content:space-between}
#nda-child-hub-v5 .nh-card-link:hover{background:#ebf6ff}
#nda-child-hub-v5 .nh-empty{display:none;margin-top:14px;background:#fff;border:1px dashed #cad9e9;padding:18px;border-radius:6px;font-size:12px}
#nda-child-hub-v5 .nh-empty:not([hidden]){display:block}
#nda-child-hub-v5 .nh-cross{display:flex;justify-content:space-between;gap:15px;align-items:center;border:1px solid #d6e4f4;border-radius:8px;padding:15px 18px;margin-top:17px;background:#eaf4ff}
#nda-child-hub-v5 .nh-cross strong{font-size:12px}
#nda-child-hub-v5 .nh-cross p{font-size:11px;color:#637e97}
#nda-child-hub-v5 .nh-cross a{white-space:nowrap;color:#075fbd!important;font-weight:800;font-size:11px}
#nda-child-hub-v5 .nh-details{padding:45px 0 50px}
#nda-child-hub-v5 .nh-details h2{font-size:26px;margin-bottom:8px}
#nda-child-hub-v5 .nh-details .lede{font-size:12px;color:#60768d;max-width:800px}
#nda-child-hub-v5 .nh-check-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:21px}
#nda-child-hub-v5 .nh-check{padding:18px 15px;border:1px solid var(--line);border-radius:7px;background:#fff}
#nda-child-hub-v5 .nh-check .num{color:#1068c5;font-weight:850;font-size:10px}
#nda-child-hub-v5 .nh-check h3{font-size:13px;margin:7px 0}
#nda-child-hub-v5 .nh-check p{font-size:11px;color:#61748a}
#nda-child-hub-v5 .nh-equipment{background:#0b2646;color:#fff}
#nda-child-hub-v5 .nh-equipment .nh-wrap{padding-top:34px;padding-bottom:40px}
#nda-child-hub-v5 .nh-equipment h2{color:#fff;font-size:24px;margin-bottom:7px}
#nda-child-hub-v5 .nh-equipment p{font-size:12px;color:#b7c9dc;margin-bottom:20px}
#nda-child-hub-v5 .nh-equip-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}
#nda-child-hub-v5 .nh-equip{padding:18px;background:#ffffff0c;border:1px solid #ffffff24;border-radius:8px}
#nda-child-hub-v5 .nh-equip strong{color:#fff;display:block;font-size:12px;margin-bottom:10px}
#nda-child-hub-v5 .nh-equip a{display:flex;justify-content:space-between;gap:10px;border-top:1px solid #ffffff1c;padding:10px 0;font-size:11px;color:#deedff!important}
#nda-child-hub-v5 .nh-equip a:hover{color:white!important}
#nda-child-hub-v5 .nh-cta{text-align:center;background:#f5f8fc}
#nda-child-hub-v5 .nh-cta .nh-wrap{padding-top:39px;padding-bottom:41px}
#nda-child-hub-v5 .nh-cta h2{font-size:25px;margin-bottom:8px}
#nda-child-hub-v5 .nh-cta p{font-size:12px;max-width:670px;margin:0 auto;color:#637991}
#nda-child-hub-v5 .nh-cta .nh-buttons{justify-content:center}
@media(max-width:1020px){#nda-child-hub-v5 .nh-check-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:790px){#nda-child-hub-v5 .nh-intro{display:block}#nda-child-hub-v5 .nh-filter{margin-top:15px!important;width:min(100%,420px)}#nda-child-hub-v5 .nh-layout{display:block}#nda-child-hub-v5 .nh-side{margin-bottom:17px;padding:13px}#nda-child-hub-v5 .nh-side-list{display:flex;gap:7px;overflow-x:auto}#nda-child-hub-v5 .nh-side-item{border:1px solid var(--line);padding:9px;border-radius:5px;flex:0 0 auto;max-width:170px}#nda-child-hub-v5 .nh-side-foot{display:none}}
@media(max-width:600px){#nda-child-hub-v5 .nh-wrap{width:calc(100% - 30px)}#nda-child-hub-v5 .nh-hero .nh-wrap{padding-bottom:23px}#nda-child-hub-v5 .nh-hero h1{font-size:29px}#nda-child-hub-v5 .nh-main-area>.nh-wrap{padding:30px 0 39px}#nda-child-hub-v5 .nh-intro h2{font-size:25px}#nda-child-hub-v5 .nh-grid{grid-template-columns:1fr}#nda-child-hub-v5 .nh-card{min-height:0}#nda-child-hub-v5 .nh-card-link{margin-top:12px!important}#nda-child-hub-v5 .nh-cross{display:block}#nda-child-hub-v5 .nh-cross a{display:inline-block;margin-top:10px}#nda-child-hub-v5 .nh-details{padding:37px 0!important}#nda-child-hub-v5 .nh-check-grid{grid-template-columns:1fr 1fr;gap:8px}#nda-child-hub-v5 .nh-check{padding:12px}#nda-child-hub-v5 .nh-equip-grid{grid-template-columns:1fr}#nda-child-hub-v5 .nh-filter{width:100%}#nda-child-hub-v5 .nh-filter input[type=search]{font-size:16px!important}}
@media(max-width:380px){#nda-child-hub-v5 .nh-check-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){#nda-child-hub-v5 *{scroll-behavior:auto!important}}

/* V2 compatibility and responsive guards */
#nda-child-hub-v5{isolation:isolate}
#nda-child-hub-v5 .nh-intro>div,#nda-child-hub-v5 .nh-results{min-width:0}
#nda-child-hub-v5 .nh-filter[hidden],#nda-child-hub-v5 .nh-card[hidden]{display:none!important}
#nda-child-hub-v5 .nh-hero .nh-wrap{padding-top:13px;padding-bottom:26px}
#nda-child-hub-v5 .nh-main-area>.nh-wrap{padding-top:34px;padding-bottom:43px}
#nda-child-hub-v5 .nh-details{padding:39px 0 44px}
#nda-child-hub-v5 .nh-filter{grid-template-columns:minmax(0,1fr) 78px!important;align-self:end;overflow:hidden}
#nda-child-hub-v5 form.nh-filter button[type=submit]{font-size:12px!important;font-weight:700!important}
@media(max-width:790px){#nda-child-hub-v5 .nh-intro{display:block}#nda-child-hub-v5 form.nh-filter{flex:none;width:min(100%,420px)!important}}
@media(max-width:600px){#nda-child-hub-v5 .nh-main-area>.nh-wrap{padding-top:29px;padding-bottom:34px}#nda-child-hub-v5 .nh-filter{max-width:100%}}

/* V2.1 — Selection Guidance breathing room.
 * Use the inner container: the scoped section reset above sets section padding to 0!important.
 * Scope strictly to the Selection Guidance area; do not change other hub sections. */
#nda-child-hub-v5 .nh-details > .nh-wrap {
  padding-top: 48px !important;
  padding-bottom: 52px !important;
}
@media (max-width: 600px) {
  #nda-child-hub-v5 .nh-details > .nh-wrap {
    padding-top: 40px !important;
    padding-bottom: 44px !important;
  }
}