/* ==========================================================
   NOTEBOOK — ATLANTIC

   Atlantic-inspired editorial personality.

   Current rules:
   - hero preserves exact 3:1 image ratio
   - random curated background supplied by JS
   - image is solid paper-white through 40%
   - image feathers gradually from 40% to 70%
   - headline / dek / byline align with body-copy left edge
   - slightly smaller default headline
   - po-sense generator with interactive "Be Poetic" button
   - wisp remains the Be Poetic rollover hot spot
   - body follows hero naturally
   - near-white paper
   - two justified columns
   - normal body size = 1.65rem
   - Atlantic size ladder overrides shared Notebook sizing
   - Atlantic child paragraphs inherit Atlantic body sizing
   - paragraph gap = 0.70em
   - drop cap only when JS explicitly qualifies paragraph
   ========================================================== */


/* ==========================================================
   VARIABLES
   ========================================================== */

.tb-notebook[data-notebook-style="atlantic"] {
    --tb-atlantic-accent: #a62a24;
    --tb-atlantic-accent-soft: #c85a4d;

    --tb-atlantic-ink: #191817;
    --tb-atlantic-muted: #68635e;
    --tb-atlantic-rule: rgb(38 34 30 / 22%);

    --tb-atlantic-paper: #fbfaf7;
    --tb-atlantic-paper-soft: #fdfcf9;

    --tb-atlantic-headline-font:
            "Fraunces",
            Georgia,
            serif;

    --tb-atlantic-headline-weight: 850;
    --tb-atlantic-headline-tracking: -0.052em;
    --tb-atlantic-headline-scale-x: 0.93;

    --tb-atlantic-intro-font:
            "Merriweather",
            Georgia,
            serif;

    --tb-atlantic-intro-weight: 400;

    --tb-atlantic-body-font:
            "Merriweather",
            Georgia,
            serif;

    --tb-atlantic-body-weight: 500;
    --tb-atlantic-body-leading: 1.38;

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

    background:
            var(--tb-atlantic-paper);
}


/* ==========================================================
   MAIN SURFACES
   ========================================================== */

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

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

.tb-notebook[data-notebook-style="atlantic"]
.tb-notebook-reader__content,

.tb-notebook[data-notebook-style="atlantic"]
.tb-notebook-list {
    background:
            var(--tb-atlantic-paper);
}


/* ==========================================================
   PAGE INTRO
   ========================================================== */

.tb-notebook[data-notebook-style="atlantic"]
.tb-notebook__intro {
    background:
            var(--tb-atlantic-paper);
}


.tb-notebook[data-notebook-style="atlantic"]
.tb-notebook__heading {
    font-family:
            var(--tb-atlantic-headline-font);

    font-weight:
            var(--tb-atlantic-headline-weight);

    letter-spacing:
            var(--tb-atlantic-headline-tracking);

    line-height:
            0.91;

    transform:
            scaleX(
                    var(--tb-atlantic-headline-scale-x)
            );

    transform-origin:
            left center;
}


.tb-notebook[data-notebook-style="atlantic"]
.tb-notebook__deck {
    color:
            var(--tb-atlantic-muted);

    font-family:
            var(--tb-atlantic-intro-font);

    font-style:
            italic;
}


.tb-notebook[data-notebook-style="atlantic"]
.tb-notebook__mottoText {
    color:
            var(--tb-atlantic-muted);

    font-family:
            var(--tb-atlantic-intro-font);

    font-style:
            italic;
}


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


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

.tb-notebook[data-notebook-style="atlantic"]
.tb-notebook-list {
    background:
            var(--tb-atlantic-paper);
}


.tb-notebook[data-notebook-style="atlantic"]
.tb-notebook-list__heading {
    font-family:
            var(--tb-atlantic-headline-font);

    font-weight:
            700;

    letter-spacing:
            -0.025em;
}


