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

.journal-page {
    background: #fffdf9;
}


/* ==========================================================
   JOURNAL HERO
========================================================== */

.journal-hero {
    position: relative;

    margin-top: 50px;

    padding:
        46px
        0
        30px;

    overflow: hidden;

    background:
        linear-gradient(
            90deg,
            #fffdf9 0%,
            #fffdf9 39%,
            #faf7ef 100%
        );
}


/* ==========================================================
   HERO — LAYOUT
========================================================== */

.journal-hero__layout {
    display: grid;

    grid-template-columns:
        minmax(310px, .72fr)
        minmax(650px, 1.28fr);

    gap: 42px;

    align-items: center;
}


/* ==========================================================
   HERO — CONTENT
========================================================== */

.journal-hero__content {
    max-width: 430px;
}


/* ==========================================================
   HERO — EYEBROW
========================================================== */

.journal-hero__eyebrow {
    display: flex;

    align-items: center;

    gap: 8px;

    margin-bottom: 14px;

    color: #19493b;

    font-size: 9px;

    font-weight: 700;

    letter-spacing: .1em;

    text-transform: uppercase;
}


.journal-hero__leaf {
    color: #789080;

    font-size: 13px;
}


/* ==========================================================
   HERO — TITLE
========================================================== */

.journal-hero__title {
    margin: 0;

    color: #18231f;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 48px;

    font-weight: 400;

    line-height: 1.07;

    letter-spacing: -.035em;
}


.journal-hero__title span,
.journal-hero__title em {
    display: block;
}


.journal-hero__title em {
    color: #17483b;

    font-weight: 400;

    font-style: italic;
}


/* ==========================================================
   HERO — DIVIDER
========================================================== */

.journal-hero__divider {
    display: flex;

    align-items: center;

    gap: 8px;

    margin:
        18px
        0
        17px;
}


.journal-hero__divider span:first-child {
    width: 45px;
    height: 1px;

    background: #cc9e43;
}


.journal-hero__divider span:last-child {
    color: #778d7f;

    font-size: 12px;
}


/* ==========================================================
   HERO — TEXT
========================================================== */

.journal-hero__text {
    max-width: 390px;

    margin: 0;

    color: #53615b;

    font-size: 11px;

    line-height: 1.7;
}


/* ==========================================================
   HERO — VISUAL
========================================================== */

.journal-hero__visual {
    position: relative;

    min-height: 330px;
}


.journal-hero__image-placeholder {
    width: 100%;
    height: 330px;

    display: flex;

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

    overflow: hidden;

    background:
        linear-gradient(
            135deg,
            #b7a47c,
            #847556
        );

    border-radius:
        42%
        8px
        8px
        42%;

    box-shadow:
        0
        16px
        35px
        rgba(12,59,46,.07);
}


.journal-hero__image-placeholder span {
    padding:
        6px
        9px;

    color: #ffffff;

    background:
        rgba(12,59,46,.58);

    border-radius: 999px;

    font-size: 7px;
}


/* ==========================================================
   JOURNAL FILTERS
========================================================== */

.journal-filters {
    position: relative;

    padding:
        0
        0
        22px;

    background: #fffdf9;
}


.journal-filters__bar {
    display: flex;

    align-items: center;

    gap: 10px;

    min-width: 0;

    overflow-x: auto;

    padding-bottom: 2px;

    scrollbar-width: none;
}


.journal-filters__bar::-webkit-scrollbar {
    display: none;
}


.journal-filter {
    flex: 0 0 auto;

    min-height: 34px;

    padding:
        8px
        16px;

    color: #3e4f47;

    background: #ffffff;

    border:
        1px solid rgba(12,59,46,.13);

    border-radius: 6px;

    font-family: inherit;

    font-size: 8px;

    font-weight: 500;

    line-height: 1;

    cursor: pointer;

    transition:
        color .2s ease,
        background-color .2s ease,
        border-color .2s ease,
        transform .2s ease;
}


.journal-filter:hover {
    color: #17483b;

    border-color: #17483b;

    transform: translateY(-1px);
}


.journal-filter.is-active {
    color: #ffffff;

    background: #10483a;

    border-color: #10483a;
}


/* ==========================================================
   JOURNAL — MAIN CONTENT + SIDEBAR
========================================================== */

.journal-content {
    position: relative;

    padding:
        0
        0
        45px;

    background: #fffdf9;
}


.journal-content__layout {
    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        285px;

    gap: 30px;

    align-items: start;
}


.journal-content__main {
    min-width: 0;
}


.journal-content__sidebar {
    min-width: 0;

    position: static;
}


/* ==========================================================
   JOURNAL — FEATURED STORY
========================================================== */

.journal-featured {
    position: relative;

    margin-bottom: 30px;
}


.journal-featured__card {
    display: grid;

    grid-template-columns:
        minmax(260px, .82fr)
        minmax(0, 1.18fr);

    min-height: 330px;

    overflow: hidden;

    background:
        linear-gradient(
            135deg,
            #f6f1e7 0%,
            #fbf9f4 100%
        );

    border:
        1px solid rgba(12,59,46,.07);

    border-radius: 10px;
}


