/* ==========================================================
   NOTEBOOK — NEWSPAPER / NY TIMES

   Personality:
   data-notebook-style="newspaper"

   IMPORTANT:
   - true two-column reader on desktop
   - vertical rule between columns
   - no drop cap
   - temporary Newspaper typography audition dropdown
   ========================================================== */


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

.tb-notebook[data-notebook-style="newspaper"] {
    --tb-notebook-paper: #f7f4ed;
    --tb-notebook-paper-soft: #f1eee7;

    --tb-notebook-ink: #181818;
    --tb-notebook-ink-soft: #3f3f3f;
    --tb-notebook-muted: #6c6a66;

    --tb-notebook-rule: rgb(20 20 20 / 25%);
    --tb-notebook-rule-strong: rgb(20 20 20 / 58%);

    --tb-notebook-accent: #1d1d1d;
    --tb-notebook-accent-dark: #111;
    --tb-notebook-accent-warm: #9f2d27;

    --tb-notebook-interface-font:
            "Helvetica Neue",
            Arial,
            sans-serif;

    --tb-notebook-reader-max: 96rem;
    --tb-notebook-body-max: none;

    --tb-notebook-columns: 2;

    --tb-notebook-title-accent-display: none;

    --tb-notebook-personality-display: flex;
    --tb-notebook-epigram-display: block;
    --tb-notebook-ornament-display: flex;


    /* ------------------------------------------------------
       DEFAULT NEWSPAPER TYPOGRAPHY

       Newsreader + Merriweather
       ------------------------------------------------------ */

    --tb-newspaper-headline-font:
            "Newsreader",
            "Times New Roman",
            Times,
            serif;

    --tb-newspaper-headline-weight: 700;

    --tb-newspaper-headline-tracking: -0.035em;

    /*
       Newsreader is deliberately condensed for the
       newspaper headline treatment.
    */

    --tb-newspaper-headline-scale-x: 0.89;

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

    --tb-newspaper-body-weight: 400;

    --tb-newspaper-body-leading: 1.34;

    --tb-notebook-display-font:
            var(--tb-newspaper-headline-font);

    --tb-notebook-headline-font:
            var(--tb-newspaper-headline-font);

    --tb-notebook-body-font:
            var(--tb-newspaper-body-font);

    --tb-notebook-body-weight:
            var(--tb-newspaper-body-weight);

    --tb-notebook-body-leading:
            var(--tb-newspaper-body-leading);
}


/* ==========================================================
   TYPOGRAPHY AUDITION — 10 PAIRINGS
   ========================================================== */


/* 1. Newsreader Condensed + Merriweather */

.tb-notebook[
    data-notebook-style="newspaper"
][
    data-notebook-newspaper-variant="newsreader-merriweather"
] {
    --tb-newspaper-headline-font:
            "Newsreader",
            "Times New Roman",
            Times,
            serif;

    --tb-newspaper-headline-weight: 700;
    --tb-newspaper-headline-tracking: -0.035em;
    --tb-newspaper-headline-scale-x: 0.89;

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

    --tb-newspaper-body-weight: 400;
    --tb-newspaper-body-leading: 1.34;
}


/* 2. Newsreader Condensed + Bitter */

.tb-notebook[
    data-notebook-style="newspaper"
][
    data-notebook-newspaper-variant="newsreader-bitter"
] {
    --tb-newspaper-headline-font:
            "Newsreader",
            "Times New Roman",
            Times,
            serif;

    --tb-newspaper-headline-weight: 700;
    --tb-newspaper-headline-tracking: -0.035em;
    --tb-newspaper-headline-scale-x: 0.89;

    --tb-newspaper-body-font:
            "Bitter",
            Georgia,
            serif;

    --tb-newspaper-body-weight: 500;
    --tb-newspaper-body-leading: 1.32;
}


/* 3. Newsreader Condensed + Source Serif 4 */

