:root{
 --pbt-navy:#071a36;
 --pbt-navy-2:#0d2d57;
 --pbt-blue:#1d4ed8;
 --pbt-orange:#f97316;
 --pbt-green:#15803d;
 --pbt-red:#b91c1c;
 --pbt-bg:#f3f6fa;
 --pbt-card:#ffffff;
 --pbt-text:#172033;
 --pbt-muted:#68778d;
 --pbt-line:#dce4ee;
 --pbt-soft:#eef4fb;
}

.pbt-shell-header{
 background:
  linear-gradient(
   135deg,
   var(--pbt-navy),
   var(--pbt-navy-2)
  );
 color:#fff;
 padding:20px 26px;
}

.pbt-shell-header-inner{
 max-width:1450px;
 margin:auto;
 display:flex;
 justify-content:space-between;
 align-items:center;
 gap:20px;
}

.pbt-shell-brand{
 display:flex;
 align-items:center;
 gap:12px;
}

.pbt-shell-logo{
 width:40px;
 height:40px;
 border-radius:11px;
 background:#fff;
 color:var(--pbt-navy);
 display:flex;
 align-items:center;
 justify-content:center;
 font-weight:950;
 font-size:14px;
 letter-spacing:-.04em;
 flex:none;
}

.pbt-shell-title{
 margin:0;
 font-size:20px;
 font-weight:900;
 letter-spacing:-.02em;
}

.pbt-shell-subtitle{
 margin-top:4px;
 color:#b9c8db;
 font-size:12px;
}

.pbt-shell-state{
 display:flex;
 gap:7px;
 flex-wrap:wrap;
}

.pbt-shell-pill{
 border:
  1px solid rgba(255,255,255,.16);
 background:
  rgba(255,255,255,.08);
 border-radius:999px;
 padding:7px 10px;
 font-size:11px;
 font-weight:800;
 white-space:nowrap;
}

.pbt-shell-nav{
 background:#fff;
 border-bottom:
  1px solid var(--pbt-line);
 position:sticky;
 top:0;
 z-index:40;
}

.pbt-shell-nav-inner{
 max-width:1450px;
 margin:auto;
 display:flex;
 gap:2px;
 padding:0 20px;
 overflow-x:auto;
}

.pbt-shell-nav a{
 text-decoration:none;
 color:#506079;
 font-size:12px;
 font-weight:800;
 padding:14px 11px;
 border-bottom:
  3px solid transparent;
 white-space:nowrap;
}

.pbt-shell-nav a:hover{
 color:var(--pbt-blue);
 background:#f8fbff;
}

.pbt-shell-nav a.active{
 color:var(--pbt-blue);
 border-bottom-color:
  var(--pbt-blue);
}

.pbt-shell-advanced{
 margin-left:auto;
}

.pbt-page-intro{
 background:#fff;
 border:
  1px solid var(--pbt-line);
 border-radius:16px;
 padding:22px;
 margin-bottom:18px;
}

.pbt-page-eyebrow{
 font-size:11px;
 font-weight:900;
 text-transform:uppercase;
 letter-spacing:.07em;
 color:var(--pbt-blue);
}

.pbt-page-intro h2{
 margin:6px 0 0;
 font-size:24px;
}

.pbt-page-intro p{
 margin:8px 0 0;
 max-width:820px;
 line-height:1.55;
 color:var(--pbt-muted);
 font-size:13px;
}

.pbt-safety-strip{
 margin-top:15px;
 padding:11px 13px;
 border:
  1px solid #bfdbfe;
 border-radius:9px;
 background:#eff6ff;
 color:#1e40af;
 font-size:12px;
 font-weight:700;
}

.pbt-shell-footer{
 max-width:1450px;
 margin:0 auto;
 padding:18px 26px 30px;
 color:#7a8799;
 font-size:11px;
}

@media(max-width:760px){

 .pbt-shell-header{
  padding:16px;
 }

 .pbt-shell-header-inner{
  align-items:flex-start;
  flex-direction:column;
 }

 .pbt-shell-state{
  width:100%;
 }

 .pbt-shell-nav-inner{
  padding:0 10px;
 }

 .pbt-shell-advanced{
  margin-left:0;
 }
}