/* ==========================================================
   FEATURED — VISUAL
========================================================== */

.journal-featured__visual {
    position: relative;

    min-height: 330px;

    display: flex;

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

    overflow: hidden;

    background:
        linear-gradient(
            135deg,
            #ded5c0,
            #c9b897
        );
}


.journal-featured__image-placeholder {
    position: relative;

    z-index: 2;

    width: 68%;
    height: 84%;

    display: flex;

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

    overflow: hidden;

    color: #ffffff;

    background:
        linear-gradient(
            145deg,
            #5f765e,
            #2e5546
        );

    border-radius:
        3px
        8px
        8px
        3px;

    box-shadow:
        0
        18px
        35px
        rgba(48,53,46,.20);

    transform: rotate(-2deg);
}


.journal-featured__image-placeholder span {
    max-width: 90%;

    padding:
        6px
        9px;

    background:
        rgba(12,59,46,.58);

    border-radius: 999px;

    font-size: 7px;

    text-align: center;
}


.journal-featured__decor {
    position: absolute;

    left: -24px;
    bottom: -25px;

    z-index: 1;

    color:
        rgba(111,133,109,.28);

    font-size: 130px;

    line-height: 1;

    transform: rotate(22deg);
}


/* ==========================================================
   FEATURED — CONTENT
========================================================== */

.journal-featured__content {
    align-self: center;

    min-width: 0;

    padding:
        28px
        28px
        26px;
}


.journal-featured__eyebrow {
    display: flex;

    align-items: center;

    gap: 8px;

    margin-bottom: 9px;

    color: #876d3e;

    font-size: 7px;

    font-weight: 700;

    letter-spacing: .11em;

    text-transform: uppercase;
}


.journal-featured__eyebrow-line {
    width: 24px;
    height: 1px;

    background: #c9973f;
}


.journal-featured__category {
    display: inline-block;

    margin-bottom: 9px;

    padding:
        4px
        8px;

    color: #17483b;

    background:
        rgba(62,110,83,.09);

    border-radius: 999px;

    font-size: 7px;

    font-weight: 700;
}


.journal-featured__content h2 {
    margin:
        0
        0
        9px;

    color: #18372f;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 27px;

    font-weight: 400;

    line-height: 1.12;

    letter-spacing: -.02em;
}


.journal-featured__meta {
    display: flex;

    align-items: center;

    gap: 7px;

    margin-bottom: 13px;

    color: #737d77;

    font-size: 7px;
}


.journal-featured__meta-dot {
    width: 3px;
    height: 3px;

    background: #b3904e;

    border-radius: 50%;
}


.journal-featured__excerpt {
    margin: 0;

    color: #53615b;

    font-size: 9px;

    line-height: 1.65;
}


.journal-featured__quote {
    position: relative;

    margin:
        15px
        0
        0;

    padding:
        10px
        14px
        10px
        30px;

    background:
        rgba(255,255,255,.55);

    border-left:
        2px solid #c89a43;

    border-radius:
        0
        5px
        5px
        0;
}


.journal-featured__quote-mark {
    position: absolute;

    top: 7px;
    left: 10px;

    color: #6b8877;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 25px;

    line-height: 1;
}


.journal-featured__quote p {
    margin: 0;

    color: #43574d;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 10px;

    font-style: italic;

    line-height: 1.5;
}


/* ==========================================================
   FEATURED — ACTIONS
========================================================== */

.journal-featured__actions {
    display: flex;

    align-items: center;

    gap: 10px;

    margin-top: 17px;
}


.journal-featured__button {
    display: inline-flex;

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

    gap: 7px;

    min-height: 34px;

    padding:
        8px
        13px;

    border-radius: 5px;

    font-size: 8px;

    font-weight: 700;

    text-decoration: none;

    transition:
        transform .2s ease,
        background-color .2s ease,
        border-color .2s ease;
}


.journal-featured__button:hover {
    transform: translateY(-1px);
}


.journal-featured__button--primary {
    color: #ffffff;

    background: #17483b;

    border:
        1px solid #17483b;
}


.journal-featured__button--primary:hover {
    color: #ffffff;

    background: #10382e;
}


.journal-featured__button--secondary {
    color: #17483b;

    background: transparent;

    border:
        1px solid rgba(23,72,59,.25);
}


.journal-featured__button--secondary:hover {
    border-color: #17483b;
}


