body,
html {
  color: #000000;
  margin: 0px;
  
}

body {
  background: #D0E8EA;
}


.embed {
  z-index:10;
  position:relative;
}

.substackEmbed {
  width:100%;
  margin-bottom:0;
  
}

.embedTop {
  background-color:#F8E7DD;
  padding-top:20px;
  margin-top:70vh
}

.embedTopInner {
  width:80%;
  max-width:370px;
  text-align:center;
  margin: 0 auto;
}

.publication-logo {
  width:50px;
  height:50px;
  margin-left:auto;
  margin-right:auto;
  display:block;
  margin-top:20px;
}

.publication-tagline {
  margin:0;
  opacity:.6;
}

.embedBottom {
  background-color:#F8E7DD;
  padding-top:40px;
  padding-bottom:40px;
  margin:0;
}

.post {
  width:80%;
  max-width:720px;
  margin:auto;
  font-family: 'Spectral', serif;
  color:#5e4e44;
  font-size:18px;
}


.alert {
  position:absolute;
  top:10px;
  padding:20px 20px 10px 20px;
  background-color:rgb(255,255,255,0.5);
  text-align:center;
  font-weight:bold;
  font-size:12px;
  width:90%;
  margin:auto;
  left:10px;
  right:10px;
  display:block;
}

a {
  text-decoration:solid;
  color:black;

}

.timeline a {
  background-color:rgb(255,255,255,.5)
}


.homeContainer {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width:100%;
}

.home {
  flex: 1;
  justify-content: center;
  align-items: center;
  margin: auto;
  text-align:center;
  width:100%;
}

.title {
  font-size:24px;
  font-weight:bold;
  margin-bottom:5px;
}

.description {
  color:gray;
  margin-bottom:5px;
}

.byline {
  font-size:14px;
  color:gray;
  background-color:none;
}

.byline a {
  color:gray;
  font-weight:bold;
  background-color:none;
}

.logo {
  font-size:18px;
  font-weight:bold;
  padding:20px;
  color:black;
  position:fixed;
  text-align:left;
  display:none;
  z-index:3;
}

.logo a {
  color:black;
  background-color:none;
}

.logoBackground {
  width:100%;
  height:60px;
  background-color:none;
  position:fixed;
  top:0;
  z-index:2;
  display:block;
  opacity:0
}

@media (min-width: 900px) { 
  .logoBackground {
    display:none;
  }
}

.why {
  color:gray;
  margin-top:15px;
  font-size:16px;
}

.why a {
  color:gray;
  background-color:none;
}

.timeline {
  width: 90%;
  max-width:750px;
  margin: 0 auto;
  padding-top:80px;
  padding-bottom:100px;
}

.refreshButton, .startButton {
  
  width:220px;
  margin-left: auto;
  margin-right:auto;
  background:#362A89;
  color:white;
  padding: 8px 28px;
  border-radius: 20px;
  line-height: 24px;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: .02em;
}

.refreshButton {
  position:fixed;
  bottom:40px;
  left:0;
  right:0;
  display:none;
  z-index:5;
}

.refreshButton:hover, .startButton:hover {
  background:black;
  opacity:1
}



iframe {
  max-width:100%;
}

h1 {
  font-size: 16px;
  margin: 0;
  padding: 0;
}


.headline {
  font-size:36px;
  font-weight:bold;
  line-height:1.1;
  margin-bottom:10px;
  text-decoration: none;
  color:black
}
.subtitle {
  font-size: 18px;
  line-height:1.1;
  color:grey;
}
.author, .dateline {
  font-size: 14px;
  color:black;
}

.author {
  margin-top:10px;
}

.dateline {
  margin-bottom:40px;
}

#sidebar {
  width: 20vw;
  float: left;
  display: inline-block;
  height: 100vh;
}
/* main {
   width: 960px;
  margin-top: 20vh;
  float: left;
  height: 100vh;
  display: inline-block;
} */
iframe {
  border: 0;
}

img {
  height:auto;
  max-width:100%;
}

form {
  display:none
}

.button-wrapper {
  display:none;
}

blockquote.twitter-tweet {
  display: inline-block;
  font-family: "Helvetica Neue", Roboto, "Segoe UI", Calibri, sans-serif;
  font-size: 12px;
  font-weight: bold;
  line-height: 16px;
  border-color: #eee #ddd #bbb;
  border-radius: 5px;
  border-style: solid;
  border-width: 1px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
  margin: 10px 5px;
  padding: 0 16px 16px 16px;
  max-width: 468px;
}

blockquote.twitter-tweet p {
  font-size: 16px;
  font-weight: normal;
  line-height: 20px;
}

blockquote.twitter-tweet a {
  color: inherit;
  font-weight: normal;
  text-decoration: none;
  outline: 0 none;
}

blockquote.twitter-tweet a:hover,
blockquote.twitter-tweet a:focus {
  text-decoration: underline;
}



.card h1 {
   font-size: 12px;
}
.card img {
  border-radius: 4px;
}
.card {
  clear:both;
  width: 340px;
        margin: 8px 0px;
  
}

.card.article:hover a,
.card.article:hover {
    font-weight: 800;
    color: #FDD758;
}

.typography .markup .tweet,.typography.editor .markup .tweet {
    background: #ffffff;
    display: block;
    max-width: 520px;
    margin: 1em auto;
    border: 1px solid #e1e8ed;
    direction: ltr;
    border-radius: 5px;
    padding: 20px 20px 11.6px;
    font: 16px/1.4 Helvetica,Roboto,'Segoe UI',Calibri,sans-serif
}

.typography .markup .tweet>a,.typography.editor .markup .tweet>a {
    display: block;
    white-space: pre-wrap
}

.typography .markup .tweet .tweet-header,.typography.editor .markup .tweet .tweet-header {
    display: block;
    margin-bottom: 14px;
    line-height: 1.2;
}

.typography .markup .tweet .tweet-header .tweet-author-name,.typography.editor .markup .tweet .tweet-header .tweet-author-name {
    display: block;
    color: #1c2022;
    font-weight: 700
}

.typography .markup .tweet .tweet-header .tweet-author,.typography.editor .markup .tweet .tweet-header .tweet-author {
    display: block;
    color: #697882;
    font-size: 14px
}

.typography .markup .tweet .tweet-header img,.typography.editor .markup .tweet .tweet-header img {
    float: left;
    display: block;
    margin: 0 8px 0 0;
    width: 36px;
    height: 36px;
    border-radius: 50%
}

.typography .markup .tweet .tweet-video-wrapper,.typography.editor .markup .tweet .tweet-video-wrapper {
    cursor: pointer
}

.typography .markup .tweet .tweet-video,.typography.editor .markup .tweet .tweet-video {
    margin-top: 8px;
    border: 1px solid #e1e8ed;
    border-radius: 5px;
    cursor: pointer;
    width: 100%;
    height: auto
}

.typography .markup .tweet .tweet-photo,.typography.editor .markup .tweet .tweet-photo {
    height: 100%;
    width: 100%;
    object-fit: cover;
    border-radius: 5px
}

.typography .markup .tweet .tweet-photos-container,.typography.editor .markup .tweet .tweet-photos-container {
    display: flex;
    height: 350px
}

.typography .markup .tweet .tweet-photos-column,.typography.editor .markup .tweet .tweet-photos-column {
    width: 50%;
    padding: 0 3px
}