.tb-notebook[data-notebook-style="atlantic"]
.tb-notebook-entry__title {
    font-family:
            var(--tb-atlantic-body-font);

    font-weight:
            700;
}


.tb-notebook[data-notebook-style="atlantic"]
.tb-notebook-entry.is-active {
    background:
            linear-gradient(
                    90deg,
                    rgb(166 42 36 / 9%) 0%,
                    rgb(166 42 36 / 2%) 100%
            );

    border-left-color:
            var(--tb-atlantic-accent);
}


.tb-notebook[data-notebook-style="atlantic"]
.tb-notebook-entry.is-active
.tb-notebook-entry__title {
    color:
            var(--tb-atlantic-accent);
}


/* ==========================================================
   STYLE SELECTOR
   ========================================================== */

.tb-notebook[data-notebook-style="atlantic"]
.tb-notebook-reader__styleChoice.is-active {
    color:
            #fff;

    background:
            var(--tb-atlantic-ink);

    border-color:
            var(--tb-atlantic-ink);
}


/* ==========================================================
   ATLANTIC TYPE PICKER
   ========================================================== */

.tb-notebook[data-notebook-style="atlantic"]
[data-notebook-wodehouse-variant-control],

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


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

    align-items:
            center;

    gap:
            1.2rem;

    padding:
            1.15rem 0;

    border-bottom:
            1px solid
            var(--tb-atlantic-rule);
}


.tb-notebook:not([data-notebook-style="atlantic"])
[data-notebook-atlantic-variant-control] {
    display:
            none !important;
}


.tb-notebook[data-notebook-style="atlantic"]
.tb-notebook-reader__variantLabel {
    color:
            var(--tb-atlantic-accent);

    font-family:
            Arial,
            Helvetica,
            sans-serif;

    font-size:
            1.2rem;

    font-weight:
            700;

    letter-spacing:
            0.08em;

    text-transform:
            uppercase;
}


.tb-notebook[data-notebook-style="atlantic"]
.tb-notebook-reader__variantSelect {
    min-width:
            32rem;

    padding:
            0.8rem 3.6rem 0.8rem 1.1rem;

    border:
            1px solid
            rgb(45 39 34 / 32%);

    border-radius:
            2px;

    background:
            var(--tb-atlantic-paper-soft);

    color:
            var(--tb-atlantic-ink);
}


/* ==========================================================
   EDITORIAL HERO
   ========================================================== */

.tb-notebook[data-notebook-style="atlantic"]
.tb-notebook-editorialBlock {
    position:
            relative;

    box-sizing:
            border-box;

    width:
            100%;

    aspect-ratio:
            3 / 1;

    min-height:
            0;

    height:
            auto;

    overflow:
            hidden;

    margin:
            1.2rem 0 0;

    padding:
            3.5rem 3.8rem 5.2rem 0;

    background:
            var(--tb-atlantic-paper);

    isolation:
            isolate;
}


/* ==========================================================
   BACKGROUND IMAGE
   ========================================================== */

.tb-notebook[data-notebook-style="atlantic"]
.tb-notebook-atlanticHero {
    position:
            absolute;

    inset:
            0;

    z-index:
            0;

    display:
            block !important;

    width:
            100%;

    height:
            100%;

    min-height:
            0;

    margin:
            0;

    overflow:
            hidden;

    background:
            var(--tb-atlantic-paper);
}


.tb-notebook[data-notebook-style="atlantic"]
.tb-notebook-atlanticHero__photo {
    position:
            absolute;

    inset:
            0;

    width:
            100%;

    height:
            100%;

    background-position:
            center center;

    background-repeat:
            no-repeat;

    background-size:
            cover;

    filter:
            saturate(0.95)
            contrast(0.985)
            brightness(1.025);
}