.tb-notebook[
    data-notebook-style="newspaper"
][
    data-notebook-newspaper-variant="newsreader-source"
] {
    --tb-newspaper-headline-font:
            "Newsreader",
            "Times New Roman",
            Times,
            serif;

    --tb-newspaper-headline-weight: 700;
    --tb-newspaper-headline-tracking: -0.035em;
    --tb-newspaper-headline-scale-x: 0.89;

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

    --tb-newspaper-body-weight: 500;
    --tb-newspaper-body-leading: 1.33;
}


/* 4. Instrument Serif + Merriweather */

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

    --tb-newspaper-headline-weight: 400;
    --tb-newspaper-headline-tracking: -0.018em;
    --tb-newspaper-headline-scale-x: 1;

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

    --tb-newspaper-body-weight: 400;
    --tb-newspaper-body-leading: 1.34;
}


/* 5. Instrument Serif + Bitter */

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

    --tb-newspaper-headline-weight: 400;
    --tb-newspaper-headline-tracking: -0.018em;
    --tb-newspaper-headline-scale-x: 1;

    --tb-newspaper-body-font:
            "Bitter",
            Georgia,
            serif;

    --tb-newspaper-body-weight: 500;
    --tb-newspaper-body-leading: 1.32;
}


/* 6. Spectral Condensed + Merriweather */

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

    --tb-newspaper-headline-weight: 700;
    --tb-newspaper-headline-tracking: -0.03em;
    --tb-newspaper-headline-scale-x: 0.88;

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

    --tb-newspaper-body-weight: 400;
    --tb-newspaper-body-leading: 1.34;
}


/* 7. Spectral Condensed + Bitter */

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

    --tb-newspaper-headline-weight: 700;
    --tb-newspaper-headline-tracking: -0.03em;
    --tb-newspaper-headline-scale-x: 0.88;

    --tb-newspaper-body-font:
            "Bitter",
            Georgia,
            serif;

    --tb-newspaper-body-weight: 500;
    --tb-newspaper-body-leading: 1.32;
}


/* 8. Times New Roman Condensed + Merriweather */

.tb-notebook[
    data-notebook-style="newspaper"
][
    data-notebook-newspaper-variant="times-merriweather"
] {
    --tb-newspaper-headline-font:
            "Times New Roman",
            Times,
            serif;

    --tb-newspaper-headline-weight: 700;
    --tb-newspaper-headline-tracking: -0.03em;
    --tb-newspaper-headline-scale-x: 0.88;

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

    --tb-newspaper-body-weight: 400;
    --tb-newspaper-body-leading: 1.34;
}


/* 9. Fraunces Condensed + Merriweather */

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

    --tb-newspaper-headline-weight: 800;
    --tb-newspaper-headline-tracking: -0.04em;
    --tb-newspaper-headline-scale-x: 0.89;

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

    --tb-newspaper-body-weight: 400;
    --tb-newspaper-body-leading: 1.34;
}


/* 10. Publico Condensed + STIX Two Text */

.tb-notebook[
    data-notebook-style="newspaper"
][
    data-notebook-newspaper-variant="publico-stix"
] {
    --tb-newspaper-headline-font:
            "Publico Text",
            "Times New Roman",
            serif;

    --tb-newspaper-headline-weight: 600;
    --tb-newspaper-headline-tracking: -0.025em;
    --tb-newspaper-headline-scale-x: 0.90;

    --tb-newspaper-body-font:
            "STIX Two Text",
            "Times New Roman",
            serif;

    --tb-newspaper-body-weight: 400;
    --tb-newspaper-body-leading: 1.32;
}


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

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

    background:
            linear-gradient(
                    180deg,
                    rgb(255 255 255 / 22%),
                    transparent 22rem
            ),
            var(--tb-notebook-paper);
}


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