.typography .markup .tweet .tweet-photo-wrapper,.typography.editor .markup .tweet .tweet-photo-wrapper {
    width: 100%;
    height: 100%;
    border: 1px solid #e1e8ed;
    border-radius: 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.typography .markup .tweet .half-height-container,.typography.editor .markup .tweet .half-height-container {
    height: 50%
}

.typography .markup .tweet a.expanded-link,.typography.editor .markup .tweet a.expanded-link {
    display: block;
    border: 1px solid #e1e8ed;
    border-radius: 10px;
    margin: 10px 0 20px;
    font-size: 14px;
    color: #000
}

.typography .markup .tweet a.expanded-link .expanded-link-img,.typography.editor .markup .tweet a.expanded-link .expanded-link-img {
    margin: 0 auto;
    border-radius: 10px 10px 0 0;
    cursor: pointer;
    width: auto;
    max-width: 100%
}

.typography .markup .tweet a.expanded-link .expanded-link-description,.typography .markup .tweet a.expanded-link .expanded-link-domain,.typography .markup .tweet a.expanded-link .expanded-link-title,.typography.editor .markup .tweet a.expanded-link .expanded-link-description,.typography.editor .markup .tweet a.expanded-link .expanded-link-domain,.typography.editor .markup .tweet a.expanded-link .expanded-link-title {
    display: block;
    padding: 2px 10px
}

.typography .markup .tweet a.expanded-link .expanded-link-title,.typography.editor .markup .tweet a.expanded-link .expanded-link-title {
    font-weight: 700;
    margin-top: 10px
}

.typography .markup .tweet a.expanded-link .expanded-link-description,.typography.editor .markup .tweet a.expanded-link .expanded-link-description {
    line-height: 18px
}

.typography .markup .tweet a.expanded-link .expanded-link-domain,.typography.editor .markup .tweet a.expanded-link .expanded-link-domain {
    color: #8899a6;
    text-transform: lowercase;
    margin-bottom: 6px
}

.typography .markup .tweet .tweet-fake-link,.typography .markup .tweet .tweet-url,.typography.editor .markup .tweet .tweet-fake-link,.typography.editor .markup .tweet .tweet-url {
    color: #1ca1f2;
    text-decoration: none
}

.typography .markup .tweet p,.typography.editor .markup .tweet p {
    display: block;
    margin: 0;
    color: #1c2022;
    font-size: 16px;
    line-height: 1.4
}

.typography .markup .tweet p a,.typography.editor .markup .tweet p a {
    color: #2b7bb9;
    text-decoration: none;
    outline: 0
}

.typography .markup .tweet .quoted-tweet,.typography.editor .markup .tweet .quoted-tweet {
    margin-top: 12px;
    border: 1px solid #e1e8ed;
    border-radius: 4px;
    padding: 10px;
    font-size: 14px;
    line-height: 18px
}

.typography .markup .tweet .quoted-tweet .quote-tweet-name,.typography.editor .markup .tweet .quoted-tweet .quote-tweet-name {
    font-size: 14px;
    font-weight: 700;
    display: inline-block;
    color: #1c2022;
    padding-right: 5px
}

.typography .markup .tweet .quoted-tweet .quote-tweet-username,.typography.editor .markup .tweet .quoted-tweet .quote-tweet-username {
    font-size: 14px;
    color: #697882
}

.typography .markup .tweet .tweet-footer,.typography.editor .markup .tweet .tweet-footer {
    display: block;
    margin-top: 10px;
    font-size: 14px;
    color: #697882;
    text-decoration: none
}

.typography .markup .tweet .tweet-footer .tweet-date,.typography.editor .markup .tweet .tweet-footer .tweet-date {
    padding-bottom: 10px;
    border-bottom: 1px solid #e1e8ed;
    margin-bottom: 10px;
    font-size: 14px;
    color: #697882
}

.typography .markup .tweet .tweet-footer .tweet-date.no-reactions,.typography.editor .markup .tweet .tweet-footer .tweet-date.no-reactions {
    border-bottom: none
}

.typography .markup .tweet .tweet-footer .likes,.typography .markup .tweet .tweet-footer .retweets,.typography.editor .markup .tweet .tweet-footer .likes,.typography.editor .markup .tweet .tweet-footer .retweets {
    display: inline-block;
    margin-right: 8px
}

.typography .markup .tweet .tweet-footer .like-count,.typography .markup .tweet .tweet-footer .rt-count,.typography.editor .markup .tweet .tweet-footer .like-count,.typography.editor .markup .tweet .tweet-footer .rt-count {
    font-weight: 700;
    color: #1c2022
}

.typography .markup .instagram,.typography.editor .markup .instagram {
    direction: ltr;
    background-color: #fff;
    position: relative;
    margin: 2em auto;
    max-width: 342px;
    border: 1px solid #dbdbdb;
    border-radius: 3px;
    font-family: -apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
    font-size: 14px
}

.typography .markup .instagram .instagram-top-bar,.typography.editor .markup .instagram .instagram-top-bar {
    padding: 7px 10px;
    height: 30px;
    line-height: 30px
}

.typography .markup .instagram .instagram-top-bar .instagram-author-image,.typography.editor .markup .instagram .instagram-top-bar .instagram-author-image {
    display: inline-block;
    margin-right: 10px
}

.typography .markup .instagram .instagram-top-bar .instagram-author-image img,.typography.editor .markup .instagram .instagram-top-bar .instagram-author-image img {
    display: inline-block;
    height: 30px;
    width: 30px;
    border-radius: 15px
}

.typography .markup .instagram .instagram-top-bar a.instagram-author-name,.typography.editor .markup .instagram .instagram-top-bar a.instagram-author-name {
    vertical-align: top;
    font-weight: 600;
    text-decoration: none
}

.typography .markup .instagram .instagram-image img,.typography.editor .markup .instagram .instagram-image img {
    width: 100%
}

.typography .markup .instagram .instagram-bottom-bar,.typography.editor .markup .instagram .instagram-bottom-bar {
    padding: 10px
}

.typography .markup .instagram .instagram-bottom-bar .instagram-title,.typography.editor .markup .instagram .instagram-bottom-bar .instagram-title {
    line-height: 18px
}

.typography .markup .instagram .instagram-bottom-bar .instagram-title a,.typography.editor .markup .instagram .instagram-bottom-bar .instagram-title a {
    color: #003569;
    text-decoration: none
}

.typography .footnote a:hover,.typography .markup .instagram .instagram-bottom-bar .instagram-title a:hover,.typography a.footnote-anchor:hover,.typography.editor .footnote a:hover,.typography.editor .markup .instagram .instagram-bottom-bar .instagram-title a:hover,.typography.editor a.footnote-anchor:hover {
    text-decoration: underline
}

.typography .markup .instagram .instagram-bottom-bar .instagram-timestamp,.typography.editor .markup .instagram .instagram-bottom-bar .instagram-timestamp {
    margin-top: 4px;
    color: #999;
    font-size: 10px;
    text-transform: uppercase
}

.typography .markup .button-wrapper,.typography.editor .markup .button-wrapper {
    text-align: center
}

@media print {
    .typography .markup .button-wrapper,.typography.editor .markup .button-wrapper {
        display: none
    }
}

.typography .markup .button-wrapper .button,.typography.editor .markup .button-wrapper .button {
    padding: 12px 20px;
    height: auto;
    text-decoration: none
}

.typography .markup .apple-podcast-container,.typography.editor .markup .apple-podcast-container {
    width: 500px;
    margin: 0 auto 16px
}

@media screen and (max-width: 540px) {
    .typography .markup .apple-podcast-container,.typography.editor .markup .apple-podcast-container {
        width:unset
    }
}

.typography .post-editor .apple-podcast,.typography.editor .post-editor .apple-podcast {
    pointer-events: none
}

.typography .markup .apple-podcast,.typography.editor .markup .apple-podcast {
    width: 100%;
    height: 175px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 16px
}

.typography .markup .apple-podcast.episode-list,.typography.editor .markup .apple-podcast.episode-list {
    height: 450px
}

.single-post .share-button-container a.comment,.typography .markup .audio-embed-static-outer,.typography.editor .markup .audio-embed-static-outer {
    text-decoration: none
}

.typography .markup .audio-embed-static-outer .audio-embed-static,.typography.editor .markup .audio-embed-static-outer .audio-embed-static {
    margin-bottom: 16px
}

.typography .markup .audio-embed-static-outer:last-child .audio-embed-static,.typography.editor .markup .audio-embed-static-outer:last-child .audio-embed-static {
    margin-bottom: 0
}

.typography .markup .audio-embed-static,.typography.editor .markup .audio-embed-static {
    min-width: 340px;
    min-height: 96px;
    border: 1px solid #d8d8d8;
    border-radius: 4px;
    border-collapse: separate;
    border-spacing: 12px;
    margin: 0 auto 16px
}

.typography .markup .audio-embed-static:last-child.typography .markup .audio-embed-static:not(:only-child),.typography .markup .audio-embed-static:last-child.typography.editor .markup .audio-embed-static:not(:only-child),.typography.editor .markup .audio-embed-static:last-child.typography .markup .audio-embed-static:not(:only-child),.typography.editor .markup .audio-embed-static:last-child.typography.editor .markup .audio-embed-static:not(:only-child) {
    margin-bottom: 0
}

.typography .markup .audio-embed-static .thumbnail-container,.typography.editor .markup .audio-embed-static .thumbnail-container {
    padding: 0;
    margin: 0;
    width: 72px;
    height: 72px;
    vertical-align: top
}

.typography .markup .audio-embed-static .thumbnail-container .play-container,.typography.editor .markup .audio-embed-static .thumbnail-container .play-container {
    max-height: 0;
    position: relative;
    opacity: .999
}

.typography .markup .audio-embed-static .thumbnail-container .play-container .play,.typography.editor .markup .audio-embed-static .thumbnail-container .play-container .play {
    margin: 16px;
    width: 40px;
    height: 40px;
    display: inline-block
}

.typography .markup .audio-embed-static .thumbnail-container .thumbnail,.typography.editor .markup .audio-embed-static .thumbnail-container .thumbnail {
    height: 72px;
    width: 72px
}

.typography .markup .audio-embed-static .audio-details,.typography.editor .markup .audio-embed-static .audio-details {
    font-family: 'SF Pro Display',-apple-system,BlinkMacSystemFont,'Inter','Segoe UI',Roboto,Helvetica,Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol';
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased;
    letter-spacing: -.012em;
    text-decoration: none;
    padding-top: 4px;
    vertical-align: top
}

.typography .markup .audio-embed-static .audio-details p,.typography.editor .markup .audio-embed-static .audio-details p {
    margin: 0;
    font-size: 14px;
    line-height: 150%;
    font-weight: 400;
    vertical-align: middle
}

.typography .markup .audio-embed-static .audio-details .title,.typography.editor .markup .audio-embed-static .audio-details .title {
    font-weight: 700;
    color: #1c110b
}

.typography .markup .audio-embed-static .audio-details .subtitle,.typography.editor .markup .audio-embed-static .audio-details .subtitle {
    color: #666
}

.typography .markup .audio-embed-static .audio-details .metadata,.typography.editor .markup .audio-embed-static .audio-details .metadata {
    color: #a7a7a7
}

.typography .markup .referral-link,.typography.editor .markup .referral-link {
    text-align: center
}

.typography .markup .referral-link .button,.typography.editor .markup .referral-link .button {
    padding: 12px 20px;
    height: auto
}

.typography .markup .install-substack-app-embed,.typography.editor .markup .install-substack-app-embed {
    border-radius: 8px;
    border: 1px solid #e0e0e0;
    padding: 16px;
    max-width: 582px;
    margin: 0 auto 15px;
    position: relative;
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start
}

@media (max-width: 420px) {
    .typography .markup .install-substack-app-embed,.typography.editor .markup .install-substack-app-embed {
        display:block
    }
}

.typography .markup .install-substack-app-embed img.install-substack-app-embed-img,.typography.editor .markup .install-substack-app-embed img.install-substack-app-embed-img {
    height: 64px;
    width: 64px;
    margin: 0 16px 0 0;
    max-width: 64px
}

@media (max-width: 420px) {
    .typography .markup .install-substack-app-embed img.install-substack-app-embed-img,.typography.editor .markup .install-substack-app-embed img.install-substack-app-embed-img {
        margin:0 auto
    }
}

.typography .markup .install-substack-app-embed .install-substack-app-embed-text,.typography.editor .markup .install-substack-app-embed .install-substack-app-embed-text {
    flex: 1 1 200px;
    margin-right: 16px;
    font-family: 'SF Pro Display',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol'
}

@media screen and (min-width: 420px) and (max-width:525px) {
    .typography .markup .install-substack-app-embed .install-substack-app-embed-text,.typography.editor .markup .install-substack-app-embed .install-substack-app-embed-text {
        max-width:calc(100% - 100px);
        width: initial
    }
}

@media (max-width: 420px) {
    .typography .markup .install-substack-app-embed .install-substack-app-embed-text,.typography.editor .markup .install-substack-app-embed .install-substack-app-embed-text {
        margin-bottom:16px;
        max-width: 100%;
        width: auto
    }
}

.typography .markup .install-substack-app-embed .install-substack-app-header,.typography.editor .markup .install-substack-app-embed .install-substack-app-header {
    font-family: 'SF Pro Display',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol';
    color: var(--print_on_web_bg_color, #1a1a1a);
    font-size: 16px;
    line-height: 20px;
    font-weight: 700
}

.typography .markup .install-substack-app-embed td.install-substack-app-header,.typography.editor .markup .install-substack-app-embed td.install-substack-app-header {
    width: 360px
}

.typography .markup .install-substack-app-embed .install-substack-app-text,.typography.editor .markup .install-substack-app-embed .install-substack-app-text {
    font-family: 'SF Pro Display',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol';
    color: var(--print_secondary, var(--print_secondary_on_web_bg_color, var(--print_secondary, #666666)));
    font-size: 14px;
    line-height: 20px;
    font-weight: 400
}

.typography .markup .install-substack-app-embed .install-substack-app-embed-link,.typography.editor .markup .install-substack-app-embed .install-substack-app-embed-link {
    width: 120px
}

@media (max-width: 525px) {
    .typography .markup .install-substack-app-embed .install-substack-app-embed-link,.typography.editor .markup .install-substack-app-embed .install-substack-app-embed-link {
        margin-top:16px;
        width: 100%
    }
}

.typography .markup .install-substack-app-embed .install-substack-app-embed-btn,.typography.editor .markup .install-substack-app-embed .install-substack-app-embed-btn {
    width: 100%;
    height: 40px;
    background: var(--background_pop);
    border: 1px solid var(--background_pop);
    border-radius: 4px;
    font-size: 14px;
    line-height: 21px;
    font-weight: 600;
    cursor: pointer;
    color: var(--print_on_pop)
}

.typography hr,.typography.editor hr {
    margin: 48px 0;
    padding: 0;
    height: 1px;
    background: var(--border_subtle);
    border: 0
}

.typography.editor.thread-head .markup,.typography.editor.thread-post-editor .markup,.typography.thread-head .markup,.typography.thread-post-editor .markup {
    font-size: 15px;
    font-family: var(--font_family_ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol')
}

.typography.editor.thread-head .markup p,.typography.editor.thread-post-editor .markup p,.typography.thread-head .markup p,.typography.thread-post-editor .markup p {
    font-size: 15px;
    line-height: 1.42em
}

.typography .paywall-jump,.typography.editor .paywall-jump {
    display: none
}

.typography .paywall-editor,.typography.editor .paywall-editor {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between
}

.typography .paywall-editor hr,.typography.editor .paywall-editor hr {
    width: 100%;
    background-color: #d8d8d8
}

.typography .paywall-editor hr:first-of-type,.typography.editor .paywall-editor hr:first-of-type {
    margin-right: 16px
}

.typography .paywall-editor hr:last-of-type,.typography.editor .paywall-editor hr:last-of-type {
    margin-left: 16px
}

.typography .paywall-editor .paywall-editor-pill,.typography.editor .paywall-editor .paywall-editor-pill {
    font-family: var(--font_family_ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol');
    min-width: 234px;
    background-color: #f8f8f8;
    font-weight: 600;
    font-size: 14px;
    padding: 10px 14px 10px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--print_secondary, #666666);
    border: solid 1px #d8d8d8;
    border-radius: 4px
}

.typography .paywall-editor .paywall-editor-pill .paywall-editor-pill-icon-container,.typography.editor .paywall-editor .paywall-editor-pill .paywall-editor-pill-icon-container {
    position: relative;
    height: 0;
    margin-left: 8px
}

.typography .paywall-editor .paywall-editor-pill .paywall-editor-pill-icon-container svg,.typography.editor .paywall-editor .paywall-editor-pill .paywall-editor-pill-icon-container svg {
    position: absolute;
    top: -10px
}

.typography .footnote-anchor,.typography.editor .footnote-anchor {
    vertical-align: super;
    line-height: 0;
    font-size: 14px
}

.typography .footnote,.typography.editor .footnote {
    display: flex;
    border-top: solid 1px var(--border_subtle);
    padding-top: 1.5em;
    font-size: 90%;
    flex-direction: row;
    align-items: baseline
}

.typography .footnote~.footnote,.typography.editor .footnote~.footnote {
    border-top: none;
    padding-top: 0
}

.typography .footnote .footnote-number,.typography.editor .footnote .footnote-number {
    display: block;
    margin-right: 6px;
    min-width: 24px
}

.typography .footnote .footnote-content,.typography.editor .footnote .footnote-content {
    display: block
}

.typography .captioned-image-container,.typography.editor .captioned-image-container {
    text-align: center;
    margin-bottom: 16px
}

.typography .captioned-image-container:last-child,.typography.editor .captioned-image-container:last-child {
    margin-bottom: 0
}

.typography .captioned-image-container figure,.typography .captioned-image-container-static figure,.typography.editor .captioned-image-container figure,.typography.editor .captioned-image-container-static figure {
    width: 100%;
    display: inline-block;
    margin: 0 auto
}

.typography .captioned-image-container figcaption,.typography.editor .captioned-image-container figcaption {
    color: var(--print_secondary, #666666);
    font-family: sans-serif;
    text-align: center;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.4em;
    margin-top: 10px;
    width: 70%;
    padding-left: 15%;
    padding-right: 15%
}

.typography .captioned-image-container figcaption a,.typography.editor .captioned-image-container figcaption a {
    color: #1a1a1a
}

.typography .captioned-image-container-static,.typography.editor .captioned-image-container-static {
    text-align: center;
    margin-bottom: 16px
}

.typography .captioned-image-container-static:last-child,.typography.editor .captioned-image-container-static:last-child {
    margin-bottom: 0
}

.typography .captioned-image-container-static img,.typography.editor .captioned-image-container-static img {
    margin-bottom: 0
}

.typography .captioned-image-container-static figcaption,.typography.editor .captioned-image-container-static figcaption {
    color: var(--print_secondary, #666666);
    font-family: sans-serif;
    text-align: center;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.4em
}

.typography .github-gist,.typography.editor .github-gist {
    white-space: normal
}

.typography .github-gist.static .blob-code,.typography.editor .github-gist.static .blob-code {
    text-align: left;
    line-height: 20px;
    border: 0
}

.typography .github-gist.static .blob-code-inner,.typography.editor .github-gist.static .blob-code-inner {
    font-family: SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;
    font-size: 12px;
    color: #24292e;
    word-wrap: normal
}

.typography .github-gist.static .gist td,.typography.editor .github-gist.static .gist td {
    vertical-align: baseline
}

.typography .github-gist.static .gist td.blob-num[data-line-number],.typography.editor .github-gist.static .gist td.blob-num[data-line-number] {
    word-break: normal
}

.typography .github-gist.static .gist td:not(.blob-num[data-line-number]),.typography.editor .github-gist.static .gist td:not(.blob-num[data-line-number]) {
    min-width: 3000px
}

.typography .github-gist.static .gist pre,.typography.editor .github-gist.static .gist pre {
    width: 3000px;
    position: static;
    display: inline-block;
    background: inherit;
    outline: 0;
    margin: 0;
    font-family: SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;
    padding: 0;
    white-space: pre
}

.typography .github-gist.static .gist .pl-e,.typography .github-gist.static .gist .pl-en,.typography.editor .github-gist.static .gist .pl-e,.typography.editor .github-gist.static .gist .pl-en {
    color: #6f42c1
}

.typography .github-gist.static .gist .pl-k,.typography.editor .github-gist.static .gist .pl-k {
    color: #d73a49
}

.typography .github-gist.static .gist .pl-pds,.typography .github-gist.static .gist .pl-s,.typography .github-gist.static .gist .pl-s .pl-pse .pl-s1,.typography .github-gist.static .gist .pl-sr,.typography .github-gist.static .gist .pl-sr .pl-cce,.typography .github-gist.static .gist .pl-sr .pl-sra,.typography .github-gist.static .gist .pl-sr .pl-sre,.typography.editor .github-gist.static .gist .pl-pds,.typography.editor .github-gist.static .gist .pl-s,.typography.editor .github-gist.static .gist .pl-s .pl-pse .pl-s1,.typography.editor .github-gist.static .gist .pl-sr,.typography.editor .github-gist.static .gist .pl-sr .pl-cce,.typography.editor .github-gist.static .gist .pl-sr .pl-sra,.typography.editor .github-gist.static .gist .pl-sr .pl-sre {
    color: #032f62
}

.typography .github-gist.static .gist .gist-data,.typography.editor .github-gist.static .gist .gist-data {
    overflow: auto
}

.typography .github-gist.static .gist .gist-file,.typography.editor .github-gist.static .gist .gist-file {
    margin-bottom: 1em;
    font-family: SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;
    border: 1px solid;
    border-color: #ddd #ddd #ccc;
    border-radius: 6px
}

.typography .github-gist.static .gist .gist-meta,.typography.editor .github-gist.static .gist .gist-meta {
    padding: 10px;
    overflow: hidden;
    font-family: Segoe UI,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji;
    font-size: 12px;
    color: #586069;
    background-color: #f7f7f7;
    border-radius: 0 0 6px 6px
}

.typography .github-gist.static .gist .gist-meta a,.typography.editor .github-gist.static .gist .gist-meta a {
    text-decoration: none;
    color: #666;
    font-weight: 600
}

.typography .github-gist.static .gist .blob-num[data-line-number],.typography.editor .github-gist.static .gist .blob-num[data-line-number] {
    padding-right: 10px;
    padding-left: 10px;
    font-size: 12px;
    font-family: SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace
}

.typography .body,.typography.editor .body {
    width: 100%
}

.typography .ellipsized-span,.typography.editor .ellipsized-span {
    display: inline-block;
    max-width: 200px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.typography a.footnote-anchor+.ProseMirror-separator,.typography.editor a.footnote-anchor+.ProseMirror-separator {
    display: none!important
}

.typography .page-title,.typography .subtitle,.typography h1,.typography h2,.typography h3,.typography h4,.typography h5,.typography h6,.typography.editor .page-title,.typography.editor .subtitle,.typography.editor h1,.typography.editor h2,.typography.editor h3,.typography.editor h4,.typography.editor h5,.typography.editor h6 {
    font-family: var(--font_family_headings, var(--font_family_headings_preset, 'SF Compact Display', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'));
    font-weight: var(--font_weight_headings_preset, bold);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased
}

.typography .page-title,.typography.editor .page-title {
    color: #1a1a1a
}

.typography .subtitle,.typography h1,.typography h2,.typography h3,.typography h4,.typography h5,.typography h6,.typography.editor .subtitle,.typography.editor h1,.typography.editor h2,.typography.editor h3,.typography.editor h4,.typography.editor h5,.typography.editor h6 {
    line-height: 1.16em
}

.typography .subtitle,.typography.editor .subtitle {
    color: #1a1a1a
}

.typography h1,.typography h2,.typography h3,.typography h4,.typography h5,.typography h6,.typography.editor h1,.typography.editor h2,.typography.editor h3,.typography.editor h4,.typography.editor h5,.typography.editor h6 {
    margin: 1em 0 .625em
}

.typography .page-title,.typography h1.title,.typography.editor .page-title,.typography.editor h1.title {
    margin: .378em 0 0;
    font-size: 40px;
    line-height: 1.1em
}

.typography .page-title a,.typography h1.title a,.typography.editor .page-title a,.typography.editor h1.title a {
    text-decoration: none;
    color: #1a1a1a
}

.typography .page-title a:hover,.typography h1.title a:hover,.typography.editor .page-title a:hover,.typography.editor h1.title a:hover {
    text-decoration: underline
}

.typography .page-title a.small,.typography h1.title a.small,.typography.editor .page-title a.small,.typography.editor h1.title a.small {
    font-size: 12px;
    line-height: 12px
}

.typography .body>h1:first-child,.typography .page-title,.typography.editor .body>h1:first-child,.typography.editor .page-title {
    margin: 0 0 1em
}

.typography h1,.typography.editor h1 {
    font-size: 2em
}

.typography h2,.typography.editor h2 {
    font-size: 1.625em
}

.typography h3,.typography.editor h3 {
    font-size: 1.375em
}

.typography h4,.typography.editor h4 {
    font-size: 1.125em
}

.typography .subtitle,.typography.editor .subtitle {
    color: var(--print_secondary, #666666);
    font-weight: 400;
    font-size: 19px;
    margin: 4px 0 0
}

.typography p,.typography.editor p {
    line-height: 1.6em;
    margin: 0 0 1em
}

.typography p.no-margin,.typography.editor p.no-margin {
    margin: 0
}

.typography .markup table.image-wrapper td,.typography .markup table.kindle-wrapper td,.typography p.centered,.typography.editor .markup table.image-wrapper td,.typography.editor .markup table.kindle-wrapper td,.typography.editor p.centered {
    text-align: center
}

.typography h1,.typography h2,.typography h3,.typography h4,.typography h5,.typography h6,.typography p,.typography.editor h1,.typography.editor h2,.typography.editor h3,.typography.editor h4,.typography.editor h5,.typography.editor h6,.typography.editor p {
    color: #1a1a1a
}

.typography h1 a,.typography h2 a,.typography h3 a,.typography h4 a,.typography h5 a,.typography h6 a,.typography p a,.typography.editor h1 a,.typography.editor h2 a,.typography.editor h3 a,.typography.editor h4 a,.typography.editor h5 a,.typography.editor h6 a,.typography.editor p a {
    color: #1a1a1a;
    text-decoration: underline
}

.typography h1 a:active,.typography h2 a:active,.typography h3 a:active,.typography h4 a:active,.typography h5 a:active,.typography h6 a:active,.typography p a:active,.typography.editor h1 a:active,.typography.editor h2 a:active,.typography.editor h3 a:active,.typography.editor h4 a:active,.typography.editor h5 a:active,.typography.editor h6 a:active,.typography.editor p a:active {
    opacity: .6
}

@supports (text-underline-offset:calc(-50% + 2px)) {
    .typography s,.typography.editor s {
        text-decoration: underline;
        text-underline-offset: calc(-50% + 2px);
        text-decoration-skip-ink: none;
        text-decoration-thickness: 1px
    }
}

.typography a.ui-secondary,.typography.editor a.ui-secondary {
    font-family: var(--font_family_ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol');
    color: var(--print_secondary, #666666);
    font-size: .8em
}

.typography blockquote,.typography.editor blockquote {
    border-left: 4px solid var(--background_pop);
    margin: 1em 0
}

.typography blockquote>*,.typography.editor blockquote>* {
    margin-left: 1em
}

.typography .hide-text,.typography.editor .hide-text {
    display: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.typography pre.text,.typography.editor pre.text {
    white-space: pre-wrap;
    font-family: var(--font_family_body, var(--font_family_body_preset, 'Spectral', serif, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'));
    font-weight: var(--font_weight_body_preset, 400);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased
}

.typography pre:not(.text),.typography.editor pre:not(.text) {
    position: relative;
    background: #f3f3f3;
    outline: 6px solid #f3f3f3
}

.typography pre:not(.text):before,.typography.editor pre:not(.text):before {
    display: block;
    position: absolute;
    z-index: -1;
    top: -6px;
    left: -10px;
    height: 100%;
    width: 100%;
    background: #f3f3f3;
    border: solid #f3f3f3;
    border-width: 6px 10px;
    border-radius: 4px;
    content: ''
}

.typography pre:not(.text) code,.typography.editor pre:not(.text) code {
    white-space: pre-wrap
}

.typography ol,.typography ul,.typography.editor ol,.typography.editor ul {
    margin-top: 0
}

.typography ol li p,.typography ul li p,.typography.editor ol li p,.typography.editor ul li p {
    margin-bottom: 0
}

.typography ol li p.button-wrapper,.typography ul li p.button-wrapper,.typography.editor ol li p.button-wrapper,.typography.editor ul li p.button-wrapper {
    margin-bottom: 15px
}

.typography ol li,.typography ul li,.typography.editor ol li,.typography.editor ul li {
    margin: 7.5px 0 7.5px 15px
}

.typography ul li,.typography.editor ul li {
    mso-special-format: bullet
}

.typography ol li>.captioned-image-container-static:first-child:last-child a.image-link,.typography ol li>.captioned-image-container:first-child:last-child a.image-link,.typography ol li>:first-child:last-child,.typography ul li>.captioned-image-container-static:first-child:last-child a.image-link,.typography ul li>.captioned-image-container:first-child:last-child a.image-link,.typography ul li>:first-child:last-child,.typography.editor ol li>.captioned-image-container-static:first-child:last-child a.image-link,.typography.editor ol li>.captioned-image-container:first-child:last-child a.image-link,.typography.editor ol li>:first-child:last-child,.typography.editor ul li>.captioned-image-container-static:first-child:last-child a.image-link,.typography.editor ul li>.captioned-image-container:first-child:last-child a.image-link,.typography.editor ul li>:first-child:last-child {
    margin: 0
}

.typography .markup,.typography.editor .markup {
    word-break: break-word;
    margin-bottom: 12px
}

.typography .markup .captioned-image-container a.image-link,.typography .markup .captioned-image-container-static:first-child a.image-link,.typography.editor .markup .captioned-image-container a.image-link,.typography.editor .markup .captioned-image-container-static:first-child a.image-link {
    margin-top: 0;
    margin-bottom: 0
}

.typography .markup .captioned-image-container-static:first-child,.typography .markup .captioned-image-container:first-child,.typography .markup>:first-child,.typography.editor .markup .captioned-image-container-static:first-child,.typography.editor .markup .captioned-image-container:first-child,.typography.editor .markup>:first-child {
    margin-top: 0
}

.typography .markup .captioned-image-container-static:last-child,.typography .markup .captioned-image-container-static:last-child figcaption,.typography .markup .captioned-image-container:last-child,.typography .markup .captioned-image-container:last-child figcaption,.typography .markup>:last-child,.typography.editor .markup .captioned-image-container-static:last-child,.typography.editor .markup .captioned-image-container-static:last-child figcaption,.typography.editor .markup .captioned-image-container:last-child,.typography.editor .markup .captioned-image-container:last-child figcaption,.typography.editor .markup>:last-child {
    margin-bottom: 0
}

.typography .markup .captioned-image-container-static:last-child figcaption,.typography .markup .captioned-image-container:last-child figcaption,.typography.editor .markup .captioned-image-container-static:last-child figcaption,.typography.editor .markup .captioned-image-container:last-child figcaption {
    padding-bottom: 0
}

.typography .markup img,.typography.editor .markup img {
    display: block;
    -ms-interpolation-mode: bicubic;
    max-width: 100%;
    height: auto;
    margin: 0 auto
}

.typography .markup img.sizing-large,.typography.editor .markup img.sizing-large {
    max-width: calc(100vw - 30px);
    margin: 0
}

.typography .markup img.sizing-fullscreen,.typography.editor .markup img.sizing-fullscreen {
    max-width: none;
    width: 100vw;
    height: auto;
    margin: 0
}

.typography .markup table.image-wrapper,.typography .markup table.kindle-wrapper,.typography.editor .markup table.image-wrapper,.typography.editor .markup table.kindle-wrapper {
    margin: 8px auto;
    mso-padding-alt: 1em 0 1.6em
}

.typography .markup table.image-wrapper img,.typography .markup table.kindle-wrapper img,.typography.editor .markup table.image-wrapper img,.typography.editor .markup table.kindle-wrapper img {
    width: auto!important;
    max-width: 100%
}

@media all and (-ms-high-contrast:none),(-ms-high-contrast:active) {
    .typography .markup table.image-wrapper img,.typography .markup table.kindle-wrapper img,.typography.editor .markup table.image-wrapper img,.typography.editor .markup table.kindle-wrapper img {
        max-width: 550px
    }
}

.typography .markup table.image-wrapper img.wide-image,.typography .markup table.kindle-wrapper img.wide-image,.typography.editor .markup table.image-wrapper img.wide-image,.typography.editor .markup table.kindle-wrapper img.wide-image {
    width: 100%;
    max-width: 550px
}

.typography .markup a.image-link,.typography.editor .markup a.image-link {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0;
    margin: 1.6em auto;
    width: auto;
    height: auto;
    border: 0;
    text-decoration: none
}

.typography .markup td a.image-link,.typography.editor .markup td a.image-link {
    margin: 0
}

.typography .markup iframe.spotify-wrap,.typography.editor .markup iframe.spotify-wrap {
    height: 80px;
    max-width: 398px
}

.typography .markup a.spotify-wrap,.typography .markup iframe.spotify-wrap,.typography.editor .markup a.spotify-wrap,.typography.editor .markup iframe.spotify-wrap {
    display: block;
    top: 0;
    left: 0;
    margin: .62em 0 1em;
    padding: 0;
    width: 100%;
    text-decoration: none
}

@media screen and (max-width: 540px) {
    .typography .markup a.spotify-wrap,.typography .markup iframe.spotify-wrap,.typography.editor .markup a.spotify-wrap,.typography.editor .markup iframe.spotify-wrap {
        width:auto!important
    }
}

.typography .markup a.spotify-wrap.podcast,.typography .markup iframe.spotify-wrap.podcast,.typography.editor .markup a.spotify-wrap.podcast,.typography.editor .markup iframe.spotify-wrap.podcast {
    height: 153px
}

.typography .markup a.spotify-wrap,.typography.editor .markup a.spotify-wrap {
    height: 78px;
    max-width: 398px;
    border: 1px solid #a0a0a0;
    background-color: #fff
}

.typography .markup a.spotify-wrap .cover,.typography.editor .markup a.spotify-wrap .cover {
    display: block;
    float: left;
    margin: 0;
    height: 78px;
    width: 78px;
    -webkit-background-size: cover;
    background-size: cover
}

.typography .markup a.spotify-wrap .content,.typography.editor .markup a.spotify-wrap .content {
    display: block;
    margin: 14px 12px 0 90px
}

.typography .markup a.spotify-wrap .content .subtitle,.typography .markup a.spotify-wrap .content .title,.typography.editor .markup a.spotify-wrap .content .subtitle,.typography.editor .markup a.spotify-wrap .content .title {
    display: block;
    margin: 0 0 3px;
    font-family: Helvetica,Arial,sans-serif;
    font-size: 14px;
    font-weight: 300;
    line-height: 1em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.typography .markup a.spotify-wrap .content .description,.typography.editor .markup a.spotify-wrap .content .description {
    display: block;
    font-family: Helvetica,Arial,sans-serif;
    font-weight: 300;
    line-height: 1em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.typography .markup a.spotify-wrap .content .title,.typography.editor .markup a.spotify-wrap .content .title {
    color: #181818
}

.typography .markup a.spotify-wrap .content .subtitle,.typography.editor .markup a.spotify-wrap .content .subtitle {
    color: #a0a0a0
}

.typography .markup a.spotify-wrap .content .description,.typography.editor .markup a.spotify-wrap .content .description {
    margin: 10px 0 0;
    color: #a0a0a0;
    font-size: 12px
}

.typography .markup a.spotify-wrap .content .logo,.typography.editor .markup a.spotify-wrap .content .logo {
    display: block;
    float: right;
    height: 20px;
    width: 20px;
    margin: -6px -2px 0 0
}

.typography .markup a.soundcloud-wrap,.typography.editor .markup a.soundcloud-wrap {
    max-width: 398px
}

.typography .markup div.soundcloud-wrap,.typography.editor .markup div.soundcloud-wrap {
    max-width: 398px;
    height: 116px
}

.typography .markup a.bandcamp-wrap,.typography.editor .markup a.bandcamp-wrap {
    max-width: 700px
}

.typography .markup div.bandcamp-wrap,.typography.editor .markup div.bandcamp-wrap {
    max-width: 700px;
    height: 120px
}

.typography .markup div.bandcamp-wrap.album,.typography.editor .markup div.bandcamp-wrap.album {
    height: 241px
}

.typography .markup a.bandcamp-wrap,.typography .markup a.soundcloud-wrap,.typography .markup div.bandcamp-wrap,.typography .markup div.soundcloud-wrap,.typography.editor .markup a.bandcamp-wrap,.typography.editor .markup a.soundcloud-wrap,.typography.editor .markup div.bandcamp-wrap,.typography.editor .markup div.soundcloud-wrap {
    position: relative;
    width: 100%;
    margin: 1.6em 0
}

.typography .markup div.bandcamp-wrap iframe,.typography .markup div.soundcloud-wrap iframe,.typography.editor .markup div.bandcamp-wrap iframe,.typography.editor .markup div.soundcloud-wrap iframe {
    margin: 0;
    padding: 0;
    height: 100%;
    width: 100%
}

.typography .markup a.bandcamp-wrap,.typography .markup a.soundcloud-wrap,.typography.editor .markup a.bandcamp-wrap,.typography.editor .markup a.soundcloud-wrap {
    display: block;
    height: 114px;
    background: #f5f5f5;
    border-radius: 4px;
    border: 1px solid #e5e5e5;
    text-decoration: none
}

.typography .markup a.bandcamp-wrap img,.typography .markup a.soundcloud-wrap img,.typography.editor .markup a.bandcamp-wrap img,.typography.editor .markup a.soundcloud-wrap img {
    margin: 0;
    max-width: none
}

.typography .markup a.bandcamp-wrap .thumbnail,.typography .markup a.soundcloud-wrap .thumbnail,.typography.editor .markup a.bandcamp-wrap .thumbnail,.typography.editor .markup a.soundcloud-wrap .thumbnail {
    display: block;
    float: left;
    border: solid #f5f5f5;
    border-width: 7px 15px 7px 7px;
    height: 100px;
    width: 100px
}

.typography .markup a.bandcamp-wrap .play,.typography .markup a.soundcloud-wrap .play,.typography.editor .markup a.bandcamp-wrap .play,.typography.editor .markup a.soundcloud-wrap .play {
    display: block;
    float: left;
    height: 43px;
    width: 43px;
    border: solid #f5f5f5;
    border-width: 33px 5px 0 0
}

.typography .markup a.bandcamp-wrap .credits,.typography .markup a.soundcloud-wrap .credits,.typography.editor .markup a.bandcamp-wrap .credits,.typography.editor .markup a.soundcloud-wrap .credits {
    display: block;
    border: solid #f5f5f5;
    border-width: 37px 7px 0 0;
    font-family: Interstate,Lucida Grande,Lucida Sans Unicode,Lucida Sans,Garuda,Verdana,Tahoma,sans-serif;
    font-weight: 100;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.email-body-container .typography .markup a.bandcamp-wrap .credits,.email-body-container .typography .markup a.soundcloud-wrap .credits,.email-body-container .typography.editor .markup a.bandcamp-wrap .credits,.email-body-container .typography.editor .markup a.soundcloud-wrap .credits {
    white-space: normal
}

.typography .markup a.bandcamp-wrap .credits .author,.typography .markup a.soundcloud-wrap .credits .author,.typography.editor .markup a.bandcamp-wrap .credits .author,.typography.editor .markup a.soundcloud-wrap .credits .author {
    display: block;
    border-bottom: 1px solid #f5f5f5;
    color: #666;
    font-size: 12px;
    line-height: 16px;
    text-decoration: underline
}

.typography .markup a.bandcamp-wrap .credits .title,.typography .markup a.soundcloud-wrap .credits .title,.typography.editor .markup a.bandcamp-wrap .credits .title,.typography.editor .markup a.soundcloud-wrap .credits .title {
    display: block;
    color: #333;
    font-size: 15px;
    line-height: 18px
}

.typography .markup div.vimeo-wrap,.typography .markup div.youtube-wrap,.typography.editor .markup div.vimeo-wrap,.typography.editor .markup div.youtube-wrap {
    position: relative;
    box-sizing: border-box;
    display: block;
    width: 100%;
    padding-top: 56.25%;
    height: 0;
    margin: 1.6em 0
}

.typography .markup div.kindle-wrap iframe,.typography .markup div.vimeo-wrap iframe,.typography .markup div.youtube-wrap iframe,.typography.editor .markup div.kindle-wrap iframe,.typography.editor .markup div.vimeo-wrap iframe,.typography.editor .markup div.youtube-wrap iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    height: 100%;
    width: 100%;
    background-color: #f7f7f7
}

@media screen and (max-width: 540px) {
    .typography .markup div.vimeo-wrap div.youtube-screen,.typography .markup div.youtube-wrap div.youtube-screen,.typography.editor .markup div.vimeo-wrap div.youtube-screen,.typography.editor .markup div.youtube-wrap div.youtube-screen {
        display:none!important
    }
}

.typography .markup div.vimeo-wrap div.youtube-screen,.typography .markup div.youtube-wrap div.youtube-screen,.typography.editor .markup div.vimeo-wrap div.youtube-screen,.typography.editor .markup div.youtube-wrap div.youtube-screen {
    cursor: pointer;
    position: absolute;
    bottom: -2px;
    right: 0;
    box-sizing: border-box;
    height: 410px;
    width: 100%;
    background-color: rgba(128,128,128,.2);
    text-align: center;
    vertical-align: middle
}

.typography .markup div.vimeo-wrap div.youtube-screen .instructions,.typography .markup div.youtube-wrap div.youtube-screen .instructions,.typography.editor .markup div.vimeo-wrap div.youtube-screen .instructions,.typography.editor .markup div.youtube-wrap div.youtube-screen .instructions {
    position: relative;
    top: 50%;
    visibility: hidden;
    margin: auto
}

.typography .markup div.vimeo-wrap div.youtube-screen:not(.sunken):hover .instructions,.typography .markup div.youtube-wrap div.youtube-screen:not(.sunken):hover .instructions,.typography.editor .markup div.vimeo-wrap div.youtube-screen:not(.sunken):hover .instructions,.typography.editor .markup div.youtube-wrap div.youtube-screen:not(.sunken):hover .instructions {
    transition-property: visibility;
    transition-delay: .5s;
    visibility: visible;
    color: #fff
}

.typography .markup div.vimeo-wrap div.youtube-screen.sunken,.typography .markup div.youtube-wrap div.youtube-screen.sunken,.typography.editor .markup div.vimeo-wrap div.youtube-screen.sunken,.typography.editor .markup div.youtube-wrap div.youtube-screen.sunken {
    opacity: 0%;
    z-index: -1
}

.typography .markup div.vimeo-wrap.ProseMirror-selectednode,.typography .markup div.youtube-wrap.ProseMirror-selectednode,.typography.editor .markup div.vimeo-wrap.ProseMirror-selectednode,.typography.editor .markup div.youtube-wrap.ProseMirror-selectednode {
    outline: 0
}

.typography .markup div.vimeo-wrap.ProseMirror-selectednode div.youtube-screen,.typography .markup div.youtube-wrap.ProseMirror-selectednode div.youtube-screen,.typography.editor .markup div.vimeo-wrap.ProseMirror-selectednode div.youtube-screen,.typography.editor .markup div.youtube-wrap.ProseMirror-selectednode div.youtube-screen {
    background-color: rgba(128,192,240,.2)
}

.typography .markup a.kindle-wrap,.typography .markup a.vimeo-wrap,.typography .markup a.youtube-wrap,.typography.editor .markup a.kindle-wrap,.typography.editor .markup a.vimeo-wrap,.typography.editor .markup a.youtube-wrap {
    display: block;
    margin: 1.6em 0
}

.typography .markup a.kindle-wrap img,.typography .markup a.vimeo-wrap img,.typography .markup a.youtube-wrap img,.typography.editor .markup a.kindle-wrap img,.typography.editor .markup a.vimeo-wrap img,.typography.editor .markup a.youtube-wrap img {
    display: block;
    width: 100%
}

.typography .markup div.embedded-post-wrap,.typography.editor .markup div.embedded-post-wrap {
    text-align: center;
    direction: ltr
}

.typography .markup div.embedded-post-wrap .embedded-post,.typography.editor .markup div.embedded-post-wrap .embedded-post {
    display: block;
    text-decoration: none;
    font-family: var(--font_family_ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol');
    color: var(--print_on_web_bg_color, #1a1a1a);
    line-height: 1.5;
    text-align: left;
    max-width: 560px;
    border-radius: 8px;
    border: 1px solid var(--border_subtle);
    margin: 36px auto;
    padding: 20px
}

.typography .markup div.embedded-post-wrap .embedded-post.narrow,.typography.editor .markup div.embedded-post-wrap .embedded-post.narrow {
    margin: 20px auto
}

.typography .markup div.embedded-post-wrap .embedded-post-header,.typography.editor .markup div.embedded-post-wrap .embedded-post-header {
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding-bottom: 20px;
    border-bottom: 1px solid var(--border_subtle);
    margin-bottom: 20px
}

.typography .markup div.embedded-post-wrap .embedded-post-publication-logo,.typography.editor .markup div.embedded-post-wrap .embedded-post-publication-logo {
    width: 28px;
    height: 28px;
    border-radius: 3px;
    margin: 0 12px 0 0
}

.typography .markup div.embedded-post-wrap .embedded-post-publication-name,.typography .markup div.embedded-post-wrap .embedded-post-title,.typography.editor .markup div.embedded-post-wrap .embedded-post-publication-name,.typography.editor .markup div.embedded-post-wrap .embedded-post-title {
    font-family: var(--font_family_headings, var(--font_family_headings_preset, 'SF Compact Display', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'));
    font-weight: var(--font_weight_headings_preset, bold);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased
}

.typography .markup div.embedded-post-wrap .embedded-post-publication-name,.typography.editor .markup div.embedded-post-wrap .embedded-post-publication-name {
    font-size: 16px;
    line-height: 28px;
    font-weight: 500
}

.typography .markup div.embedded-post-wrap .embedded-post-title,.typography.editor .markup div.embedded-post-wrap .embedded-post-title {
    color: var(--print_on_web_bg_color, #1a1a1a);
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 6px;
    text-decoration: none
}

.typography .markup div.embedded-post-wrap .embedded-post-body,.typography.editor .markup div.embedded-post-wrap .embedded-post-body {
    font-family: var(--font_family_ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol');
    font-size: 16px;
    line-height: 1.6;
    margin-bottom: 16px;
    color: #666;
    margin-top: 4px
}

.typography .markup div.embedded-post-wrap .embedded-post-read-more,.typography.editor .markup div.embedded-post-wrap .embedded-post-read-more {
    display: inline-block;
    box-sizing: border-box;
    border-radius: 4px;
    border: 1px solid var(--border_subtle);
    padding: 10px 16px;
    font-size: 15px;
    line-height: 16px;
    margin-bottom: 16px;
    text-decoration: none;
    font-weight: 500;
    color: var(--print_on_web_bg_color, #1a1a1a)
}

.typography .markup div.embedded-post-wrap .embedded-post-meta,.typography.editor .markup div.embedded-post-wrap .embedded-post-meta {
    color: var(--print_secondary, var(--print_secondary_on_web_bg_color, var(--print_secondary, #666666)));
    font-size: 14px
}

.typography .markup div.embedded-publication-wrap .embedded-publication,.typography.editor .markup div.embedded-publication-wrap .embedded-publication {
    display: flex;
    font-weight: 400;
    text-decoration: none;
    font-family: var(--font_family_ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol');
    color: var(--print_on_web_bg_color, #1a1a1a);
    line-height: 1.5;
    text-align: left;
    max-width: 560px;
    border-radius: 8px;
    border: 1px solid var(--border_subtle);
    margin: 36px auto;
    padding: 24px;
    align-items: flex-start
}

.ban-dialog div.photo,.typography .markup div.embedded-publication-wrap .embedded-publication-left,.typography.editor .markup div.embedded-publication-wrap .embedded-publication-left {
    margin-right: 16px
}

.typography .markup div.embedded-publication-wrap .embedded-publication-logo,.typography.editor .markup div.embedded-publication-wrap .embedded-publication-logo {
    width: 40px;
    height: 40px;
    border-radius: 4px;
    margin: 0 auto
}

.typography .markup div.embedded-publication-wrap .embedded-publication-link-part,.typography.editor .markup div.embedded-publication-wrap .embedded-publication-link-part {
    color: var(--print_on_web_bg_color, #1a1a1a);
    text-decoration: none
}

.typography .markup div.embedded-publication-wrap .embedded-publication-name,.typography.editor .markup div.embedded-publication-wrap .embedded-publication-name {
    margin: 0 0 6px;
    font-family: var(--font_family_headings, var(--font_family_headings_preset, 'SF Compact Display', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'));
    font-weight: var(--font_weight_headings_preset, bold);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased;
    font-size: 16px;
    line-height: 24px;
    font-weight: 600
}

.typography .markup div.embedded-publication-wrap .embedded-publication-hero-text,.typography.editor .markup div.embedded-publication-wrap .embedded-publication-hero-text {
    font-size: 15px;
    line-height: 21px;
    margin-bottom: 8px
}

.typography .markup div.embedded-publication-wrap .embedded-publication-author-name,.typography.editor .markup div.embedded-publication-wrap .embedded-publication-author-name {
    color: var(--print_secondary, var(--print_secondary_on_web_bg_color, var(--print_secondary, #666666)));
    font-size: 14px;
    line-height: 21px
}

.typography .markup div.embedded-publication-wrap .embedded-publication.show-subscribe,.typography.editor .markup div.embedded-publication-wrap .embedded-publication.show-subscribe {
    display: block;
    text-align: center;
    padding: 44px 24px
}

@media screen and (max-width: 540px) {
    .typography .markup div.embedded-publication-wrap .embedded-publication.show-subscribe,.typography.editor .markup div.embedded-publication-wrap .embedded-publication.show-subscribe {
        padding:28px 24px
    }
}

.typography .markup div.embedded-publication-wrap .embedded-publication.show-subscribe .embedded-publication-logo,.typography.editor .markup div.embedded-publication-wrap .embedded-publication.show-subscribe .embedded-publication-logo {
    width: 56px;
    height: 56px;
    margin-bottom: 20px
}

.typography .markup div.embedded-publication-wrap .embedded-publication.show-subscribe .embedded-publication-name,.typography.editor .markup div.embedded-publication-wrap .embedded-publication.show-subscribe .embedded-publication-name {
    font-size: 18px;
    line-height: 27px;
    margin-bottom: 4px
}

.typography .markup div.embedded-publication-wrap .embedded-publication.show-subscribe .embedded-publication-hero-text,.typography.editor .markup div.embedded-publication-wrap .embedded-publication.show-subscribe .embedded-publication-hero-text {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 12px
}

.typography .markup div.embedded-publication-wrap .embedded-publication.show-subscribe .embedded-publication-subscribe,.typography.editor .markup div.embedded-publication-wrap .embedded-publication.show-subscribe .embedded-publication-subscribe {
    display: flex;
    flex-flow: row nowrap;
    align-items: flex-start;
    margin: 36px auto 0;
    max-width: 370px;
    width: 100%
}

.typography .markup div.embedded-publication-wrap .embedded-publication.show-subscribe .embedded-publication-subscribe .email-input,.typography.editor .markup div.embedded-publication-wrap .embedded-publication.show-subscribe .embedded-publication-subscribe .email-input {
    display: inline-block;
    padding: 14px 10px 14px 14px;
    box-sizing: border-box;
    height: 52px;
    width: 100%;
    background: var(--web_bg_color, white);
    border: 1px solid var(--background_pop);
    border-right-width: 0;
    border-radius: 5px 0 0 5px;
    font-family: var(--font_family_ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol');
    font-size: 14px;
    line-height: 18px;
    -webkit-appearance: none
}

.typography .markup div.embedded-publication-wrap .embedded-publication.show-subscribe .embedded-publication-subscribe .button,.typography.editor .markup div.embedded-publication-wrap .embedded-publication.show-subscribe .embedded-publication-subscribe .button {
    display: inline-block;
    box-sizing: border-box;
    white-space: nowrap;
    margin-top: 0;
    padding: 16px;
    min-width: 108px;
    height: 52px;
    background: var(--background_pop);
    border: 1px solid var(--background_pop);
    border-radius: 0 5px 5px 0;
    font-size: 16px;
    line-height: 18px;
    font-weight: 500;
    color: var(--print_on_pop);
    -webkit-appearance: none
}

.typography .markup div.embedded-publication-wrap table.embedded-publication,.typography.editor .markup div.embedded-publication-wrap table.embedded-publication {
    width: 100%;
    box-sizing: content-box
}

.typography .markup div.embedded-publication-wrap table.embedded-publication .embedded-publication-left,.typography.editor .markup div.embedded-publication-wrap table.embedded-publication .embedded-publication-left {
    width: 40px;
    padding-right: 16px
}

.typography .markup div.embedded-publication-wrap table.embedded-publication a,.typography.editor .markup div.embedded-publication-wrap table.embedded-publication a {
    text-decoration: none;
    color: var(--print_on_web_bg_color, #1a1a1a)
}

.typography .markup div.embedded-publication-wrap table.embedded-publication .embedded-publication-author-name a,.typography.editor .markup div.embedded-publication-wrap table.embedded-publication .embedded-publication-author-name a {
    color: var(--print_secondary, var(--print_secondary_on_web_bg_color, var(--print_secondary, #666666)))
}

.typography .markup div.captioned-button-wrap .captioned-button,.typography .markup div.captioned-button-wrap .subscription-widget,.typography .markup div.subscription-widget-wrap .captioned-button,.typography .markup div.subscription-widget-wrap .subscription-widget,.typography.editor .markup div.captioned-button-wrap .captioned-button,.typography.editor .markup div.captioned-button-wrap .subscription-widget,.typography.editor .markup div.subscription-widget-wrap .captioned-button,.typography.editor .markup div.subscription-widget-wrap .subscription-widget {
    direction: ltr!important;
    display: flex;
    font-weight: 400;
    text-decoration: none;
    font-family: var(--font_family_ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol');
    color: var(--print_on_web_bg_color, #1a1a1a);
    line-height: 1.5;
    text-align: left;
    max-width: 560px;
    margin: 24px auto;
    padding: 24px;
    align-items: flex-start
}

.typography .markup div.captioned-button-wrap .preamble,.typography .markup div.subscription-widget-wrap .preamble,.typography.editor .markup div.captioned-button-wrap .preamble,.typography.editor .markup div.subscription-widget-wrap .preamble {
    font-family: var(--font_family_ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol');
    font-size: 18px;
    max-width: 384px;
    width: fit-content;
    line-height: 22px;
    display: flex;
    align-items: center;
    text-align: center;
    font-weight: 400;
    margin-left: auto;
    margin-right: auto
}

.typography .markup div.captioned-button-wrap .subscription-widget.show-subscribe,.typography .markup div.subscription-widget-wrap .subscription-widget.show-subscribe,.typography.editor .markup div.captioned-button-wrap .subscription-widget.show-subscribe,.typography.editor .markup div.subscription-widget-wrap .subscription-widget.show-subscribe {
    display: block;
    text-align: center;
    padding: 12px
}

@media screen and (max-width: 540px) {
    .typography .markup div.captioned-button-wrap .subscription-widget.show-subscribe,.typography .markup div.subscription-widget-wrap .subscription-widget.show-subscribe,.typography.editor .markup div.captioned-button-wrap .subscription-widget.show-subscribe,.typography.editor .markup div.subscription-widget-wrap .subscription-widget.show-subscribe {
        padding:28px 24px
    }
}

.typography .markup div.captioned-button-wrap .subscription-widget.show-subscribe .subscription-widget-subscribe,.typography .markup div.subscription-widget-wrap .subscription-widget.show-subscribe .subscription-widget-subscribe,.typography.editor .markup div.captioned-button-wrap .subscription-widget.show-subscribe .subscription-widget-subscribe,.typography.editor .markup div.subscription-widget-wrap .subscription-widget.show-subscribe .subscription-widget-subscribe {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 10px;
    max-width: 387px;
    width: 100%;
    max-height: 52px;
    height: 100px;
    margin-left: auto;
    margin-right: auto
}

.typography .markup div.captioned-button-wrap .subscription-widget.show-subscribe .subscription-widget-subscribe .email-input,.typography .markup div.subscription-widget-wrap .subscription-widget.show-subscribe .subscription-widget-subscribe .email-input,.typography.editor .markup div.captioned-button-wrap .subscription-widget.show-subscribe .subscription-widget-subscribe .email-input,.typography.editor .markup div.subscription-widget-wrap .subscription-widget.show-subscribe .subscription-widget-subscribe .email-input {
    display: inline-block;
    padding: 10px 12px;
    box-sizing: border-box;
    height: 52px;
    width: 100%;
    background: var(--web_bg_color, white);
    border: 1px solid var(--background_pop);
    border-right-width: 0;
    border-radius: 5px 0 0 5px;
    font-family: var(--font_family_ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol');
    font-size: 16px;
    line-height: 19px;
    -webkit-appearance: none
}

.typography .markup div.captioned-button-wrap .subscription-widget.show-subscribe .subscription-widget-subscribe .button,.typography .markup div.subscription-widget-wrap .subscription-widget.show-subscribe .subscription-widget-subscribe .button,.typography.editor .markup div.captioned-button-wrap .subscription-widget.show-subscribe .subscription-widget-subscribe .button,.typography.editor .markup div.subscription-widget-wrap .subscription-widget.show-subscribe .subscription-widget-subscribe .button {
    margin-top: 0;
    padding: 10px 12px;
    min-width: 110px;
    height: 52px;
    background: var(--background_pop);
    border: 1px solid var(--background_pop);
    border-radius: 0 3px 3px 0;
    font-size: 16px;
    color: var(--print_on_pop);
    font-weight: 500
}

@media screen and (max-width: 540px) {
    .typography .markup div.captioned-button-wrap .subscription-widget.show-subscribe .subscription-widget-subscribe .button,.typography .markup div.subscription-widget-wrap .subscription-widget.show-subscribe .subscription-widget-subscribe .button,.typography.editor .markup div.captioned-button-wrap .subscription-widget.show-subscribe .subscription-widget-subscribe .button,.typography.editor .markup div.subscription-widget-wrap .subscription-widget.show-subscribe .subscription-widget-subscribe .button {
        padding:10px 12px;
        min-width: 110px
    }
}

.typography .markup div.kindle-wrap,.typography.editor .markup div.kindle-wrap {
    position: relative;
    display: block;
    width: 100%;
    padding-top: 550px;
    height: 0;
    margin: 1.6em 0
}