/* ==========================================================
   LEFT IMAGE FEATHER

   0–40%  = solid paper
   40–70% = gradual feather
   70%+   = unobscured photograph
   ========================================================== */

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

    position:
            absolute;

    inset:
            0;

    z-index:
            1;

    pointer-events:
            none;

    background:
            linear-gradient(
                    90deg,
                    var(--tb-atlantic-paper) 0%,
                    var(--tb-atlantic-paper) 40%,
                    rgb(251 250 247 / 97%) 44%,
                    rgb(251 250 247 / 90%) 48%,
                    rgb(251 250 247 / 79%) 52%,
                    rgb(251 250 247 / 65%) 56%,
                    rgb(251 250 247 / 50%) 60%,
                    rgb(251 250 247 / 34%) 64%,
                    rgb(251 250 247 / 18%) 67%,
                    rgb(251 250 247 / 0%) 70%
            );
}


/* ==========================================================
   PO-SENSE

   The wisp itself is the Be Poetic hot spot.
   ========================================================== */

.tb-notebook[data-notebook-style="atlantic"]
.tb-notebook-atlanticHero__overlay {
    position:
            absolute;

    z-index:
            5;

    top:
            2.5rem;

    right:
            2.8rem;

    width:
            min(
                    29rem,
                    32%
            );

    color:
            rgb(255 255 255 / 98%);

    font-family:
            var(--tb-atlantic-intro-font);

    font-size:
            2rem;

    font-style:
            italic;

    font-weight:
            600;

    line-height:
            1.38;

    text-align:
            right;

    cursor:
            pointer;

    text-shadow:
            0 2px 3px rgb(0 0 0 / 90%),
            0 0 8px rgb(0 0 0 / 60%);
}


.tb-notebook[data-notebook-style="atlantic"]
.tb-notebook-atlanticHero__poText {
    display:
            block;
}


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

    display:
            block;

    width:
            4.2rem;

    margin:
            1.15rem 0 0 auto;

    border-top:
            1px solid
            rgb(255 255 255 / 78%);

    box-shadow:
            0 1px 2px rgb(0 0 0 / 22%);
}


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


/* ==========================================================
   BE POETIC BUTTON
   ========================================================== */

.tb-notebook[data-notebook-style="atlantic"]
.tb-notebook-atlanticHero__poButton {
    appearance:
            none;

    -webkit-appearance:
            none;

    position:
            fixed;

    z-index:
            10000;

    left:
            0;

    top:
            0;

    display:
            inline-flex;

    align-items:
            center;

    justify-content:
            center;

    min-width:
            11rem;

    margin:
            0;

    padding:
            0.9rem 1.55rem;

    border:
            2px solid
            rgb(255 255 255 / 92%);

    border-radius:
            999px;

    background:
            linear-gradient(
                    135deg,
                    #dd3b2f 0%,
                    #d92768 55%,
                    #8a3fc1 100%
            );

    color:
            #fff;

    font-family:
            Arial,
            Helvetica,
            sans-serif;

    font-size:
            1.25rem;

    font-style:
            normal;

    font-weight:
            800;

    letter-spacing:
            0.045em;

    line-height:
            1;

    text-transform:
            none;

    white-space:
            nowrap;

    cursor:
            pointer;

    transform:
            translate(
                    -50%,
                    -50%
            );

    box-shadow:
            0 5px 18px rgb(0 0 0 / 32%),
            0 1px 3px rgb(0 0 0 / 34%);

    text-shadow:
            0 1px 2px rgb(0 0 0 / 40%);

    transition:
            filter 100ms ease,
            box-shadow 100ms ease;
}


.tb-notebook[data-notebook-style="atlantic"]
.tb-notebook-atlanticHero__poButton:hover {
    filter:
            brightness(1.12)
            saturate(1.12);

    box-shadow:
            0 6px 21px rgb(0 0 0 / 38%),
            0 1px 3px rgb(0 0 0 / 38%);
}


.tb-notebook[data-notebook-style="atlantic"]
.tb-notebook-atlanticHero__poButton:active {
    filter:
            brightness(0.96);
}


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


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

