.spacer-vertical-40 { height: 60px; }

body { margin: 0; font: 100%/1.625 -apple-system,'BlinkMacSystemFont','Segoe UI','Roboto','Helvetica','Arial',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol'; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-variant-numeric: normal; font-variant-east-asian: normal; font-weight: normal; font-stretch: normal; font-size: 100%; line-height: 1.625; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-family: -apple-system,'BlinkMacSystemFont','Segoe UI','Roboto','Helvetica','Arial',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol'; background-color: #312e37; }

body h1, body h2, body h3, body h4, body h5 { font-weight: 600; line-height: 1.2; color: white; }

body p, body ul, body ol { color: white; }

body a { text-decoration: none; }

body a:hover { text-decoration: underline; }

body .content { background-color: #403c47; }

body .content .content-centered { padding-top: 60px; margin-left: auto; margin-right: auto; max-width: 730px; padding-left: 20px; padding-right: 20px; padding-bottom: 20px; }

.main-nav { background-color: #312e37; display: flex; align-items: center; justify-content: end; padding: 0 16px; }

.main-nav .logo { margin: 10px 0; display: flex; color: white; align-items: center; min-width: 220px; }

.main-nav .logo h1 { margin: 0 0 0 16px; }

.main-nav .logo img { border-radius: 16px; height: 70px; }

.main-nav .links { display: flex; flex-wrap: wrap-reverse; flex-direction: row-reverse; align-items: center; justify-content: flex-start; flex-grow: 1; padding-left: 20px; overflow: hidden; height: 100px; }

.main-nav .links .empty { height: 100px; }

.main-nav .links a { color: white; padding-left: 20px; padding-right: 20px; height: 100px; display: flex; align-items: center; }

@media (max-width: 760px) { .main-nav .links a { padding-left: 13px; padding-right: 13px; } }

.main-nav .links .current { text-decoration: underline; }

.main-nav .expand-links-container { height: 100%; display: flex; justify-content: center; align-items: center; margin-left: 12px; }

.main-nav .expand-links { background: none; border: none; color: white; cursor: pointer; height: 40px; width: 40px; display: flex; justify-content: center; align-items: center; border-radius: 5px; }

.main-nav .expand-links:hover { background: #ffffff11; }

.sub-nav { overflow: hidden; display: flex; color: white; justify-content: flex-end; }

.sub-nav.opened, .sub-nav.closed { max-height: 0px; transition: max-height 0.3s ease-in-out; }

.sub-nav.opened { max-height: 200px; }

.sub-nav .section { margin-right: 40px; margin-bottom: 20px; }

.sub-nav .section h6 { font-size: 1em; margin: 0; }

.sub-nav .section a { display: block; font-size: 0.7em; margin-top: 4px; }

.sub-nav .links { display: flex; align-items: flex-end; flex-direction: column-reverse; padding-right: 30px; padding-bottom: 20px; font-size: 1.3rem; }

.sub-nav a { color: white; }

.post-summary-content { max-width: 730px; margin-left: 20px; margin-right: 20px; }

.post-summary-hero { background-color: #2e62a6; color: white; display: flex; justify-content: center; }

.post-summary-hero .post-summary-content { flex-grow: 1; padding-top: 60px; padding-bottom: 20px; }

.post-summary-hero .post-summary-content h2 { margin-top: 0px; margin-bottom: 0; }

.post-summary-hero .post-summary-content h2 a { font-size: 2rem; color: white; }

.post-summary-hero .post-summary-content .post-summary-meta { color: #0d2340; font-size: .8em; margin-bottom: 7px; margin-top: 0; }

.post-summary-hero .post-summary-content .post-summary-description { font-size: 1; }

.post-summary-hero .post-summary-content .post-summary-player { background-color: #fff; border-radius: 5px; padding: 10px; display: flex; align-items: center; margin-bottom: 20px; }

.post-summary-hero .post-summary-content .post-summary-player img { max-width: 100%; width: 90px; height: 90px; }

@media (max-width: 400px) { .post-summary-hero .post-summary-content .post-summary-player img { margin-right: 10px; width: 50px; height: 50px; } }

.post-summary-hero .post-summary-content .post-summary-player audio { flex-grow: 1; margin: 0 10px; }

.post-summary-hero .post-summary-content .post-summary-show-notes { color: #0d2340; }

.post-summary { display: flex; justify-content: center; }

.post-summary .post-summary-content { flex-grow: 1; display: flex; border-bottom: 1px solid #ddd; margin-top: 20px; padding-top: 20px; padding-bottom: 40px; }

.post-summary .post-summary-content h3 { margin-bottom: 0; margin-top: 0; }

.post-summary .post-summary-content img { margin-right: 20px; width: 100px; height: 100px; max-width: 100%; }

.post-summary .post-summary-content a { color: #312e37; font-size: 1.3rem; }

.post-summary .post-summary-content p { color: #000000cc; margin: 0; }

.post-summary .post-summary-content .post-summary-meta { color: #0d2340; font-size: .8em; margin-top: 0; margin-bottom: 5px; }

.pagination { max-width: 730px; margin-left: auto; margin-right: auto; margin-top: 20px; padding-left: 20px; padding-right: 20px; padding-bottom: 20px; display: flex; justify-content: space-between; align-items: center; }

.pagination .page_number { padding-left: 10px; padding-right: 10px; }

.pagination .next, .pagination .previous { min-width: 70px; padding-top: 8px; padding-bottom: 10px; text-align: center; font-size: 0.7rem; }

.pagination a.next, .pagination a.previous { background-color: #2e62a6; color: white; }

.pagination span.next, .pagination span.previous { background-color: #c8daf1; color: #677180; }

.post-title { margin-top: 0; margin-bottom: 5px; }

.post-meta { font-size: .8em; margin-bottom: 7px; margin-top: 0; }

.post-player { background-color: #ddd; border-radius: 5px; padding: 10px; display: flex; align-items: center; margin-bottom: 20px; }

.post-player img { margin-right: 20px; max-width: 100%; width: 90px; height: 90px; }

@media (max-width: 400px) { .post-player img { margin-right: 10px; width: 50px; height: 50px; } }

.post-player audio { flex-grow: 1; margin: 0 10px; }

.main-content { text-align: center; color: white; padding: 24px 16px; max-width: 600px; margin-right: auto; margin-left: auto; }

.main-content .main-hero { width: 100%; }

.main-content .app-store-button { margin-bottom: 32px; }

.main-content .presskit-video { position: relative; padding-bottom: 56.25%; /* 16:9 */ margin-top: 25px; height: 0; }

.main-content .presskit-video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.markdown-content { padding: 2px 16px 16px 16px; max-width: 600px; margin: 0 auto; }

.markdown-content a, .markdown-content h1 { color: #ab73ff; }

.markdown-content .presskit-video { position: relative; padding-bottom: 56.25%; /* 16:9 */ margin-top: 25px; height: 0; }

.markdown-content .presskit-video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.markdown-content img { width: 100%; }

.post-content h1 { margin-bottom: 4px; }

.post-content { border-bottom: 1px #ccc solid; padding-bottom: 40px; margin-bottom: 60px; }

.press-images { display: flex; flex-wrap: wrap; align-items: center; margin-bottom: 36px; }

.press-images a { margin: 2px 4px; }

.press-images img { max-height: 307px; max-width: 292px; }

.footer { display: flex; flex-direction: column; align-content: center; justify-content: center; padding: 15px 0; background-color: #312e37; color: #FFFFFF77; }

.footer .footer-links { display: flex; color: white; justify-content: center; margin-top: 12px; }

.footer .footer-links .section { margin: 0 40px; }

.footer .footer-links .section h6 { font-size: 0.8em; margin: 0; }

.footer .footer-links .section a { display: block; font-size: 0.7em; margin-top: 4px; color: white; }

.footer .signature { opacity: 0.5; }

.footer p { font-size: 0.7rem; text-align: center; margin-top: 24px; }

.page-not-found { text-align: center; padding-bottom: 20px; }

.support-group { background-color: #FFFFFF09; padding: 20px 20px 5px 20px; margin: 20px 0; border-radius: 20px; border: 1px solid #FFFFFF11; }

.support-group h3 { margin: 0; }

/*# sourceMappingURL=styles.css.map */