.earth-main { width: min(100% - 2rem, 1100px); margin: 0 auto; padding: clamp(2rem, 5vw, 5rem) 0; }
.earth-kicker { color: var(--accentMainStrong); font: 700 .75rem "Roboto Mono", monospace; letter-spacing: .15em; text-transform: uppercase; }
.earth-main h1 { max-width: 14ch; margin: .4rem 0 1rem; font: 900 clamp(2.7rem, 8vw, 5.5rem)/1.05 "Montserrat", sans-serif; }
.earth-intro { max-width: 65ch; color: #35443a; font-size: clamp(1.05rem, 2vw, 1.3rem); line-height: 1.6; }
.earth-article-body { max-width: 70ch; margin: 2rem 0; overflow-wrap: anywhere; }
.earth-article-body p { margin: 0 0 1.25rem; line-height: 1.75; }
.earth-article-body h2 { margin: 2rem 0 .8rem; line-height: 1.25; }
.earth-main section { margin-top: 3rem; }
.earth-main h2 { font: 800 clamp(1.4rem, 3vw, 2rem) "Montserrat", sans-serif; }
.earth-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr)); gap: 1rem; }
.earth-card, .earth-context { background: var(--bg-card); border: 1px solid var(--borderDim); border-radius: 12px; padding: 1.5rem; }
.earth-card h3 { margin: 0; font: 800 1.2rem/1.35 "Montserrat", sans-serif; }
.earth-card p { line-height: 1.55; }
.earth-provenance { color: var(--textMuted); font-size: .85rem; }
.earth-context a { display: inline-block; margin: .5rem 1.5rem .5rem 0; color: var(--accentMainStrong); font-weight: 700; }
.earth-main a:focus-visible { outline: 3px solid var(--accentBlue); outline-offset: 3px; }
.earth-filters { display: flex; flex-wrap: wrap; gap: 1rem; margin: 1rem 0 1.5rem; }
.earth-filters label { display: grid; gap: .35rem; font-weight: 700; }
.earth-filters select { min-height: 2.75rem; padding: .4rem .7rem; border-radius: 6px; }
.earth-filters input { min-height: 2.75rem; padding: .4rem .7rem; border: 1px solid #8a9a9b; border-radius: 6px; max-width: 100%; }
@media (max-width: 768px) { .earth-main { padding-top: 2rem; } }