@font-face { font-family: 'Oswald'; font-style: normal; font-weight: 700; src: url('https://generatorbible.com/fonts/oswald-v16-latin-700.woff2') format('woff2'), url('https://generatorbible.com/fonts/oswald-v16-latin-700.woff') format('woff'); }
@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: url('https://generatorbible.com/fonts/roboto-v18-latin-regular.woff2') format('woff2'), url('https://generatorbible.com/fonts/roboto-v18-latin-regular.woff') format('woff'); }
@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; src: url('https://generatorbible.com/fonts/roboto-v18-latin-700.woff2') format('woff2'), url('https://generatorbible.com/fonts/roboto-v18-latin-700.woff') format('woff'); }

.gb-shell { max-width: 1160px; margin: 0 auto; padding: 0 24px; }
.gb-header { background: #fff; border-bottom: 1px solid #dfe3e8; box-shadow: 0 4px 12px rgba(0,0,0,.08); }
.gb-header-inner { min-height: 88px; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.gb-logo { display: inline-flex; align-items: center; color: #111; font: 700 19px/1.2 Roboto; text-decoration: none; }
.gb-logo img { display: block; width: 96px; height: auto; margin-right: 14px; }
.gb-logo span { display: block; font-size: 19px; }
.gb-nav { display: flex; align-items: center; gap: 22px; font: 700 13px/1.2 Roboto; }
.gb-header button, .gb-header input, .gb-header select, .gb-header textarea,
button, input, select, textarea { font-family: Roboto; }
.gb-nav a { color: #002b55; text-decoration: none; }
.gb-nav .gb-nav-button { display: inline-block; padding: 9px 16px; border-radius: 3px; color: #fff; background: #ff0000; }
.gb-nav .gb-nav-button:hover { background: #d90000; }

@media (max-width: 780px) {
    .gb-header-inner { align-items: flex-start; flex-direction: column; padding-top: 18px; padding-bottom: 18px; }
    .gb-nav { flex-wrap: wrap; gap: 12px; }
}