.tb-notebook[data-notebook-style="newspaper"]
.tb-notebook__intro {
    padding-top: 4.1rem;
    padding-bottom: 2.7rem;
}


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

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

    font-family:
            var(--tb-notebook-interface-font);

    font-size: 1.15rem;
    font-style: normal;

    letter-spacing: 0.025em;
}

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

    font-weight: 500;
}


/* ==========================================================
   PAGE HEADING
   ========================================================== */

.tb-notebook[data-notebook-style="newspaper"]
.tb-notebook__heading {
    max-width: none;

    color: #111;

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

    font-size:
            clamp(
                    6.2rem,
                    7.1vw,
                    9.7rem
            );

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

    line-height: 0.87;

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

    font-kerning: normal;

    text-rendering: optimizeLegibility;

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

    transform-origin:
            left center;
}


/* ==========================================================
   INTRO DECK
   ========================================================== */

.tb-notebook[data-notebook-style="newspaper"]
.tb-notebook__deck {
    max-width: 82rem;

    margin-top: 1.8rem;

    color: #4b4a47;

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

    font-size: 1.75rem;

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

    line-height: 1.35;

    letter-spacing: -0.005em;
}


/* ==========================================================
   PERSONALITY QUOTE
   ========================================================== */

.tb-notebook[data-notebook-style="newspaper"]
.tb-notebook__personality {
    align-self: center;

    gap: 1.2rem;

    padding-right: 0;

    transform: none;
}

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

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

    margin-left: auto;

    text-align: center;
}

.tb-notebook[data-notebook-style="newspaper"]
.tb-notebook__mottoText {
    color: #3f3e3b;

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

    font-size: 1.65rem;

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

    font-style: italic;

    line-height: 1.32;
}

.tb-notebook[data-notebook-style="newspaper"]
.tb-notebook__mottoRule {
    width: 4.2rem;
    height: 1px;

    margin:
            1.2rem
            auto
            0;

    background:
            var(--tb-notebook-rule-strong);
}

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


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

.tb-notebook[data-notebook-style="newspaper"]
.tb-notebook__workspace {
    border-top:
            1px solid
            var(--tb-notebook-rule-strong);
}


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

.tb-notebook[data-notebook-style="newspaper"]
.tb-notebook-list {
    padding-right: 2.6rem;

    border-right:
            1px solid
            var(--tb-notebook-rule);

    background: transparent;
}


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

.tb-notebook[data-notebook-style="newspaper"]
.tb-notebook-list__heading {
    color: #171717;

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

    font-size: 2.55rem;

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

    letter-spacing: -0.025em;
}

.tb-notebook[data-notebook-style="newspaper"]
.tb-notebook-list__count {
    color: #6b6965;

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

    font-size: 1.25rem;
    font-style: italic;
}


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

.tb-notebook[data-notebook-style="newspaper"]
.tb-notebook-list__search {
    border:
            1px solid
            #9e9b94;

    border-radius: 0;

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

    box-shadow: none;
}


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

.tb-notebook[data-notebook-style="newspaper"]
.tb-notebook-list__segmented {
    border-radius: 0;

    transform: none;
}

.tb-notebook[data-notebook-style="newspaper"]
.tb-notebook-list__segment {
    border-radius: 0;

    color: #383735;

    font-family:
            var(--tb-notebook-interface-font);

    font-size: 1.02rem;
    font-weight: 600;

    font-style: normal;
}

.tb-notebook[data-notebook-style="newspaper"]
.tb-notebook-list__segment.is-active,
.tb-notebook[data-notebook-style="newspaper"]
.tb-notebook-list__segment[aria-pressed="true"] {
    color: #fff;

    background:
            var(--tb-notebook-accent-warm);
}


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

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

    margin: 0;

    padding:
            1.3rem
            2.2rem
            1.3rem
            1.5rem;

    border-bottom:
            1px solid
            rgb(20 20 20 / 12%);

    border-radius: 0;

    background: transparent;

    transform: none;
}

