@font-face{font-family:"Lilita One";src:url("/fonts/lilita-one-400.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"IBM Plex Sans";src:url("/fonts/ibm-plex-sans-400.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"IBM Plex Sans";src:url("/fonts/ibm-plex-sans-600.woff2") format("woff2");font-weight:600;font-display:swap}
:root{--font-ui:"IBM Plex Sans",system-ui,sans-serif;--font-display:"Lilita One",sans-serif}
.site-skip-link{position:fixed;left:16px;top:12px;z-index:10000;transform:translateY(calc(-100% - 20px));padding:10px 16px;border-radius:8px;background:#fff;color:#1a2233;font:600 16px/1.4 var(--font-ui);text-decoration:none;box-shadow:0 2px 12px #0004}
.site-skip-link:focus{transform:translateY(0);outline:3px solid #5747c9;outline-offset:3px}
.site-top,.learn-topbar,.tool-header,.ms-header,.t-topbar,header.site{font-family:var(--font-ui);min-height:56px;box-sizing:border-box}
.brand,.tool-brand,.ms-brand,.t-logo,header.site .brand{font-family:var(--font-display);font-weight:400;letter-spacing:0}
.tool-explanation{margin:18px 0;color:var(--ink-soft)}
.tool-explanation summary{cursor:pointer;padding:10px 0;font-weight:600}
.tool-explanation .tool-intro{font-size:15px}
header.site{max-width:1060px;gap:16px;padding:10px 22px;font-size:14px}
header.site .brand{font-size:23px}
header.site a.lab{background:#5747c9;min-height:40px;display:inline-flex;align-items:center;white-space:nowrap}
body:has(header.site){font-family:var(--font-ui)}
body:has(header.site) h1{font-family:var(--font-display);font-weight:400}
@media(max-width:600px){header.site{gap:12px;padding:8px 16px}header.site .brand{font-size:21px}header.site a.lab{padding:6px 10px}header.site a.blog-nav{display:none}}

.ms-lab,.tool-lab-link,.t-back,.learn-topbar a { text-decoration: none; }
@media(max-width:600px){
  .tool-header, .ms-header { gap: 8px; padding-inline: 14px; }
  .tool-header .tool-nav-link { display: none; }
  .tool-header .tool-brand, .ms-header .ms-brand { flex-shrink: 0; }
  .tool-header .tool-lab-link, .ms-header .ms-lab { white-space: nowrap; padding-inline: 10px; font-size: 13px; }
}

[data-site-theme]{width:36px;height:36px;flex-shrink:0;border:1px solid var(--edge);border-radius:8px;background:var(--paper);color:var(--ink);font-size:20px;cursor:pointer}
[data-site-theme]:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
@media(max-width:600px){header.site>a[href="/learn/"],header.site>a[href="/tools/"]{display:none}}