/* Shared appearance; the home page owns its reveal and scroll behaviour. */
body .sh, #below header.sh {
  display:flex;align-items:center;gap:30px;height:62px;padding:0 40px;
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display",system-ui,sans-serif;
  background:rgba(13,14,19,.82);border-bottom:1px solid #ffffff1f;
  backdrop-filter:blur(20px) saturate(170%);
  -webkit-backdrop-filter:blur(20px) saturate(170%);
}
body .sh-mark, #below header.sh .sh-mark { color:#f6f6f8;line-height:1.6; }
body .sh-nav, #below header.sh .sh-nav { display:flex;gap:26px;margin-right:auto;white-space:nowrap; }
body .sh-nav a, #below header.sh .sh-nav a { color:rgba(246,246,248,.66);font-size:14.5px;line-height:1.6;text-decoration:none; }
body .sh-nav a:hover, #below header.sh .sh-nav a:hover,
body .sh-nav a[aria-current] { color:#f6f6f8; }
body .sh-nav a[aria-current] { text-decoration:underline;text-underline-offset:6px;text-decoration-color:#ffffff70; }
body .sh-buy, #below header.sh .sh-buy { margin-left:auto;line-height:1.6; }
body .sh a:focus-visible, #below header.sh a:focus-visible { outline:2px solid #74b8ff;outline-offset:5px; }
@media (max-width:950px) {
  body .sh-nav, #below header.sh .sh-nav { gap:17px; }
  body .sh, #below header.sh { gap:20px;padding-inline:24px; }
}
@media (max-width:850px) {
  body .sh-nav, #below header.sh .sh-nav { display:none; }
}
@media (max-width:760px) {
  body .sh, #below header.sh { height:56px;padding:0 20px;gap:14px; }
  body .sh-buy, #below header.sh .sh-buy { font-size:13px;padding:8px 14px; }
}
/* Native disclosure: the same destinations remain reachable on small screens. */
body .sh-mobile, #below header.sh .sh-mobile { display:none; }
@media (max-width:850px) {
  body .sh-mobile, #below header.sh .sh-mobile { display:block;order:3;flex:none;color:#f6f6f8; }
  body .sh-mobile summary, #below header.sh .sh-mobile summary { display:flex;align-items:center;justify-content:center;width:32px;height:40px;cursor:pointer;list-style:none; }
  body .sh-mobile summary::-webkit-details-marker, #below header.sh .sh-mobile summary::-webkit-details-marker { display:none; }
  body .sh-mobile summary:focus-visible, #below header.sh .sh-mobile summary:focus-visible { outline:2px solid #74b8ff;outline-offset:2px; }
  body .sh-mobile-links, #below header.sh .sh-mobile-links { position:absolute;top:100%;right:16px;width:min(320px,calc(100vw - 32px));max-height:calc(100dvh - 80px);overflow-y:auto;display:grid;padding:12px;background:#17191d;border:1px solid #ffffff29;box-shadow:0 12px 24px #0004; }
  body .sh-mobile-links a, #below header.sh .sh-mobile-links a { color:#f6f6f8;text-decoration:none;font-size:16px;padding:11px 14px;line-height:1.4; }
  body .sh-mobile-links a:hover, #below header.sh .sh-mobile-links a:hover { background:#ffffff12; }
}
/* The header button says what the click does — it fetches a disk image — and
   the terms ride along while there is room for them. Below that the verb is
   the half worth keeping. */
@media (max-width:560px) { .sh-buy-x { display:none; } }
@media (max-width:380px) {
  body .sh, #below header.sh { padding-inline:12px;gap:8px; }
  body .sh-buy, #below header.sh .sh-buy { padding-inline:10px; }
}