.__body {
    overflow: visible !important;
    height: initial !important;
    min-height: 1rem
}

* {
    transition-duration: 0s !important
}

h1 {
    font-size: 1.3em;
    line-height: 1.2;
    margin: 0 0 .5em
}

ul,
ol {
    margin: 0
}

ul li,
ol li,
li li {
    padding: 0;
    margin: 0
}

pre {
    display: inline-block;
    width: 96%;
    vertical-align: top;
    font-family: monospace;
    font-size: .9em;
    margin: 0;
    padding: .5em 2%;
    white-space: pre-wrap;
    background-color: var(--color-bg--surface);
    overflow-x: auto;
    border-radius: 4px
}

a {
    color: var(--color-txt--action)
}

hr {
    border: 0;
    border-bottom: 1px solid var(--color-border)
}

.email_img {
    width: auto;
    max-width: 99%;
    border: 1px solid var(--color-border)
}

img:not([width]):not([height]) {
    min-width: 1px;
    min-height: 1px
}

div[dir=rtl] {
    line-height: normal
}

blockquote {
    margin: 0;
    padding-block: 0;
    padding-inline-end: 0;
    padding-inline-start: 1.5rem;
    border-inline-start: 1px solid var(--color-border)
}

.haystack-quote summary {
    list-style: none;
    outline: none;
    cursor: pointer
}

@media print {
    .haystack-quote summary {
        display: none
    }
}

.haystack-quote summary::-webkit-details-marker {
    display: none
}

.haystack-quote summary::before {
    content: "Show quote";
    display: inline-flex;
    margin-top: .75rem;
    width: 1.75rem;
    height: 1.75rem;
    background: url("/assets/icons/quote-d1cea0ab4e3af36b7346c1d7d49a9679a7228e31.svg") center/100% no-repeat;
    border-radius: 1.5rem;
    overflow: hidden;
    text-indent: -9999rem
}

@media(min-width: 40em) {
    .haystack-quote summary::before {
        width: 1.5rem;
        height: 1.5rem
    }
}

.haystack-quote[open]>summary::before {
    margin-bottom: 1rem;
    background-image: url("/assets/icons/quote-open-e16f465b0754652d61690db266377da94debbc9b.svg")
}

