@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600;700&display=swap");


/* ==========================================================
   NOTEBOOK — MIMEO
   ========================================================== */

.tb-notebook[data-notebook-style="mimeo"] {
    --tb-mimeo-paper: #f8f7f2;
    --tb-mimeo-paper-light: #fcfbf8;
    --tb-mimeo-paper-dark: #eceae3;

    --tb-mimeo-ink: #5b348c;
    --tb-mimeo-ink-dark: #4d2b77;
    --tb-mimeo-ink-mid: #654292;
    --tb-mimeo-ink-light: #795ca0;

    --tb-mimeo-title-font:
            "Special Elite",
            "Courier New",
            monospace;

    --tb-mimeo-title-weight: 400;

    --tb-mimeo-body-font:
            "Special Elite",
            "Courier New",
            monospace;

    --tb-mimeo-body-weight: 400;

    --tb-mimeo-body-size: 2.25rem;
    --tb-mimeo-leading: 1.35;

    --tb-mimeo-title-size-factor: 1;

    --tb-mimeo-rule-horizontal:
            url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 10'%3E%3Cpath d='M0 4.2 C26 2.9 56 5.1 88 3.8 S149 5.0 184 3.7 S249 5.2 320 3.9' fill='none' stroke='%234d2b77' stroke-width='1.35' stroke-linecap='round'/%3E%3Cpath d='M0 5.8 C37 4.8 73 6.0 112 5.0 S177 5.9 220 5.0 S278 5.9 320 5.2' fill='none' stroke='%235b348c' stroke-width='.72' stroke-linecap='round' opacity='.32'/%3E%3C/svg%3E");

    --tb-mimeo-rule-vertical:
            url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 320'%3E%3Cpath d='M4.2 0 C2.9 30 5.1 60 3.8 94 S5 159 3.7 195 S5.2 259 3.9 320' fill='none' stroke='%234d2b77' stroke-width='1.35' stroke-linecap='round'/%3E%3Cpath d='M5.8 0 C4.8 39 6 75 5 116 S5.9 184 5 230 S5.9 282 5.2 320' fill='none' stroke='%235b348c' stroke-width='.72' stroke-linecap='round' opacity='.32'/%3E%3C/svg%3E");

    position: relative;
    isolation: isolate;

    color: var(--tb-mimeo-ink-dark);
    background: var(--tb-mimeo-paper);
}


/* ==========================================================
   TYPE PAIRS
   ========================================================== */

.tb-notebook[
    data-notebook-style="mimeo"
][data-notebook-mimeo-variant="special-special"] {
    --tb-mimeo-title-font:
            "Special Elite",
            "Courier New",
            monospace;

    --tb-mimeo-title-weight: 400;

    --tb-mimeo-body-font:
            "Special Elite",
            "Courier New",
            monospace;

    --tb-mimeo-body-weight: 400;
}


.tb-notebook[
    data-notebook-style="mimeo"
][data-notebook-mimeo-variant="zilla-special"] {
    --tb-mimeo-title-font:
            "Zilla Slab",
            Rockwell,
            serif;

    --tb-mimeo-title-weight: 500;

    --tb-mimeo-body-font:
            "Special Elite",
            "Courier New",
            monospace;

    --tb-mimeo-body-weight: 400;
}


.tb-notebook[
    data-notebook-style="mimeo"
][data-notebook-mimeo-variant="rokkitt-special"] {
    --tb-mimeo-title-font:
            "Rokkitt",
            Rockwell,
            serif;

    --tb-mimeo-title-weight: 500;

    --tb-mimeo-body-font:
            "Special Elite",
            "Courier New",
            monospace;

    --tb-mimeo-body-weight: 400;
}


.tb-notebook[
    data-notebook-style="mimeo"
][data-notebook-mimeo-variant="roboto-special"] {
    --tb-mimeo-title-font:
            "Roboto Slab",
            Rockwell,
            serif;

    --tb-mimeo-title-weight: 500;

    --tb-mimeo-body-font:
            "Special Elite",
            "Courier New",
            monospace;

    --tb-mimeo-body-weight: 400;
}


.tb-notebook[
    data-notebook-style="mimeo"
][data-notebook-mimeo-variant="josefin-special"] {
    --tb-mimeo-title-font:
            "Josefin Slab",
            Rockwell,
            serif;

    --tb-mimeo-title-weight: 600;

    --tb-mimeo-body-font:
            "Special Elite",
            "Courier New",
            monospace;

    --tb-mimeo-body-weight: 400;
}


.tb-notebook[
    data-notebook-style="mimeo"
][data-notebook-mimeo-variant="arvo-special"] {
    --tb-mimeo-title-font:
            "Arvo",
            Rockwell,
            serif;

    --tb-mimeo-title-weight: 400;

    --tb-mimeo-body-font:
            "Special Elite",
            "Courier New",
            monospace;

    --tb-mimeo-body-weight: 400;
}


.tb-notebook[
    data-notebook-style="mimeo"
][data-notebook-mimeo-variant="special-courierprime"] {
    --tb-mimeo-title-font:
            "Special Elite",
            "Courier New",
            monospace;

    --tb-mimeo-title-weight: 400;

    --tb-mimeo-body-font:
            "Courier Prime",
            "Courier New",
            monospace;

    --tb-mimeo-body-weight: 700;
}


.tb-notebook[
    data-notebook-style="mimeo"
][data-notebook-mimeo-variant="zilla-courierprime"] {
    --tb-mimeo-title-font:
            "Zilla Slab",
            Rockwell,
            serif;

    --tb-mimeo-title-weight: 500;

    --tb-mimeo-body-font:
            "Courier Prime",
            "Courier New",
            monospace;

    --tb-mimeo-body-weight: 700;
}


.tb-notebook[
    data-notebook-style="mimeo"
][data-notebook-mimeo-variant="rokkitt-courierprime"] {
    --tb-mimeo-title-font:
            "Rokkitt",
            Rockwell,
            serif;

    --tb-mimeo-title-weight: 500;

    --tb-mimeo-body-font:
            "Courier Prime",
            "Courier New",
            monospace;

    --tb-mimeo-body-weight: 700;
}


.tb-notebook[
    data-notebook-style="mimeo"
][data-notebook-mimeo-variant="special-plex"] {
    --tb-mimeo-title-font:
            "Special Elite",
            "Courier New",
            monospace;

    --tb-mimeo-title-weight: 400;

    --tb-mimeo-body-font:
            "IBM Plex Mono",
            "Courier New",
            monospace;

    --tb-mimeo-body-weight: 600;
}


/* ==========================================================
   PAPER
   ========================================================== */

.tb-notebook[data-notebook-style="mimeo"]::before {
    content: "";

    position: absolute;
    inset: 0;
    z-index: 0;

    pointer-events: none;

    opacity: 0.9;

    background-image:
            radial-gradient(
                    circle at 8% 17%,
                    rgb(91 52 140 / 17%) 0 0.7px,
                    transparent 1px
            ),
            radial-gradient(
                    circle at 69% 28%,
                    rgb(91 52 140 / 12%) 0 0.8px,
                    transparent 1.1px
            ),
            radial-gradient(
                    circle at 33% 71%,
                    rgb(91 52 140 / 10%) 0 0.9px,
                    transparent 1.2px
            ),
            radial-gradient(
                    circle at 88% 79%,
                    rgb(77 43 119 / 14%) 0 0.7px,
                    transparent 1px
            ),
            radial-gradient(
                    ellipse at 41% 52%,
                    rgb(80 76 70 / 4%) 0 1.3px,
                    transparent 2px
            );

    background-size:
            43px 39px,
            67px 61px,
            91px 83px,
            119px 107px,
            163px 149px;

    mix-blend-mode: multiply;
}


/* ==========================================================
   MIMEOGRAPH OVERPRINT / MOTTLING
   ========================================================== */