.tb-notebook[data-notebook-style="atlantic"]
.tb-notebook-reader__titleWrap {
    position:
            relative;

    z-index:
            4;

    width:
            100%;

    margin:
            0;

    padding:
            0;

    pointer-events:
            none;
}


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

    width:
            max-content;

    max-width:
            none;

    margin:
            0;

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

    font-family:
            var(--tb-atlantic-headline-font);

    font-size:
            calc(
                    clamp(
                    4.8rem,
                    4.4vw,
                    7.2rem
                    )
                    *
                    var(--tb-atlantic-title-size-factor)
            );

    font-weight:
            var(--tb-atlantic-headline-weight);

    letter-spacing:
            var(--tb-atlantic-headline-tracking);

    line-height:
            0.91;

    white-space:
            nowrap;

    transform:
            scaleX(
                    var(--tb-atlantic-headline-scale-x)
            );

    transform-origin:
            left center;

    -webkit-font-smoothing:
            antialiased;
}


.tb-notebook[data-notebook-style="atlantic"]
.tb-notebook-reader__title.is-wrappable {
    width:
            auto;

    max-width:
            60%;

    white-space:
            normal;

    text-wrap:
            wrap;

    overflow-wrap:
            normal;

    word-break:
            normal;
}


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


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

.tb-notebook[data-notebook-style="atlantic"]
.tb-notebook-atlanticIntro {
    position:
            relative;

    z-index:
            4;

    width:
            min(
                    80rem,
                    72%
            );

    margin:
            2.25rem 0 0;

    color:
            #373532;

    font-family:
            var(--tb-atlantic-intro-font);

    font-size:
            clamp(
                    1.85rem,
                    1.48vw,
                    2.35rem
            );

    font-style:
            normal;

    font-weight:
            500;

    letter-spacing:
            -0.012em;

    line-height:
            1.27;

    text-wrap:
            pretty;
}


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

    display:
            block;

    width:
            5rem;

    margin:
            1.15rem 0 0;

    border-top:
            3px solid
            var(--tb-atlantic-accent);
}


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


/* ==========================================================
   BYLINE
   ========================================================== */

.tb-notebook[data-notebook-style="atlantic"]
.tb-notebook-atlanticByline {
    position:
            absolute;

    z-index:
            5;

    left:
            0;

    bottom:
            2.2rem;

    display:
            flex;

    align-items:
            center;

    gap:
            0.8rem;

    margin:
            0;

    color:
            var(--tb-atlantic-muted);

    font-family:
            Arial,
            Helvetica,
            sans-serif;

    font-size:
            1.08rem;

    font-weight:
            700;

    letter-spacing:
            0.14em;

    line-height:
            1.3;

    text-transform:
            uppercase;
}


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


.tb-notebook[data-notebook-style="atlantic"]
.tb-notebook-atlanticByline__author {
    color:
            var(--tb-atlantic-ink);
}


.tb-notebook[data-notebook-style="atlantic"]
.tb-notebook-atlanticByline__separator {
    color:
            var(--tb-atlantic-accent);
}


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

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

    z-index:
            2;

    clear:
            both;

    margin-top:
            1.8rem;

    padding:
            0;

    border:
            0;
}


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

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

    column-width:
            auto;

    column-gap:
            4rem;

    column-rule:
            1px solid
            rgb(30 28 26 / 22%);

    column-fill:
            balance;

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

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

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

    line-height:
            var(--tb-atlantic-body-leading);

    text-align:
            justify;

    text-justify:
            inter-word;

    hyphens:
            auto;

    -webkit-hyphens:
            auto;

    overflow-wrap:
            normal;

    word-break:
            normal;

    font-kerning:
            normal;

    font-optical-sizing:
            auto;
}


/* ==========================================================
   PARAGRAPHS
   ========================================================== */

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

    margin-bottom:
            0.70em !important;

    text-indent:
            0 !important;

    orphans:
            2;

    widows:
            2;
}


