:root {
    color-scheme: light;
    font-family: Arial, Helvetica, sans-serif;
    background: #fff;
    color: #000;
}

* { box-sizing: border-box; }
body { margin: 0; padding: 1rem 2vw 2rem; }
a { color: #000; font-family: monospace; }
ul { list-style: none; margin: 0; padding: 0; }
.recents { position: static; margin: 0 0 .75rem; width: min(20rem, 32vw); }
.recents ul { display: block; }
.teletype-link, .topic-link { display: block; font-family: Arial, Helvetica, sans-serif; font-size: .86rem; line-height: 1.25; text-decoration: none; }
.teletype-link:hover, .topic-link:hover { text-decoration: underline; }
.fresh { color: #000; }
.masthead { position: relative; padding: 1rem 0 .65rem; text-align: center; }
.masthead h1 { font-family: Arial, Helvetica, sans-serif; font-size: clamp(2.5rem, 8vw, 7rem); font-style: italic; letter-spacing: .08em; line-height: .9; margin: 0; text-decoration: none; text-shadow: -5px 5px 0 #808080; }
.hero { padding: 1rem 0; text-align: center; }
.hero-story { margin: .65rem auto; max-width: 66rem; }
.hero-link { display: inline-block; font-family: Arial, Helvetica, sans-serif; font-size: clamp(1.45rem, 3vw, 2.7rem); font-weight: 700; line-height: 1.02; text-decoration: underline; text-decoration-thickness: .08em; text-underline-offset: .1em; }
.hero-story.fresh .hero-link { color: #000; }
.topic-columns { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.topic-column { min-width: 0; padding: 0 1rem; }
.topic-column + .topic-column { border-left: 1px solid #000; }
.topic-section, .directory { border-bottom: 1px solid #000; padding: .9rem 0; }
.topic-link { font-family: Arial, Helvetica, sans-serif; font-size: .92rem; line-height: 1.25; padding: .16rem 0; }
.directory ul { display: grid; gap: .25rem; }
.directory a { font-family: monospace; font-size: .82rem; }
.admin { display: inline-block; font-family: monospace; margin-top: .8rem; }
footer { font-size: .75rem; margin-top: 1rem; padding-top: .5rem; }
footer img { display: none; }
@media (max-width: 48rem) {
    body { padding: .75rem 1rem 1.5rem; }
    .recents { width: min(18rem, 70vw); }
    .topic-columns { display: block; }
    .topic-column { padding: 0; }
    .topic-column + .topic-column { border-left: 0; }
    .hero-link { font-size: 1.55rem; }
}

.barometer-recents { margin: 0 0 .75rem; width: min(32rem, 48vw); }
.barometer-recents ul { display: grid; gap: .32rem; list-style: none; margin: 0; padding: 0; }
.barometer-recents .barometer-link { font-size: .82rem; font-weight: 400; line-height: 1.3; }
.barometer-masthead { padding: .45rem 0 .75rem; text-align: center; }
.barometer-masthead h1 { font-size: clamp(2.5rem, 8vw, 7rem); font-style: italic; line-height: .9; margin: 0; text-shadow: -5px 5px 0 #808080; }
.barometer-splash { border-bottom: 0; margin: .25rem 0 .4rem; padding: .65rem 1rem .8rem; text-align: center; }
.barometer-columns { border-top: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.barometer-column { min-width: 0; padding: 0 1rem; }
.barometer-column + .barometer-column { border-left: 1px solid #000; }
.barometer-column p { margin: 0; padding: .45rem 0; }
.barometer-divider { border: 0; border-top: 1px solid #000; margin: .18rem 0; }
.barometer-link { color: #000; font-family: monospace; font-size: .95rem; font-weight: 400; line-height: 1.12; }
.barometer-link:hover { text-decoration: underline; }
.barometer-link.normal { font-weight: 700; }
.barometer-link.large { font-size: 1.15rem; font-weight: 700; }
.barometer-link.splash { font-size: clamp(1.8rem, 4vw, 3.6rem); font-weight: 700; }
.barometer-splash .barometer-link { font-family: sans-serif; font-size: clamp(1.8rem, 4vw, 3.6rem); font-weight: 700; line-height: 1.02; text-decoration: underline; }
.barometer-link.tail { font-size: .95rem; font-weight: 400; }
.barometer-image { display: block; max-height: 7rem; max-width: 100%; object-fit: cover; }
.barometer-splash .barometer-image { height: clamp(320px, 34vw, 480px); margin: 0 auto 1.25rem; max-height: 480px; object-fit: cover; width: min(100%, 42rem); }
.barometer-footer { border-top: 1px solid #000; font-family: monospace; font-size: .75rem; margin-top: .8rem; padding: .5rem 0; }
.barometer-footer ul { display: grid; gap: .25rem; }
.barometer-footer a { font-family: monospace; font-weight: 400; }
.barometer-footer small, .view-counter { display: block; margin-top: .4rem; }
.barometer-footer.dws { border-top: 2px solid #000; margin-top: 1.5rem; max-width: 70rem; padding: .75rem 0; }
.barometer-footer.dws p { margin: 0 0 .5rem; }
.barometer-footer.dws small, .barometer-footer.dws a { display: block; margin-top: .5rem; }
.barometer-link.red { color: #ff0000; }
.barometer-link.siren { animation: barometer-siren 1s steps(2, end) infinite; }
@keyframes barometer-siren { 50% { color: #000; } }
@media (max-width: 48rem) {
    .barometer-recents { width: min(28rem, 90vw); }
    .barometer-columns { display: block; }
    .barometer-column { padding: 0; }
    .barometer-column + .barometer-column { border-left: 0; border-top: 1px solid #000; }
}