/* Shared navigation and a visible beta label on every page. */
.nav { gap: 25px; }
.nav > a { text-transform: uppercase; font-size: 11px; letter-spacing: .035em; white-space: nowrap; }
.beta-badge, .nav-beta { display: inline-flex; align-items: center; justify-content: center; padding: 4px 6px; background: #765b37; border-radius: 3px; color: #fff; font-size: 8px; font-weight: 750; letter-spacing: .06em; line-height: 1; text-transform: uppercase; }
.nav-kreator:hover .beta-badge, .nav-kreator:hover .nav-beta { background: #f6edda; color: #604b2e; }
.service-faq { max-width: 830px; margin: 26px 0 0; border-top: 1px solid #d8dbd1; border-bottom: 1px solid #d8dbd1; }
.service-faq summary { cursor: pointer; font-size: 16px; font-weight: 600; padding: 19px 0; line-height: 1.5; }
.service-faq p { margin-bottom: 22px; }
.nav a.nav-kreator {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  min-height: 46px;
  padding: 11px 17px;
  color: #513c24;
  background: linear-gradient(120deg, #faf3e5, #ecddbe);
  border: 1px solid #c5ae82;
  border-radius: 999px;
  box-shadow: inset 0 1px 0 #fff9;
  white-space: nowrap;
}
.nav a.nav-kreator svg { width: 17px; height: 17px; }
.nav a.nav-kreator:hover,
.nav a.nav-kreator[aria-current="page"] {
  color: #fff;
  background: #725736;
  border-color: #725736;
}
@media (max-width: 1100px) and (min-width: 981px) {
  .nav { gap: 22px; }
}
@media (max-width: 980px) {
  .nav a.nav-kreator {
    justify-content: flex-start;
    margin-block: 12px 4px;
    padding: 13px 17px;
    border-radius: 5px;
  }
}