/* ITSMverse shell: one glass header on every page, a bottom menu on phones, shared spacing and type scale.
   Loaded after every other stylesheet. */
:root{--sans:Inter,"Segoe UI Variable Text","Segoe UI","SF Pro Text",system-ui,-apple-system,Roboto,"Helvetica Neue",Arial,sans-serif;--mono:ui-monospace,"SF Mono","JetBrains Mono",Menlo,Consolas,monospace;--n-mint:#52ffc6;--n-cyan:#36e4ff;--n-violet:#a678ff;--edge:rgba(255,255,255,.09);--gh-h:56px;--gh-gap:10px;--gh-off:calc(var(--gh-h) + var(--gh-gap) + 14px);--bn-h:64px;--wrap:1240px;--gut:max(20px,env(safe-area-inset-left));
 --sec:clamp(36px,5vw,64px);--sec-s:clamp(20px,3vw,32px);--fs-s:13.5px;--fs-b:15.5px;--fs-l:17px}
html{scroll-padding-top:var(--gh-off)}
body{padding-top:calc(var(--gh-h) + var(--gh-gap) + env(safe-area-inset-top))}
body{font-size:var(--fs-b);line-height:1.62}
/* ---------- glass header ---------- */
.gh{display:block;height:auto;background:none;border:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;gap:0;justify-content:normal;align-items:normal;margin:0;position:fixed;z-index:1000;top:calc(var(--gh-gap) + env(safe-area-inset-top));left:0;right:0;padding:0 max(12px,env(safe-area-inset-left)) 0 max(12px,env(safe-area-inset-right));pointer-events:none}
.gh-in{width:100%;box-sizing:border-box;pointer-events:auto;max-width:calc(var(--wrap) - 40px);margin:0 auto;height:var(--gh-h);display:flex;align-items:center;gap:18px;padding:0 10px 0 14px;border-radius:18px;
 background:linear-gradient(180deg,rgba(22,32,58,.55),rgba(10,16,32,.5));
 -webkit-backdrop-filter:blur(22px) saturate(1.7);backdrop-filter:blur(22px) saturate(1.7);
 border:1px solid rgba(255,255,255,.12);box-shadow:0 10px 34px -10px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.1);transition:background .25s,box-shadow .25s}
