/* main.css - Main site styles for huxley.net
   Replaces inline font tags, bgcolor, link colors, and blockquote-based layout.
   Two color schemes are supported via body classes:
     .scheme-main  = white bg, blue/purple links (majority of site)
     .scheme-bnw   = white bg, dark links, red active (bnw/ chapter pages)
     .scheme-dark  = black bg, white text (filemiss, bnwbab)
     .scheme-cream = cream bg, red links (bonsignore)
*/

/* ---- Reset & Base ---- */
*, *::before, *::after { box-sizing: border-box; }

body {
    margin: 0;
    padding: 0;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: small;
    background-color: #FFFFFF;
    color: #000000;
}

img {
    max-width: 100%;
    height: auto;
    border: 0;
}

/* ---- Main color scheme (default, majority of site) ---- */
body.scheme-main {
    background-color: #FFFFFF;
}
body.scheme-main a:link { color: #8897DB; }
body.scheme-main a:visited { color: #293A8B; }
body.scheme-main a:active { color: #cc0000; }
body.scheme-main a:hover { color: #336699; }

/* ---- BNW chapter color scheme ---- */
body.scheme-bnw {
    background-color: #FFFFFF;
    color: #000000;
}
body.scheme-bnw a:link { color: #222222; }
body.scheme-bnw a:visited { color: #111111; }
body.scheme-bnw a:active { color: #ff0000; }
body.scheme-bnw a:hover { color: #336699; }

/* ---- Dark scheme (filemiss, bnwbab) ---- */
body.scheme-dark {
    background-color: #000000;
    color: #FFFFFF;
}
body.scheme-dark a:link { color: #00A0DD; }
body.scheme-dark a:visited { color: #00A0DD; }
body.scheme-dark a:active { color: #000000; }
body.scheme-dark a:hover { color: #3090ff; }

/* ---- bnwbab variant ---- */
body.scheme-bnwbab {
    background-color: #000000;
    color: #FFFFFF;
}
body.scheme-bnwbab a:link { color: #3090ff; }
body.scheme-bnwbab a:visited { color: #293A8B; }
body.scheme-bnwbab a:active { color: #cc0000; }
body.scheme-bnwbab a:hover { color: #6699ff; }

/* ---- Cream scheme (bonsignore) ---- */
body.scheme-cream {
    background-color: #FFFFCC;
    color: #000000;
}
body.scheme-cream a:link { color: #FF0000; }
body.scheme-cream a:visited { color: #808080; }
body.scheme-cream a:active { color: #FF0000; }
body.scheme-cream a:hover { color: #cc0000; }

/* ---- rankmood scheme (white bg, swapped link/vlink from main) ---- */
body.scheme-rankmood {
    background-color: #FFFFFF;
    color: #000000;
}
body.scheme-rankmood a:link { color: #8897DB; }
body.scheme-rankmood a:visited { color: #293A8B; }
body.scheme-rankmood a:active { color: #cc0000; }
body.scheme-rankmood a:hover { color: #336699; }

/* ---- Layout: replaces nested blockquotes ---- */
/* Each .bq nests inside the previous one, replicating browser default
   blockquote margins (~40px left+right).  On mobile the margins shrink. */
.bq {
    margin-left: 40px;
    margin-right: 40px;
}

/* ---- Typography: replaces <font>, <big>, <center> ---- */
.text-center {
    text-align: center;
}

.font-large {
    font-size: larger;
}

.font-small {
    font-size: small;
}

/* ---- BNW chapter layout ---- */
.bnw-content {
    max-width: 510px;
    margin: 0 auto;
    padding: 0 16px;
}

/* ---- Responsive ---- */
@media (max-width: 768px) {
    .bq {
        margin-left: 16px;
        margin-right: 10px;
    }

    .bnw-content {
        max-width: 100%;
        padding: 0 12px;
    }
}

@media (max-width: 480px) {
    .bq {
        margin-left: 10px;
        margin-right: 6px;
    }
}

/* ---- Swan footer image ---- */
img[src$="swan.jpg"] {
    display: block;
    margin: 20px auto;
}