.site-header .site-header-actions .nav-guide {
  gap: 10px;
  min-height: 50px;
  padding: 8px 16px;
  border-color: #efd0a4;
  border-radius: 9px;
  background: linear-gradient(115deg, #efd6b5, #d7ad79);
  color: #2e2115;
  box-shadow: 0 4px 18px #c69a5c24, inset 0 1px 0 #fff4df99;
  transition: background .18s, box-shadow .18s;
}
.site-header .site-header-actions .nav-guide:hover {
  border-color: #f6dcb8;
  background: linear-gradient(115deg, #f6e2c7, #e5be8d);
  color: #24180d;
  box-shadow: 0 5px 24px #c69a5c3d, inset 0 1px 0 #fff4df99;
}
.nav-guide-play {
  display: grid;
  place-items: center;
  flex: none;
  width: 29px;
  height: 29px;
  border-radius: 50%;
  background: #302116;
  color: #f1d8b7;
}
.nav-guide-play svg { display: block; width: 17px; height: 17px; fill: currentColor; stroke: none; }
.nav-guide-copy { display: flex; flex-direction: column; align-items: flex-start; gap: 3px; }
.nav-guide-copy strong { font-size: 15px; font-weight: 700; line-height: 1.2; letter-spacing: .5px; }
.nav-guide-copy small { color: #624526; font-size: 10px; font-weight: 500; line-height: 1.2; letter-spacing: .8px; }
@media (max-width: 620px) {
  .site-header .site-header-actions .nav-guide { min-height: 44px; gap: 8px; padding: 6px 11px; border-radius: 7px; }
  .nav-guide-play { width: 24px; height: 24px; }
  .nav-guide-play svg { width: 15px; height: 15px; }
  .nav-guide-copy { gap: 2px; }
  .nav-guide-copy strong { font-size: 13px; letter-spacing: 0; }
  .nav-guide-copy small { font-size: 9px; letter-spacing: 0; }
}
@media (max-width: 380px) {
  .site-header .nav-shell { gap: 8px; padding-inline: 14px; }
  .site-header .site-header-actions { gap: 6px; }
  .site-header .site-header-actions .nav-guide { gap: 6px; padding-inline: 9px; }
  .site-header .site-header-actions .nav-business { padding-inline: 8px; }
}