@charset "UTF-8";
:root {
  --post-and-page--aside-margin: 1rem;
  --header-margin-block: 3em;
  --header-margin-inline: 0;
  --heading-spacing-block-start: 2em;
  --heading-spacing-block-end: 1ex;
}

.post, .page {
  max-width: var(--desktop-small-max-width);
  margin: auto;
}
.post a:empty,
.page a:empty {
  /*
   * Empty anchor tags are used for fragment linking; give it a tall top so links to these
   * areas don't hide the content under the app bar
   */
  padding-top: calc(3 * var(--app-bar-height-auto));
  margin-top: calc(-3 * var(--app-bar-height-auto));
}
.post footer section.authors .authors-list,
.page footer section.authors .authors-list {
  margin-block-start: 0;
  text-align: start;
}
.post footer section.authors .authors-list .author,
.page footer section.authors .authors-list .author {
  margin-inline-start: 1em;
  margin-block: 0;
}
.post footer section.authors .authors-list .author:first-child,
.page footer section.authors .authors-list .author:first-child {
  margin-inline-start: 0;
}
.post p, .post li,
.page p,
.page li {
  color: var(--theme-foreground-color);
  color: color-mix(in srgb, var(--theme-foreground-color) 80%, transparent);
}
.post p,
.page p {
  line-height: 1.333;
  text-indent: 1em;
  font-weight: 400;
}
.post p *,
.page p * {
  text-indent: 0;
}
.post p strong,
.page p strong {
  font-weight: 900;
  color: var(--theme-foreground-color);
  letter-spacing: 0.075ex;
}
.post p em,
.page p em {
  font-style: italic;
  text-decoration: underline;
}
.post p button,
.post p .button,
.post p :link.button,
.post p :visited.button,
.post p input[type=submit],
.post p input[type=reset],
.post p .image-button,
.page p button,
.page p .button,
.page p :link.button,
.page p :visited.button,
.page p input[type=submit],
.page p input[type=reset],
.page p .image-button {
  text-indent: 0;
}
.post p.big, .post p .big,
.page p.big,
.page p .big {
  font-size: larger;
}
.post p:not(:last-child),
.page p:not(:last-child) {
  margin: 0 0 1em;
}
.post h1,
.post h2,
.post h3,
.post h4,
.post h5,
.post h6,
.page h1,
.page h2,
.page h3,
.page h4,
.page h5,
.page h6 {
  padding: var(--heading-spacing-block-start) 0 0;
  margin: 0 0 var(--heading-spacing-block-end);
}
.post hr + h1, .post hr + h2, .post hr + h3, .post hr + h4, .post hr + h5, .post hr + h6,
.page hr + h1,
.page hr + h2,
.page hr + h3,
.page hr + h4,
.page hr + h5,
.page hr + h6 {
  padding: unset;
  margin: var(--heading-spacing-block-start) 0 var(--heading-spacing-block-end);
}
.post aside h1, .post aside h2, .post aside h3, .post aside h4, .post aside h5, .post aside h6,
.page aside h1,
.page aside h2,
.page aside h3,
.page aside h4,
.page aside h5,
.page aside h6 {
  padding: 0;
}
.post h1,
.page h1 {
  margin-block-start: 5em;
  position: relative;
}
.post h1::before,
.page h1::before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: -1ex;
  width: calc(100% + 2ex);
  border-radius: 0.25ex;
  margin-block-start: 4em;
  border-bottom: 0.5ex solid color-mix(in srgb, currentColor 20%, transparent);
}
.posts .post h1::before,
.post header h1::before,
.posts .page h1::before,
.page header h1::before {
  content: unset;
}
.post header:first-of-type h1:first-of-type, .page header:first-of-type h1:first-of-type {
  text-align: center;
}
.hero-image + #main .post header:first-of-type h1:first-of-type, .hero-image + #main .page header:first-of-type h1:first-of-type {
  margin-block-start: unset;
}
.post header:first-of-type h1:first-of-type::before, .page header:first-of-type h1:first-of-type::before {
  content: unset;
}
.post header h1, .page header h1 {
  margin: var(--header-margin-block) var(--header-margin-inline);
  padding: 0;
  text-align: center;
}
.post ul,
.post ol, .page ul,
.page ol {
  margin-block: 1em;
}
.post ul > li,
.post ol > li, .page ul > li,
.page ol > li {
  margin-block-start: 1ex;
}
.post ul > li > ol:first-of-type, .post ul > li > ol > li:first-child, .post ul > li > ul:first-of-type, .post ul > li > ul > li:first-child,
.post ol > li > ol:first-of-type,
.post ol > li > ol > li:first-child,
.post ol > li > ul:first-of-type,
.post ol > li > ul > li:first-child, .page ul > li > ol:first-of-type, .page ul > li > ol > li:first-child, .page ul > li > ul:first-of-type, .page ul > li > ul > li:first-child,
.page ol > li > ol:first-of-type,
.page ol > li > ol > li:first-child,
.page ol > li > ul:first-of-type,
.page ol > li > ul > li:first-child {
  margin-block-start: 1pt;
}
.post aside, .page aside {
  width: fit-content;
  margin: var(--post-and-page--aside-margin);
  margin-inline-start: auto;
  padding: 1ex 1em;
  border-width: 1px;
  border-style: solid;
  border-radius: 1ex;
  border-color: var(--semitransparent-grey);
  font-size: 0.8rem;
}
.post aside,
.post aside p, .page aside,
.page aside p {
  line-height: 1.4;
  text-indent: 0;
}
.post aside.align-leading, .page aside.align-leading {
  margin-inline-end: auto;
  margin-inline-start: var(--post-and-page--aside-margin);
}
.post aside.align-leading, .page aside.align-leading {
  margin-inline: auto;
}
.post aside.important, .page aside.important {
  border-color: var(--theme-primary-color);
  border-width: 2px;
}
.post aside.important.card, .page aside.important.card {
  box-shadow: var(--box-shadow-z6);
}
.post figure figcaption[role="cite"], .page figure figcaption[role="cite"] {
  text-align: center;
  padding: 0 0 2em;
  font-size: 80%;
  opacity: 75%;
}
.post figure figcaption[role="cite"]:not(.flex-row):not(.flex-column), .page figure figcaption[role="cite"]:not(.flex-row):not(.flex-column) {
  display: block;
}
.post figure .mid-post-hero + figcaption[role="cite"], .page figure .mid-post-hero + figcaption[role="cite"] {
  margin-block-start: -2em;
}
.post blockquote, .page blockquote {
  background-color: var(--theme-background-color-at-level-2);
  border-radius: 1ex;
  border-inline-start: 2px solid var(--semitransparent-grey);
  color: inherit;
  margin: 2em;
  padding: 1em;
  position: relative;
}
.post blockquote::before, .post blockquote::after, .page blockquote::before, .page blockquote::after {
  display: block;
  position: absolute;
  font-size: 300%;
  opacity: 25%;
}
.post blockquote::before, .page blockquote::before {
  content: "“";
  top: 0;
  left: 0.2ex;
}
.post blockquote::after, .page blockquote::after {
  content: "„";
  bottom: 0;
  right: 0.2ex;
}
.post blockquote :first-child, .page blockquote :first-child {
  margin-block-start: 0;
}
.post blockquote h1:first-child, .page blockquote h1:first-child {
  padding-block-start: 0;
}
.post blockquote cite, .page blockquote cite {
  opacity: 0.5;
  font-style: italic;
}
.post blockquote cite::before, .page blockquote cite::before {
  content: "— ";
}
.post blockquote.big, .page blockquote.big {
  font-size: larger;
}
.post hr, .page hr {
  max-width: 3in;
  margin: 2cm auto;
  border-style: solid;
  border-color: var(--semitransparent-grey);
  border-radius: 1px;
  border-width: 1px;
}
.post pre, .page pre {
  margin: 1em 0;
  padding: 1ex;
  border-radius: 0.5ex;
  background: var(--code-background);
}
.post img.mid-post-hero, .post img.end-post-hero, .page img.mid-post-hero, .page img.end-post-hero {
  display: block;
  width: 80%;
  width: max-content;
  max-width: 100%;
  margin-inline: auto;
  margin-block: 3em;
  max-height: calc(90vh - var(--app-bar-height-auto, 1in));
}
.post img.mid-post-hero.no-intrinsic-size, .post img.end-post-hero.no-intrinsic-size, .page img.mid-post-hero.no-intrinsic-size, .page img.end-post-hero.no-intrinsic-size {
  width: 80%;
}
@media (max-width: 5in) {
  .post img.mid-post-hero, .post img.end-post-hero, .page img.mid-post-hero, .page img.end-post-hero {
    width: 100%;
    max-height: none;
  }
}
.post img.thumbnail, .page img.thumbnail {
  float: right;
  max-width: 2in;
  max-height: 2in;
}
.post img.thumbnail.left, .page img.thumbnail.left {
  float: left;
}
.post img.thumbnail.card, .page img.thumbnail.card {
  border-radius: var(--card-border-radius);
}
@media (max-width: 5in) {
  .post img.thumbnail, .post img.thumbnail.left, .page img.thumbnail, .page img.thumbnail.left {
    display: block;
    float: none;
    margin-inline: auto;
  }
}
.post img.hero-image, .post img.end-post-hero, .post img.card, .page img.hero-image, .page img.end-post-hero, .page img.card {
  border-radius: calc(var(--card-border-radius) * 2);
  box-shadow: var(--card-shadow-raised);
  padding: 0;
  border: none;
}
.trans-nb-pride-theme .app-bar {
  background: linear-gradient(0, #FFF6, #FFF6), url("/images/Very Wide Trans NB Swoopy Design.svg"), var(--theme-background-color-at-level-raised);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
}
.brightness-dark .trans-nb-pride-theme .app-bar, .brightness-black .trans-nb-pride-theme .app-bar {
  background-blend-mode: soft-light;
}
.trans-nb-pride-theme .app-bar * {
  color: var(--theme-foreground-color) !important;
}
.post .chips, .page .chips {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.post .chips.content-replacer, .page .chips.content-replacer {
  margin-block-end: 2em;
}
.post .chip.accented:not([selected]), .page .chip.accented:not([selected]) {
  background: var(--button-background);
  color: var(--theme-text-on-accent-color-color);
}
.post .chip:link, .post .chip:visited, .post .chip:not([disabled]), .page .chip:link, .page .chip:visited, .page .chip:not([disabled]) {
  transition-property: background-color, box-shadow, color;
}
.post .chip:link:hover, .post .chip:link:focus, .post .chip:visited:hover, .post .chip:visited:focus, .post .chip:not([disabled]):hover, .post .chip:not([disabled]):focus, .page .chip:link:hover, .page .chip:link:focus, .page .chip:visited:hover, .page .chip:visited:focus, .page .chip:not([disabled]):hover, .page .chip:not([disabled]):focus {
  box-shadow: var(--box-shadow-z3);
}
.post .mutates-page, .page .mutates-page {
  cursor: default;
}
.post table .example.no-break, .page table .example.no-break {
  display: inline-block;
  white-space: nowrap;
}
.post table .highlight, .page table .highlight {
  background-color: var(--theme-accent-color);
}
.post table .highlight, .post table .highlight th:not(.plain) small, .page table .highlight, .page table .highlight th:not(.plain) small {
  color: var(--theme-text-on-accent-color-color);
}
.post footer.card, .page footer.card {
  max-width: var(--phone-portrait-medium-max-width);
  margin: 10vh auto;
}
.post footer.card > *, .page footer.card > * {
  margin: 1em 0;
}
.post footer.card > *:last-child, .page footer.card > *:last-child {
  margin-block-end: 0;
}
.post footer.card > :first-child, .page footer.card > :first-child {
  margin-block-start: 1ex;
  padding-block-start: 1ex;
}
.post footer.card .dates-and-times, .page footer.card .dates-and-times {
  list-style-type: none;
  margin-block-start: 2em;
}
.post footer.card .dates-and-times > *, .page footer.card .dates-and-times > * {
  margin: 1em 0;
  opacity: 0.5;
}
.post footer.card .dates-and-times time span, .page footer.card .dates-and-times time span {
  display: inline-block;
}
.post footer.card .oss-links, .page footer.card .oss-links {
  text-align: end;
}
.post footer.card h1, .post footer.card h2, .post footer.card h3, .post footer.card h4, .post footer.card h5, .post footer.card h6, .page footer.card h1, .page footer.card h2, .page footer.card h3, .page footer.card h4, .page footer.card h5, .page footer.card h6 {
  margin-block-start: 0.5ex;
  padding-block-start: 0;
  font-size: 1em;
  text-align: start;
}
.post footer.card h1, .page footer.card h1 {
  font-size: 1.5em;
}
.post footer.card h1::before, .post footer.card h1::after, .page footer.card h1::before, .page footer.card h1::after {
  content: none;
}
.post footer.card #Sources, .page footer.card #Sources {
  border-block-start: 1px dashed var(--card-border-color);
}
.post footer.card ol:not(.chips):not(.plain) li, .post footer.card ul:not(.chips):not(.plain) li, .page footer.card ol:not(.chips):not(.plain) li, .page footer.card ul:not(.chips):not(.plain) li {
  margin-left: 3ex;
}
.post footer.card ol:not(.chips):not(.plain) li::marker, .post footer.card ul:not(.chips):not(.plain) li::marker, .page footer.card ol:not(.chips):not(.plain) li::marker, .page footer.card ul:not(.chips):not(.plain) li::marker {
  color: color-mix(in srgb, var(--theme-foreground-color) 50%, transparent);
}
.post footer.card > :last-child, .page footer.card > :last-child {
  margin-block-end: 0;
  padding-block-end: 0;
}
.post .statistic-omitted, .page .statistic-omitted {
  opacity: 50%;
  font-style: italic;
}
.post #Sources ul, .post #Sources ol, .page #Sources ul, .page #Sources ol {
  text-align: start;
}

@media (max-width: 960px) {
  .card {
    max-width: 100%;
  }
}

.story p:first-of-type {
  color: var(--theme-foreground-color);
  font-size: 125%;
  font-weight: bolder;
}
.story h1 {
  text-align: center;
}