/* Shared navigation for the homepage and the dedicated pages. */
.device-nav{position:relative;font-size:.9375rem;font-weight:500}
.device-nav summary,.mobile-site-nav summary{cursor:pointer;list-style:none;color:var(--text-2,var(--muted));white-space:nowrap}
.device-nav summary::-webkit-details-marker,.mobile-site-nav summary::-webkit-details-marker{display:none}
.device-nav summary::after{content:"";display:inline-block;width:6px;height:6px;margin:0 0 2px 8px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg)}
.device-nav[open] summary::after{transform:rotate(225deg);margin-bottom:-2px}
.device-nav summary:hover,.device-nav[open] summary,.mobile-site-nav summary:hover{color:var(--text)}
.device-nav summary:focus-visible,.mobile-site-nav summary:focus-visible{outline:2px solid var(--accent-text,var(--accent));outline-offset:5px;border-radius:3px}
.device-nav-panel,.mobile-site-nav nav{background:var(--bg-2,var(--surface));border:1px solid var(--border,var(--line));box-shadow:0 18px 45px rgba(0,0,0,.18);border-radius:14px;padding:8px;z-index:120}
.device-nav-panel{position:absolute;top:calc(100% + 16px);left:-14px;min-width:190px;display:grid;gap:2px}
.device-nav-panel a,.mobile-site-nav nav a{display:block;padding:9px 11px;border-radius:8px;text-decoration:none!important;color:var(--text)!important;font-size:.9rem;line-height:1.3}
.device-nav-panel a:hover,.mobile-site-nav nav a:hover{background:var(--surface-2,var(--bg));color:var(--text)}
.mobile-site-nav{display:none;position:relative}
.mobile-site-nav summary{padding:9px 11px;border:1px solid var(--border,var(--line));border-radius:10px;color:var(--text);font-size:.875rem;font-weight:600}
.mobile-site-nav nav{position:absolute;top:calc(100% + 10px);right:0;width:min(280px,calc(100vw - 32px));display:grid;gap:1px}
.mobile-site-nav nav span{display:block;padding:12px 11px 4px;color:var(--text-2,var(--muted));font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;font-weight:700}
.mobile-site-nav nav a.device-child{padding-left:21px}
.platforms a{color:inherit;text-decoration:underline;text-decoration-color:var(--border,var(--line));text-underline-offset:4px}
.platforms a:hover{color:var(--text)}
@media(max-width:900px){
  .seo-page .mobile-site-nav{display:block;margin-left:auto}
  .seo-page .nav-links{display:none}
  .seo-page .theme{margin-left:0}
  .seo-page .site-header .store img{height:34px}
  body:not(.seo-page) .mobile-site-nav{display:block;margin-left:auto}
  body:not(.seo-page) .nav-links>a:not(.nav-store-link){display:none}
  body:not(.seo-page) .nav-links>.device-nav{display:none}
  body:not(.seo-page) .nav-speaker{display:none}
}
@media(max-width:380px){.seo-page .site-header .store img{height:30px}.seo-page .nav{gap:9px}}