/* Guester Axis · release-notes chrome.
   The /release-notes/ postcard is a standalone document that never loads axis.css,
   so the header, mobile navigation and button rules it needs are repeated here,
   scoped under body.grnp. The postcard's own masthead, metadata rail, tagline and
   CTA are position:fixed at the viewport top; they are pushed down by the header
   height so the sticky Axis header sits above them without overlapping.
   Rules: no font-size below var(--fs-micro); targets ≥ 44px on touch. */
@font-face{font-family:Satoshi;src:url('../fonts/Satoshi-Regular.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Satoshi;src:url('../fonts/Satoshi-Medium.woff2') format('woff2');font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:'Satoshi Fallback';src:local('Arial');size-adjust:96%;ascent-override:96%;descent-override:24%;line-gap-override:0%}

body.grnp{--ink:#161719;--paper:#fff;--surface:#f4f5f6;--muted:#60646b;--muted-strong:#5a5f66;--line:#dfe1e4;--line-strong:#9aa0a7;--inverse-muted:#b5b8bf;--inverse-line:#7c828c;--fs-micro:11px;--fs-small:12px;--fs-control:13px;--ease:cubic-bezier(.16,1,.3,1);--radius:16px;--radius-control:8px;--gax-header-h:0px;padding-top:0}

/* ---------- header (from axis.css) ---------- */
body.grnp .site-header{position:sticky;top:0;z-index:60;background:var(--paper);color:var(--ink);border-bottom:1px solid transparent;font-family:Satoshi,'Satoshi Fallback',Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.5;letter-spacing:0;-webkit-font-smoothing:antialiased;transition:border-color .3s,box-shadow .3s}
body.grnp .site-header.is-scrolled{border-color:#eceef0;box-shadow:0 4px 20px rgba(0,0,0,.025)}
body.grnp .site-header *,body.grnp .site-header *::before,body.grnp .site-header *::after{box-sizing:border-box}
body.grnp .site-header a{color:inherit;text-decoration:none}
body.grnp .site-header button{cursor:pointer;background:none;border:0;padding:0;font:inherit;color:inherit}
body.grnp .site-header img{max-width:100%;height:auto;vertical-align:middle}
body.grnp .site-header :is(a,button):focus-visible{outline:2px solid #111;outline-offset:4px;box-shadow:0 0 0 6px rgba(255,255,255,.85);border-radius:4px}
body.grnp .nav-shell{max-width:1376px;padding:25px 48px;display:flex;align-items:center;gap:32px;margin:0 auto}
body.grnp .brand{flex-shrink:0;display:inline-flex;align-items:center;min-height:44px}
body.grnp .brand img{width:151px;height:auto;display:block}
body.grnp .desktop-nav{display:flex;gap:28px;margin:auto;font-size:14px}
body.grnp .desktop-nav a,body.grnp .login-link{display:inline-flex;align-items:center;min-height:44px;transition:color .2s}
body.grnp .desktop-nav a:hover,body.grnp .login-link:hover{color:var(--muted-strong)}
body.grnp .desktop-nav a[aria-current="page"]{text-decoration:underline;text-underline-offset:6px;text-decoration-color:var(--line-strong)}
body.grnp .header-actions{display:flex;gap:24px;align-items:center;font-size:14px}
body.grnp .login-link span{margin-left:8px}
body.grnp .menu-toggle{display:none;width:44px;height:44px;padding:10px;border-radius:var(--radius-control)}
body.grnp .menu-toggle span{display:block;background:var(--ink);height:1.5px;margin:5px 0;transition:transform .2s}
body.grnp .menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.25px) rotate(45deg)}
body.grnp .menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.25px) rotate(-45deg)}
body.grnp .mobile-nav{padding:0 24px 16px;border-bottom:1px solid var(--line)}
body.grnp .mobile-nav a{display:flex;align-items:center;min-height:48px;padding:6px 0;font-size:18px}
body.grnp .mobile-nav[hidden]{display:none!important}

/* ---------- controls (from axis.css) ---------- */
body.grnp .button{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:52px;padding:0 22px;background:var(--ink);color:var(--paper);border:1px solid var(--ink);border-radius:var(--radius-control);font-size:15px;font-weight:500;line-height:1;white-space:nowrap;transition:background .2s,box-shadow .3s,transform .3s var(--ease)}
body.grnp .button:hover{background:#303236;box-shadow:0 5px 14px rgba(0,0,0,.13);transform:translateY(-2px)}
body.grnp .button:active{transform:translateY(0)}
body.grnp .button-small{min-height:44px;padding:0 17px;gap:16px;font-size:var(--fs-control)}
body.grnp .button-arrow{font-size:21px;line-height:1;transition:transform .4s var(--ease)}
body.grnp .button:hover .button-arrow{transform:translate(2px,-2px)}

/* ---------- the postcard's fixed chrome moves below the header ---------- */
body.grnp .grnp-header::before{top:var(--gax-header-h)}
body.grnp .grnp-masthead{top:var(--gax-header-h)}
body.grnp .grnp-metadata{top:var(--gax-header-h)}
body.grnp .grnp-tagline{top:calc(110px + var(--gax-header-h))}
body.grnp .grnp-cta{top:calc(var(--grnp-cta-top) + var(--gax-header-h))}
body.grnp .grnp-skip{top:calc(12px + var(--gax-header-h))}

/* ---------- breakpoints ---------- */
@media(max-width:1199px){
	body.grnp .nav-shell{padding-left:36px;padding-right:36px;gap:22px}
	body.grnp .desktop-nav{gap:20px;font-size:var(--fs-small)}
	body.grnp .header-actions{gap:18px}
	body.grnp .brand img{width:135px}
}
@media(max-width:1099px){
	body.grnp .grnp-metadata{top:0}
	body.grnp .grnp-masthead{top:calc(34px + var(--gax-header-h))}
	body.grnp .grnp-tagline{top:calc(139px + var(--gax-header-h))}
}
@media(max-width:959px){
	body.grnp .desktop-nav{display:none}
	body.grnp .header-actions{margin-left:auto}
	body.grnp .menu-toggle{display:block}
	body.grnp .nav-shell{gap:20px}
}
@media(max-width:639px){
	body.grnp{--gax-header-h:0px}
	body.grnp .nav-shell{padding:16px 24px;gap:12px}
	body.grnp .brand img{width:130px}
	body.grnp .header-actions{gap:8px}
	body.grnp .header-actions .login-link{display:none}
	body.grnp .header-actions .button-small{font-size:var(--fs-control);min-height:44px;padding:0 14px;gap:10px}
	body.grnp .button-small .button-arrow{font-size:16px}
}
@media(max-width:360px){
	body.grnp .nav-shell{padding-left:18px;padding-right:18px}
	body.grnp .brand img{width:120px}
}
@media(prefers-reduced-motion:reduce){
	body.grnp .site-header,body.grnp .site-header *{transition-duration:.01ms!important}
}