.tb-notebook[data-notebook-style="newspaper"]
.tb-notebook-entry:hover {
    background:
            rgb(0 0 0 / 2.5%);
}

.tb-notebook[data-notebook-style="newspaper"]
.tb-notebook-entry.is-active {
    background:
            linear-gradient(
                    90deg,
                    rgb(159 45 39 / 8%),
                    rgb(159 45 39 / 2%)
            );

    box-shadow: none;

    transform: none;
}

.tb-notebook[data-notebook-style="newspaper"]
.tb-notebook-entry.is-active::before {
    position: absolute;

    top: 0;
    bottom: 0;
    left: 0;

    width: 0.36rem;

    content: "";

    border-radius: 0;

    background:
            var(--tb-notebook-accent-warm);
}

.tb-notebook[data-notebook-style="newspaper"]
.tb-notebook-entry__date {
    color: #6d6a65;

    font-family:
            var(--tb-notebook-interface-font);

    font-size: 1.05rem;
    font-weight: 600;

    letter-spacing: 0.05em;

    text-transform: uppercase;
}

.tb-notebook[data-notebook-style="newspaper"]
.tb-notebook-entry__title {
    color: #1b1b1b;

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

    font-size: 1.65rem;

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

    line-height: 1.13;

    letter-spacing: -0.015em;
}

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


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

.tb-notebook[data-notebook-style="newspaper"]
.tb-notebook-list__epigram {
    margin-top: 3.5rem;

    padding-top: 2rem;

    border-top:
            1px solid
            var(--tb-notebook-rule);
}

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

.tb-notebook[data-notebook-style="newspaper"]
.tb-notebook-list__epigramText {
    color: #595753;

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

    font-size: 1.3rem;
    font-style: italic;

    line-height: 1.35;
}


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

.tb-notebook[data-notebook-style="newspaper"]
.tb-notebook-reader {
    padding-left: 3.1rem;
}

.tb-notebook[data-notebook-style="newspaper"]
.tb-notebook-reader__content {
    width: 100% !important;
    max-width: none !important;
}


/* ==========================================================
   META
   ========================================================== */

.tb-notebook[data-notebook-style="newspaper"]
.tb-notebook-reader__date {
    color: #292826;

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

    font-size: 1.3rem;
    font-style: normal;
}


/* ==========================================================
   STYLE BAR
   ========================================================== */

.tb-notebook[data-notebook-style="newspaper"]
.tb-notebook-reader__styleBar {
    padding:
            0.95rem
            0;

    border-top:
            1px solid
            var(--tb-notebook-rule);

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

    background: transparent;
}

.tb-notebook[data-notebook-style="newspaper"]
.tb-notebook-reader__styleLabel {
    color: #33322f;

    font-family:
            var(--tb-notebook-interface-font);

    font-size: 1.05rem;
    font-weight: 700;
    font-style: normal;

    letter-spacing: 0.08em;

    text-transform: uppercase;
}

.tb-notebook[data-notebook-style="newspaper"]
.tb-notebook-reader__styleChoice {
    border:
            1px solid
            #9c9992;

    border-radius: 0;

    color: #444;

    background:
            transparent;

    font-family:
            var(--tb-notebook-interface-font);

    font-size: 1.02rem;
    font-weight: 600;
    font-style: normal;

    transform: none;
}

.tb-notebook[data-notebook-style="newspaper"]
.tb-notebook-reader__styleChoice:nth-child(even) {
    transform: none;
}

.tb-notebook[data-notebook-style="newspaper"]
.tb-notebook-reader__styleChoice.is-active,
.tb-notebook[data-notebook-style="newspaper"]
.tb-notebook-reader__styleChoice[aria-pressed="true"] {
    border-color: #181818;

    color: #fff;

    background: #181818;

    box-shadow: none;
}


/* ==========================================================
   VARIANT CONTROL VISIBILITY

   THIS IS THE FIX FOR THE MISSING DROPDOWN.
   ========================================================== */