:root {
    --rgb-black: 0, 0, 0;
    --rgb-white: 255, 255, 255;
    --rgb-almost-black: 35, 28, 51;
    --rgb-almost-white: 236, 233, 230;
    --rgb-gray: 116, 116, 128;
    --rgb-medium-gray: 226, 221, 215;
    --rgb-light-gray: 251, 250, 249;
    --rgb-neutral-light-gray: 244, 243, 245;
    --rgb-teal: 157, 255, 236;
    --rgb-blue: 0, 116, 228;
    --rgb-purple: 85, 34, 250;
    --rgb-green: 41, 152, 80;
    --rgb-red: 201, 36, 0;
    --rgb-canary: 255, 245, 202;
    --rgb-yellow: 255, 214, 10;
    --rgb-yellow-gradient-middle: 255, 245, 205;
    --rgb-peach: 255, 229, 218;
    --rgb-orange: 248, 121, 23;
    --rgb-coral: 249, 92, 92;
    --rgb-light-green: 22, 186, 91;
    --rgb-background: var(--rgb-white);
    --rgb-ink: var(--rgb-almost-black);
    --rgb-overlay: var(--rgb-white);
    --color-black: rgb(var(--rgb-black));
    --color-almost-black: rgb(var(--rgb-almost-black));
    --color-primary: rgb(var(--rgb-teal));
    --color-secondary: rgb(var(--rgb-blue));
    --color-tertiary: rgb(var(--rgb-purple));
    --color-positive: rgb(var(--rgb-green));
    --color-negative: rgb(var(--rgb-red));
    --color-coral: rgb(var(--rgb-coral));
    --color-disabled: rgb(var(--rgb-gray));
    --color-always-white: rgb(var(--rgb-white));
    --color-yellow: rgb(var(--rgb-yellow));
    --color-peach: rgb(var(--rgb-peach));
    --color-bg--main: rgb(var(--rgb-background));
    --color-bg--main-transparent: rgba(var(--rgb-background), 0);
    --color-bg--main-thin: rgba(var(--rgb-background), 0.5);
    --color-bg--main-thick: rgba(var(--rgb-background), 0.95);
    --color-bg--main-reversed: rgb(var(--rgb-ink));
    --color-bg--surface: rgba(var(--rgb-medium-gray), 0.4);
    --color-bg--surface-opaque: rgb(var(--rgb-medium-gray));
    --color-bg--surface-glint: rgba(var(--rgb-medium-gray), 0.15);
    --color-bg--surface-glint-transparent: rgba(var(--rgb-light-gray), 0);
    --color-bg--surface-glint-opaque: rgb(var(--rgb-light-gray));
    --color-bg--surface-glint-thick: rgb(var(--rgb-light-gray), 0.9);
    --color-bg--neutral: rgb(var(--rgb-neutral-light-gray));
    --color-bg--positive: rgba(var(--rgb-green), 0.25);
    --color-bg--positive-glint: rgba(var(--rgb-green), 0.15);
    --color-bg--negative: rgb(var(--rgb-red), 0.25);
    --color-bg--negative-glint: rgb(var(--rgb-red), 0.15);
    --color-bg--negative-glint-thin: rgb(var(--rgb-red), 0.05);
    --color-bg--flash-notice: rgba(var(--rgb-ink), 0.75);
    --color-bg--flash-notice-glint: rgba(var(--rgb-ink), 0.65);
    --color-bg--primary: rgba(var(--rgb-teal), 0.15);
    --color-bg--primary-glint: rgba(var(--rgb-teal), 0.05);
    --color-bg--secondary: rgba(var(--rgb-blue), 0.15);
    --color-bg--secondary-glint: rgba(var(--rgb-blue), 0.05);
    --color-bg--secondary-opaque: #E0EAF9;
    --color-bg--secondary-glint-opaque: #F4F8FE;
    --color-bg--tertiary: rgba(var(--rgb-purple), 0.15);
    --color-bg--tertiary-glint: rgba(var(--rgb-purple), 0.05);
    --color-bg--warning: rgb(var(--rgb-canary));
    --color-bg--warning-opaque: rgb(var(--rgb-canary));
    --color-bg--warning-glint: rgb(var(--rgb-peach));
    --color-bg--warning-glint-opaque: rgb(var(--rgb-peach));
    --color-bg--warning-urgent: rgb(var(--rgb-orange), 0.33);
    --color-bg--collection: rgba(var(--rgb-green), 0.25);
    --color-bg--collection-glint: rgba(var(--rgb-teal), 0.1);
    --color-bg--collection-opaque: #D7EFDE;
    --color-bg--collection-glint-opaque: #F2FDF9;
    --color-bg--world-primary: #8edacd;
    --color-bg--world-secondary: #4c63e1;
    --color-bg--world-tertiary: #6550f0;
    --color-bg--highlight: rgba(var(--rgb-yellow), 0.25);
    --color-bg--overlay: rgb(var(--rgb-overlay));
    --color-bg--overlay-dark: rgb(var(--rgb-almost-black), 0.95);
    --color-bg--receded: rgb(var(--rgb-ink), 0.03);
    --color-bg--receded-on-isolated-content: rgb(var(--rgb-ink), 0.03);
    --color-bg--card: #fff;
    --color-bg--sheet: var(--color-bg--main);
    --color-bg--sheet-transparent: var(--color-bg--main-transparent);
    --color-bg--entry-sheet: var(--color-bg--main);
    --color-bg--message-content: #fff;
    --color-bg--popup: rgba(var(--rgb-ink), 0.25);
    --color-bg--tooltip: rgb(var(--rgb-almost-black));
    --color-bg--go-button: rgba(var(--rgb-ink), 0.2);
    --color-bg--note: rgba(var(--rgb-yellow), 0.35);
    --color-bg--note-glint: rgba(var(--rgb-yellow), 0.15);
    --color-bg--note-opaque: #FFF6C8;
    --color-bg--thread: #FAF9F7;
    --color-bg--note-blend: rgb(var(--rgb-yellow-gradient-middle));
    --color-recycling: rgb(var(--rgb-light-green));
    --color-txt: rgb(var(--rgb-ink));
    --color-txt--reversed: rgb(var(--rgb-background));
    --color-txt--subtle: rgba(var(--rgb-ink), 0.66);
    --color-txt--subtle-reversed: rgba(var(--rgb-background), 0.66);
    --color-txt--action: rgb(var(--rgb-blue));
    --color-txt--placeholder: rgba(var(--rgb-ink), 0.60);
    --color-txt--on-message-content: rgb(var(--rgb-almost-black));
    --color-txt--subtle-on-message-content: rgba(var(--rgb-almost-black), 0.66);
    --color-border: rgba(var(--rgb-ink), 0.15);
    --color-border--reversed: rgba(var(--rgb-almost-white), 0.25);
    --color-border--light: rgba(var(--rgb-ink), 0.05);
    --color-border--heavy: rgba(var(--rgb-ink), 0.5);
    --color-border--solid: rgb(var(--rgb-ink));
    --color-border--popup: rgba(var(--rgb-black), 0.15);
    --color-shadow: rgba(var(--rgb-medium-gray), 0.5);
    --color-shadow--light: rgba(var(--rgb-medium-gray), 0.3);
    --color-shadow--dark: rgba(var(--rgb-black), 0.1);
    --color-focus-ring: #a4d2ff;
    --color-unread: rgb(var(--rgb-orange));
    --color-quote-toggle: #0068c8;
    --color-tertiary--contrast: rgb(var(--rgb-purple));
    --color-collection: rgb(var(--rgb-green))
}