.tb-notebook[data-notebook-style="atlantic"]
.tb-notebook-reader__body.gh-content > p:last-child {
    margin-bottom:
            0 !important;
}


/* ==========================================================
   ARTICLE HEADINGS
   ========================================================== */

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

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

.tb-notebook[data-notebook-style="atlantic"]
.tb-notebook-reader__body.gh-content h4 {
    break-after:
            avoid;

    break-inside:
            avoid;

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

    font-family:
            var(--tb-atlantic-headline-font);

    font-weight:
            700;

    letter-spacing:
            -0.025em;

    line-height:
            1.04;

    text-align:
            left;

    hyphens:
            none;
}


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

    font-size:
            1.8em;
}


.tb-notebook[data-notebook-style="atlantic"]
.tb-notebook-reader__body.gh-content h3 {
    margin:
            1.2em 0 0.36em;

    font-size:
            1.45em;
}


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

.tb-notebook[data-notebook-style="atlantic"]
.tb-notebook-reader__body.gh-content blockquote {
    break-inside:
            avoid;

    padding:
            0 0 0 1.4em;

    border-left:
            3px solid
            var(--tb-atlantic-accent);

    color:
            #49423e;

    font-style:
            italic;

    text-align:
            left;
}


/* ==========================================================
   FIRST LETTER RESET
   ========================================================== */

.tb-notebook[data-notebook-style="atlantic"]
.tb-notebook-reader__body.gh-content:not(.has-atlantic-dropcap)
> p:first-of-type::first-letter {
    float:
            none !important;

    margin:
            0 !important;

    padding:
            0 !important;

    color:
            inherit !important;

    font-family:
            inherit !important;

    font-size:
            inherit !important;

    font-style:
            inherit !important;

    font-weight:
            inherit !important;

    line-height:
            inherit !important;

    text-transform:
            none !important;

    initial-letter:
            normal !important;

    -webkit-initial-letter:
            normal !important;
}


/* ==========================================================
   QUALIFIED DROP CAP
   ========================================================== */

.tb-notebook[data-notebook-style="atlantic"]
.tb-notebook-reader__body.gh-content.has-atlantic-dropcap
> p:first-of-type::first-letter {
    float:
            left;

    margin:
            0.045em 0.20em 0 0;

    padding:
            0;

    color:
            var(--tb-atlantic-accent);

    font-family:
            var(--tb-atlantic-headline-font);

    font-size:
            3.35em;

    font-style:
            normal;

    font-weight:
            700;

    line-height:
            0.91;

    text-transform:
            uppercase;
}


/* ==========================================================
   TRUE THREE-LINE INITIAL
   ========================================================== */

@supports (initial-letter: 3) {

    .tb-notebook[data-notebook-style="atlantic"]
    .tb-notebook-reader__body.gh-content.has-atlantic-dropcap
    > p:first-of-type::first-letter {
        float:
                none;

        margin:
                0 0.20em 0 0;

        font-size:
                inherit;

        line-height:
                inherit;

        initial-letter:
                3;
    }

}


@supports (-webkit-initial-letter: 3) {

    .tb-notebook[data-notebook-style="atlantic"]
    .tb-notebook-reader__body.gh-content.has-atlantic-dropcap
    > p:first-of-type::first-letter {
        float:
                none;

        margin:
                0 0.20em 0 0;

        font-size:
                inherit;

        line-height:
                inherit;

        -webkit-initial-letter:
                3;
    }

}


/* ==========================================================
   FIGURES
   ========================================================== */

.tb-notebook[data-notebook-style="atlantic"]
.tb-notebook-reader__body.gh-content figure {
    break-inside:
            avoid;

    margin:
            1.5em 0;
}


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

    font-family:
            Arial,
            Helvetica,
            sans-serif;

    font-size:
            0.72em;

    line-height:
            1.4;

    text-align:
            left;
}