.journal-featured__button svg {
    width: 13px;
    height: 13px;

    fill: none;

    stroke: currentColor;

    stroke-width: 1.6;

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


/* ==========================================================
   FEATURED — DOTS
========================================================== */

.journal-featured__dots {
    display: flex;

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

    gap: 5px;

    margin-top: 11px;
}


.journal-featured__dots span {
    width: 5px;
    height: 5px;

    background: #c8cbc5;

    border-radius: 50%;
}


.journal-featured__dots .is-active {
    width: 16px;

    background: #17483b;

    border-radius: 999px;
}


/* ==========================================================
   JOURNAL — SHARED SECTION HEADING
========================================================== */

.journal-section-heading {
    display: flex;

    align-items: center;
    justify-content: space-between;

    gap: 20px;

    margin-bottom: 15px;
}


.journal-section-heading h2 {
    margin: 0;

    color: #1e312a;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 17px;

    font-weight: 400;

    line-height: 1.2;

    text-transform: uppercase;

    letter-spacing: .04em;
}


.journal-section-heading > a {
    flex: 0 0 auto;

    display: inline-flex;

    align-items: center;

    gap: 7px;

    color: #17483b;

    font-size: 8px;

    font-weight: 600;

    line-height: 1;

    text-decoration: none;
}


.journal-section-heading > a:hover {
    color: #c69338;
}


/* ==========================================================
   JOURNAL — LATEST REFLECTIONS
========================================================== */

.journal-latest {
    position: relative;

    width: 100%;

    margin: 0;

    padding:
        0
        0
        32px;

    background: transparent;
}


.journal-latest__grid {
    display: grid;

    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    gap: 14px;

    width: 100%;
}


.journal-latest-card {
    min-width: 0;

    overflow: hidden;

    background: #ffffff;

    border:
        1px solid rgba(23,72,59,.10);

    border-radius: 7px;

    transition:
        transform .25s ease,
        box-shadow .25s ease;
}


.journal-latest-card:hover {
    transform: translateY(-3px);

    box-shadow:
        0
        10px
        24px
        rgba(12,59,46,.07);
}


/* ==========================================================
   LATEST — IMAGE
========================================================== */

.journal-latest-card__image {
    position: relative;

    width: 100%;

    aspect-ratio: 1.65 / 1;

    display: flex;

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

    overflow: hidden;

    background:
        linear-gradient(
            135deg,
            #8c9c88,
            #58705e
        );
}


.journal-latest-card:nth-child(2)
.journal-latest-card__image {
    background:
        linear-gradient(
            135deg,
            #9c8a6d,
            #736249
        );
}


.journal-latest-card:nth-child(3)
.journal-latest-card__image {
    background:
        linear-gradient(
            135deg,
            #87998c,
            #4f6f60
        );
}


.journal-latest-card__image span {
    padding:
        5px
        8px;

    color: #ffffff;

    background:
        rgba(16,72,58,.72);

    border-radius: 999px;

    font-size: 6px;
}


/* ==========================================================
   LATEST — CONTENT
========================================================== */

.journal-latest-card__content {
    padding:
        13px
        14px
        14px;
}


.journal-latest-card__category {
    display: inline-block;

    margin-bottom: 7px;

    color: #9a762f;

    font-size: 6px;

    font-weight: 700;

    line-height: 1.2;

    letter-spacing: .05em;

    text-transform: uppercase;
}


.journal-latest-card__content h3 {
    margin:
        0
        0
        8px;

    color: #243d34;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 14px;

    font-weight: 400;

    line-height: 1.25;
}


.journal-latest-card__content > p {
    margin: 0;

    color: #5c6862;

    font-size: 7px;

    line-height: 1.6;
}


.journal-latest-card__meta {
    display: flex;

    align-items: center;

    flex-wrap: wrap;

    gap: 6px;

    margin-top: 12px;

    color: #858d89;

    font-size: 6px;
}


.journal-latest-card__dot {
    width: 3px;
    height: 3px;

    flex: 0 0 auto;

    background: #c59b4c;

    border-radius: 50%;
}


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

.journal-sidebar {
    display: grid;

    gap: 12px;
}


.journal-sidebar__widget {
    padding:
        16px
        15px;

    background:
        linear-gradient(
            135deg,
            #f8f5ed,
            #fbfaf6
        );

    border:
        1px solid rgba(12,59,46,.07);

    border-radius: 8px;
}


/* ==========================================================
   SIDEBAR — HEADINGS
========================================================== */

.journal-sidebar__title,
.journal-sidebar__heading h2 {
    margin: 0;

    color: #263f36;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 14px;

    font-weight: 400;
}


.journal-sidebar__heading {
    display: flex;

    align-items: center;

    gap: 6px;

    margin-bottom: 12px;
}


.journal-sidebar__heading span {
    color: #789081;

    font-size: 11px;
}


/* ==========================================================
   SIDEBAR — SEARCH
========================================================== */

.journal-sidebar__search {
    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        32px;

    margin-top: 11px;

    overflow: hidden;

    background: #ffffff;

    border:
        1px solid rgba(12,59,46,.11);

    border-radius: 5px;
}


.journal-sidebar__search input {
    min-width: 0;

    padding:
        9px
        10px;

    color: #405049;

    background: transparent;

    border: 0;

    outline: none;

    font: inherit;

    font-size: 8px;
}


.journal-sidebar__search input::placeholder {
    color: #8b938f;
}


.journal-sidebar__search button {
    display: flex;

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

    padding: 0;

    color: #17483b;

    background: transparent;

    border: 0;

    cursor: pointer;
}


.journal-sidebar__search button svg {
    width: 14px;
    height: 14px;

    fill: none;

    stroke: currentColor;

    stroke-width: 1.6;

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


/* ==========================================================
   SIDEBAR — CATEGORIES + ARCHIVES
========================================================== */

.journal-sidebar__categories,
.journal-sidebar__archives {
    display: grid;

    gap: 0;

    margin: 0;

    padding: 0;

    list-style: none;
}


.journal-sidebar__categories li,
.journal-sidebar__archives li {
    border-bottom:
        1px solid rgba(12,59,46,.07);
}


.journal-sidebar__categories li:last-child,
.journal-sidebar__archives li:last-child {
    border-bottom: 0;
}


.journal-sidebar__categories a {
    display: flex;

    align-items: center;
    justify-content: space-between;

    gap: 10px;

    padding:
        7px
        0;

    color: #4f5e57;

    font-size: 7px;

    text-decoration: none;
}


.journal-sidebar__categories a:hover {
    color: #17483b;
}


.journal-sidebar__categories a span:last-child {
    color: #a88747;
}


.journal-sidebar__archives a {
    display: block;

    padding:
        7px
        0;

    color: #53615b;

    font-size: 7px;

    text-decoration: none;
}


.journal-sidebar__archives a:hover {
    color: #17483b;
}


/* ==========================================================
   SIDEBAR — POPULAR READS
========================================================== */

.journal-sidebar__popular {
    display: grid;

    gap: 10px;
}


.journal-sidebar__popular-item {
    display: grid;

    grid-template-columns:
        55px
        minmax(0, 1fr);

    gap: 8px;

    align-items: center;
}


.journal-sidebar__popular-image {
    height: 45px;

    display: flex;

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

    overflow: hidden;

    color: #ffffff;

    background:
        linear-gradient(
            135deg,
            #8a9b87,
            #5c725f
        );

    border-radius: 4px;

    font-size: 6px;
}


.journal-sidebar__popular-item h3 {
    margin:
        0
        0
        3px;

    color: #31463d;

    font-size: 7px;

    font-weight: 600;

    line-height: 1.35;
}


.journal-sidebar__popular-item span {
    color: #79817d;

    font-size: 6px;
}


/* ==========================================================
   SIDEBAR — TAGS
========================================================== */

.journal-sidebar__tags {
    display: flex;

    flex-wrap: wrap;

    gap: 5px;
}


.journal-sidebar__tags a {
    padding:
        5px
        7px;

    color: #4c5c55;

    background: #ffffff;

    border:
        1px solid rgba(12,59,46,.09);

    border-radius: 999px;

    font-size: 6px;

    text-decoration: none;
}


.journal-sidebar__tags a:hover {
    color: #ffffff;

    background: #17483b;

    border-color: #17483b;
}


/* ==========================================================
   SIDEBAR — QUOTE CARD
========================================================== */

.journal-sidebar__quote {
    position: relative;

    min-height: 175px;

    overflow: hidden;

    margin: 0;

    padding:
        25px
        20px;

    color: #ffffff;

    background:
        linear-gradient(
            135deg,
            #17483b,
            #0d342b
        );

    border-radius: 8px;
}


.journal-sidebar__quote-mark {
    display: block;

    margin-bottom: 6px;

    color: #d3aa54;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 31px;

    line-height: .8;
}


.journal-sidebar__quote p {
    max-width: 170px;

    margin: 0;

    color: #fffaf0;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 16px;

    font-style: italic;

    line-height: 1.45;
}


.journal-sidebar__quote-leaf {
    position: absolute;

    right: -8px;
    bottom: -17px;

    color:
        rgba(218,177,85,.24);

    font-size: 90px;

    transform: rotate(-28deg);
}


/* ==========================================================
   JOURNAL — STORIES IN PRINT
========================================================== */

.journal-print {
    position: relative;

    width: 100%;

    margin: 0;

    padding:
        0
        0
        32px;
}


/* ==========================================================
   PRINT GRID
========================================================== */

.journal-print__grid {
    display: grid;

    grid-template-columns:
        repeat(4, minmax(0, 1fr));

    gap: 14px;

    align-items: start;
}


/* ==========================================================
   PRINT CARD
========================================================== */

.journal-print-card {
    min-width: 0;

    display: block;

    height: auto;

    margin: 0;

    padding: 0;
}


/* ==========================================================
   COVER
========================================================== */

.journal-print-card__cover {
    position: relative;

    width: 100%;

    aspect-ratio: .72 / 1;

    display: flex;

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

    overflow: hidden;

    color: #ffffff;

    background:
        linear-gradient(
            145deg,
            #5c486e,
            #312c44
        );

    border-radius: 6px;

    box-shadow:
        0
        8px
        18px
        rgba(25,42,34,.10);

    transition:
        transform .25s ease,
        box-shadow .25s ease;
}


.journal-print-card:nth-child(2)
.journal-print-card__cover {
    background:
        linear-gradient(
            145deg,
            #567665,
            #304f42
        );
}


.journal-print-card:nth-child(3)
.journal-print-card__cover {
    background:
        linear-gradient(
            145deg,
            #7c7046,
            #4f4b2e
        );
}


.journal-print-card:nth-child(4)
.journal-print-card__cover {
    background:
        linear-gradient(
            145deg,
            #514a72,
            #312f51
        );
}


.journal-print-card:hover
.journal-print-card__cover {
    transform: translateY(-3px);

    box-shadow:
        0
        12px
        24px
        rgba(25,42,34,.14);
}


.journal-print-card__cover span {
    position: static;

    max-width: 88%;

    padding:
        5px
        7px;

    color: #ffffff;

    background:
        rgba(12,59,46,.55);

    border-radius: 999px;

    font-size: 6px;

    line-height: 1.2;

    text-align: center;
}


/* ==========================================================
   CARD FOOTER
========================================================== */

.journal-print-card__footer {
    position: relative;

    width: 100%;
    height: auto;

    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        28px;

    gap: 8px;

    align-items: start;

    margin: 0;

    padding:
        9px
        0
        0;
}


/*
 * Important reset.
 * Prevent global flex/card rules from stretching
 * the text area vertically.
 */

.journal-print-card__footer > div {
    position: static;

    display: block;

    min-width: 0;
    height: auto;

    margin: 0;
    padding: 0;
}


/* ==========================================================
   ROLE / TITLE
========================================================== */

.journal-print-card__footer h3 {
    position: static;

    display: block;

    width: auto;
    height: auto;

    margin:
        0
        0
        3px;

    padding: 0;

    color: #2b4138;

    font-family: inherit;

    font-size: 8px;

    font-weight: 500;

    line-height: 1.3;
}


/* ==========================================================
   YEAR
========================================================== */

.journal-print-card__footer span {
    position: static;

    display: block;

    width: auto;
    height: auto;

    margin: 0;
    padding: 0;

    color: #78817c;

    font-size: 7px;

    line-height: 1.3;
}


/* ==========================================================
   BOOK BUTTON
========================================================== */

.journal-print-card__icon {
    position: static;

    width: 27px;
    height: 27px;

    display: flex;

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

    align-self: start;

    margin: 0;
    padding: 0;

    color: #17483b;

    background:
        rgba(23,72,59,.06);

    border:
        1px solid rgba(23,72,59,.10);

    border-radius: 5px;

    text-decoration: none;
}


.journal-print-card__icon svg {
    display: block;

    width: 16px;
    height: 16px;

    fill: none;

    stroke: currentColor;

    stroke-width: 1.5;

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

/* ==========================================================
   FIX — STORIES IN PRINT ROLE + YEAR SPACING
========================================================== */

.journal-print-card {
    height: auto !important;
    min-height: 0 !important;
}


.journal-print-card__footer {
    display: grid !important;

    grid-template-columns:
        minmax(0, 1fr)
        28px !important;

    align-items: start !important;

    height: auto !important;
    min-height: 0 !important;

    margin: 0 !important;

    padding:
        9px
        0
        0 !important;
}


/* Text wrapper */

.journal-print-card__footer > div {
    display: flex !important;

    flex-direction: column !important;

    align-items: flex-start !important;
    justify-content: flex-start !important;

    gap: 2px !important;

    width: auto !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;

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

    position: static !important;
}


/* Role */

.journal-print-card__footer > div > h3 {
    display: block !important;

    position: static !important;

    width: auto !important;
    height: auto !important;
    min-height: 0 !important;

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

    color: #2b4138;

    font-size: 8px;

    font-weight: 500;

    line-height: 1.3 !important;
}


/* Year */

.journal-print-card__footer > div > span {
    display: block !important;

    position: static !important;

    width: auto !important;
    height: auto !important;
    min-height: 0 !important;

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

    color: #78817c;

    font-size: 7px;

    line-height: 1.3 !important;

    transform: none !important;
}


/* Book icon */

.journal-print-card__icon {
    position: static !important;

    align-self: start !important;

    margin: 0 !important;
}
/* ==========================================================
   JOURNAL — BOTTOM GRID
   LINKEDIN + MEDIA
========================================================== */

.journal-bottom-grid {
    display: grid;

    grid-template-columns:
        1.15fr
        .85fr;

    gap: 14px;

    align-items: stretch;

    padding:
        0
        0
        34px;
}


/* ==========================================================
   SHARED PANEL
========================================================== */

.journal-linkedin,
.journal-media {
    min-width: 0;

    overflow: hidden;

    background:
        linear-gradient(
            135deg,
            #f8f5ed,
            #fbfaf6
        );

    border:
        1px solid rgba(12,59,46,.07);

    border-radius: 8px;
}


/* ==========================================================
   SHARED HEADING
========================================================== */

.journal-bottom-grid__heading {
    display: flex;

    align-items: center;
    justify-content: space-between;

    gap: 12px;

    padding:
        15px
        16px
        10px;
}


.journal-bottom-grid__heading h2 {
    margin: 0;

    color: #243e35;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 17px;

    font-weight: 400;

    line-height: 1.2;
}


.journal-bottom-grid__heading a {
    display: inline-flex;

    align-items: center;

    gap: 5px;

    color: #17483b;

    font-size: 7px;

    font-weight: 600;

    text-decoration: none;
}


/* ==========================================================
   LINKEDIN CONTENT
========================================================== */

.journal-linkedin__content {
    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        145px;

    min-height: 235px;
}


/* ==========================================================
   LINKEDIN COPY
========================================================== */

.journal-linkedin__copy {
    padding:
        8px
        16px
        18px;
}


.journal-linkedin__meta {
    display: flex;

    align-items: center;

    flex-wrap: wrap;

    gap: 6px;

    margin-bottom: 10px;

    color: #7c8580;

    font-size: 6px;
}


.journal-linkedin__logo {
    width: 17px;
    height: 17px;

    display: inline-flex;

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

    color: #ffffff;

    background: #0a66c2;

    border-radius: 2px;

    font-size: 8px;

    font-weight: 700;
}


.journal-linkedin__copy h3 {
    margin:
        0
        0
        9px;

    color: #263f36;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 15px;

    font-weight: 400;

    line-height: 1.25;
}


.journal-linkedin__copy p {
    margin: 0;

    color: #5c6862;

    font-size: 7px;

    line-height: 1.6;
}


.journal-linkedin__stats {
    display: flex;

    align-items: center;

    gap: 12px;

    margin-top: 13px;

    color: #68746e;

    font-size: 7px;
}


/* ==========================================================
   LINKEDIN BUTTON
========================================================== */

.journal-linkedin__button {
    display: inline-flex;

    align-items: center;

    gap: 7px;

    margin-top: 15px;

    padding:
        8px
        11px;

    color: #17483b;

    background: transparent;

    border:
        1px solid rgba(23,72,59,.28);

    border-radius: 4px;

    font-size: 7px;

    font-weight: 600;

    text-decoration: none;
}


/* ==========================================================
   LINKEDIN IMAGE
========================================================== */

.journal-linkedin__visual {
    display: flex;

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

    overflow: hidden;

    color: #ffffff;

    background:
        linear-gradient(
            135deg,
            #8b755f,
            #5d4d40
        );
}


.journal-linkedin__visual span {
    max-width: 85%;

    font-size: 6px;

    text-align: center;
}


/* ==========================================================
   MEDIA LIST
========================================================== */

.journal-media__list {
    display: grid;

    gap: 0;

    padding:
        0
        14px
        13px;
}


/* ==========================================================
   MEDIA ITEM
========================================================== */

.journal-media__item {
    display: grid;

    grid-template-columns:
        82px
        minmax(0, 1fr);

    gap: 10px;

    align-items: center;

    padding:
        8px
        0;

    border-bottom:
        1px solid rgba(12,59,46,.08);
}


.journal-media__item:last-child {
    border-bottom: 0;
}


/* ==========================================================
   MEDIA IMAGE
========================================================== */

.journal-media__image {
    height: 58px;

    display: flex;

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

    overflow: hidden;

    color: #ffffff;

    background:
        linear-gradient(
            135deg,
            #8c9788,
            #607061
        );

    border-radius: 4px;
}


.journal-media__image span {
    max-width: 90%;

    font-size: 5px;

    line-height: 1.2;

    text-align: center;
}


/* ==========================================================
   MEDIA TEXT
========================================================== */

.journal-media__content h3 {
    margin:
        0
        0
        3px;

    color: #30443b;

    font-size: 7px;

    font-weight: 700;

    line-height: 1.35;
}


.journal-media__content p {
    margin:
        0
        0
        3px;

    color: #66716b;

    font-size: 6px;

    line-height: 1.35;
}


.journal-media__content > span {
    display: block;

    color: #8a908d;

    font-size: 6px;
}

/* ==========================================================
   JOURNAL — NEWSLETTER
========================================================== */

.journal-newsletter {
    position: relative;

    padding:
        0
        0
        22px;

    background: #fffdf9;
}


/* ==========================================================
   PANEL
========================================================== */

.journal-newsletter__panel {
    position: relative;

    min-height: 120px;

    display: grid;

    grid-template-columns:
        minmax(0, .8fr)
        minmax(360px, 1.2fr);

    gap: 40px;

    align-items: center;

    overflow: hidden;

    padding:
        25px
        34px;

    color: #ffffff;

    background:
        linear-gradient(
            90deg,
            #17483b 0%,
            #104033 55%,
            #0c342a 100%
        );

    border-radius: 8px;
}


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

.journal-newsletter__content {
    position: relative;

    z-index: 2;

    max-width: 420px;
}


.journal-newsletter__heading {
    display: flex;

    align-items: center;

    gap: 8px;
}


.journal-newsletter__heading h2 {
    margin: 0;

    color: #fffaf0;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 22px;

    font-weight: 400;

    line-height: 1.2;
}


.journal-newsletter__heading span {
    color: #d2aa55;

    font-size: 13px;
}


.journal-newsletter__content p {
    max-width: 360px;

    margin:
        8px
        0
        0;

    color: rgba(255,255,255,.78);

    font-size: 8px;

    line-height: 1.55;
}


/* ==========================================================
   FORM
========================================================== */

.journal-newsletter__form {
    position: relative;

    z-index: 2;

    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        auto;

    gap: 8px;

    align-items: center;

    max-width: 500px;
}


.journal-newsletter__form input {
    min-width: 0;

    min-height: 38px;

    padding:
        9px
        12px;

    color: #405049;

    background: #ffffff;

    border:
        1px solid rgba(255,255,255,.18);

    border-radius: 5px;

    outline: none;

    font: inherit;

    font-size: 8px;
}


.journal-newsletter__form input::placeholder {
    color: #929995;
}


.journal-newsletter__form button {
    min-height: 38px;

    display: inline-flex;

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

    gap: 8px;

    padding:
        9px
        16px;

    color: #17483b;

    background: #f0d79e;

    border: 0;

    border-radius: 5px;

    font-family: inherit;

    font-size: 8px;

    font-weight: 700;

    cursor: pointer;

    transition:
        transform .2s ease,
        background-color .2s ease;
}


.journal-newsletter__form button:hover {
    background: #e8c87d;

    transform: translateY(-1px);
}


/* ==========================================================
   SMALL TEXT
========================================================== */

.journal-newsletter__form small {
    grid-column: 1 / -1;

    color: rgba(255,255,255,.58);

    font-size: 6px;

    line-height: 1.3;
}


/* ==========================================================
   DECORATIVE LEAF
========================================================== */

.journal-newsletter__leaf {
    position: absolute;

    left: -20px;
    bottom: -34px;

    z-index: 1;

    color: rgba(218,177,85,.20);

    font-size: 125px;

    line-height: 1;

    transform: rotate(22deg);
}


/* ==========================================================
   FOOTER GAP
========================================================== */

.journal-page + .site-footer {
    margin-top: 20px;
}


/* ==========================================================
   JOURNAL PAGE — RESPONSIVE
========================================================== */


/* ==========================================================
   SMALL LAPTOP / LARGE TABLET — 1200px
========================================================== */

@media (max-width: 1200px) {

    .journal-hero__layout {
        grid-template-columns:
            minmax(280px, .75fr)
            minmax(0, 1.25fr);

        gap: 30px;
    }

    .journal-hero__title {
        font-size: 43px;
    }

    .journal-content__layout {
        grid-template-columns:
            minmax(0, 1fr)
            260px;

        gap: 22px;
    }

    .journal-featured__card {
        grid-template-columns:
            minmax(220px, .78fr)
            minmax(0, 1.22fr);
    }

    .journal-featured__content {
        padding:
            24px
            22px;
    }

    .journal-print__grid {
        gap: 11px;
    }
}


/* ==========================================================
   TABLET — 992px
========================================================== */

@media (max-width: 992px) {

    /* HERO */

    .journal-hero {
        margin-top: 35px;

        padding:
            42px
            0
            28px;
    }

    .journal-hero__layout {
        grid-template-columns: 1fr;

        gap: 28px;
    }

    .journal-hero__content {
        max-width: 620px;
    }

    .journal-hero__title {
        font-size: 44px;
    }

    .journal-hero__text {
        max-width: 520px;

        font-size: 12px;
    }

    .journal-hero__visual,
    .journal-hero__image-placeholder {
        min-height: 320px;
        height: 320px;
    }


    /* MAIN CONTENT */

    .journal-content__layout {
        grid-template-columns:
            minmax(0, 1fr)
            235px;

        gap: 18px;
    }


    /* FEATURED */

    .journal-featured__card {
        grid-template-columns: 1fr;
    }

    .journal-featured__visual {
        min-height: 260px;
    }

    .journal-featured__image-placeholder {
        width: 46%;
        height: 85%;
    }


    /* LATEST */

    .journal-latest__grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }


    /* PRINT */

    .journal-print__grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }


    /* LINKEDIN + MEDIA */

    .journal-bottom-grid {
        grid-template-columns: 1fr;
    }

    .journal-linkedin__content {
        grid-template-columns:
            minmax(0, 1fr)
            180px;
    }


    /* NEWSLETTER */

    .journal-newsletter__panel {
        grid-template-columns:
            1fr
            1.15fr;

        gap: 25px;

        padding:
            24px;
    }
}


/* ==========================================================
   MOBILE — 767px
========================================================== */

@media (max-width: 767px) {

    /* HERO */

    .journal-hero {
        margin-top: 20px;

        padding:
            34px
            0
            26px;
    }

    .journal-hero__title {
        font-size: clamp(35px, 10vw, 42px);
    }

    .journal-hero__text {
        max-width: 100%;

        font-size: 12px;
    }

    .journal-hero__visual,
    .journal-hero__image-placeholder {
        min-height: 270px;
        height: 270px;
    }

    .journal-hero__image-placeholder {
        border-radius:
            65px
            7px
            7px
            7px;
    }


    /* FILTERS */

    .journal-filters {
        padding-bottom: 18px;
    }

    .journal-filter {
        min-height: 32px;

        padding:
            7px
            12px;

        font-size: 8px;
    }


    /* MAIN CONTENT + SIDEBAR */

    .journal-content__layout {
        grid-template-columns: 1fr;

        gap: 28px;
    }

    .journal-content__sidebar {
        order: 2;
    }


    /* FEATURED */

    .journal-featured {
        margin-bottom: 26px;
    }

    .journal-featured__card {
        grid-template-columns: 1fr;
    }

    .journal-featured__visual {
        min-height: 250px;
    }

    .journal-featured__image-placeholder {
        width: 50%;
        height: 82%;
    }

    .journal-featured__content {
        padding:
            24px
            20px;
    }

    .journal-featured__content h2 {
        font-size: 24px;
    }

    .journal-featured__excerpt {
        font-size: 10px;
    }

    .journal-featured__actions {
        flex-wrap: wrap;
    }


    /* LATEST */

    .journal-section-heading h2 {
        font-size: 16px;
    }

    .journal-latest__grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

    .journal-latest-card__content h3 {
        font-size: 13px;
    }

    .journal-latest-card__content > p {
        font-size: 8px;
    }


    /* PRINT */

    .journal-print__grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));

        gap:
            18px
            12px;
    }


    /* LINKEDIN */

    .journal-bottom-grid {
        grid-template-columns: 1fr;
    }

    .journal-linkedin__content {
        grid-template-columns: 1fr;
    }

    .journal-linkedin__visual {
        min-height: 190px;
    }


    /* MEDIA */

    .journal-media__item {
        grid-template-columns:
            95px
            minmax(0, 1fr);
    }


    /* SIDEBAR */

    .journal-sidebar {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));

        gap: 12px;
    }

    .journal-sidebar__quote {
        min-height: 100%;

        grid-column: 1 / -1;
    }


    /* NEWSLETTER */

    .journal-newsletter__panel {
        grid-template-columns: 1fr;

        gap: 18px;

        padding:
            25px
            22px;
    }

    .journal-newsletter__form {
        max-width: 100%;
    }
}


