.appbar__mark,.appbar__btn{display:none}@media(max-width:768px){html.js body.app-shell{--app-bar-h:calc(52px + env(safe-area-inset-top,0px));--app-tabs-h:44px}html.js body.app-shell .site-header{position:static;height:0;margin:0;padding:0;border:0;box-shadow:none;overflow:visible;background:none!important;transform:none;-webkit-transform:none}html.js body.app-shell .site-header nav{padding-top:0;padding-bottom:0;min-height:0}html.js body.app-shell .site-header .logo,html.js body.app-shell .site-header .header-search-btn{display:none}html.js body.app-shell .site-header .nav-toggle:not(.open){visibility:hidden;position:absolute}html.js body.app-shell .appbar{position:fixed;top:0;left:0;right:0;z-index:40;box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;gap:0;height:var(--app-bar-h);margin:0;padding:env(safe-area-inset-top,0) 2px 0 14px;background:var(--color-primary);color:#fff;color-scheme:dark;isolation:isolate;transform:translateZ(0);-webkit-transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden}html.js body.app-shell .appbar .appbar__title{flex:1 1 auto;min-width:0;margin:0 0 0 4px;display:block}html.js body.app-shell .appbar h1{margin:0;color:#fff;font:700 20px/1 var(--font-display);letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}html.js body.app-shell .appbar .appbar__actions{display:flex;flex:none;align-items:center;gap:0}html.js body.app-shell .appbar__mark{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;margin-left:-8px;border-radius:12px}html.js body.app-shell .appbar__mark img{display:block;width:30px;height:30px}html.js body.app-shell .appbar__btn{display:inline-grid;place-items:center;flex:none;width:44px;height:44px;padding:0;border:0;border-radius:12px;background:none;color:#fff;cursor:pointer;text-decoration:none;-webkit-tap-highlight-color:transparent}html.js body.app-shell .appbar__btn:active{background:color-mix(in srgb,currentColor 14%,transparent)}html.js body.app-shell .appbar__menu{color:var(--color-accent)}html.js body.app-shell .appbar__ico{display:block;width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}html.js body.app-shell .appbar__ico--menu{height:18px}html.js body.app-shell .appbar__mark:focus-visible,html.js body.app-shell .appbar__btn:focus-visible,html.js body.app-shell .appbar .appbar__pill:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}html.js body.app-shell .appbar .appbar__pill{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;min-height:44px;margin:0 2px 0 0;padding:0 14px 0 10px;gap:4px;border:4px solid transparent;border-radius:22px;background:var(--color-accent);background-clip:padding-box;color:var(--color-on-accent-ink);font:700 14px/1 var(--font-sans);text-decoration:none;white-space:nowrap;cursor:pointer;-webkit-tap-highlight-color:transparent}html.js body.app-shell .appbar .appbar__pill:hover,html.js body.app-shell .appbar .appbar__pill:active{border-color:transparent;background:var(--color-accent);background-clip:padding-box;filter:brightness(.94)}html.js body.app-shell .appbar .appbar__pill-ico{flex:none;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}html.js body.app-shell .appbar-tabs{display:flex;flex-wrap:nowrap;gap:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch;box-sizing:border-box;height:var(--app-tabs-h);margin:0;padding:0 4px;background:var(--color-bg);border-bottom:0;box-shadow:inset 0 -1px 0 var(--color-border-subtle);overscroll-behavior-x:contain;isolation:isolate;transform:translateZ(0);-webkit-transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden}html.js body.app-shell .appbar-tabs::-webkit-scrollbar{display:none}html.js body.app-shell .appbar-tabs .appbar-tabs__tab{flex:1 0 auto;min-width:0;display:inline-flex;align-items:center;justify-content:center;height:var(--app-tabs-h);min-height:0;padding:0 4px;margin-bottom:0;border-bottom:3px solid transparent;color:var(--color-text-secondary);font-size:.9375rem;font-weight:500;text-decoration:none;white-space:nowrap;transition:color var(--transition-fast),border-color var(--transition-fast)}html.js body.app-shell .appbar-tabs .appbar-tabs__tab:hover{color:var(--color-text-heading);text-decoration:none}html.js body.app-shell .appbar-tabs .appbar-tabs__tab:focus-visible{outline:2px solid var(--color-accent);outline-offset:-2px;border-radius:var(--radius-sm)}html.js body.app-shell .appbar-tabs .appbar-tabs__tab.on,html.js body.app-shell .appbar-tabs .appbar-tabs__tab[aria-selected="true"]{color:var(--color-accent-text);font-weight:700;border-bottom-color:var(--color-accent-text)}}