/* ==========================================================
   FONT SIZE SYSTEM

   These selectors deliberately include the Atlantic style
   attribute, active font-size attribute, body class and body
   data attribute.

   Atlantic normal/default = 1.65rem.
   ========================================================== */

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


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


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


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


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


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


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


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


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


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


/* ==========================================================
   FORCE ATLANTIC CHILD TEXT TO INHERIT BODY SIZE

   Shared style-notebook.css assigns an !important font-size
   directly to paragraphs, list items and blockquotes.

   A directly assigned child size beats an inherited body
   size, even when the body declaration is !important.

   These rules therefore force the principal article text
   elements to inherit Atlantic's active body size.
   ========================================================== */

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

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

.tb-notebook[data-notebook-style="atlantic"]
.tb-notebook-reader__body[data-notebook-reader-body] blockquote {
    font-size:
            inherit !important;
}


/* ==========================================================
   ATLANTIC TYPE VARIANTS
   ========================================================== */


/* 1 — FRAUNCES + MERRIWEATHER */

.tb-notebook[
    data-notebook-style="atlantic"
][
    data-notebook-atlantic-variant="fraunces-merriweather"
] {
    --tb-atlantic-headline-font:
            "Fraunces",
            Georgia,
            serif;

    --tb-atlantic-headline-weight:
            850;

    --tb-atlantic-headline-tracking:
            -0.052em;

    --tb-atlantic-headline-scale-x:
            0.93;

    --tb-atlantic-intro-font:
            "Merriweather",
            Georgia,
            serif;

    --tb-atlantic-body-font:
            "Merriweather",
            Georgia,
            serif;

    --tb-atlantic-body-weight:
            500;

    --tb-atlantic-body-leading:
            1.38;
}


/* 2 — FRAUNCES + SOURCE SERIF 4 */

.tb-notebook[
    data-notebook-style="atlantic"
][
    data-notebook-atlantic-variant="fraunces-source"
] {
    --tb-atlantic-headline-font:
            "Fraunces",
            Georgia,
            serif;

    --tb-atlantic-headline-weight:
            850;

    --tb-atlantic-headline-tracking:
            -0.052em;

    --tb-atlantic-headline-scale-x:
            0.93;

    --tb-atlantic-intro-font:
            "Source Serif 4",
            Georgia,
            serif;

    --tb-atlantic-body-font:
            "Source Serif 4",
            Georgia,
            serif;

    --tb-atlantic-body-weight:
            550;

    --tb-atlantic-body-leading:
            1.37;
}


/* 3 — INSTRUMENT SERIF + MERRIWEATHER */

.tb-notebook[
    data-notebook-style="atlantic"
][
    data-notebook-atlantic-variant="instrument-merriweather"
] {
    --tb-atlantic-headline-font:
            "Instrument Serif",
            Georgia,
            serif;

    --tb-atlantic-headline-weight:
            400;

    --tb-atlantic-headline-tracking:
            -0.03em;

    --tb-atlantic-headline-scale-x:
            0.98;

    --tb-atlantic-intro-font:
            "Merriweather",
            Georgia,
            serif;

    --tb-atlantic-body-font:
            "Merriweather",
            Georgia,
            serif;

    --tb-atlantic-body-weight:
            500;

    --tb-atlantic-body-leading:
            1.38;
}


/* 4 — INSTRUMENT SERIF + SOURCE SERIF 4 */

.tb-notebook[
    data-notebook-style="atlantic"
][
    data-notebook-atlantic-variant="instrument-source"
] {
    --tb-atlantic-headline-font:
            "Instrument Serif",
            Georgia,
            serif;

    --tb-atlantic-headline-weight:
            400;

    --tb-atlantic-headline-tracking:
            -0.03em;

    --tb-atlantic-headline-scale-x:
            0.98;

    --tb-atlantic-intro-font:
            "Source Serif 4",
            Georgia,
            serif;

    --tb-atlantic-body-font:
            "Source Serif 4",
            Georgia,
            serif;

    --tb-atlantic-body-weight:
            550;

    --tb-atlantic-body-leading:
            1.37;
}


