/* Research pages: shared styles for the long evidence pages.
   What this reaches: research/rtic-risks.html, research/city-frameworks.html and
   rtic/surveillance-news-roundup.html, which link it after shared-styles.css. Page-only rules
   (the city-frameworks matrix, for one) stay in that page's own <style>. The sticky header is
   styled only in shared-styles.css. */

/* Risk entries: a green bar on the left of each documented incident */
.risk-entry {
    border-left: 4px solid #6A994E;
    transition: border-color 0.2s ease;
}

.risk-entry:hover {
    border-left-color: #2E5339;
}

/* Section headers: a dark rule above each numbered section */
.category-header,
.city-section {
    border-top: 3px solid #2E5339;
}

/* "On This Page" contents links */
.toc-link {
    transition: all 0.2s ease;
    border: 1px solid #E5E7EB;
    background: #F9FAFB;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.toc-link::after {
    content: '→';
    color: #D1D5DB;
    transition: color 0.2s ease;
}

.toc-link:hover {
    border-color: #6A994E;
    background: rgba(106, 153, 78, 0.08);
}

.toc-link:hover::after {
    color: #6A994E;
}

/* "Section N" badges that tie a risk to our proposal */
.proposal-badge {
    background: rgba(46, 83, 57, 0.08);
    border: 1px solid rgba(46, 83, 57, 0.15);
}

@media print {
    .sticky-header,
    #header-placeholder,
    #footer-placeholder,
    .no-print {
        display: none !important;
    }

    .risk-entry,
    .city-section {
        break-inside: avoid;
    }

    body {
        font-size: 11pt;
    }
}