:root[data-color-scheme=dark] {
    --rgb-almost-black: 27, 39, 51;
    --rgb-gray: 116, 116, 128;
    --rgb-medium-gray: 51, 60, 71;
    --rgb-light-gray: 39, 50, 62;
    --rgb-neutral-light-gray: 39, 50, 62;
    --rgb-blue: 80, 162, 255;
    --rgb-purple: 134, 126, 255;
    --rgb-peach: 242, 165, 117;
    --rgb-green: 105, 240, 174;
    --rgb-red: 255, 120, 120;
    --rgb-yellow: 251, 225, 144;
    --rgb-yellow-gradient-middle: 225, 203, 133;
    --rgb-orange: 255, 184, 92;
    --rgb-coral: 222, 137, 131;
    --rgb-light-green: 115, 240, 105;
    --rgb-background: var(--rgb-almost-black);
    --rgb-ink: var(--rgb-almost-white);
    --rgb-overlay: 32, 44, 56
}

@media(prefers-color-scheme: dark) {
    :root:not([data-color-scheme=light]) {
        --rgb-almost-black: 27, 39, 51;
        --rgb-gray: 116, 116, 128;
        --rgb-medium-gray: 51, 60, 71;
        --rgb-light-gray: 39, 50, 62;
        --rgb-neutral-light-gray: 39, 50, 62;
        --rgb-blue: 80, 162, 255;
        --rgb-purple: 134, 126, 255;
        --rgb-peach: 242, 165, 117;
        --rgb-green: 105, 240, 174;
        --rgb-red: 255, 120, 120;
        --rgb-yellow: 251, 225, 144;
        --rgb-yellow-gradient-middle: 225, 203, 133;
        --rgb-orange: 255, 184, 92;
        --rgb-coral: 222, 137, 131;
        --rgb-light-green: 115, 240, 105;
        --rgb-background: var(--rgb-almost-black);
        --rgb-ink: var(--rgb-almost-white);
        --rgb-overlay: 32, 44, 56
    }
}

:root[data-color-scheme=dark] {
    --color-bg--surface: rgba(var(--rgb-gray), 0.2);
    --color-bg--surface-glint: rgba(var(--rgb-gray), 0.10);
    --color-bg--positive: rgba(var(--rgb-green), 0.18);
    --color-bg--positive-glint: rgba(var(--rgb-green), 0.10);
    --color-bg--warning: rgba(var(--rgb-peach), 0.15);
    --color-bg--warning-opaque: rgb(60, 58, 61);
    --color-bg--warning-glint: rgba(var(--rgb-peach), 0.1);
    --color-bg--warning-glint-opaque: rgb(51, 52, 59);
    --color-bg--secondary-opaque: #28394F;
    --color-bg--secondary-glint-opaque: #223040;
    --color-bg--collection: rgba(var(--rgb-green), 0.3);
    --color-bg--collection-glint: rgba(var(--rgb-teal), 0.2);
    --color-bg--collection-opaque: #486A61;
    --color-bg--collection-glint-opaque: #455A60;
    --color-bg--world-primary: #315b41;
    --color-bg--world-secondary: #182b93;
    --color-bg--world-tertiary: #544b93;
    --color-bg--note: rgba(var(--rgb-yellow));
    --color-bg--note-glint: rgba(var(--rgb-yellow), 0.8);
    --color-bg--negative: rgb(var(--rgb-red), 0.5);
    --color-bg--negative-glint: rgb(var(--rgb-red), 0.3);
    --color-bg--receded: rgba(var(--rgb-black), 0.15);
    --color-bg--receded-on-isolated-content: rgba(var(--rgb-black), 0.03);
    --color-bg--card: rgb(var(--rgb-overlay));
    --color-bg--sheet: var(--color-bg--surface-glint-opaque);
    --color-bg--sheet-transparent: rgba(var(--rgb-light-gray), 0);
    --color-bg--entry-sheet: var(--color-bg--surface-glint-opaque);
    --color-bg--thread: var(--color-shadow);
    --color-bg--highlight: rgba(var(--rgb-yellow), 0.85);
    --color-bg--tooltip: rgb(var(--rgb-gray));
    --color-shadow: rgba(var(--rgb-black), 0.15);
    --color-shadow--light: rgba(var(--rgb-black), 0.12);
    --color-shadow--dark: rgba(var(--rgb-black), 0.25);
    --color-tertiary--contrast: rgb(108, 67, 246)
}