.tb-notebook[data-notebook-style="mimeo"]::after {
    content: "";

    position: absolute;
    inset: 0;

    z-index: 40;

    pointer-events: none;

    opacity: 0.25;

    mix-blend-mode: multiply;

    background-image:
            radial-gradient(
                    ellipse at 7% 8%,
                    rgb(70 37 108 / 24%) 0 0.85px,
                    transparent 2.5px
            ),
            radial-gradient(
                    ellipse at 33% 41%,
                    rgb(76 39 115 / 20%) 0 0.95px,
                    transparent 2.7px
            ),
            radial-gradient(
                    ellipse at 79% 64%,
                    rgb(80 43 122 / 19%) 0 0.75px,
                    transparent 2.2px
            ),
            radial-gradient(
                    ellipse at 91% 17%,
                    rgb(70 37 108 / 17%) 0 1px,
                    transparent 2.9px
            ),
            repeating-linear-gradient(
                    1deg,
                    transparent 0 28px,
                    rgb(77 43 119 / 5%) 28px 29px,
                    transparent 29px 76px
            ),
            linear-gradient(
                    90deg,
                    transparent 0%,
                    rgb(77 43 119 / 3%) 16%,
                    transparent 31%,
                    rgb(77 43 119 / 3%) 57%,
                    transparent 78%
            );

    background-size:
            59px 71px,
            89px 101px,
            127px 109px,
            173px 151px,
            100% 100%,
            100% 100%;
}


/* ==========================================================
   LIVE CONTENT
   ========================================================== */

.tb-notebook[data-notebook-style="mimeo"]
.tb-notebook__intro,

.tb-notebook[data-notebook-style="mimeo"]
.tb-notebook__workspace,

.tb-notebook[data-notebook-style="mimeo"]
.tb-notebook-list,

.tb-notebook[data-notebook-style="mimeo"]
.tb-notebook-reader,

.tb-notebook[data-notebook-style="mimeo"]
.tb-notebook-reader__content {
    position: relative;
    z-index: 1;

    background: transparent;
}


/* ==========================================================
   MIMEO HAS NO ATLANTIC WISP / HERO
   ========================================================== */

.tb-notebook[data-notebook-style="mimeo"]
.tb-notebook-atlanticHero {
    display: none !important;
}


/* ==========================================================
   NO TOP-PAGE DECK
   ========================================================== */

.tb-notebook[data-notebook-style="mimeo"]
.tb-notebook__deck {
    display: none !important;
}


/* ==========================================================
   TOP NOTEBOOK MASTHEAD
   ========================================================== */

.tb-notebook[data-notebook-style="mimeo"]
.tb-notebook__intro {
    padding:
            2rem
            3rem
            1.7rem;

    color: var(--tb-mimeo-ink);

    font-family: var(--tb-mimeo-body-font);
}


.tb-notebook[data-notebook-style="mimeo"]
.tb-notebook__introInner {
    position: relative;

    padding-top: 0.2rem;
    padding-bottom: 1.5rem;
}


.tb-notebook[data-notebook-style="mimeo"]
.tb-notebook__introInner::before,

.tb-notebook[data-notebook-style="mimeo"]
.tb-notebook__introInner::after {
    content: "";

    position: absolute;

    left: 0.2rem;
    right: 0.55rem;

    height: 10px;

    background:
            var(--tb-mimeo-rule-horizontal)
            repeat-x
            left center / 320px 10px;

    pointer-events: none;
}


.tb-notebook[data-notebook-style="mimeo"]
.tb-notebook__introInner::before {
    top: -0.1rem;
}


.tb-notebook[data-notebook-style="mimeo"]
.tb-notebook__introInner::after {
    bottom: -0.1rem;
}


/* ==========================================================
   BREADCRUMB
   ========================================================== */

.tb-notebook[data-notebook-style="mimeo"]
.tb-notebook__breadcrumb {
    margin:
            0
            0
            0.7rem;

    color: var(--tb-mimeo-ink-light);

    font-family: var(--tb-mimeo-body-font);
    font-size: 1rem;
    font-weight: var(--tb-mimeo-body-weight);

    letter-spacing: 0.05em;

    text-transform: uppercase;
}


.tb-notebook[data-notebook-style="mimeo"]
.tb-notebook__breadcrumb a {
    color: var(--tb-mimeo-ink);

    text-decoration: none;
}


/* ==========================================================
   MASTHEAD GRID
   ========================================================== */

.tb-notebook[data-notebook-style="mimeo"]
.tb-notebook__introGrid {
    grid-template-columns:
        minmax(0, 1fr)
        minmax(13rem, 17rem);

    align-items: center;

    gap: 2rem;
}


.tb-notebook[data-notebook-style="mimeo"]
.tb-notebook__introCopy {
    position: relative;

    min-height: 8rem;

    padding-left: 18.5rem;
}


/* ==========================================================
   SMALL LEFT PUBLISHER BLOCK
   ========================================================== */

.tb-notebook[data-notebook-style="mimeo"]
.tb-notebook__introCopy::before {
    content:
            "TomBeaverBooks\A"
            "STORIES.\A"
            "IDEAS.\A"
            "PEOPLE.\A"
            "FOR A BRIGHTER,\A"
            "WEIRDER TOMORROW.";

    position: absolute;

    left: 0.3rem;
    top: 0.35rem;

    width: 15.5rem;

    color: var(--tb-mimeo-ink-dark);

    font-family: var(--tb-mimeo-body-font);
    font-size: 1.03rem;
    font-weight: var(--tb-mimeo-body-weight);

    letter-spacing: 0.025em;
    line-height: 1.23;

    white-space: pre-line;

    transform: rotate(-0.35deg);
}


/* ==========================================================
   MAIN NOTEBOOK MASTHEAD TITLE
   ========================================================== */

.tb-notebook[data-notebook-style="mimeo"]
.tb-notebook__heading {
    position: relative;

    display: block;

    max-width: none;

    margin: 0;

    padding-top: 1rem;

    color: var(--tb-mimeo-ink-dark);

    font-family: var(--tb-mimeo-title-font);

    font-size: clamp(4.8rem, 5vw, 6.4rem);

    font-weight: var(--tb-mimeo-title-weight);

    letter-spacing: -0.04em;
    line-height: 0.94;

    transform:
            rotate(-0.12deg)
            scaleX(0.975);

    transform-origin: left center;
}


.tb-notebook[data-notebook-style="mimeo"]
.tb-notebook__heading::before,

.tb-notebook[data-notebook-style="mimeo"]
.tb-notebook__heading::after {
    content: "";

    position: absolute;

    left: 0.3rem;

    height: 10px;

    background:
            var(--tb-mimeo-rule-horizontal)
            repeat-x
            left center / 320px 10px;
}


.tb-notebook[data-notebook-style="mimeo"]
.tb-notebook__heading::before {
    top: 0;

    width: 72%;
}


.tb-notebook[data-notebook-style="mimeo"]
.tb-notebook__heading::after {
    bottom: -0.75rem;

    width: 84%;
}


/* ==========================================================
   RIGHT MASTHEAD MOTTO
   ========================================================== */

.tb-notebook[data-notebook-style="mimeo"]
.tb-notebook__personality {
    position: relative;

    display: flex;

    align-items: center;
    justify-content: flex-end;

    min-height: 7rem;

    padding-right: 0.4rem;
}


.tb-notebook[data-notebook-style="mimeo"]
.tb-notebook__vignette {
    display: none;
}


.tb-notebook[data-notebook-style="mimeo"]
.tb-notebook__personality::before {
    content: "⌁  ⌁";

    position: absolute;

    right: 1.1rem;
    top: -0.35rem;

    color: var(--tb-mimeo-ink-dark);

    font-family: var(--tb-mimeo-body-font);
    font-size: 1.8rem;

    transform: rotate(4deg);
}


.tb-notebook[data-notebook-style="mimeo"]
.tb-notebook__motto {
    max-width: 13rem;

    transform: rotate(1.3deg);
}


.tb-notebook[data-notebook-style="mimeo"]
.tb-notebook__mottoText {
    color: var(--tb-mimeo-ink-dark);

    font-family: var(--tb-mimeo-body-font);
    font-size: 1.08rem;
    font-style: italic;

    line-height: 1.25;
}


.tb-notebook[data-notebook-style="mimeo"]
.tb-notebook__mottoRule {
    width: 4.8rem;
    height: 10px;

    margin-top: 0.5rem;

    border: 0;

    background:
            var(--tb-mimeo-rule-horizontal)
            repeat-x
            left center / 320px 10px;
}


/* ==========================================================
   LARGE-TYPE MIMEO MOTTLING
   ========================================================== */

