:root { color-scheme: dark; --museum-ink: #f4efe4; --accent: #f0b44c; }
* { box-sizing: border-box; }
html { background: #000; }
body { margin: 0; min-height: 100vh; background: #000; color: #fff; font-family: "Times New Roman", Times, serif; }
.museum-bar { position: sticky; top: 0; z-index: 2; min-height: 68px; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 20px; padding: 12px clamp(18px, 4vw, 54px); border-bottom: 1px solid #34403d; background: rgba(18,24,23,.96); color: var(--museum-ink); font: 14px/1.25 Arial,sans-serif; backdrop-filter: blur(12px); }
.museum-bar a { color: var(--museum-ink); text-decoration: none; font-weight: 700; }
.museum-bar a:hover, .museum-bar a:focus-visible { color: var(--accent); }
.museum-bar div { text-align: center; }
.museum-bar strong, .museum-bar div span { display: block; }
.museum-bar div span { margin-top: 3px; color: #9eaaa7; font-size: 12px; }
.safe-badge { justify-self: end; padding: 6px 9px; border: 1px solid #53605c; border-radius: 999px; color: #c8ff63; font-size: 12px; }
.original-page { width: min(920px, calc(100% - 36px)); margin: 0 auto; padding: clamp(55px,9vw,110px) 0 80px; text-align: center; }
h1 { margin: 0 0 58px; font-weight: 400; line-height: .78; }
h1 span { display: block; color: #fff; font-family: Broadway, Impact, "Arial Black", sans-serif; font-size: clamp(68px,15vw,128px); letter-spacing: .02em; }
h1 em { display: block; margin-top: 24px; color: #f11; font-family: Magneto, "Brush Script MT", cursive; font-size: clamp(46px,9vw,72px); font-style: normal; font-weight: 700; }
.context { max-width: 590px; margin: 0 auto 34px; color: #aaa; font: 15px/1.6 Arial,sans-serif; }
.domain-list { margin: 0; padding: 0; list-style: none; color: #6da6ff; font-size: clamp(16px,2.1vw,19px); line-height: 1.65; text-decoration: underline; }
.domain-list li { overflow-wrap: anywhere; }
.domain-list a { color:#6da6ff; }
.domain-list a:hover,.domain-list a:focus-visible { color:#fff; }
.preservation-note { max-width: 670px; margin: 54px auto 0; padding-top: 24px; border-top: 1px solid #292929; color: #888; font: 13px/1.6 Arial,sans-serif; }
@media (max-width: 680px) { .museum-bar { grid-template-columns: 1fr auto; } .museum-bar div { display: none; } .safe-badge { font-size: 10px; } .original-page { padding-top: 60px; } h1 { margin-bottom: 42px; } }