/* site.css — Journey of a Distracted Mind branding overrides
   Loaded AFTER gwern.net's default.css
*/

/* ========================
   SITE IDENTITY
   ======================== */

/* Logo text fallback (until we have an SVG logo) */
.logo-text {
    font-family: var(--GW-serif-font-stack, Georgia, serif);
    font-size: 2rem;
    font-weight: bold;
    color: var(--GW-body-color);
    text-decoration: none;
}

/* Site title in browser tab / og tags uses the full name */

/* ========================
   NAVBAR
   ======================== */

#navbar {
    /* Inherits gwern.net navbar styles */
}

#navbar .navbar-links a {
    /* Inherits gwern.net link styles */
}

/* ========================
   PAGE METADATA
   ======================== */

#page-metadata {
    font-size: 0.85rem;
    color: var(--GW-metadata-color, #666);
    margin-bottom: 1.5rem;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid var(--GW-rule-color, #ddd);
}

.page-metadata-fields {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem 1rem;
}

.page-metadata-fields span::before {
    content: "· ";
    color: var(--GW-metadata-color, #999);
}
.page-metadata-fields span:first-child::before {
    content: "";
}

/* ========================
   FOOTER
   ======================== */

footer {
    margin-top: 3rem;
    padding-top: 1rem;
    border-top: 1px solid var(--GW-rule-color, #ddd);
    font-size: 0.85rem;
    color: var(--GW-metadata-color, #666);
}

/* ========================
   DARK MODE
   ======================== */

/* Dark mode is handled by gwern.net's dark-mode.js + dark-mode-GENERATED.css.
   Only override if something looks wrong. */