@supports (
    (-webkit-background-clip: text)
    or
    (background-clip: text)
) {

    .tb-notebook[data-notebook-style="mimeo"]
    .tb-notebook__heading,

    .tb-notebook[data-notebook-style="mimeo"]
    .tb-notebook-reader__title {
        color: transparent;

        background-color: var(--tb-mimeo-ink-dark);

        background-image:
                radial-gradient(
                        circle at 12% 24%,
                        rgb(248 247 242 / 65%) 0 0.8px,
                        transparent 1.55px
                ),
                radial-gradient(
                        circle at 68% 41%,
                        rgb(248 247 242 / 47%) 0 1px,
                        transparent 1.75px
                ),
                radial-gradient(
                        circle at 37% 78%,
                        rgb(248 247 242 / 43%) 0 0.8px,
                        transparent 1.45px
                ),
                radial-gradient(
                        circle at 84% 67%,
                        rgb(248 247 242 / 50%) 0 0.9px,
                        transparent 1.6px
                ),
                repeating-linear-gradient(
                        1deg,
                        transparent 0 2px,
                        rgb(248 247 242 / 10%) 2px 2.8px,
                        transparent 2.8px 6px
                ),
                linear-gradient(
                        93deg,
                        #442469 0%,
                        #63388f 14%,
                        #4c2974 29%,
                        #70429b 45%,
                        #49266f 61%,
                        #633991 80%,
                        #432367 100%
                );

        background-size:
                10px 14px,
                16px 20px,
                25px 28px,
                34px 38px,
                100% 100%,
                100% 100%;

        -webkit-background-clip: text;
        background-clip: text;

        -webkit-text-fill-color: transparent;
    }
}


/* ==========================================================
   WORKSPACE / SHEET
   ========================================================== */

.tb-notebook[data-notebook-style="mimeo"]
.tb-notebook__workspace {
    width: calc(100% - 6rem);

    margin-bottom: 7rem;

    border-top: 0;
}


.tb-notebook[data-notebook-style="mimeo"]
.tb-notebook__slider {
    position: relative;

    grid-template-columns:
        minmax(22rem, 23.5%)
        minmax(0, 76.5%);

    min-height: 68rem;
}


.tb-notebook[data-notebook-style="mimeo"]
.tb-notebook__slider::before {
    content: "";

    position: absolute;
    z-index: 0;

    inset:
            0.25rem
            0.45rem
            0.35rem
            0.12rem;

    border:
            1px solid
            rgb(77 43 119 / 65%);

    pointer-events: none;

    transform: rotate(0.035deg);
}


.tb-notebook[data-notebook-style="mimeo"]
.tb-notebook__slider::after {
    content: "";

    position: absolute;
    z-index: 0;

    left: 0.4rem;
    right: 0.9rem;
    top: 0.42rem;

    height: 10px;

    background:
            var(--tb-mimeo-rule-horizontal)
            repeat-x
            left center / 320px 10px;

    pointer-events: none;
}


/* ==========================================================
   LEFT SIDEBAR
   ========================================================== */

.tb-notebook[data-notebook-style="mimeo"]
.tb-notebook-list {
    position: relative;

    padding:
            1.7rem
            1.55rem
            3.2rem
            1.25rem;

    border-right: 0;

    color: var(--tb-mimeo-ink);

    font-family: var(--tb-mimeo-body-font);
}


.tb-notebook[data-notebook-style="mimeo"]
.tb-notebook-list::after {
    content: "";

    position: absolute;
    z-index: 4;

    top: 0.55rem;
    right: -0.45rem;
    bottom: 0.65rem;

    width: 10px;

    background:
            var(--tb-mimeo-rule-vertical)
            repeat-y
            center top / 10px 320px;

    pointer-events: none;
}


/* ==========================================================
   SIDEBAR HEADING
   ========================================================== */

.tb-notebook[data-notebook-style="mimeo"]
.tb-notebook-list__headingRow {
    position: relative;

    padding:
            0
            0.25rem
            0.9rem;
}


.tb-notebook[data-notebook-style="mimeo"]
.tb-notebook-list__headingRow::after {
    content: "";

    position: absolute;

    left: 0;
    right: 0;
    bottom: -0.1rem;

    height: 10px;

    background:
            var(--tb-mimeo-rule-horizontal)
            repeat-x
            left center / 320px 10px;
}


.tb-notebook[data-notebook-style="mimeo"]
.tb-notebook-list__heading {
    color: var(--tb-mimeo-ink-dark);

    font-family: var(--tb-mimeo-title-font);

    font-size: 2.8rem;

    font-weight: var(--tb-mimeo-title-weight);

    line-height: 1;
}


.tb-notebook[data-notebook-style="mimeo"]
.tb-notebook-list__count {
    color: var(--tb-mimeo-ink-mid);

    font-family: var(--tb-mimeo-body-font);

    font-size: 1rem;

    font-weight: var(--tb-mimeo-body-weight);
}


/* ==========================================================
   SEARCH
   ========================================================== */

.tb-notebook[data-notebook-style="mimeo"]
.tb-notebook-list__search {
    min-height: 4rem;

    padding:
            0
            0.9rem;

    border:
            1px solid
            rgb(77 43 119 / 58%);

    border-radius: 0;

    background:
            rgb(255 255 255 / 7%);

    transform: rotate(-0.08deg);
}


.tb-notebook[data-notebook-style="mimeo"]
.tb-notebook-list__searchInput {
    color: var(--tb-mimeo-ink-dark);

    font-family: var(--tb-mimeo-body-font);

    font-size: 1.18rem;

    font-weight: var(--tb-mimeo-body-weight);
}


.tb-notebook[data-notebook-style="mimeo"]
.tb-notebook-list__searchInput::placeholder {
    color: rgb(91 52 140 / 59%);
}


/* ==========================================================
   SIDEBAR CONTROLS
   ========================================================== */

.tb-notebook[data-notebook-style="mimeo"]
.tb-notebook-list__viewControls {
    gap: 0.65rem;

    margin-top: 0.55rem;
}


.tb-notebook[data-notebook-style="mimeo"]
.tb-notebook-list__segmented {
    border:
            1px solid
            rgb(77 43 119 / 54%);

    border-radius: 0;

    background: transparent;
}


.tb-notebook[data-notebook-style="mimeo"]
.tb-notebook-list__segment {
    min-height: 2.5rem;

    padding:
            0.42rem
            0.6rem;

    color: var(--tb-mimeo-ink-dark);

    font-family: var(--tb-mimeo-body-font);

    font-size: 0.78rem;

    font-weight: var(--tb-mimeo-body-weight);
}


/* ==========================================================
   SIDEBAR ENTRIES
   ========================================================== */

.tb-notebook[data-notebook-style="mimeo"]
.tb-notebook-list__entries {
    margin-top: 0.45rem;
}


.tb-notebook[data-notebook-style="mimeo"]
.tb-notebook-entry {
    position: relative;

    display: flex;

    flex-direction: column;

    align-items: flex-start;

    width: 100%;

    padding:
            1.15rem
            1.2rem
            1.1rem
            0.7rem;

    border: 0;
    border-radius: 0;

    color: var(--tb-mimeo-ink-dark);

    background: transparent;

    font-family: var(--tb-mimeo-body-font);

    text-align: left;
}


.tb-notebook[data-notebook-style="mimeo"]
.tb-notebook-entry::after {
    content: "";

    position: absolute;

    left: 0.35rem;
    right: 0.25rem;
    bottom: -0.2rem;

    height: 10px;

    background:
            var(--tb-mimeo-rule-horizontal)
            repeat-x
            left center / 320px 10px;

    opacity: 0.56;
}


.tb-notebook[data-notebook-style="mimeo"]
.tb-notebook-entry:nth-child(3n + 2)::after {
    transform: rotate(0.16deg);

    opacity: 0.45;
}


.tb-notebook[data-notebook-style="mimeo"]
.tb-notebook-entry:nth-child(4n + 1)::after {
    right: 0.8rem;

    transform: rotate(-0.2deg);
}


/* title above date */