@media(prefers-color-scheme: dark) {
    :root:not([data-color-scheme=light]) {
        --color-bg--surface: rgba(var(--rgb-gray), 0.2);
        --color-bg--surface-glint: rgba(var(--rgb-gray), 0.10);
        --color-bg--positive: rgba(var(--rgb-green), 0.18);
        --color-bg--positive-glint: rgba(var(--rgb-green), 0.10);
        --color-bg--warning: rgba(var(--rgb-peach), 0.15);
        --color-bg--warning-opaque: rgb(60, 58, 61);
        --color-bg--warning-glint: rgba(var(--rgb-peach), 0.1);
        --color-bg--warning-glint-opaque: rgb(51, 52, 59);
        --color-bg--secondary-opaque: #28394F;
        --color-bg--secondary-glint-opaque: #223040;
        --color-bg--collection: rgba(var(--rgb-green), 0.3);
        --color-bg--collection-glint: rgba(var(--rgb-teal), 0.2);
        --color-bg--collection-opaque: #486A61;
        --color-bg--collection-glint-opaque: #455A60;
        --color-bg--world-primary: #315b41;
        --color-bg--world-secondary: #182b93;
        --color-bg--world-tertiary: #544b93;
        --color-bg--note: rgba(var(--rgb-yellow));
        --color-bg--note-glint: rgba(var(--rgb-yellow), 0.8);
        --color-bg--negative: rgb(var(--rgb-red), 0.5);
        --color-bg--negative-glint: rgb(var(--rgb-red), 0.3);
        --color-bg--receded: rgba(var(--rgb-black), 0.15);
        --color-bg--receded-on-isolated-content: rgba(var(--rgb-black), 0.03);
        --color-bg--card: rgb(var(--rgb-overlay));
        --color-bg--sheet: var(--color-bg--surface-glint-opaque);
        --color-bg--sheet-transparent: rgba(var(--rgb-light-gray), 0);
        --color-bg--entry-sheet: var(--color-bg--surface-glint-opaque);
        --color-bg--thread: var(--color-shadow);
        --color-bg--highlight: rgba(var(--rgb-yellow), 0.85);
        --color-bg--tooltip: rgb(var(--rgb-gray));
        --color-shadow: rgba(var(--rgb-black), 0.15);
        --color-shadow--light: rgba(var(--rgb-black), 0.12);
        --color-shadow--dark: rgba(var(--rgb-black), 0.25);
        --color-tertiary--contrast: rgb(108, 67, 246)
    }
}

:root {
    --content-width: 98rem;
    --body-padding: 6.4rem;
    --page-padding: 1.6rem;
    --font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    --font-family--mono: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;
    --font-size-base: 11px;
    --font-size-xx-small: 1.1rem;
    --font-size-x-small: 1.2rem;
    --font-size-small: 1.4rem;
    --font-size-medium: 1.6rem;
    --font-size-large: 1.8rem;
    --font-size-x-large: 2.4rem;
    --font-size-xx-large: 3.4rem;
    --base-space: 1.25em;
    --half-space: calc(var(--base-space) / 2);
    --quarter-space: calc(var(--base-space) / 4);
    --double-space: calc(var(--base-space) * 2)
}

@media(min-width: 60em) {
    :root {
        --font-size-xx-small: 1.2rem;
        --font-size-x-small: 1.4rem;
        --font-size-small: 1.6rem;
        --font-size-medium: 1.8rem;
        --font-size-large: 2rem;
        --font-size-x-large: 2.8rem;
        --font-size-xx-large: 4rem
    }
}

*,
*::before,
*::after {
    box-sizing: border-box
}

html,
body {
    margin: 0
}

