/* Shared mobile navigation and the homepage's primary dashboard action. */
.mobile-menu{display:none}
.crg .cb{min-width:0}
.crg .cb a{overflow-wrap:anywhere}
.sec#benchmark .hbp-bars{gap:0}
.sec#benchmark .hbp-keys{margin-bottom:16px}
.sec#benchmark .hbp-key{margin-top:14px;max-width:60ch}
.sec#benchmark .bm-go .btn.line{background:var(--pine);border-color:var(--pine);color:#fff}
.sec#benchmark .bm-go .btn.line::before{background:#fff;animation:none}
.sec#benchmark .bm-go .btn.line:hover,.sec#benchmark .bm-go .btn.line:focus-visible{background:#fff;color:var(--pine);border-color:var(--pine)}
.sec#benchmark .bm-go .btn.line:hover::before,.sec#benchmark .bm-go .btn.line:focus-visible::before{background:var(--pine)}
.sec#benchmark .bm-go .btn.line:focus-visible{outline:2px solid var(--pine);outline-offset:4px}
/* The home card of the benchmark opens its section: it starts at the height of the section name, and on a phone it follows the name at the usual gap. */
.sec#benchmark .body>.hbp:first-child{margin-top:0}
@media(max-width:900px){
 .mast .wrap{position:relative}
 .mast .mast-top{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px}
 .mast .mast-top .wm{grid-column:1;width:100%;max-width:420px}
 .mast .mast-top .tag{display:none}
 .mast .nav.desktop-nav{display:none}
 .mobile-menu{display:block;grid-column:2;font-size:15px;line-height:1.3}
 .mobile-menu summary{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 13px;border:1px solid var(--ink);cursor:pointer;list-style:none;user-select:none}
 .mobile-menu summary::-webkit-details-marker{display:none}
 .mobile-menu summary::marker{content:""}
 .mobile-menu summary:hover,.mobile-menu[open] summary{background:var(--ink);color:var(--paper)}
 .mobile-menu summary:focus-visible{outline:2px solid var(--pine);outline-offset:4px}
 .mobile-menu[open] summary svg{transform:rotate(180deg)}
 .mobile-nav{position:absolute;z-index:20;top:calc(100% + 12px);right:0;display:flex;flex-direction:column;width:min(300px,100%);padding:8px 16px;border:1px solid var(--ink);background:var(--paper)}
 .mobile-nav a{display:flex;align-items:center;gap:8px;min-height:48px;padding:12px 8px;text-decoration:none;border-bottom:1px solid var(--rule)}
 .mobile-nav a:last-child{border-bottom:0}
 .mobile-nav a:hover,.mobile-nav a:focus-visible{color:var(--pine);text-decoration:underline;text-underline-offset:4px}
 .mobile-nav a:focus-visible{outline:2px solid var(--pine);outline-offset:-2px}
 .mobile-nav .dose-signal{display:block;width:8px;height:8px;background:var(--pine);animation:none}
}

/* Draw attention to the benchmark in the home page navigation. */
.desktop-nav .nav-promoted{font-weight:500;color:var(--pine)}
.desktop-nav .nav-promoted:hover,.desktop-nav .nav-promoted:focus-visible{color:var(--pine);text-decoration:underline;text-underline-offset:4px}
.mobile-nav .nav-promoted{font-weight:500;color:var(--pine)}