.tb-notebook[data-notebook-style="mimeo"]
.tb-notebook-entry__title {
    order: 1;

    width: 100%;

    margin: 0;

    color: var(--tb-mimeo-ink-dark);

    font-family: var(--tb-mimeo-body-font);

    font-size: 2.5rem !important;

    font-weight: var(--tb-mimeo-body-weight);

    letter-spacing: -0.035em;

    line-height: 1.08;
}


.tb-notebook[data-notebook-style="mimeo"]
.tb-notebook-entry__date {
    order: 2;

    margin:
            0.42rem
            0
            0;

    color: var(--tb-mimeo-ink-mid);

    font-family: var(--tb-mimeo-body-font);

    font-size: 2rem !important;

    font-weight: var(--tb-mimeo-body-weight);

    letter-spacing: 0.025em;

    line-height: 1.08;

    text-transform: uppercase;
}


.tb-notebook[data-notebook-style="mimeo"]
.tb-notebook-entry__excerpt {
    display: none;
}


.tb-notebook[data-notebook-style="mimeo"]
.tb-notebook-entry__arrow {
    display: none;
}


/* dirty selected entry */

.tb-notebook[data-notebook-style="mimeo"]
.tb-notebook-entry.is-active {
    padding-left: 2.1rem;

    background-color:
            rgb(91 52 140 / 9%);

    background-image:
            radial-gradient(
                    circle at 12% 27%,
                    rgb(91 52 140 / 19%) 0 1px,
                    transparent 1.8px
            ),
            radial-gradient(
                    circle at 63% 66%,
                    rgb(91 52 140 / 14%) 0 1.2px,
                    transparent 2.1px
            ),
            radial-gradient(
                    circle at 86% 18%,
                    rgb(91 52 140 / 11%) 0 0.8px,
                    transparent 1.7px
            ),
            linear-gradient(
                    92deg,
                    rgb(91 52 140 / 16%) 0%,
                    rgb(91 52 140 / 6%) 42%,
                    rgb(91 52 140 / 13%) 100%
            );

    background-size:
            29px 31px,
            43px 37px,
            61px 53px,
            100% 100%;

    box-shadow:
            inset 2px 0 0
            rgb(77 43 119 / 66%);

    transform: rotate(-0.03deg);
}


.tb-notebook[data-notebook-style="mimeo"]
.tb-notebook-entry.is-active
.tb-notebook-entry__arrow {
    display: block;

    position: absolute;

    left: 0.5rem;
    top: 1.2rem;

    width: 1.2rem;

    color: transparent;

    font-size: 0;
}


.tb-notebook[data-notebook-style="mimeo"]
.tb-notebook-entry.is-active
.tb-notebook-entry__arrow::before {
    content: "→";

    color: var(--tb-mimeo-ink-dark);

    font-family: var(--tb-mimeo-body-font);

    font-size: 1.5rem;
}


/* ==========================================================
   SIDEBAR EPIGRAM
   ========================================================== */

.tb-notebook[data-notebook-style="mimeo"]
.tb-notebook-list__epigram {
    margin:
            3rem
            0.7rem
            0;

    padding-top: 1rem;

    border: 0;

    color: var(--tb-mimeo-ink-dark);

    font-family: var(--tb-mimeo-body-font);

    transform: rotate(-0.6deg);
}


.tb-notebook[data-notebook-style="mimeo"]
.tb-notebook-list__epigram::before {
    content: "";

    display: block;

    width: 100%;
    height: 10px;

    margin-bottom: 1rem;

    background:
            var(--tb-mimeo-rule-horizontal)
            repeat-x
            left center / 320px 10px;

    opacity: 0.5;
}


.tb-notebook[data-notebook-style="mimeo"]
.tb-notebook-list__epigramText {
    color: var(--tb-mimeo-ink-mid);

    font-family: var(--tb-mimeo-body-font);

    font-size: 1.1rem;

    font-style: italic;

    line-height: 1.3;
}


/* ==========================================================
   READER
   ========================================================== */

.tb-notebook[data-notebook-style="mimeo"]
.tb-notebook-reader {
    padding:
            1.7rem
            1.5rem
            5rem
            2rem;

    color: var(--tb-mimeo-ink-dark);

    font-family: var(--tb-mimeo-body-font);
}


.tb-notebook[data-notebook-style="mimeo"]
.tb-notebook-reader__content {
    max-width: none;
}


/* ==========================================================
   TOP DATE / BUTTON ROW
   ========================================================== */

.tb-notebook[data-notebook-style="mimeo"]
.tb-notebook-reader__date {
    padding:
            0.32rem
            0.55rem
            0.25rem;

    border:
            1px solid
            rgb(77 43 119 / 58%);

    color: var(--tb-mimeo-ink-dark);

    font-family: var(--tb-mimeo-body-font);

    font-size: 0.9rem;

    text-transform: uppercase;
}


.tb-notebook[data-notebook-style="mimeo"]
.tb-notebook-reader__favorite,

.tb-notebook[data-notebook-style="mimeo"]
.tb-notebook-reader__fontButton {
    min-width: 3.1rem;
    height: 3.1rem;

    border:
            1px solid
            rgb(77 43 119 / 54%);

    border-radius: 0;

    color: var(--tb-mimeo-ink-dark);

    background: transparent;

    font-family: var(--tb-mimeo-body-font);

    font-size: 1rem;
}


/* ==========================================================
   STYLE BAR + TYPE PICKER ON SAME ROW
   ========================================================== */

.tb-notebook[data-notebook-style="mimeo"]
.tb-notebook-reader__styleBar {
    position: relative;

    display: flex;

    align-items: center;

    flex-wrap: wrap;

    gap:
            0.6rem
            0.8rem;

    margin-bottom: 1rem;

    padding:
            0.8rem
            0;

    border: 0;
}


.tb-notebook[data-notebook-style="mimeo"]
.tb-notebook-reader__styleBar::before,

.tb-notebook[data-notebook-style="mimeo"]
.tb-notebook-reader__styleBar::after {
    content: "";

    position: absolute;

    left: 0;
    right: 0.2rem;

    height: 10px;

    background:
            var(--tb-mimeo-rule-horizontal)
            repeat-x
            left center / 320px 10px;

    opacity: 0.58;
}


.tb-notebook[data-notebook-style="mimeo"]
.tb-notebook-reader__styleBar::before {
    top: -0.35rem;
}


.tb-notebook[data-notebook-style="mimeo"]
.tb-notebook-reader__styleBar::after {
    bottom: -0.35rem;
}


.tb-notebook[data-notebook-style="mimeo"]
.tb-notebook-reader__styleLabel {
    flex: 0 0 auto;

    color: var(--tb-mimeo-ink-mid);

    font-family: var(--tb-mimeo-body-font);

    font-size: 0.8rem;
}


.tb-notebook[data-notebook-style="mimeo"]
.tb-notebook-reader__styleChoices {
    display: flex;

    flex: 0 1 auto;

    flex-wrap: wrap;

    gap: 0.42rem;
}


.tb-notebook[data-notebook-style="mimeo"]
.tb-notebook-reader__styleChoice {
    border:
            1px solid
            rgb(77 43 119 / 49%);

    border-radius: 0;

    color: var(--tb-mimeo-ink-dark);

    background: transparent;

    font-family: var(--tb-mimeo-body-font);

    font-size: 0.78rem;
}


.tb-notebook[data-notebook-style="mimeo"]
.tb-notebook-reader__styleChoice.is-active,

.tb-notebook[data-notebook-style="mimeo"]
.tb-notebook-reader__styleChoice[aria-pressed="true"] {
    color: var(--tb-mimeo-paper-light);

    background: var(--tb-mimeo-ink-dark);
}


/* ==========================================================
   MIMEO TYPE PICKER
   ========================================================== */

.tb-notebook[data-notebook-style="mimeo"]
[data-notebook-mimeo-variant-control] {
    display: flex;

    align-items: center;

    flex: 0 0 auto;

    gap: 0.55rem;

    margin:
            0
            0
            0
            auto;

    padding: 0;

    color: var(--tb-mimeo-ink-dark);

    font-family: var(--tb-mimeo-body-font);
}


.tb-notebook[data-notebook-style="mimeo"]
[data-notebook-mimeo-variant-control][hidden] {
    display: none !important;
}


