/*
  page.css
  CMS (Template) pages. The page head comes from css/news/article-head.css and the white card and text
  styles from css/news/article-body.css. Needs css/base.css.
*/

.fm-template { padding-bottom: calc(var(--fm-gap) * 1.5); }

/* The banner sits inside the head, so keep it clear of the headline above it */
.fm-template__banner { margin-top: 1.5rem; }

/* Whatever the editor puts in the body can never push the page sideways */
.fm-template .fm-prose { overflow-wrap: anywhere; }
.fm-template .fm-prose img { max-width: 100%; height: auto; }
.fm-template .fm-prose table { display: block; max-width: 100%; overflow-x: auto; border-collapse: collapse; }
.fm-template .fm-prose iframe { max-width: 100%; }

/* Button added from Template.ButtonName / ButtonUrl */
.fm-template .fm-prose a.fm-template-button {
  display: inline-block; padding: 0.85rem 1.75rem;
  font-size: var(--fm-t-sm); font-weight: 700; line-height: 1.2; text-decoration: none;
  color: #fff; background: var(--fm-blue); border-radius: 999px;
}
.fm-template .fm-prose a.fm-template-button:hover { background: var(--fm-blue-deep); color: #fff; }