/* Twisted Ethics custom overrides */

/* Dark accent: muted red-orange for "ethics violation" feel */
.s-header { background: #151515; }
a { color: #c45a3c; }
a:hover { color: #e07050; }

/* Logo */
.logo-text {
    font-family: 'Space Grotesk', sans-serif;
    font-size: 1.4rem;
    font-weight: 700;
    color: #fff;
    letter-spacing: -0.02em;
}

/* Topic tag */
.topic-tag {
    display: inline-block;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: #c45a3c;
    margin-bottom: 0.5rem;
}

/* Article entry titles */
.entry__title a { color: #1a1a1a; }
.entry__title a:hover { color: #c45a3c; }

/* Content links */
.entry__content a { color: #c45a3c; text-decoration: underline; text-decoration-color: #e8c4b8; text-underline-offset: 3px; }
.entry__content a:hover { text-decoration-color: #c45a3c; }

/* See also */
.see-also { margin-top: 3rem; padding-top: 2rem; border-top: 1px solid #e0e0e0; font-size: 15px; }
.see-also strong { font-weight: 600; }

/* Image captions */
.img-cap { font-size: 13px; color: #999; margin-top: -1rem; margin-bottom: 1.5rem; font-style: italic; }

/* Footer */
.s-footer { background: #151515; }
.ss-copyright span { display: block; color: rgba(255,255,255,0.5); font-size: 14px; margin-bottom: 4px; }

/* Nav checkbox hack mobile menu */
.s-header__nav-toggle { display: none; }
@media (max-width: 768px) {
    .s-header__nav { display: none; }
    .s-header__nav-toggle:checked ~ .s-header__nav { display: block; }
    .s-header__nav-trigger { display: block; color: #fff; cursor: pointer; font-size: 14px; }
}
@media (min-width: 769px) {
    .s-header__nav-trigger { display: none; }
}