.tb-notebook[data-notebook-style="mimeo"]
.tb-notebook-reader__variantLabel {
    color: var(--tb-mimeo-ink-mid);

    font-family: var(--tb-mimeo-body-font);

    font-size: 0.78rem;

    white-space: nowrap;
}


.tb-notebook[data-notebook-style="mimeo"]
.tb-notebook-reader__variantSelect {
    min-height: 2.55rem;

    max-width: 22rem;

    padding:
            0.3rem
            2rem
            0.3rem
            0.7rem;

    border:
            1px solid
            rgb(77 43 119 / 58%);

    border-radius: 0;

    color: var(--tb-mimeo-ink-dark);

    background:
            rgb(255 255 255 / 10%);

    font-family: var(--tb-mimeo-body-font);

    font-size: 0.85rem;

    transform: rotate(-0.08deg);
}


/* ==========================================================
   HANDMADE STORY HEADER

   FROM THE NOTEBOOK                     JUN 17, 2026
   ========================================================== */

.tb-notebook[data-notebook-style="mimeo"]
.tb-notebook-mimeoStoryHeader {
    position: relative;

    display: flex;

    align-items: center;

    justify-content: space-between;

    width: 100%;

    margin:
            1.5rem
            0
            1.45rem;

    padding:
            0
            0.45rem
            1.45rem
            0.15rem;

    color: var(--tb-mimeo-ink-dark);

    font-family: var(--tb-mimeo-body-font);
}


.tb-notebook[data-notebook-style="mimeo"]
.tb-notebook-mimeoStoryHeader[hidden] {
    display: none !important;
}


.tb-notebook[data-notebook-style="mimeo"]
.tb-notebook-mimeoStoryHeader::after {
    content: "";

    position: absolute;

    left: 0;
    right: 0;
    bottom: 0;

    height: 10px;

    background:
            var(--tb-mimeo-rule-horizontal)
            repeat-x
            left center / 320px 10px;
}


.tb-notebook[data-notebook-style="mimeo"]
.tb-notebook-mimeoStoryHeader__label {
    position: relative;

    font-family: var(--tb-mimeo-body-font);

    font-size: 1.45rem;

    letter-spacing: 0.09em;

    line-height: 1;

    text-transform: uppercase;
}


.tb-notebook[data-notebook-style="mimeo"]
.tb-notebook-mimeoStoryHeader__label::after {
    content: "";

    position: absolute;

    left: 0;
    bottom: -0.65rem;

    width: 14rem;
    height: 10px;

    background:
            var(--tb-mimeo-rule-horizontal)
            repeat-x
            left center / 320px 10px;

    opacity: 0.58;

    transform: rotate(-0.4deg);
}


.tb-notebook[data-notebook-style="mimeo"]
.tb-notebook-mimeoStoryHeader__date {
    min-width: 13.8rem;

    padding:
            0.55rem
            1.1rem
            0.45rem;

    border:
            2px solid
            rgb(77 43 119 / 75%);

    color: var(--tb-mimeo-ink-dark);

    font-family: var(--tb-mimeo-body-font);

    font-size: 1.35rem;

    line-height: 1;

    text-align: center;

    text-transform: uppercase;

    transform: rotate(0.2deg);

    box-shadow:
            1px 1px 0
            rgb(91 52 140 / 20%);
}


/* ==========================================================
   MIMEO LEAD

   About 1.2 text columns for headline copy,
   with the image occupying the remaining width.
   ========================================================== */

.tb-notebook[data-notebook-style="mimeo"]
.tb-notebook-mimeoLead {
    display: grid;

    grid-template-columns:
        minmax(0, 60%)
        minmax(0, 40%);

    align-items: start;

    gap: 2.6rem;

    width: 100%;

    margin-bottom: 1.25rem;
}


.tb-notebook[data-notebook-style="mimeo"]
.tb-notebook-mimeoLead[hidden] {
    display: none !important;
}


.tb-notebook[data-notebook-style="mimeo"]
.tb-notebook-mimeoLead__copy {
    min-width: 0;
}


/* ==========================================================
   NO OLD EYEBROW
   ========================================================== */

.tb-notebook[data-notebook-style="mimeo"]
.tb-notebook-reader__titleWrap::before {
    display: none !important;

    content: none !important;
}


.tb-notebook[data-notebook-style="mimeo"]
.tb-notebook-reader__titleWrap {
    width: 100%;
    max-width: none;

    margin: 0;

    padding: 0;
}


.tb-notebook[data-notebook-style="mimeo"]
.tb-notebook-reader__titleWrap::after {
    content: "";

    display: block;

    width: 17rem;
    height: 10px;

    margin-top: 0.7rem;

    background:
            var(--tb-mimeo-rule-horizontal)
            repeat-x
            left center / 320px 10px;

    transform: rotate(-0.25deg);
}


/* ==========================================================
   STORY HEADLINE

   Starts at 7.2rem.
   JS shrinks only if more than two rendered lines.
   ========================================================== */

.tb-notebook[data-notebook-style="mimeo"]
.tb-notebook-reader__title {
    display: block;

    width: 100%;
    max-width: 100%;

    margin: 0;

    color: var(--tb-mimeo-ink-dark);

    font-family: var(--tb-mimeo-title-font);

    font-size:
            calc(
                    7.2rem
                    *
                    var(--tb-mimeo-title-size-factor)
            );

    font-weight: var(--tb-mimeo-title-weight);

    letter-spacing: -0.045em;

    line-height: 0.91;

    text-wrap: balance;

    overflow-wrap: normal;
    word-break: normal;

    transform:
            rotate(-0.08deg)
            scaleX(0.97);

    transform-origin: left top;
}


.tb-notebook[data-notebook-style="mimeo"]
.tb-notebook-reader__titleAccent {
    display: none !important;
}


/* ==========================================================
   STORY DEK
   ========================================================== */

.tb-notebook[data-notebook-style="mimeo"]
.tb-notebook-atlanticIntro {
    display: block;

    width: 100%;
    max-width: none;

    margin:
            1.3rem
            0
            0;

    color: var(--tb-mimeo-ink-mid);

    font-family: var(--tb-mimeo-body-font);

    font-size: 2rem !important;

    font-weight: var(--tb-mimeo-body-weight);

    letter-spacing: -0.02em;

    line-height: 1.28;
}


.tb-notebook[data-notebook-style="mimeo"]
.tb-notebook-atlanticIntro[hidden] {
    display: none !important;
}


/* ==========================================================
   BYLINE — SAME SIZE AS BODY
   ========================================================== */

.tb-notebook[data-notebook-style="mimeo"]
.tb-notebook-atlanticByline {
    display: flex;

    flex-wrap: wrap;

    gap: 0.7rem;

    width: 100%;
    max-width: none;

    margin:
            1rem
            0
            0;

    color: var(--tb-mimeo-ink-dark);

    font-family: var(--tb-mimeo-body-font);

    font-size: 2.25rem !important;

    font-weight: var(--tb-mimeo-body-weight);

    line-height: 1.2;
}


.tb-notebook[data-notebook-style="mimeo"]
.tb-notebook-atlanticByline[hidden] {
    display: none !important;
}


.tb-notebook[data-notebook-style="mimeo"]
.tb-notebook-atlanticByline__author,

.tb-notebook[data-notebook-style="mimeo"]
.tb-notebook-atlanticByline__date,

.tb-notebook[data-notebook-style="mimeo"]
.tb-notebook-atlanticByline__separator {
    font-family: inherit !important;

    font-size: inherit !important;

    font-weight: inherit !important;
}


/* ==========================================================
   LEAD IMAGE
   ========================================================== */

.tb-notebook[data-notebook-style="mimeo"]
.tb-notebook-mimeoLead__picture {
    position: relative;

    width: 100%;

    margin:
            0.3rem
            0
            0;

    overflow: hidden;

    background: transparent;

    transform: rotate(0.15deg);
}


.tb-notebook[data-notebook-style="mimeo"]
.tb-notebook-mimeoLead__picture::before {
    content: "";

    display: block;

    padding-top: 73%;
}


.tb-notebook[data-notebook-style="mimeo"]
.tb-notebook-mimeoLead__image {
    position: absolute;

    inset: 0;

    width: 100%;
    height: 100%;

    object-fit: cover;

    filter:
            grayscale(1)
            contrast(1.72)
            brightness(1.22);

    opacity: 0.86;

    mix-blend-mode: multiply;
}


