/*
 * Scoped typography for legacy interpretation HTML fragments under
 * /timepassages/samples/*.html. Those files use 1990s-era <P>, <B>,
 * <H2>, and anchor-TOC markup; this stylesheet adapts them to the
 * site's current Bootstrap-based design without rewriting content.
 */

.interpretation-content {
    max-width: 720px;
    line-height: 1.65;
    font-size: 1rem;
    color: #222;
}

.interpretation-content h2 {
    margin-top: 2.25rem;
    margin-bottom: 0.75rem;
    font-size: 1.5rem;
    font-weight: 600;
    color: #1a1a1a;
}

.interpretation-content b,
.interpretation-content strong {
    font-weight: 600;
    color: #1a1a1a;
}

.interpretation-content p {
    margin-bottom: 1rem;
}

.interpretation-content a {
    color: #2a6496;
    text-decoration: underline;
}

.interpretation-content a:hover {
    color: #14375a;
}

/* Anchor-TOC links inside the interpretation should jump cleanly without
   being hidden behind the site's sticky header (if any). */
.interpretation-content a[name] {
    display: block;
    padding-top: 80px;
    margin-top: -80px;
}

/* Hide the sample reports' inline floated chart images — we render the
   chart at the page level, not inside the interpretation body. */
.interpretation-content > img,
.interpretation-content p > img {
    display: none;
}

/* "Back to top" arrow gif used in some legacy fragments — hide; we
   provide our own back-link. */
.interpretation-content img[alt="[Top]"] {
    display: none;
}