.gh.scrolled .gh-in{background:linear-gradient(180deg,rgba(18,27,50,.74),rgba(8,13,28,.68));box-shadow:0 14px 40px -12px rgba(0,0,0,.75),inset 0 1px 0 rgba(255,255,255,.1)}
.gh-brand{display:flex;align-items:center;gap:9px;text-decoration:none;color:#fff;font-size:17px;letter-spacing:-.03em;flex:none}
.gh-brand b{font-weight:700}.gh-brand img{display:block;border-radius:7px}
.gh-nav{display:flex;gap:2px;margin-left:auto;align-items:center}
.gh-nav a{padding:8px 13px;border-radius:11px;font-size:14px;font-weight:500;color:#aebbd3;text-decoration:none;white-space:nowrap;transition:color .15s,background .15s}
.gh-nav a:hover{color:#fff;background:rgba(255,255,255,.07)}
.gh-nav a[aria-current=page]{color:#fff;background:rgba(82,255,198,.12);box-shadow:inset 0 -2px 0 var(--n-mint,#52ffc6)}
.gh-cta{flex:none;padding:9px 16px;border-radius:12px;font-size:14px;font-weight:700;color:#03150f;text-decoration:none;background:linear-gradient(96deg,#52ffc6,#36e4ff);box-shadow:0 6px 20px -6px rgba(54,228,255,.6);white-space:nowrap}
.gh-cta:hover{filter:brightness(1.07)}.gh-cta[aria-current=page]{box-shadow:0 0 0 2px rgba(255,255,255,.5)}
/* ---------- mobile bottom menu ---------- */
.bn,.bn-sheet,.bn-scrim{display:none}
@media(max-width:860px){
 :root{--gh-h:50px}
 .gh-nav{display:none}.gh-in{padding:0 8px 0 12px}.gh-brand{font-size:16px}.gh-cta{margin-left:auto;padding:8px 13px;font-size:13px}.gh-cta span{display:none}
 body{padding-bottom:calc(var(--bn-h) + 22px + env(safe-area-inset-bottom))}
 .bn{display:flex;position:fixed;z-index:1000;left:max(10px,env(safe-area-inset-left));right:max(10px,env(safe-area-inset-right));bottom:calc(10px + env(safe-area-inset-bottom));height:var(--bn-h);max-width:520px;margin:0 auto;padding:6px;gap:2px;border-radius:22px;
  background:linear-gradient(180deg,rgba(24,34,62,.66),rgba(9,14,29,.62));-webkit-backdrop-filter:blur(24px) saturate(1.7);backdrop-filter:blur(24px) saturate(1.7);
  border:1px solid rgba(255,255,255,.13);box-shadow:0 14px 40px -8px rgba(0,0,0,.7),inset 0 1px 0 rgba(255,255,255,.1)}
 .bn a,.bn button{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border:0;border-radius:16px;background:none;color:#93a3bf;text-decoration:none;font:600 11px/1.1 var(--sans);padding:6px 2px;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:color .15s,background .15s}
 .bn a:active,.bn button:active{background:rgba(255,255,255,.08)}
 .bn a[aria-current=page],.bn button[data-on="1"],.bn button[aria-expanded=true]{color:#52ffc6;background:rgba(82,255,198,.12)}
 .bn svg{display:block}.bn span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .bn-scrim{display:block;position:fixed;inset:0;z-index:998;background:rgba(2,6,16,.5);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.bn-scrim[hidden]{display:none}
 .bn-sheet{display:block;position:fixed;z-index:999;left:max(10px,env(safe-area-inset-left));right:max(10px,env(safe-area-inset-right));bottom:calc(var(--bn-h) + 22px + env(safe-area-inset-bottom));max-width:520px;margin:0 auto;padding:14px;border-radius:22px;
  background:linear-gradient(180deg,rgba(24,34,62,.82),rgba(9,14,29,.84));-webkit-backdrop-filter:blur(26px) saturate(1.6);backdrop-filter:blur(26px) saturate(1.6);border:1px solid rgba(255,255,255,.14);box-shadow:0 20px 50px -10px rgba(0,0,0,.75);animation:bnup .18s ease-out}
 .bn-sheet[hidden]{display:none}
 @keyframes bnup{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
 .bn-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .bn-grid a{display:flex;align-items:center;gap:10px;padding:12px 12px;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.04);color:#dfe9f8;text-decoration:none;font-size:14px;font-weight:600;line-height:1.2}
 .bn-grid a svg{flex:none;color:#52ffc6}.bn-grid a[aria-current=page]{border-color:rgba(82,255,198,.5);background:rgba(82,255,198,.1)}
 .skipl{display:none}
}
@media(max-width:360px){.bn a,.bn button{font-size:10px}}
/* sticky sub-bars sit under the glass header */
.subnav,.xtabs,.tabs,.toc,.xwrap .xtabs{top:var(--gh-off)!important}
.side{top:var(--gh-off)!important}
@media(max-width:860px){.toc{top:var(--gh-off)!important}.xtabs{top:var(--gh-off)!important}.tabs{top:var(--gh-off)!important}}
/* footer clears the bottom menu */
@media(max-width:860px){footer.sf{padding-bottom:calc(20px + env(safe-area-inset-bottom))}}
@media print{.gh,.bn,.bn-sheet,.bn-scrim{display:none!important}body{padding:0!important}}
body.present .gh,body.present .bn{display:none}body.present{padding-top:0}
.gh::before{content:"";position:fixed;left:0;right:0;top:0;height:calc(var(--gh-gap) + env(safe-area-inset-top) + 10px);background:linear-gradient(180deg,#060913 50%,transparent);z-index:-1;pointer-events:none}

.skipl{position:absolute;left:12px;top:-60px;z-index:2000;padding:10px 16px;border-radius:10px;background:#3dffc0;color:#04110c;font-weight:700;text-decoration:none}.skipl:focus{top:10px}
.gh *,.bn *{box-sizing:border-box}