.tb-notebook[data-notebook-style="mimeo"]
.tb-notebook-mimeoLead__picture::after {
    content: "";

    position: absolute;

    inset: 0;

    pointer-events: none;

    opacity: 0.32;

    background-image:
            radial-gradient(
                    circle at 12% 20%,
                    rgb(91 52 140 / 22%) 0 0.8px,
                    transparent 1.8px
            ),
            radial-gradient(
                    circle at 71% 63%,
                    rgb(77 43 119 / 20%) 0 1px,
                    transparent 2.1px
            ),
            radial-gradient(
                    circle at 34% 77%,
                    rgb(91 52 140 / 13%) 0 0.7px,
                    transparent 1.7px
            ),
            radial-gradient(
                    circle at 84% 31%,
                    rgb(77 43 119 / 16%) 0 0.9px,
                    transparent 2px
            );

    background-size:
            17px 19px,
            31px 29px,
            47px 43px,
            61px 57px;

    mix-blend-mode: multiply;
}


/* violet mimeograph wash over photo */

.tb-notebook[data-notebook-style="mimeo"]
.tb-notebook-mimeoLead__picture::after {
    content: "";

    position: absolute;

    inset: 0;

    pointer-events: none;

    background:
            radial-gradient(
                    circle at 12% 20%,
                    rgb(91 52 140 / 17%) 0 1px,
                    transparent 1.8px
            ),
            radial-gradient(
                    circle at 71% 63%,
                    rgb(77 43 119 / 18%) 0 1.2px,
                    transparent 2.2px
            ),
            linear-gradient(
                    rgb(91 52 140 / 24%),
                    rgb(91 52 140 / 24%)
            );

    background-size:
            17px 19px,
            31px 29px,
            100% 100%;

    mix-blend-mode: multiply;
}


/* ==========================================================
   BODY FRAME
   ========================================================== */

.tb-notebook[data-notebook-style="mimeo"]
.tb-notebook-reader__bodyFrame {
    position: relative;

    width: 100%;
    max-width: none;

    margin-top: 0;

    padding:
            1.7rem
            0.25rem
            1.5rem
            0.05rem;

    border: 0;
}


.tb-notebook[data-notebook-style="mimeo"]
.tb-notebook-reader__bodyFrame::before {
    content: "";

    position: absolute;

    left: 0;
    right: 0.35rem;
    top: 0;

    height: 10px;

    background:
            var(--tb-mimeo-rule-horizontal)
            repeat-x
            left center / 320px 10px;

    opacity: 0.8;
}


.tb-notebook[data-notebook-style="mimeo"]
.tb-notebook-reader__bodyFrame::after {
    content: "";

    position: absolute;

    top: 1.7rem;
    bottom: 1.2rem;
    left: 50%;

    width: 10px;

    margin-left: -5px;

    background:
            var(--tb-mimeo-rule-vertical)
            repeat-y
            center top / 10px 320px;

    opacity: 0.75;

    pointer-events: none;
}


/* ==========================================================
   BODY COPY
   ========================================================== */

.tb-notebook[data-notebook-style="mimeo"]
.tb-notebook-reader__body.gh-content {
    width: 100%;
    max-width: none;

    column-count: 2;

    column-gap: 3rem;

    column-rule: 0;

    color: var(--tb-mimeo-ink-dark);

    font-family:
            var(--tb-mimeo-body-font) !important;

    font-size:
            var(--tb-mimeo-body-size) !important;

    font-weight:
            var(--tb-mimeo-body-weight) !important;

    letter-spacing: -0.025em;

    line-height:
            var(--tb-mimeo-leading) !important;

    text-align: left;

    hyphens: none;

    -webkit-font-smoothing: auto;

    text-rendering: optimizeLegibility;

    text-shadow:
            0.15px 0
            rgb(77 43 119 / 28%);
}


.tb-notebook[data-notebook-style="mimeo"]
.tb-notebook-reader__body[data-notebook-reader-body] p,

.tb-notebook[data-notebook-style="mimeo"]
.tb-notebook-reader__body[data-notebook-reader-body] li,

.tb-notebook[data-notebook-style="mimeo"]
.tb-notebook-reader__body[data-notebook-reader-body] blockquote,

.tb-notebook[data-notebook-style="mimeo"]
.tb-notebook-reader__body[data-notebook-reader-body] a,

.tb-notebook[data-notebook-style="mimeo"]
.tb-notebook-reader__body[data-notebook-reader-body] strong,

.tb-notebook[data-notebook-style="mimeo"]
.tb-notebook-reader__body[data-notebook-reader-body] em {
    font-family:
            var(--tb-mimeo-body-font) !important;

    font-size: inherit !important;

    line-height: inherit !important;
}


/* ==========================================================
   NINE BODY SIZE STEPS
   ========================================================== */

.tb-notebook[
    data-notebook-style="mimeo"
][data-notebook-font-size="xxsmall"]
.tb-notebook-reader__body[data-notebook-reader-body] {
    font-size: 1.55rem !important;
}


.tb-notebook[
    data-notebook-style="mimeo"
][data-notebook-font-size="xsmall"]
.tb-notebook-reader__body[data-notebook-reader-body] {
    font-size: 1.72rem !important;
}


.tb-notebook[
    data-notebook-style="mimeo"
][data-notebook-font-size="small"]
.tb-notebook-reader__body[data-notebook-reader-body] {
    font-size: 1.95rem !important;
}


.tb-notebook[
    data-notebook-style="mimeo"
][data-notebook-font-size="normal"]
.tb-notebook-reader__body[data-notebook-reader-body] {
    font-size: 2.25rem !important;
}


.tb-notebook[
    data-notebook-style="mimeo"
][data-notebook-font-size="large"]
.tb-notebook-reader__body[data-notebook-reader-body] {
    font-size: 2.5rem !important;
}


.tb-notebook[
    data-notebook-style="mimeo"
][data-notebook-font-size="xlarge"]
.tb-notebook-reader__body[data-notebook-reader-body] {
    font-size: 2.78rem !important;
}


.tb-notebook[
    data-notebook-style="mimeo"
][data-notebook-font-size="xxlarge"]
.tb-notebook-reader__body[data-notebook-reader-body] {
    font-size: 3.08rem !important;
}


.tb-notebook[
    data-notebook-style="mimeo"
][data-notebook-font-size="xxxlarge"]
.tb-notebook-reader__body[data-notebook-reader-body] {
    font-size: 3.42rem !important;
}


.tb-notebook[
    data-notebook-style="mimeo"
][data-notebook-font-size="huge"]
.tb-notebook-reader__body[data-notebook-reader-body] {
    font-size: 3.8rem !important;
}


/* ==========================================================
   PARAGRAPH INK VARIATION
   ========================================================== */

.tb-notebook[data-notebook-style="mimeo"]
.tb-notebook-reader__body.gh-content > p {
    margin:
            0
            0
            0.68em !important;

    color: #4f2d79;

    text-indent: 0 !important;

    break-inside: avoid-column;
}


.tb-notebook[data-notebook-style="mimeo"]
.tb-notebook-reader__body.gh-content > p:nth-of-type(4n + 2) {
    color: #593684;

    opacity: 0.94;
}


.tb-notebook[data-notebook-style="mimeo"]
.tb-notebook-reader__body.gh-content > p:nth-of-type(5n + 3) {
    color: #48276e;

    text-shadow:
            0.3px 0
            rgb(77 43 119 / 42%);
}


.tb-notebook[data-notebook-style="mimeo"]
.tb-notebook-reader__body.gh-content > p:nth-of-type(7n + 4) {
    color: #56317f;

    opacity: 0.97;
}


.tb-notebook[data-notebook-style="mimeo"]
.tb-notebook-reader__body.gh-content > p:nth-of-type(9n + 5) {
    color: #654391;

    opacity: 0.9;
}


/* ==========================================================
   STORY HEADINGS
   ========================================================== */

.tb-notebook[data-notebook-style="mimeo"]
.tb-notebook-reader__body.gh-content h2,

.tb-notebook[data-notebook-style="mimeo"]
.tb-notebook-reader__body.gh-content h3,