/* 5 — NEWSREADER + MERRIWEATHER */

.tb-notebook[
    data-notebook-style="atlantic"
][
    data-notebook-atlantic-variant="newsreader-merriweather"
] {
    --tb-atlantic-headline-font:
            "Newsreader",
            Georgia,
            serif;

    --tb-atlantic-headline-weight:
            750;

    --tb-atlantic-headline-tracking:
            -0.052em;

    --tb-atlantic-headline-scale-x:
            0.92;

    --tb-atlantic-intro-font:
            "Merriweather",
            Georgia,
            serif;

    --tb-atlantic-body-font:
            "Merriweather",
            Georgia,
            serif;

    --tb-atlantic-body-weight:
            500;

    --tb-atlantic-body-leading:
            1.38;
}


/* 6 — NEWSREADER + SOURCE SERIF 4 */

.tb-notebook[
    data-notebook-style="atlantic"
][
    data-notebook-atlantic-variant="newsreader-source"
] {
    --tb-atlantic-headline-font:
            "Newsreader",
            Georgia,
            serif;

    --tb-atlantic-headline-weight:
            750;

    --tb-atlantic-headline-tracking:
            -0.052em;

    --tb-atlantic-headline-scale-x:
            0.92;

    --tb-atlantic-intro-font:
            "Source Serif 4",
            Georgia,
            serif;

    --tb-atlantic-body-font:
            "Source Serif 4",
            Georgia,
            serif;

    --tb-atlantic-body-weight:
            550;

    --tb-atlantic-body-leading:
            1.37;
}


/* 7 — SPECTRAL + MERRIWEATHER */

.tb-notebook[
    data-notebook-style="atlantic"
][
    data-notebook-atlantic-variant="spectral-merriweather"
] {
    --tb-atlantic-headline-font:
            "Spectral",
            Georgia,
            serif;

    --tb-atlantic-headline-weight:
            800;

    --tb-atlantic-headline-tracking:
            -0.05em;

    --tb-atlantic-headline-scale-x:
            0.93;

    --tb-atlantic-intro-font:
            "Merriweather",
            Georgia,
            serif;

    --tb-atlantic-body-font:
            "Merriweather",
            Georgia,
            serif;

    --tb-atlantic-body-weight:
            500;

    --tb-atlantic-body-leading:
            1.38;
}


/* 8 — SPECTRAL + SOURCE SERIF 4 */

.tb-notebook[
    data-notebook-style="atlantic"
][
    data-notebook-atlantic-variant="spectral-source"
] {
    --tb-atlantic-headline-font:
            "Spectral",
            Georgia,
            serif;

    --tb-atlantic-headline-weight:
            800;

    --tb-atlantic-headline-tracking:
            -0.05em;

    --tb-atlantic-headline-scale-x:
            0.93;

    --tb-atlantic-intro-font:
            "Source Serif 4",
            Georgia,
            serif;

    --tb-atlantic-body-font:
            "Source Serif 4",
            Georgia,
            serif;

    --tb-atlantic-body-weight:
            550;

    --tb-atlantic-body-leading:
            1.37;
}


/* 9 — LIBRE BASKERVILLE + SOURCE SERIF 4 */

.tb-notebook[
    data-notebook-style="atlantic"
][
    data-notebook-atlantic-variant="libre-source"
] {
    --tb-atlantic-headline-font:
            "Libre Baskerville",
            Georgia,
            serif;

    --tb-atlantic-headline-weight:
            700;

    --tb-atlantic-headline-tracking:
            -0.045em;

    --tb-atlantic-headline-scale-x:
            0.94;

    --tb-atlantic-intro-font:
            "Source Serif 4",
            Georgia,
            serif;

    --tb-atlantic-body-font:
            "Source Serif 4",
            Georgia,
            serif;

    --tb-atlantic-body-weight:
            550;

    --tb-atlantic-body-leading:
            1.37;
}