html {
    background: var(--color-bg--main);
    color: var(--color-txt);
    font-family: var(--font-family);
    font-size: var(--font-size-base);
    line-height: 1.4;
    -webkit-text-size-adjust: 100%
}

body {
    font-size: var(--font-size-medium);
    padding: 0 0 var(--body-padding);
    margin: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)
}

figure {
    display: inherit;
    margin: 0
}

h6,
h5,
h4,
h3,
h2,
h1,
.hdg {
    font-weight: bold;
    line-height: 1
}

h6,
.hdg--x-small {
    font-size: var(--font-size-x-small)
}

h5,
.hdg--x-small {
    font-size: var(--font-size-small)
}

h4,
.hdg--x-small {
    font-size: var(--font-size-medium)
}

h3,
.hdg--large {
    font-size: var(--font-size-large)
}

h2,
.hdg--x-large {
    font-size: var(--font-size-x-large)
}

h1,
.hdg--xx-large {
    font-size: var(--font-size-xx-large)
}

.txt--xx-small {
    font-size: var(--font-size-xx-small)
}

.txt--x-small {
    font-size: var(--font-size-x-small)
}

.txt--small {
    font-size: var(--font-size-small)
}

.txt--medium {
    font-size: var(--font-size-medium)
}

.txt--large {
    font-size: var(--font-size-large)
}

.txt--x-large {
    font-size: var(--font-size-x-large)
}

.txt--xx-large {
    font-size: var(--font-size-xx-large)
}

.txt--bold {
    font-weight: bold
}

.txt--normal {
    font-weight: normal
}

.txt--subtle {
    color: var(--color-txt--subtle)
}

.txt--uppercase {
    text-transform: uppercase
}

.txt--spread {
    letter-spacing: .25rem
}

.u-nowrap {
    white-space: nowrap
}

.txt--break-words {
    word-wrap: break-word
}

a {
    word-wrap: break-word
}

.permalink {
    color: inherit
}

.decorated {
    color: var(--color-txt--action);
    text-decoration: underline
}

.undecorated {
    color: inherit;
    text-decoration: none
}

.border--top {
    border-top: 1px solid var(--color-border--light)
}

.border--bottom {
    border-bottom: 1px solid var(--color-border--light)
}

.i-flex {
    display: inline-flex !important
}

.flex {
    display: flex
}

.flex--column {
    display: flex;
    flex-direction: column
}

.flex--centered {
    justify-content: center
}

.flex--align-center {
    display: flex;
    align-items: center
}

.flex-item--grow {
    flex-grow: 1
}

.align--center {
    text-align: center
}

@media(min-width: 40em) {
    .align--center\@medium {
        text-align: center
    }
}

.push {
    margin: var(--base-space) !important
}

.push--top {
    margin-top: var(--base-space) !important
}

.push--bottom {
    margin-bottom: var(--base-space) !important
}

.push--ends {
    margin-top: var(--base-space) !important;
    margin-bottom: var(--base-space) !important
}

.push_half {
    margin: var(--half-space) !important
}

.push_half--top {
    margin-top: var(--half-space) !important
}

.push_half--bottom {
    margin-bottom: var(--half-space) !important
}

.push_half--ends {
    margin-top: var(--half-space) !important;
    margin-bottom: var(--half-space) !important
}

.push_quarter {
    margin: var(--quarter-space) !important
}

.push_quarter--top {
    margin-top: var(--quarter-space) !important
}

.push_quarter--bottom {
    margin-bottom: var(--quarter-space) !important
}

.push_quarter--ends {
    margin-top: var(--quarter-space) !important;
    margin-bottom: var(--quarter-space) !important
}

.push_double {
    margin: var(--double-space) !important
}

.push_double--top {
    margin-top: var(--double-space) !important
}

.push_double--bottom {
    margin-bottom: var(--double-space) !important
}

.push_double--ends {
    margin-top: var(--double-space) !important;
    margin-bottom: var(--double-space) !important
}

.pad_half--bottom {
    padding-bottom: var(--half-space) !important
}

.pad_half--top {
    padding-top: var(--half-space) !important
}

.flush {
    margin: 0 !important
}

.flush--top {
    margin-top: 0 !important
}

.flush--bottom {
    margin-bottom: 0 !important
}

