:root {
    --ink: #111111;
    --warning: #f5c400;
    --warning-dark: #d7aa00;
    --paper: #f4f4f1;
    --red: #b42318;
}

html { scroll-behavior: smooth; }
body { color: var(--ink); background: var(--paper); font-family: Arial, Helvetica, sans-serif; }
a { text-underline-offset: 3px; }
.fw-black { font-weight: 900; }
.py-lg-6 { padding-top: 6rem; padding-bottom: 6rem; }
.section-pad { padding: 5.5rem 0; }

.warning-header {
    background:
        repeating-linear-gradient(-45deg, #0f0f0f 0, #0f0f0f 18px, #1d1d1d 18px, #1d1d1d 36px);
}
.navbar-brand { letter-spacing: .12em; }
.nav-link { color: rgba(255,255,255,.82); font-weight: 700; text-transform: uppercase; font-size: .86rem; letter-spacing: .05em; }
.nav-link:hover, .nav-link:focus { color: var(--warning); }

.hero-warning {
    position: relative;
    overflow: hidden;
    background:
        linear-gradient(90deg, rgba(245,196,0,.96), rgba(245,196,0,.88)),
        repeating-linear-gradient(-45deg, transparent 0, transparent 22px, rgba(0,0,0,.08) 22px, rgba(0,0,0,.08) 44px);
}
.hero-warning::after {
    content: "WARNING";
    position: absolute;
    right: -1rem;
    bottom: -3rem;
    font-size: clamp(7rem, 18vw, 18rem);
    line-height: 1;
    font-weight: 900;
    color: rgba(0,0,0,.055);
    pointer-events: none;
}
.status-line { display: inline-block; padding: .5rem .75rem; background: #111; color: #fff; font-weight: 900; letter-spacing: .08em; }
.portrait-card { background: #111; border: 8px solid #111; box-shadow: 16px 16px 0 rgba(0,0,0,.16); }
.portrait-card img { aspect-ratio: 4 / 4.7; object-fit: cover; object-position: center top; }
.portrait-card figcaption { color: #ddd; padding: .85rem 1rem .25rem; font-size: .82rem; line-height: 1.45; }

.section-heading { max-width: 780px; margin-bottom: 2.5rem; }
.section-heading h2 { font-size: clamp(2rem, 4vw, 3.4rem); font-weight: 900; letter-spacing: -.035em; }
.eyebrow { text-transform: uppercase; letter-spacing: .13em; font-weight: 900; font-size: .8rem; color: var(--red); }
.section-heading-light .eyebrow { color: var(--warning); }

.fact-card, .source-summary, .legal-note { padding: 2rem; border: 1px solid #d8d8d2; background: #fff; }
.fact-card { border-left: 8px solid var(--warning); }
.fact-card h3, .source-summary h3, .legal-note h3 { font-weight: 900; }
.fact-date { font-weight: 900; text-transform: uppercase; letter-spacing: .08em; color: var(--red); }
.source-summary { background: #111; color: #fff; border: 0; }

.warning-panel { background: #151515; }
.warning-card { height: 100%; padding: 1.75rem; border: 1px solid rgba(255,255,255,.18); background: rgba(255,255,255,.04); }
.warning-card span { display: block; color: var(--warning); font-weight: 900; font-size: 2rem; margin-bottom: 1rem; }
.warning-card h3 { font-weight: 900; font-size: 1.25rem; }
.warning-card p { color: #d7d7d7; margin-bottom: 0; }

.legal-note { border: 0; border-top: 8px solid var(--warning); box-shadow: 0 16px 40px rgba(0,0,0,.08); }
.source-list .list-group-item { border-radius: 0; padding: 1.25rem 1.4rem; border-left: 6px solid transparent; }
.source-list .list-group-item:hover { border-left-color: var(--warning); background: #faf8ed; }
.source-list strong, .source-list span { display: block; }
.source-list span { margin-top: .35rem; color: #555; }

.contact-panel { background: var(--red); }
.contact-copy { max-width: 760px; }
.site-footer { background: #0c0c0c; color: #bcbcbc; font-size: .9rem; }

@media (max-width: 991.98px) {
    .section-pad { padding: 4rem 0; }
    .py-lg-6 { padding-top: 4rem; padding-bottom: 4rem; }
    .hero-warning::after { display: none; }
    .portrait-card { max-width: 520px; margin-inline: auto; box-shadow: 10px 10px 0 rgba(0,0,0,.14); }
}

@media (max-width: 575.98px) {
    .hero-warning { text-align: left; }
    .hero-warning .display-2 { font-size: 3rem; }
    .hero-warning .display-6 { font-size: 1.55rem; }
    .status-line { font-size: .76rem; line-height: 1.4; }
    .fact-card, .source-summary, .legal-note, .warning-card { padding: 1.35rem; }
    .portrait-card { border-width: 5px; box-shadow: 7px 7px 0 rgba(0,0,0,.14); }
}