/* Additions to the compiled Tailwind build in css/dist/tailwind.css. */

.skip-link {
    position: absolute;
    left: -9999px;
}

.skip-link:focus {
    position: static;
}

/* The header lines are no headings (each page has its own <h1>), but keep the
   shadow the old `header h1 span:first-of-type` rule gave them. */
.header-title span:first-of-type {
    text-shadow: 1px 1px 0 #3c4e93;
}

/* Aside headings are <h2> for a valid outline, styled as the former <h3>
   (red) and, with .aside-subheading, as the former <h4>. */
.prose aside h2 {
    color: #b91c1c !important;
    font-weight: 600;
    font-size: 1.25em;
    margin-top: 1.6em;
    margin-bottom: 0.6em;
    line-height: 1.6;
}

.prose aside h2.aside-subheading {
    color: #261a57 !important;
    font-size: 1em;
    margin-top: 1.5em;
    margin-bottom: 0.5em;
    line-height: 1.5;
}