/* Hide Wodehouse selector while Newspaper is active */

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


/* Show Newspaper selector while Newspaper is active */

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

    align-items: center;

    gap: 0.9rem;

    margin-top: 1rem;

    padding-top: 0.9rem;

    border-top:
            1px dashed
            rgb(0 0 0 / 22%);
}


/* Hide Newspaper selector in all other personalities */

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


/* ==========================================================
   NEWSPAPER AUDITION LABEL
   ========================================================== */

.tb-notebook[data-notebook-style="newspaper"]
[data-notebook-newspaper-variant-control]
.tb-notebook-reader__variantLabel {
    flex: 0 0 auto;

    color:
            var(--tb-notebook-accent-warm);

    font-family:
            var(--tb-notebook-interface-font);

    font-size: 1.05rem;
    font-weight: 700;

    letter-spacing: 0.04em;

    text-transform: uppercase;

    white-space: nowrap;
}


/* ==========================================================
   NEWSPAPER AUDITION SELECT
   ========================================================== */

.tb-notebook[data-notebook-style="newspaper"]
[data-notebook-newspaper-variant-control]
.tb-notebook-reader__variantSelect {
    min-width: 31rem;
    max-width: 100%;

    padding:
            0.7rem
            2.8rem
            0.7rem
            0.9rem;

    border:
            1px solid
            #9c9992;

    border-radius: 0;

    color:
            #292929;

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

    font-family:
            var(--tb-notebook-interface-font);

    font-size: 1.05rem;

    cursor: pointer;
}


/* ==========================================================
   ARTICLE TITLE
   ========================================================== */

.tb-notebook[data-notebook-style="newspaper"]
.tb-notebook-reader__titleWrap {
    margin:
            2rem
            0
            1.5rem;
}

.tb-notebook[data-notebook-style="newspaper"]
.tb-notebook-reader__title {
    width: max-content;
    max-width: none;

    margin-bottom: 0;

    white-space: nowrap;

    color: #101010;

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

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

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

    line-height: 0.93;

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

    font-kerning: normal;

    text-rendering: optimizeLegibility;

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

    transform-origin:
            left center;

    -webkit-text-stroke: 0;
}

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

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


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

.tb-notebook[data-notebook-style="newspaper"]
.tb-notebook-reader__bodyFrame {
    width: 100% !important;
    max-width: none !important;

    margin-top: 2.1rem;

    padding: 0;
}


/* ==========================================================
   TWO-COLUMN BODY
   ========================================================== */

.tb-notebook[data-notebook-style="newspaper"]
.tb-notebook-reader__body.gh-content,
.page-template
.tb-notebook[data-notebook-style="newspaper"]
.tb-notebook-reader__body.gh-content {
    display: block !important;

    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;

    column-count: 2 !important;
    column-width: auto !important;

    column-gap: 3.6rem !important;

    column-rule:
            1px solid
            rgb(20 20 20 / 34%) !important;

    column-fill: balance !important;

    color: #22211f !important;

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

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

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

    letter-spacing: -0.008em !important;

    text-align: left !important;

    font-kerning: normal;

    text-rendering: optimizeLegibility;
}


/* ==========================================================
   GHOST CHILD WIDTH RESET
   ========================================================== */

.tb-notebook[data-notebook-style="newspaper"]
.tb-notebook-reader__body.gh-content > *,
.page-template
.tb-notebook[data-notebook-style="newspaper"]
.tb-notebook-reader__body.gh-content > * {
    max-width: none !important;

    margin-left: 0;
    margin-right: 0;
}


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

.tb-notebook[data-notebook-style="newspaper"]
.tb-notebook-reader__body > p,
.page-template
.tb-notebook[data-notebook-style="newspaper"]
.tb-notebook-reader__body > p {
    margin:
            0
            0
            1em !important;

    padding: 0 !important;

    color: inherit !important;

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

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

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

    letter-spacing: -0.008em !important;

    text-indent: 0 !important;
    text-align: left !important;
}