.tb-notebook[data-notebook-style="mimeo"]
.tb-notebook-reader__body.gh-content h4 {
    color: var(--tb-mimeo-ink-dark);

    font-family:
            var(--tb-mimeo-title-font) !important;

    font-weight:
            var(--tb-mimeo-title-weight);

    line-height: 1.04;

    text-align: left;

    break-after: avoid;
}


.tb-notebook[data-notebook-style="mimeo"]
.tb-notebook-reader__body.gh-content h2 {
    font-size: 1.45em;
}


.tb-notebook[data-notebook-style="mimeo"]
.tb-notebook-reader__body.gh-content h3 {
    font-size: 1.22em;
}


/* ==========================================================
   BLOCKQUOTES
   ========================================================== */

.tb-notebook[data-notebook-style="mimeo"]
.tb-notebook-reader__body.gh-content blockquote {
    margin:
            1.05em
            0;

    padding:
            0.65em
            0.9em;

    border:
            1px solid
            rgb(77 43 119 / 60%);

    color: var(--tb-mimeo-ink-dark);

    background:
            rgb(91 52 140 / 4%);

    font-style: italic;

    transform: rotate(-0.1deg);

    break-inside: avoid;
}


/* ==========================================================
   ARTICLE IMAGES
   ========================================================== */

.tb-notebook[data-notebook-style="mimeo"]
.tb-notebook-reader__body.gh-content figure {
    margin:
            1.3em
            0;

    break-inside: avoid;
}


.tb-notebook[data-notebook-style="mimeo"]
.tb-notebook-reader__body.gh-content img {
    filter:
            grayscale(1)
            sepia(0.14)
            contrast(1.55)
            brightness(0.93);

    opacity: 0.76;

    mix-blend-mode: multiply;
}


.tb-notebook[data-notebook-style="mimeo"]
.tb-notebook-reader__body.gh-content figcaption {
    color: var(--tb-mimeo-ink-mid);

    font-family:
            var(--tb-mimeo-body-font) !important;

    font-size:
            0.74em !important;

    font-style: italic;
}


/* ==========================================================
   BOXED MIMEO FOOTER
   ========================================================== */

.tb-notebook[data-notebook-style="mimeo"]
.tb-notebook-mimeoFooter {
    position: relative;

    display: grid;

    grid-template-columns:
        9rem
        minmax(0, 1fr)
        19rem;

    align-items: center;

    gap: 1.4rem;

    min-height: 9.5rem;

    margin:
            4.5rem
            0
            2.5rem;

    padding:
            1.2rem
            2rem;

    border:
            1.5px solid
            rgb(77 43 119 / 74%);

    color: var(--tb-mimeo-ink-dark);

    font-family: var(--tb-mimeo-body-font);

    transform: rotate(0.02deg);
}


.tb-notebook[data-notebook-style="mimeo"]
.tb-notebook-mimeoFooter[hidden] {
    display: none !important;
}


/* imperfect second top line */

.tb-notebook[data-notebook-style="mimeo"]
.tb-notebook-mimeoFooter::before {
    content: "";

    position: absolute;

    left: -0.3rem;
    right: 0.3rem;
    top: -0.45rem;

    height: 10px;

    background:
            var(--tb-mimeo-rule-horizontal)
            repeat-x
            left center / 320px 10px;

    opacity: 0.55;

    pointer-events: none;
}


/* imperfect second bottom line */

.tb-notebook[data-notebook-style="mimeo"]
.tb-notebook-mimeoFooter::after {
    content: "";

    position: absolute;

    left: 0.2rem;
    right: -0.35rem;
    bottom: -0.48rem;

    height: 10px;

    background:
            var(--tb-mimeo-rule-horizontal)
            repeat-x
            left center / 320px 10px;

    opacity: 0.46;

    pointer-events: none;
}


/* blot at left */

.tb-notebook[data-notebook-style="mimeo"]
.tb-notebook-mimeoFooter__blot {
    justify-self: center;

    width: 4.8rem;
    height: 4.8rem;

    border-radius:
            47%
            53%
            45%
            55%;

    opacity: 0.23;

    background:
            radial-gradient(
                    circle at 37% 39%,
                    var(--tb-mimeo-ink-dark) 0 31%,
                    transparent 33%
            ),
            radial-gradient(
                    circle at 59% 57%,
                    var(--tb-mimeo-ink) 0 35%,
                    transparent 37%
            ),
            radial-gradient(
                    circle at 28% 68%,
                    var(--tb-mimeo-ink-mid) 0 23%,
                    transparent 25%
            );

    transform:
            rotate(14deg)
            scaleX(1.08);
}


/* saying */

.tb-notebook[data-notebook-style="mimeo"]
.tb-notebook-mimeoFooter__saying {
    justify-self: center;

    color: var(--tb-mimeo-ink-dark);

    font-family: var(--tb-mimeo-body-font);

    font-size: 1.6rem;

    letter-spacing: 0.035em;

    line-height: 1.15;

    text-align: center;

    text-transform: uppercase;

    transform: rotate(-0.25deg);
}


/* drawing region */

.tb-notebook[data-notebook-style="mimeo"]
.tb-notebook-mimeoFooter__drawing {
    display: flex;

    align-items: center;
    justify-content: flex-end;

    gap: 0.55rem;

    transform: rotate(-1.2deg);
}


.tb-notebook[data-notebook-style="mimeo"]
.tb-notebook-mimeoFooter__mountains {
    width: 10.5rem;
    height: auto;

    overflow: visible;

    fill: none;

    stroke: var(--tb-mimeo-ink-dark);

    stroke-width: 4;

    stroke-linecap: round;
    stroke-linejoin: round;
}


.tb-notebook[data-notebook-style="mimeo"]
.tb-notebook-mimeoFooter__mountains path:nth-child(2) {
    stroke-width: 2.6;

    opacity: 0.8;
}


.tb-notebook[data-notebook-style="mimeo"]
.tb-notebook-mimeoFooter__mountains path:nth-child(3) {
    stroke-width: 2.2;

    opacity: 0.72;
}


.tb-notebook[data-notebook-style="mimeo"]
.tb-notebook-mimeoFooter__keep {
    color: var(--tb-mimeo-ink-dark);

    font-family: var(--tb-mimeo-body-font);

    font-size: 1.25rem;

    line-height: 1.05;

    text-align: left;

    text-transform: uppercase;

    transform: rotate(3deg);
}


/* hide old ornament in Mimeo now that we have the footer */

.tb-notebook[data-notebook-style="mimeo"]
.tb-notebook-reader__ornament {
    display: none !important;
}


/* ==========================================================
   PREVIOUS / NEXT FOOTER
   ========================================================== */

.tb-notebook[data-notebook-style="mimeo"]
.tb-notebook-reader__footer {
    position: relative;

    border: 0;

    font-family: var(--tb-mimeo-body-font);
}


.tb-notebook[data-notebook-style="mimeo"]
.tb-notebook-reader__previous,

.tb-notebook[data-notebook-style="mimeo"]
.tb-notebook-reader__next,

.tb-notebook[data-notebook-style="mimeo"]
.tb-notebook-reader__navDirection,

.tb-notebook[data-notebook-style="mimeo"]
.tb-notebook-reader__navTitle {
    color: var(--tb-mimeo-ink-dark);

    font-family: var(--tb-mimeo-body-font);
}


/* ==========================================================
   TABLET
   ========================================================== */

@media (max-width: 1100px) {

    .tb-notebook[data-notebook-style="mimeo"]
    .tb-notebook-reader__styleBar {
        align-items: flex-start;
    }


    .tb-notebook[data-notebook-style="mimeo"]
    [data-notebook-mimeo-variant-control] {
        flex-basis: 100%;

        margin-left: 0;
    }


    .tb-notebook[data-notebook-style="mimeo"]
    .tb-notebook-mimeoLead {
        grid-template-columns:
            minmax(0, 62%)
            minmax(0, 38%);

        gap: 2rem;
    }
}


