/* Generic collection pages keep a narrower article reading column. */
body {
  -margin: 2% 25% 1% 25% !important;
}

main#main {
  margin: 2% 25% 1% 25% !important;
}

/* Non-generic pages share the site frame with the base navigation. */
body.non-generic-page {
  margin: 0 !important;
}

/* Reusable centered page-width utility. */

.site-width-shell {
  -padding-bottom: 3rem;
}

header.site-width-shell {
  padding-right: 0;
  padding-left: 0;
}

#logo-anchor {
  max-width: 50%;
  padding-right: 0;
  padding-left: 0;
}

.non-generic-page #logo-text {
  white-space: normal;
}

@media (max-width: 760px) {
  .non-generic-page #logo-text {
    font-size: clamp(2rem, 10vw, 3rem);
    line-height: 0.95;
  }

  .non-generic-page #upper-navigation,
  .site-width-shell {
    padding-right: 0.75rem;
    padding-left: 0.75rem;
  }
}


/* These are for the "Daily Thaler Logo" text and symbol that appear at the top of the page */
#logo-text {
    -display: inline;
    vertical-align: text-bottom;
    text-decoration: none;
    color: black;
    -font-family: 'Playfair Display', 'Georgia', serif;
    font-weight: 900;
    text-transform: uppercase;
    font-size: 48px;
    white-space: nowrap;
}

#logo-img {
    -display: inline;
}

#logo-anchor {
    display: inline-flex;
    align-items: center;
}

#logo-anchor,
#nav-menus {
    padding-right: 0;
    padding-left: 0;
}

#nav-menus .menu-label,
#tabbed-buttons .menu-label,
#chainlink-manifest .menu-label {
    -margin-bottom: 0.5rem;
}

#nav-menus .menu-label:not(:first-child) {
    margin-top: 0.5rem;
}

.base-home-link {
    display: inline-flex !important;
    align-items: center;
    gap: 0.4rem;
}

.base-home-icon {
    width: 1.1rem;
    height: 1.1rem;
    flex: 0 0 auto;
}

.base-login-form {
    display: grid;
    width: fit-content;
    max-width: 100%;
    grid-template-columns: max-content minmax(8rem, 11rem);
    gap: 0.35rem 0.35rem;
    align-items: center;
    padding: 0.35rem 0;
    font-family: "Share Tech Mono", "Courier New", monospace;
}

.base-interact-button {
    font-family: "Share Tech Mono", "Courier New", monospace !important;
}

.base-login-submit {
    grid-column: 1 / -1;
    justify-self: end;
}

.base-login-label {
    color: #334756;
    font-family: "Share Tech Mono", "Courier New", monospace;
    font-size: 0.78rem;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.base-login-input {
    width: 100%;
    min-height: 1.75rem;
    padding: 0.25rem 0.45rem;
    border: 1px solid #63839b;
    border-radius: 0;
    background: #f8fafc;
    color: #121212;
    font-family: "Share Tech Mono", "Courier New", monospace;
    font-size: 0.85rem;
    box-shadow: inset 0 0 0 1px rgba(51, 71, 86, 0.08);
}

.base-login-input:focus {
    border-color: #121212;
    outline: 1px solid #121212;
    outline-offset: 1px;
}

.base-login-message,
.base-login-help {
    grid-column: 1 / -1;
    font-family: "Share Tech Mono", "Courier New", monospace;
    font-size: 0.75rem;
    letter-spacing: 0.03em;
}

.base-login-message {
    font-weight: 700;
    text-transform: uppercase;
}

.base-login-message.is-success {
    color: #2f6f3e;
}

.base-login-message.is-danger {
    color: #cc2a20;
}

.base-login-help {
    color: #63839b;
}

@media (max-width: 760px) {
    .base-login-form {
        grid-template-columns: 1fr;
    }
}

.base-header-row {
    margin-bottom: 1.8rem;
}