/* ========================================
   BASE.CSS - Shared Styles
   Used by all page types
   ======================================== */

/* Base Styles */
html, body {
    /*font-size: 3em;
    letter-spacing: normal;*/
    line-height: 1;
    color: #202020;
}

.frame-center {
    display: flex;
    justify-content: center;
    margin: 5px; /* Mobile default */
}

.frame-left {
    display: flex;
    justify-content: left;
    margin: 5px; /* Mobile default */
}

.frame-right {
    display: flex;
    justify-content: right;
    margin: 5px; /* Mobile default */
}

/* Main Content Container */
main {
    max-width: 800px;
    margin: 0 1px; /* Mobile default - prevents edge-to-edge */
}

h1, h2, h3, h4, h5, h6 {
margin: 0;
padding: 0;
font-size: inherit;
font-weight: inherit;
line-height: inherit;
}

/* Selection Styles */
::-moz-selection {
    background: #b93f3f;
    text-shadow: none;
    color: #FFF;
}

::selection {
    background: #757575;
    text-shadow: none;
    color: #FFF;
}

/* Horizontal Rule 
hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}*/

/* Form Elements Reset 
fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}*/

/* .credit — a source/attribution line under a piece. Reusable ON PURPOSE (owner, 2026-08-08:
   "nest it under credit, that way it's saved for future reuse"), so the next piece needing one
   inherits it instead of inventing another treatment.
   First use: Se-por-antonio-botto, whose credit was an <h2> with no rule covering it and so fell
   back to a browser default beside the verse. It was also the only <h2> on the site, and a screen
   reader announced a credit as a section heading. (2026-08-09) */
.credit {
    /* NO font-family, deliberately. The first version said `font-family: inherit`, assuming it
       would take the piece's face. It does not — inherit takes the PARENT's value, and <main>
       declares no face, so the credit rendered in Times New Roman while its sibling <p>s were in
       Libre Baskerville: the very defect this rule exists to remove. Declaring nothing is what
       works — .credit IS a <p>, so the piece's own `p` rule reaches it and the line comes out in
       that género's face, with no per-género copies.
       Same trap on the size: `0.62em` resolved against the parent's 16px default and gave 9.92px.
       This clamp is deliberately NOT tied to the verse: it is two steps, 13px below a 684px
       viewport and 16px above 842px. A credit wants to be small and quiet at any width, and tying
       it to a fluid body size would need each template to publish that size. (2026-08-09) */
    font-size: clamp(13px, 1.9vw, 16px);
    font-style: italic;
    line-height: 1.5;
    color: #75736f;
    margin: 2.2em 0 0;
}