@media (max-width: 980px) {

    .tb-notebook[data-notebook-style="mimeo"]
    .tb-notebook__introCopy {
        padding-left: 14rem;
    }


    .tb-notebook[data-notebook-style="mimeo"]
    .tb-notebook__introCopy::before {
        width: 12rem;

        font-size: 0.88rem;
    }


    .tb-notebook[data-notebook-style="mimeo"]
    .tb-notebook__slider {
        grid-template-columns:
            minmax(20rem, 27%)
            minmax(0, 73%);
    }


    .tb-notebook[data-notebook-style="mimeo"]
    .tb-notebook-mimeoFooter {
        grid-template-columns:
            6rem
            minmax(0, 1fr)
            15rem;

        padding:
                1rem
                1.3rem;
    }


    .tb-notebook[data-notebook-style="mimeo"]
    .tb-notebook-mimeoFooter__saying {
        font-size: 1.35rem;
    }
}


/* ==========================================================
   MOBILE
   ========================================================== */

@media (max-width: 760px) {

    .tb-notebook[data-notebook-style="mimeo"]
    .tb-notebook__intro {
        padding:
                1.7rem
                2rem
                1.3rem;
    }


    .tb-notebook[data-notebook-style="mimeo"]
    .tb-notebook__introGrid {
        grid-template-columns: 1fr;
    }


    .tb-notebook[data-notebook-style="mimeo"]
    .tb-notebook__introCopy {
        min-height: 0;

        padding:
                4rem
                0
                0;
    }


    .tb-notebook[data-notebook-style="mimeo"]
    .tb-notebook__introCopy::before {
        top: 0;

        width: auto;

        content:
                "TomBeaverBooks / STORIES · IDEAS · PEOPLE";

        white-space: normal;
    }


    .tb-notebook[data-notebook-style="mimeo"]
    .tb-notebook__personality {
        display: none;
    }


    .tb-notebook[data-notebook-style="mimeo"]
    .tb-notebook__workspace {
        width:
                calc(100% - 4rem);
    }


    .tb-notebook[data-notebook-style="mimeo"]
    .tb-notebook-list::after {
        display: none;
    }


    .tb-notebook[data-notebook-style="mimeo"]
    .tb-notebook-mimeoStoryHeader {
        align-items: flex-start;

        gap: 1rem;
    }


    .tb-notebook[data-notebook-style="mimeo"]
    .tb-notebook-mimeoStoryHeader__date {
        min-width: 10rem;

        font-size: 1rem;
    }


    .tb-notebook[data-notebook-style="mimeo"]
    .tb-notebook-mimeoLead {
        grid-template-columns: 1fr;

        gap: 1.8rem;
    }


    .tb-notebook[data-notebook-style="mimeo"]
    .tb-notebook-reader__title {
        font-size:
                calc(
                        5.2rem
                        *
                        var(--tb-mimeo-title-size-factor)
                );
    }


    .tb-notebook[data-notebook-style="mimeo"]
    .tb-notebook-mimeoLead__picture {
        max-width: 36rem;
    }


    .tb-notebook[data-notebook-style="mimeo"]
    .tb-notebook-reader__body.gh-content {
        column-count: 1;

        column-gap: normal;
    }


    .tb-notebook[data-notebook-style="mimeo"]
    .tb-notebook-reader__bodyFrame::after {
        display: none;
    }


    .tb-notebook[data-notebook-style="mimeo"]
    .tb-notebook-mimeoFooter {
        grid-template-columns: 1fr;

        gap: 1rem;

        text-align: center;
    }


    .tb-notebook[data-notebook-style="mimeo"]
    .tb-notebook-mimeoFooter__drawing {
        justify-content: center;
    }
}


/* ==========================================================
   MIMEO — REFINEMENT OVERRIDES
   Sept. 13, 2026
   ========================================================== */


/* ==========================================================
   BODY SIZE

   17px at a normal 16px root = 1.0625rem.
   ========================================================== */

.tb-notebook[data-notebook-style="mimeo"] {
    --tb-mimeo-body-size: 1.0625rem;
    --tb-mimeo-leading: 1.46;
}


/* Keep the complete A− / A+ ladder sensible around 17px. */

.tb-notebook[
    data-notebook-style="mimeo"
][data-notebook-font-size="xxsmall"]
.tb-notebook-reader__body[data-notebook-reader-body] {
    font-size: 0.78rem !important;
}

.tb-notebook[
    data-notebook-style="mimeo"
][data-notebook-font-size="xsmall"]
.tb-notebook-reader__body[data-notebook-reader-body] {
    font-size: 0.86rem !important;
}

.tb-notebook[
    data-notebook-style="mimeo"
][data-notebook-font-size="small"]
.tb-notebook-reader__body[data-notebook-reader-body] {
    font-size: 0.96rem !important;
}

.tb-notebook[
    data-notebook-style="mimeo"
][data-notebook-font-size="normal"]
.tb-notebook-reader__body[data-notebook-reader-body] {
    font-size: 1.0625rem !important;
}

.tb-notebook[
    data-notebook-style="mimeo"
][data-notebook-font-size="large"]
.tb-notebook-reader__body[data-notebook-reader-body] {
    font-size: 1.18rem !important;
}

.tb-notebook[
    data-notebook-style="mimeo"
][data-notebook-font-size="xlarge"]
.tb-notebook-reader__body[data-notebook-reader-body] {
    font-size: 1.32rem !important;
}

.tb-notebook[
    data-notebook-style="mimeo"
][data-notebook-font-size="xxlarge"]
.tb-notebook-reader__body[data-notebook-reader-body] {
    font-size: 1.48rem !important;
}

.tb-notebook[
    data-notebook-style="mimeo"
][data-notebook-font-size="xxxlarge"]
.tb-notebook-reader__body[data-notebook-reader-body] {
    font-size: 1.68rem !important;
}

.tb-notebook[
    data-notebook-style="mimeo"
][data-notebook-font-size="huge"]
.tb-notebook-reader__body[data-notebook-reader-body] {
    font-size: 1.90rem !important;
}


/* ==========================================================
   MORE AIR AROUND COPY
   ========================================================== */

.tb-notebook[data-notebook-style="mimeo"]
.tb-notebook-reader__body.gh-content {
    box-sizing: border-box;

    padding-left: 1.45rem;
    padding-right: 1.45rem;

    column-gap: 4.5rem;
}


/* ==========================================================
   SIDEBAR TYPE
   ========================================================== */

.tb-notebook[data-notebook-style="mimeo"]
.tb-notebook-entry__title {
    font-family: var(--tb-mimeo-title-font) !important;

    font-size: 2.5rem !important;
    font-weight: var(--tb-mimeo-title-weight) !important;

    letter-spacing: -0.035em;
    line-height: 1.08;
}


.tb-notebook[data-notebook-style="mimeo"]
.tb-notebook-entry__date {
    font-family: var(--tb-mimeo-body-font) !important;

    font-size: var(--tb-mimeo-body-size) !important;
    font-weight: var(--tb-mimeo-body-weight) !important;

    letter-spacing: 0.03em;
    line-height: 1.15;
}


/* ==========================================================
   DEK / BYLINE SCALE WITH BODY
   ========================================================== */

.tb-notebook[data-notebook-style="mimeo"]
.tb-notebook-atlanticIntro {
    font-size:
            calc(
                    var(--tb-mimeo-body-size)
                    * 0.92
            ) !important;
}


.tb-notebook[data-notebook-style="mimeo"]
.tb-notebook-atlanticByline {
    font-size:
            var(--tb-mimeo-body-size) !important;
}


/* ==========================================================
   NO HORIZONTAL RULE ABOVE STORY COLUMNS
   ========================================================== */

.tb-notebook[data-notebook-style="mimeo"]
.tb-notebook-reader__bodyFrame::before {
    display: none !important;

    content: none !important;
}


.tb-notebook[data-notebook-style="mimeo"]
.tb-notebook-reader__bodyFrame {
    padding-top: 0.8rem;
}


/* ==========================================================
   HEADLINE DESCENDER SAFETY
   ========================================================== */

.tb-notebook[data-notebook-style="mimeo"]
.tb-notebook-reader__title {
    line-height: 0.98;

    padding-bottom: 0.16em;

    overflow: visible !important;
}


.tb-notebook[data-notebook-style="mimeo"]
.tb-notebook-reader__titleWrap,

.tb-notebook[data-notebook-style="mimeo"]
.tb-notebook-mimeoLead__copy {
    overflow: visible !important;
}