/* 10 — LITERATA + SOURCE SERIF 4 */

.tb-notebook[
    data-notebook-style="atlantic"
][
    data-notebook-atlantic-variant="literata-source"
] {
    --tb-atlantic-headline-font:
            "Literata",
            Georgia,
            serif;

    --tb-atlantic-headline-weight:
            800;

    --tb-atlantic-headline-tracking:
            -0.05em;

    --tb-atlantic-headline-scale-x:
            0.94;

    --tb-atlantic-intro-font:
            "Source Serif 4",
            Georgia,
            serif;

    --tb-atlantic-body-font:
            "Source Serif 4",
            Georgia,
            serif;

    --tb-atlantic-body-weight:
            550;

    --tb-atlantic-body-leading:
            1.37;
}


/* ==========================================================
   MEDIUM
   ========================================================== */

@media (max-width: 1050px) {

    .tb-notebook[data-notebook-style="atlantic"]
    .tb-notebook-editorialBlock {
        aspect-ratio:
                3 / 1;

        min-height:
                0;

        padding:
                3rem 3rem 4.8rem 0;
    }


    .tb-notebook[data-notebook-style="atlantic"]
    .tb-notebook-atlanticByline {
        left:
                0;

        bottom:
                2rem;
    }


    .tb-notebook[data-notebook-style="atlantic"]
    .tb-notebook-reader__body.gh-content {
        column-gap:
                3.4rem;
    }

}


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

@media (max-width: 760px) {

    .tb-notebook[data-notebook-style="atlantic"]
    [data-notebook-atlantic-variant-control] {
        align-items:
                stretch;

        flex-direction:
                column;

        gap:
                0.7rem;
    }


    .tb-notebook[data-notebook-style="atlantic"]
    .tb-notebook-reader__variantSelect {
        width:
                100%;

        min-width:
                0;
    }


    .tb-notebook[data-notebook-style="atlantic"]
    .tb-notebook-editorialBlock {
        aspect-ratio:
                auto;

        min-height:
                30rem;

        padding:
                2.8rem 2rem 5.8rem 0;
    }


    .tb-notebook[data-notebook-style="atlantic"]
    .tb-notebook-reader__title,

    .tb-notebook[data-notebook-style="atlantic"]
    .tb-notebook-reader__title.is-wrappable {
        width:
                auto;

        max-width:
                100%;

        font-size:
                clamp(
                        3.8rem,
                        10vw,
                        5.4rem
                );

        line-height:
                0.94;

        white-space:
                normal;

        text-wrap:
                wrap;
    }


    .tb-notebook[data-notebook-style="atlantic"]
    .tb-notebook-atlanticIntro {
        width:
                100%;

        margin-top:
                1.9rem;

        font-size:
                1.82rem;

        line-height:
                1.3;
    }


    .tb-notebook[data-notebook-style="atlantic"]
    .tb-notebook-atlanticIntro::after {
        margin-top:
                1rem;
    }


    .tb-notebook[data-notebook-style="atlantic"]
    .tb-notebook-atlanticByline {
        left:
                0;

        bottom:
                1.8rem;

        font-size:
                1rem;
    }


    .tb-notebook[data-notebook-style="atlantic"]
    .tb-notebook-atlanticHero__overlay {
        right:
                2rem;

        width:
                min(
                        23rem,
                        42%
                );

        font-size:
                1.7rem;
    }


    .tb-notebook[data-notebook-style="atlantic"]
    .tb-notebook-reader__bodyFrame {
        margin-top:
                1.6rem;
    }


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

        column-gap:
                normal;

        column-rule:
                0;

        text-align:
                left;

        hyphens:
                none;

        -webkit-hyphens:
                none;
    }

}