/* ==========================================================
   NO LEDE / NO DROP CAP
   ========================================================== */

.tb-notebook[data-notebook-style="newspaper"]
.tb-notebook-reader__body > p:first-child,
.tb-notebook[data-notebook-style="newspaper"]
.tb-notebook-reader__body > p:first-of-type {
    font-size: inherit !important;

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

    line-height:
            var(--tb-newspaper-body-leading) !important;
}

.tb-notebook[data-notebook-style="newspaper"]
.tb-notebook-reader__body > p:first-child::first-letter,
.tb-notebook[data-notebook-style="newspaper"]
.tb-notebook-reader__body > p:first-of-type::first-letter {
    float: none !important;

    display: inline !important;

    margin: 0 !important;
    padding: 0 !important;

    color: inherit !important;

    background: transparent !important;

    font-family: inherit !important;

    font-size: 1em !important;
    font-weight: inherit !important;

    line-height: inherit !important;
}


/* ==========================================================
   EMPHASIS
   ========================================================== */

.tb-notebook[data-notebook-style="newspaper"]
.tb-notebook-reader__body strong {
    color: inherit;

    font-weight: 700 !important;
}

.tb-notebook[data-notebook-style="newspaper"]
.tb-notebook-reader__body em {
    color: inherit;

    font-style: italic;
}


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

.tb-notebook[data-notebook-style="newspaper"]
.tb-notebook-reader__body blockquote {
    break-inside: avoid-column;

    margin:
            1.4em
            0 !important;

    padding:
            0.8em
            0
            0.8em
            1.2em !important;

    border-left:
            2px solid
            #222;

    color: #45433f;

    background: transparent;

    box-shadow: none;

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

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

    font-style: italic;

    transform: none;
}

.tb-notebook[data-notebook-style="newspaper"]
.tb-notebook-reader__body blockquote::before {
    display: none;
}


/* ==========================================================
   ORNAMENT
   ========================================================== */

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

    gap: 1.4rem;

    margin-top: 3.2rem;

    transform: none;
}

.tb-notebook[data-notebook-style="newspaper"]
.tb-notebook-reader__ornamentRule {
    height: 1px;

    background:
            var(--tb-notebook-rule-strong);
}

.tb-notebook[data-notebook-style="newspaper"]
.tb-notebook-reader__ornamentMark {
    color: #111;

    font-family:
            Georgia,
            serif;

    font-size: 1.3rem;

    transform: none;
}


/* ==========================================================
   REMOVE OTHER STYLE FLOURISHES
   ========================================================== */

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


/* ==========================================================
   DESKTOP
   ========================================================== */

@media (min-width: 761px) {

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

        column-gap: 3.6rem !important;

        column-rule:
                1px solid
                rgb(20 20 20 / 34%) !important;
    }
}


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

@media (max-width: 760px) {

    .tb-notebook[data-notebook-style="newspaper"]
    .tb-notebook__heading {
        transform: none;
    }

    .tb-notebook[data-notebook-style="newspaper"]
    .tb-notebook-reader {
        padding-left: 0;
    }

    .tb-notebook[data-notebook-style="newspaper"]
    .tb-notebook-reader__title {
        width: auto;
        max-width: 100%;

        white-space: normal;

        transform: none;
    }

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

        flex-direction: column;
    }

    .tb-notebook[data-notebook-style="newspaper"]
    [data-notebook-newspaper-variant-control]
    .tb-notebook-reader__variantSelect {
        width: 100%;
        min-width: 0;
    }

    .tb-notebook[data-notebook-style="newspaper"]
    .tb-notebook-reader__body.gh-content {
        column-count: 1 !important;
        column-gap: 0 !important;
        column-rule: 0 !important;
    }
}