.flush--ends {
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

.btn {
    display: inline-block;
    margin: 0;
    padding: .3em .8em;
    font-weight: 500;
    text-decoration: none;
    border-radius: 3rem;
    white-space: nowrap;
    background-color: transparent;
    color: var(--color-txt);
    border: 1px solid var(--color-border--solid)
}

.btn:hover {
    cursor: pointer
}

.btn:active {
    box-shadow: none
}

.btn--plain {
    margin: 0;
    padding: 0;
    border: 0;
    background: none;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    color: inherit;
    border-radius: 0
}

.btn--plain:hover {
    cursor: pointer
}

.btn--subtle {
    color: var(--color-txt--subtle);
    border: 1px solid var(--color-border)
}

.input {
    max-width: 100%;
    background-color: transparent;
    border: 1px solid var(--color-border);
    border-radius: .6rem;
    line-height: inherit;
    font-family: inherit;
    font-weight: inherit;
    font-size: inherit;
    color: inherit;
    -webkit-appearance: none;
    -moz-appearance: none;
    box-sizing: border-box
}

.input::-webkit-input-placeholder {
    color: var(--color-txt--placeholder)
}

.input::-moz-placeholder {
    color: var(--color-txt--placeholder)
}

.input:-ms-input-placeholder {
    color: var(--color-txt--placeholder)
}

.input::placeholder {
    color: var(--color-txt--placeholder)
}

.input--full-width {
    display: block;
    width: 100%
}

.input--borderless {
    border-color: transparent
}

.input--borderless:focus {
    outline: none;
    box-shadow: none
}

.page {
    width: 100%;
    max-width: var(--content-width);
    min-height: calc(100vh - var(--body-padding) - var(--page-padding)*2);
    padding: var(--page-padding);
    margin: 0 auto;
    position: relative
}

@media(min-width: 40em) {
    .page--medium\@medium .page__content {
        max-width: 64rem
    }
}

.page__content {
    max-width: var(--content-width);
    margin: 0 auto
}

.avatar {
    width: 2.625em;
    height: 2.625em;
    border-radius: 100%;
    z-index: 1;
    display: block;
    position: relative;
    color: transparent;
    background-color: var(--color-bg--surface-glint-opaque)
}

.avatar--small {
    width: 2.25em;
    height: 2.25em
}

.card {
    border: 1px solid var(--color-border);
    border-radius: .2em;
    color: var(--color-txt) !important;
    box-shadow: 5px 5px 7px var(--color-shadow);
    padding: 1.5em
}

@media(min-width: 40em) {
    .card {
        padding: 2em
    }
}

:root[data-color-scheme=dark] .card {
    color: var(--color-txt--reversed)
}

@media(prefers-color-scheme: dark) {
    :root:not([data-color-scheme=light]) .card {
        color: var(--color-txt--reversed)
    }
}

.card--list {
    min-height: 10em;
    padding-bottom: 4em;
    overflow: hidden;
    position: relative
}

@media(min-width: 40em) {
    .card--list {
        padding-bottom: 5em
    }
}

.card--subscribe {
    margin: 0 auto;
    overflow: initial;
    transform: rotate(-1deg)
}

@media(min-width: 40em) {
    .card--subscribe {
        max-width: 45rem
    }
}

.card__more {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    padding: 1.5em;
    background: var(--color-bg--main);
    z-index: 0
}

@media(min-width: 40em) {
    .card__more {
        padding: 1.75em
    }
}

.card__link {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    text-indent: -9999px;
    z-index: 1
}

.subscribe__email {
    padding: .65em 1em;
    margin: 0;
    background: var(--color-bg--main);
    border: 1px solid var(--color-border);
    border-right-color: transparent;
    border-radius: 1.5em 0 0 1.5em
}

.subscribe__email:focus {
    border: 1px solid rgba(var(--rgb-blue), 0.6);
    outline: none
}

.subscribe__submit {
    padding: .5em 1em;
    background: var(--color-bg--surface);
    border: 1px solid var(--color-border);
    border-left-color: transparent;
    border-radius: 0 1.5em 1.5em 0
}

.subscribe__submit:focus {
    background: rgba(var(--rgb-blue), 0.1);
    border: 1px solid rgba(var(--rgb-blue), 0.6);
    outline: none
}

.attachment {
    position: relative
}

.attachment--preview:not(.attachment--remote) img {
    border: 0
}

.attachment--lightboxable:not(.attachment--pdf) img:hover {
    cursor: pointer
}

.attachment__name,
.attachment__size {
    display: none !important
}

.trix-content h1 {
    font-size: 1.4em
}

.trix-content img {
    max-width: 100%
}

.trix-content img[width] {
    width: auto;
    display: block;
    margin: auto
}

.trix-content img[width][height] {
    height: auto
}