/* Changed these 3 to allow the article content to take up the full width of available space. Was 80%. */
.article .article__content article #content .sp-grid-cell>.mega-accordion,.article .article__content table #content .sp-grid-cell>.mega-accordion {
    max-width: 100%
}

.article .article__content article #content .sp-grid-cell>.panel-macro,.article .article__content table #content .sp-grid-cell>.panel-macro {
    font-size: 16px;
    max-width: 100%
}
.article .article__content article #content p,.article .article__content article #content ul,.article .article__content article #content ol,.article .article__content article #content>.panel-macro,.article .article__content article #content>.mega-accordion,.article .article__content table #content p,.article .article__content table #content ul,.article .article__content table #content ol,.article .article__content table #content>.panel-macro,.article .article__content table #content>.mega-accordion {
    max-width: 100%
    margin-bottom: calc(1* 1rem);
}

/* Add shadow to 'HEC-RAS 2025' splash screen to make it more legible on bright background  */
.hc-spaceHome-hero-font-color {
    color: #FFFFFF !important;
    text-shadow: 0 0 30px #000C34;
}

/* Article/Page title 
 Was "calc(2* 1rem) 0". Shrinking the vertical margins. First H1/H2 is really far down. 
 I really need to see how to get the "cell page" section from having crazy vertical margins
 -2 bottom margin pulls the page content upwards, looks nicer. Each H2 might have a bit too high margin, can play with it.
 QuickStart guide looks fine, I think it's the interaction of the page header with an instant H2 that kills us
*/
/* Default font size 32px */
.article .article__content article h1, .article .article__content table h1 {
    margin: 0 0 calc(1* 1rem) 0;
    font-size: 28px;
}

/* H2 coming in with a wild 4.5rem top/bottom here. That's what's pushing the intro so far down.
   Change to 2.5/1.5 so it's closer to the content below than above.
font-size: 1.5rem, appears to based off Default font size;
also appears you have to add the call to font-size, otherwise it's not taking
*/
.article .article__content article h2, .article .article__content table h2 {
    margin: calc(2.5* 1rem) 0 calc(1.5* 1rem) 0;
    font-size: 1.5rem;
}

/* h3 coming in 1/2 top/bottom.  */
.article .article__content article h3, .article .article__content table h3 {
    margin: calc(1.5* 1rem) 0 calc(1* 1rem) 0;
    font-size: 1.25rem;
}

/* h3 coming in as 1/2 */
.article .article__content article h4, .article .article__content table h4 {
    margin: calc(1.25* 1rem) 0 calc(.75* 1rem) 0;
}