/* ---- Page content (article) ---- */
#page-content {
    display: none;
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
    padding: 0.5rem 1.5rem 4rem; /* sits a line below once revealed */
    line-height: 1.7;
    font-size: 1rem;
}
body.corner-mode #page-content {
    display: block;
}
#page-content h1 {
    font-size: 2.4rem;
    font-weight: 800;
    margin: 0 0 1rem;
}
#page-content h2 {
    font-size: 1.6rem;
    font-weight: 700;
    margin: 2.5rem 0 0.75rem;
}
#page-content p {
    margin: 0 0 1rem;
}
#page-content ol {
    margin: 0 0 1rem;
    padding-left: 1.5rem;
}
#page-content li {
    margin: 0.4rem 0;
}
#page-content ol.partners li {
    font-weight: 700;
}
#page-content a {
    font-weight: 700;
    color: #2b6ce5;
    text-decoration: none;
    border-bottom: 1px solid rgba(43, 108, 229, 0.4);
    transition: color .2s ease, border-color .2s ease;
}
#page-content a:hover {
    color: #1a4fb0;
    border-bottom-color: rgba(26, 79, 176, 0.6);
}
@media (prefers-color-scheme: dark) {
    #page-content a { color: #7aa8ff; border-bottom-color: rgba(122, 168, 255, 0.4); }
    #page-content a:hover { color: #5b86e0; border-bottom-color: rgba(91, 134, 224, 0.6); }
}
/* Selected (disabled) landsat: no hover expand */
#image-frame.selected:hover {
    transform: none;
    box-shadow: 0 12px 34px var(--shadow-color);
}