/* ==========================================================
   SMALL MOBILE — 480px
========================================================== */

@media (max-width: 480px) {

    /* HERO */

    .journal-hero {
        padding-top: 28px;
    }

    .journal-hero__title {
        font-size: 34px;
    }

    .journal-hero__visual,
    .journal-hero__image-placeholder {
        min-height: 235px;
        height: 235px;
    }


    /* FEATURED */

    .journal-featured__visual {
        min-height: 220px;
    }

    .journal-featured__image-placeholder {
        width: 56%;
    }

    .journal-featured__content h2 {
        font-size: 22px;
    }

    .journal-featured__actions {
        flex-direction: column;

        align-items: stretch;
    }

    .journal-featured__button {
        width: 100%;
    }


    /* LATEST */

    .journal-latest__grid {
        grid-template-columns: 1fr;
    }

    .journal-latest-card__image {
        aspect-ratio: 1.7 / 1;
    }


    /* PRINT */

    .journal-print__grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }


    /* BOTTOM GRID */

    .journal-bottom-grid__heading {
        align-items: flex-start;

        flex-direction: column;

        gap: 6px;
    }

    .journal-linkedin__copy {
        padding:
            10px
            14px
            18px;
    }


    /* MEDIA */

    .journal-media__item {
        grid-template-columns:
            80px
            minmax(0, 1fr);
    }


    /* SIDEBAR */

    .journal-sidebar {
        grid-template-columns: 1fr;
    }

    .journal-sidebar__quote {
        grid-column: auto;
    }


    /* NEWSLETTER */

    .journal-newsletter__form {
        grid-template-columns: 1fr;
    }

    .journal-newsletter__form button {
        width: 100%;
    }

    .journal-newsletter__form small {
        grid-column: auto;
    }
}


/* ==========================================================
   VERY SMALL MOBILE — 360px
========================================================== */

@media (max-width: 360px) {

    .journal-hero__title {
        font-size: 31px;
    }

    .journal-print__grid {
        grid-template-columns: 1fr;
    }

    .journal-media__item {
        grid-template-columns:
            70px
            minmax(0, 1fr);
    }

    .journal-newsletter__heading h2 {
        font-size: 20px;
    }
}