/* =========================================================
   PUBLISH WITH US - GLOBAL VARIABLES
   ========================================================= */

body[data-sitename="publishwithus"] {
    --publish-max-width: 1760px;
    --publish-gutter: 44px;
    --publish-gutter-mobile: 22px;

    --publish-teal: #0E4751;
    --publish-accent: #00A18C;
    --publish-light-bg: #E6EDEE;

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

html {
    margin: 0 !important;
    padding: 0 !important;
}


/* =========================================================
   PUBLISH WITH US - HEADER / FOOTER
   ========================================================= */

body[data-sitename="publishwithus"] .journal-header,
body[data-sitename="publishwithus"] .journal-footer {
    background: var(--publish-teal) !important;
    background-color: var(--publish-teal) !important;
}


/* Header content follows the same alignment as page content */

body[data-sitename="publishwithus"] .journal-header .journal-header_content {
    width: 100% !important;
    max-width: var(--publish-max-width) !important;

    margin: 0 auto !important;

    padding-left: var(--publish-gutter) !important;
    padding-right: var(--publish-gutter) !important;

    box-sizing: border-box !important;
}


/* =========================================================
   PUBLISH WITH US - REPLACE LOGO WITH TEXT
   ========================================================= */

body[data-sitename="publishwithus"] .journal-logo_wrap {
    display: flex !important;
    align-items: center !important;

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


body[data-sitename="publishwithus"] .journal-logo_wrap a,
body[data-sitename="publishwithus"] .journal-logo_wrap img,
body[data-sitename="publishwithus"] .journal-logo_wrap picture,
body[data-sitename="publishwithus"] .journal-logo_wrap svg {
    display: none !important;
}


body[data-sitename="publishwithus"] .journal-logo_wrap::after {
    content: "Publish with us";

    display: block;

    margin: 0;
    padding: 0;

    color: #ffffff;

    font-size: 28px;
    line-height: 1.2;
    font-weight: 400;
}


/* =========================================================
   SHARED SILVERCHAIR FULL-WIDTH PAGE OVERRIDES
   Applies to:
   - Author Policies gateway
   - All Policy detail pages
   ========================================================= */

/* Hide right-hand sidebar */

.content-main_content:has(.author-policies-page) > #Sidebar,
.content-main_content:has(.policy-page) > #Sidebar {
    display: none !important;
}


/* Remove restrictions from the main Silverchair wrapper */

.content-main_content:has(.author-policies-page),
.content-main_content:has(.policy-page) {
    width: 100% !important;
    max-width: none !important;

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


/* Allow main content to occupy the full width */

.content-main_content:has(.author-policies-page) > #mainContent,
.content-main_content:has(.policy-page) > #mainContent {
    width: 100% !important;
    max-width: none !important;

    flex: 1 1 100% !important;
    flex-basis: 100% !important;

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


/* Remove Silverchair centre-column spacing */

.content-main_content:has(.author-policies-page) > #mainContent.page-column,
.content-main_content:has(.author-policies-page) > #mainContent.page-column--center,
.content-main_content:has(.author-policies-page) > #mainContent.center-content,

.content-main_content:has(.policy-page) > #mainContent.page-column,
.content-main_content:has(.policy-page) > #mainContent.page-column--center,
.content-main_content:has(.policy-page) > #mainContent.center-content {
    margin: 0 !important;
    padding: 0 !important;
}


/* Remove SelfServe widget restrictions */

#mainContent:has(.author-policies-page) .widget-SelfServeContent,
#mainContent:has(.author-policies-page) .widget-instance-SelfServeContent,

#mainContent:has(.policy-page) .widget-SelfServeContent,
#mainContent:has(.policy-page) .widget-instance-SelfServeContent {
    width: 100% !important;
    max-width: none !important;

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


/* Remove dynamic widget spacing if present */

#mainContent:has(.author-policies-page) .widget-dynamic,
#mainContent:has(.author-policies-page) .widget-dynamic-inner-wrap,

#mainContent:has(.policy-page) .widget-dynamic,
#mainContent:has(.policy-page) .widget-dynamic-inner-wrap {
    margin: 0 !important;
    padding: 0 !important;
}


/* =========================================================
   AUTHOR POLICIES PAGE
   ========================================================= */

.author-policies-page {
    width: 100% !important;
    max-width: none !important;

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

    overflow-x: clip;

    background: #ffffff;
    color: #1b1b1b;

    box-sizing: border-box;
}


.author-policies-page *,
.author-policies-page *::before,
.author-policies-page *::after {
    box-sizing: border-box;
}


/* =========================================================
   AUTHOR POLICIES - SHARED CONTENT WIDTH
   ========================================================= */

.author-policies-inner {
    width: 100%;
    max-width: var(--publish-max-width);

    margin: 0 auto;

    padding-left: var(--publish-gutter);
    padding-right: var(--publish-gutter);
}


/* =========================================================
   AUTHOR POLICIES - FULL WIDTH INTRO HERO
   ========================================================= */

.author-policies-intro {
    position: relative;

    width: 100vw;
    max-width: none;

    left: 50%;

    margin-left: -50vw !important;
    margin-right: -50vw !important;

    padding: 48px 0 52px;

    background: var(--publish-light-bg);

    box-sizing: border-box;
}


/* Keep hero content aligned with the gateway content */

.author-policies-intro .author-policies-inner {
    width: 100%;
    max-width: var(--publish-max-width);

    margin: 0 auto;

    padding-left: var(--publish-gutter);
    padding-right: var(--publish-gutter);
}


.author-policies-page > .author-policies-intro:first-child {
    margin-top: 0 !important;
}


.author-policies-intro h1 {
    margin: 0 0 14px;
    padding: 0;

    font-size: 40px;
    line-height: 1.15;
    font-weight: 400;

    color: #1f3539;
}


.author-policies-intro p {
    max-width: 950px;

    margin: 0;
    padding: 0;

    font-size: 17px;
    line-height: 1.55;

    color: #263b3f;
}


/* =========================================================
   AUTHOR POLICIES - SECTIONS
   ========================================================= */

.author-policies-section {
    width: 100%;

    margin: 0 !important;
    padding: 24px 0 8px;

    background: #ffffff;
}


.author-policies-section h2 {
    margin: 0 0 10px;
    padding: 0;

    font-size: 30px;
    line-height: 1.25;
    font-weight: 400;
}


.author-policies-section__intro {
    margin: 0 0 22px;
    padding: 0;

    font-size: 14px;
    line-height: 1.5;
}


/* =========================================================
   AUTHOR POLICIES - CARD GRID
   ========================================================= */

.author-policies-grid {
    display: grid !important;

    width: 100%;

    margin: 0;
    padding: 0;

    gap: 24px;

    align-items: stretch;
}


/* All desktop rows share the same four-column structure */

.author-policies-grid--two,
.author-policies-grid--four {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}


.author-policies-grid--two {
    justify-content: stretch !important;
}


/* =========================================================
   AUTHOR POLICIES - CARD
   ========================================================= */

.author-policy-card {
    position: relative;

    display: block !important;

    width: 100% !important;
    min-width: 0 !important;
    min-height: 150px;

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

    background: #ffffff;

    border: 1px solid #dddddd;

    box-shadow:
        2px 3px 5px rgba(0, 0, 0, 0.12);

    overflow: hidden;

    transition:
        transform 0.2s ease,
        box-shadow 0.2s ease;
}


.author-policy-card__content {
    display: block !important;

    width: 100%;
    min-height: 100%;

    margin: 0;
    padding: 16px 18px 18px;

    background: transparent;
}


/* =========================================================
   AUTHOR POLICIES - CARD TITLE
   ========================================================= */

.author-policy-card__title {
    display: block !important;

    width: 100%;

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

    color: #111111 !important;

    font-size: 15px !important;
    line-height: 1.3 !important;
    font-weight: 500 !important;
}


.author-policy-card__title a {
    position: static;

    display: inline !important;

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

    color: #111111 !important;
    text-decoration: none !important;
}


/* Stretch the title link across the full card without changing the HTML structure */

.author-policy-card__title a::after {
    content: "";

    position: absolute;
    inset: 0;

    z-index: 2;
}


/* Keep the visible title styling clean on hover/focus */

.author-policy-card__title a:hover,
.author-policy-card__title a:focus {
    color: #111111 !important;
    text-decoration: none !important;
}


/* =========================================================
   AUTHOR POLICIES - CARD DIVIDER
   ========================================================= */

.author-policy-card__divider,
.author-policy-card__line {
    display: block !important;

    width: 100% !important;
    height: 7px !important;

    margin: 9px 0 12px !important;
    padding: 0 !important;

    background: var(--publish-teal) !important;

    border: 0 !important;
}


/* =========================================================
   AUTHOR POLICIES - CARD TEXT
   ========================================================= */

.author-policy-card__text,
.author-policy-card p {
    margin: 0 !important;
    padding: 0 !important;

    font-size: 13px !important;
    line-height: 1.35 !important;
    font-weight: 400 !important;

    color: #555555 !important;
}


.author-policy-card__text {
    display: block !important;
    width: 100%;
}


/* =========================================================
   AUTHOR POLICIES - CARD HOVER
   ========================================================= */

.author-policy-card:hover,
.author-policy-card:focus-within {
    cursor: pointer;

    transform: translateY(-2px);

    box-shadow:
        3px 6px 10px rgba(0, 0, 0, 0.16);
}


/* Keyboard focus applies to the actual title link,
   while visually outlining the complete card */

.author-policy-card:focus-within {
    outline: 3px solid var(--publish-accent);
    outline-offset: 3px;
}


.author-policy-card__title a:focus-visible {
    outline: none;
}


/* =========================================================
   SHARED POLICY DETAIL PAGE
   Use on all individual policy pages
   ========================================================= */

.policy-page {
    width: 100% !important;
    max-width: none !important;

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

    background: #ffffff;
    color: #1b1b1b;

    box-sizing: border-box;
}


.policy-page *,
.policy-page *::before,
.policy-page *::after {
    box-sizing: border-box;
}


/* =========================================================
   POLICY DETAIL - SHARED CONTENT WIDTH
   ========================================================= */

.policy-inner {
    width: 100%;
    max-width: 1180px;

    margin: 0 auto;

    padding-left: var(--publish-gutter);
    padding-right: var(--publish-gutter);
}


/* =========================================================
   POLICY DETAIL - FULL WIDTH HERO
   ========================================================= */

.policy-hero {
    width: 100%;

    margin: 0 !important;
    padding: 60px 0;

    background: var(--publish-light-bg);
}


/* Hero and body use the same .policy-inner,
   so their left and right edges align automatically. */

.policy-hero h1 {
    max-width: 800px;

    margin: 0 0 20px;
    padding: 0;

    font-size: 64px;
    line-height: 1.05;
    font-weight: 400;

    color: #3f3f3f;
}


.policy-hero__intro {
    max-width: 760px;

    margin: 0;
    padding: 0;

    font-size: 20px;
    line-height: 1.45;

    color: #444444;
}


/* =========================================================
   POLICY DETAIL - MAIN CONTENT
   ========================================================= */

.policy-content {
    width: 100%;

    margin: 0;
    padding: 68px 0 80px;

    background: #ffffff;
}


.policy-content p {
    margin: 0 0 20px;
    padding: 0;

    font-size: 18px;
    line-height: 1.55;

    color: #333333;
}


.policy-content ul,
.policy-content ol {
    margin: 8px 0 22px;
    padding-left: 20px;
}


.policy-content li {
    margin: 0 0 10px;
    padding-left: 0;

    font-size: 18px;
    line-height: 1.5;

    color: #333333;
}


.policy-content li::marker {
    color: var(--publish-accent);
}


.policy-content a {
    color: #007d8a;
    text-decoration: underline;
    font-weight: 600;
}


.policy-content strong {
    font-weight: 600;
}


/* Optional headings inside policy body copy */

.policy-content h2 {
    margin: 36px 0 14px;
    padding: 0;

    font-size: 30px;
    line-height: 1.25;
    font-weight: 400;
}


.policy-content h3 {
    margin: 28px 0 12px;
    padding: 0;

    font-size: 24px;
    line-height: 1.3;
    font-weight: 500;
}


/* Fourth-level headings used on longer policy pages */
.policy-content h4 {
    margin: 24px 0 10px;
    padding: 0;

    font-size: 19px;
    line-height: 1.35;
    font-weight: 600;

    color: #2f2f2f;
}


/* Reduce excessive spacing where headings follow headings */
.policy-content h2 + h3,
.policy-content h3 + h4 {
    margin-top: 18px;
}


/* Nested lists used within detailed policy guidance */
.policy-content li > ul,
.policy-content li > ol {
    margin-top: 10px;
    margin-bottom: 4px;
    padding-left: 24px;
}



/* =========================================================
   POLICY DETAIL - IN-PAGE ANCHOR OFFSET
   Keeps jump-link targets clear of the sticky site header
   ========================================================= */

.policy-page .ck-anchor {
    display: block;
    position: relative;
    top: -110px;

    visibility: hidden;
    pointer-events: none;
}


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

@media (max-width: 1100px) {

    .author-policies-grid--two,
    .author-policies-grid--four {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }


    .policy-hero h1 {
        font-size: 56px;
    }

}


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

@media (max-width: 700px) {

    body[data-sitename="publishwithus"] .journal-header .journal-header_content {
        padding-left: var(--publish-gutter-mobile) !important;
        padding-right: var(--publish-gutter-mobile) !important;
    }


    .author-policies-inner,
    .policy-inner {
        padding-left: var(--publish-gutter-mobile);
        padding-right: var(--publish-gutter-mobile);
    }


    /* Author policies gateway */

    .author-policies-intro {
        padding-top: 34px;
        padding-bottom: 36px;
    }


    .author-policies-intro h1 {
        font-size: 30px;
    }


    .author-policies-intro p {
        font-size: 16px;
    }


    .author-policies-section h2 {
        font-size: 25px;
    }


    .author-policies-grid--two,
    .author-policies-grid--four {
        grid-template-columns: 1fr !important;
    }


    .author-policy-card {
        min-height: 0;
    }


    /* Individual policy pages */

    .policy-hero {
        padding: 40px 0;
    }


    .policy-hero h1 {
        font-size: 42px;
    }


    .policy-hero__intro {
        font-size: 17px;
    }


    .policy-content {
        padding-top: 40px;
        padding-bottom: 50px;
    }


    .policy-content p,
    .policy-content li {
        font-size: 16px;
    }


    .policy-content h2 {
        font-size: 26px;
    }


    .policy-content h3 {
        font-size: 21px;
    }


    .policy-content h4 {
        font-size: 18px;
    }

}

/* =========================================================
   POLICY DETAIL - EXPANDABLE CARDS
   ========================================================= */

.policy-expandables {
    width: 100%;

    margin: 44px 0 0;
    padding: 0;
}


.policy-expandables > h2 {
    margin: 0 0 22px;
    padding: 0;

    font-size: 30px;
    line-height: 1.25;
    font-weight: 400;
}


/* =========================================================
   EXPANDABLE GRID
   ========================================================= */

.policy-expandables__grid {
    display: grid;

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

    gap: 28px;

    width: 100%;
}


/* =========================================================
   INDIVIDUAL EXPANDABLE
   ========================================================= */

.policy-expandable {
    position: relative;

    width: 100%;

    margin: 0;
    padding: 0;

    background: #ffffff;

    border: 1px solid #e2e2e2;

    box-shadow:
        8px 9px 0 #E6EDEE,
        0 2px 8px rgba(0, 0, 0, 0.08);

    overflow: hidden;
}


/* Remove native disclosure triangle */
.policy-expandable > summary {
    list-style: none;
}

.policy-expandable > summary::-webkit-details-marker {
    display: none;
}


/* =========================================================
   EXPANDABLE HEADER
   ========================================================= */

.policy-expandable > summary {
    position: relative;

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

    min-height: 68px;

    margin: 0;
    padding: 18px 58px 18px 20px;

    cursor: pointer;

    font-size: 20px;
    line-height: 1.3;
    font-weight: 400;

    color: #222222;

    background: #ffffff;

    border-bottom: 0;

    transition:
        background-color 0.2s ease;
}


.policy-expandable > summary:hover {
    background: #f7f9f9;
}


/* Vertical separator before icon */
.policy-expandable > summary::before {
    content: "";

    position: absolute;

    top: 18px;
    right: 48px;
    bottom: 18px;

    width: 1px;

    background: #cccccc;
}


/* Plus icon */
.policy-expandable > summary::after {
    content: "+";

    position: absolute;

    right: 18px;
    top: 50%;

    transform: translateY(-50%);

    color: var(--publish-teal);

    font-size: 26px;
    line-height: 1;
    font-weight: 300;
}


/* Change + to minus when open */
.policy-expandable[open] > summary::after {
    content: "\2212";
}


/* Divider when expanded */
.policy-expandable[open] > summary {
    border-bottom: 1px solid #eeeeee;
}


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

.policy-expandable__content {
    padding: 24px 28px 28px;
}


.policy-expandable__content p {
    margin: 0 0 18px;

    font-size: 16px;
    line-height: 1.55;

    color: #333333;
}


.policy-expandable__content p:last-child {
    margin-bottom: 0;
}


.policy-expandable__content ul,
.policy-expandable__content ol {
    margin: 0 0 18px;
    padding-left: 22px;
}


.policy-expandable__content li {
    margin-bottom: 8px;
}


.policy-expandable__content > :last-child {
    margin-bottom: 0;
}


/* =========================================================
   ACCESSIBILITY / FOCUS
   ========================================================= */

.policy-expandable > summary:focus-visible {
    outline: 3px solid var(--publish-accent);
    outline-offset: -3px;
}


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

@media (max-width: 900px) {

    .policy-expandables__grid {
        grid-template-columns: 1fr;
    }

}


@media (max-width: 700px) {

    .policy-expandables {
        margin-top: 32px;
    }


    .policy-expandables > h2 {
        font-size: 26px;
    }


    .policy-expandable > summary {
        min-height: 60px;

        padding:
            16px
            54px
            16px
            18px;

        font-size: 18px;
    }


    .policy-expandable__content {
        padding: 20px;
    }


    .policy-expandable__content p {
        font-size: 16px;
    }

}

/* =========================================================
   POLICY DETAIL - FULL WIDTH CTA
   ========================================================= */

.policy-cta {
    width: 100%;

    margin: 0;
    padding: 52px 0 56px;

    background: #DCE8E9;
}


/* Centre the CTA content */
.policy-cta__inner {
    display: flex;
    flex-direction: column;
    align-items: center;

    text-align: center;
}


/* Heading */
.policy-cta h2 {
    margin: 0 0 10px;
    padding: 0;

    font-size: 32px;
    line-height: 1.2;
    font-weight: 400;

    color: #1f3539;
}


/* Supporting copy */
.policy-cta p {
    max-width: 650px;

    margin: 0 0 20px;
    padding: 0;

    font-size: 16px;
    line-height: 1.5;

    color: #263b3f;
}


/* =========================================================
   CTA BUTTON
   ========================================================= */

.policy-cta__button {
    display: inline-flex;
    align-items: center;

    min-height: 44px;

    padding: 0 0 0 20px;

    border-radius: 999px;

    background: var(--publish-teal);

    color: #ffffff !important;
    text-decoration: none !important;

    font-size: 15px;
    font-weight: 500;

    overflow: hidden;

    transition:
        transform 0.2s ease,
        box-shadow 0.2s ease,
        background-color 0.2s ease;
}


.policy-cta__button:hover,
.policy-cta__button:focus {
    color: #ffffff !important;
    text-decoration: none !important;

    transform: translateY(-1px);

    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.16);
}


/* Circular arrow section */
.policy-cta__arrow {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 44px;
    height: 44px;

    margin-left: 14px;

    background: var(--publish-accent);

    border-radius: 50%;

    font-size: 26px;
    line-height: 1;
    font-weight: 300;
}


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

@media (max-width: 700px) {

    .policy-cta {
        padding-top: 40px;
        padding-bottom: 44px;
    }


    .policy-cta h2 {
        font-size: 27px;
    }


    .policy-cta p {
        font-size: 15px;
    }

}

/* =========================================================
   POLICY DETAIL - TABLES
   ========================================================= */

.policy-table-wrap {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;

    margin: 18px 0 38px;
}


.policy-table {
    width: 100%;
    border-collapse: collapse;

    background: #ffffff;

    font-size: 16px;
    line-height: 1.5;
}


.policy-table th,
.policy-table td {
    padding: 18px 20px;

    text-align: left;
    vertical-align: top;

    border: 1px solid #dddddd;
}


/* Header */
.policy-table thead th {
    background: #087984;
    color: #ffffff;

    font-weight: 600;
}


/* First column */
.policy-table th:first-child,
.policy-table td:first-child {
    width: 25%;
}


/* Alternating row */
.policy-table tbody tr:nth-child(even) {
    background: #f5f5f5;
}


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

@media (max-width: 700px) {

    .policy-table {
        min-width: 700px;
        font-size: 15px;
    }

}


/* =========================================================
   POLICY TABLE - AI USAGE
   ========================================================= */

.policy-table--ai-usage {
    min-width: 900px;
}


.policy-table--ai-usage th:first-child,
.policy-table--ai-usage td:first-child {
    width: 24%;
}


.policy-table--ai-usage th:nth-child(2),
.policy-table--ai-usage td:nth-child(2) {
    width: 62%;
}


.policy-table--ai-usage th:last-child,
.policy-table--ai-usage td:last-child {
    width: 14%;
    text-align: center;
}


.policy-table--ai-usage td:last-child strong {
    font-size: 15px;
    font-weight: 700;
}


/* =========================================================
   POLICY TABLE - SHARING GUIDELINES
   ========================================================= */

.policy-table--sharing {
    min-width: 1100px;
}


.policy-table--sharing th,
.policy-table--sharing td {
    vertical-align: top;
}


/* First column slightly wider */
.policy-table--sharing th:first-child,
.policy-table--sharing td:first-child {
    width: 24%;
}


/* Remaining columns */
.policy-table--sharing th:not(:first-child),
.policy-table--sharing td:not(:first-child) {
    width: 19%;
}


/* Secondary header row */
.policy-table__subheading th {
    background: #f4f4f4;
    color: #222222;
    font-weight: 600;
}


.policy-table__subheading td {
    background: #f4f4f4;
}


/* Open access heading */
.policy-table__oa-heading {
    display: flex;
    align-items: flex-start;
    gap: 8px;
}


.policy-table__oa-heading img {
    flex: 0 0 auto;
}


/* Long Gold OA cell */
.policy-table__gold-oa {
    vertical-align: middle !important;
    background: #f2f8f8;
}


/* Centre short answers where appropriate */
.policy-table--sharing td[colspan] {
    text-align: left;
}

.policy-info-box {
    margin-top: 24px;
    padding: 28px 32px;

    border: 1px solid #d9e3e4;
    border-left: 4px solid #d9e8e9;

    background: #ffffff;
}

.policy-info-box h3 {
    margin: 0 0 20px;
    font-size: 24px;
    line-height: 1.3;
    font-weight: 400;
}

.policy-info-box__columns {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 28px;
}

.policy-info-box__columns ul {
    margin: 0;
    padding-left: 18px;
}

@media (max-width: 800px) {
    .policy-info-box__columns {
        grid-template-columns: 1fr;
    }
}

.policy-quote-box {
    margin: 16px 0 26px;
    padding: 4px 0 4px 14px;

    border-left: 3px solid var(--publish-accent);
}

.policy-quote-box p {
    margin: 0;
    font-size: 16px;
    line-height: 1.5;
}

/* =========================================================
   POLICY DETAIL - SKIP NAVIGATION
   Styled to match About / Diversity jump navigation
   ========================================================= */

.policy-page--with-skipnav .policy-layout {
    display: grid;
    grid-template-columns: 240px minmax(0, 1fr);
    gap: 44px;
    align-items: start;
}

.policy-page--with-skipnav .policy-main {
    min-width: 0;
}


/* =========================================================
   SKIP NAV
   ========================================================= */

.policy-skipnav {
    min-width: 0;
}

.policy-skipnav__inner {
    position: sticky;
    top: 24px;

    display: flex;
    flex-direction: column;

    width: 100%;
    max-width: 240px;
    max-height: calc(100vh - 48px);

    padding: 18px 20px;

    background: #F5F7F7;

    border-left: 4px solid var(--publish-teal);

    box-sizing: border-box;

    overflow: hidden;
}


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

.policy-content .policy-skipnav__title {
    margin: 0 0 14px;
    padding: 0;

    font-size: 1rem;
    line-height: 1.3;
    font-weight: 600;

    color: #111111;

    background: transparent;
}


/* =========================================================
   NAV LINKS
   ========================================================= */

.policy-skipnav__nav {
    display: flex;
    flex-direction: column;

    width: 100%;

    min-height: 0;
    overflow-y: auto;

    scrollbar-width: thin;
}

.policy-content .policy-skipnav__nav a {
    display: block;

    margin: 0;
    padding: 10px 0;

    border-bottom: 1px solid #D7DDDD;

    font-size: 0.95rem;
    line-height: 1.35;
    font-weight: 400;

    color: var(--publish-teal);

    text-decoration: none;
}

.policy-content .policy-skipnav__nav a:hover {
    color: var(--publish-teal);

    text-decoration: underline;
    text-underline-offset: 3px;
}

.policy-content .policy-skipnav__nav a:focus-visible {
    outline: 2px solid var(--publish-teal);
    outline-offset: 3px;
}


/* Remove divider after final section link */

.policy-content .policy-skipnav__nav a:last-of-type {
    border-bottom: 0;
}


/* =========================================================
   BUTTON AREA
   ========================================================= */

.policy-skipnav__actions {
    flex: 0 0 auto;

    margin-top: 18px;
    padding-top: 18px;

    border-top: 1px solid #D7DDDD;

    background: #F5F7F7;
}


/* Shared button */

.policy-content .policy-skipnav__button {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 100%;
    min-height: 0;

    margin: 0;

    padding: 11px 16px;

    border-radius: 999px;

    box-sizing: border-box;

    font-size: 0.95rem;
    line-height: 1.2;
    font-weight: 600;

    text-align: center;

    text-decoration: none !important;
}


/* Hide arrow icons from the current HTML */

.policy-skipnav__button span:last-child {
    display: none;
}


/* =========================================================
   CONTACT US
   ========================================================= */

.policy-content .policy-skipnav__button--primary,
.policy-content .policy-skipnav__button--primary:link,
.policy-content .policy-skipnav__button--primary:visited {
    margin-bottom: 10px;

    background-color: var(--publish-teal) !important;

    border: 1px solid var(--publish-teal) !important;

    color: #ffffff !important;

    text-decoration: none !important;
}

.policy-content .policy-skipnav__button--primary:hover,
.policy-content .policy-skipnav__button--primary:focus {
    background-color: #163f47 !important;

    border-color: #163f47 !important;

    color: #ffffff !important;

    text-decoration: none !important;
}


/* =========================================================
   BACK TO TOP
   ========================================================= */

.policy-content .policy-skipnav__button--secondary,
.policy-content .policy-skipnav__button--secondary:link,
.policy-content .policy-skipnav__button--secondary:visited {
    background-color: #ffffff !important;

    border: 1px solid var(--publish-teal) !important;

    color: var(--publish-teal) !important;

    text-decoration: none !important;
}

.policy-content .policy-skipnav__button--secondary:hover,
.policy-content .policy-skipnav__button--secondary:focus {
    background-color: #F0F5F5 !important;

    border-color: var(--publish-teal) !important;

    color: var(--publish-teal) !important;

    text-decoration: none !important;
}


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

@media (max-width: 1050px) {

    .policy-page--with-skipnav .policy-layout {
        grid-template-columns: 220px minmax(0, 1fr);
        gap: 32px;
    }

    .policy-skipnav__inner {
        max-width: 220px;
    }

}


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

@media (max-width: 800px) {

    .policy-page--with-skipnav .policy-layout {
        display: block;
    }

    .policy-skipnav {
        margin-bottom: 36px;
    }

    .policy-skipnav__inner {
        position: static;

        width: 100%;
        max-width: none;
        max-height: none;

        overflow: visible;
    }

    .policy-skipnav__nav {
        overflow: visible;
    }

}

/* =========================================================
   POLICY DETAIL - UNDERSTANDING INTEGRITY / PRINCIPLE CARDS
   ========================================================= */

.policy-principles {
    width: 100%;

    margin: 0;
    padding: 0;
}


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

.policy-principles__intro {
    width: 100%;
    max-width: 760px;

    margin: 0 0 30px;
    padding: 0;
}


.policy-content .policy-principles__intro h2 {
    margin-top: 0;
    margin-bottom: 14px;
}


.policy-content .policy-principles__intro p {
    margin-bottom: 0;
}


/* =========================================================
   FOUR-CARD GRID
   ========================================================= */

.policy-principles__grid {
    display: grid;

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

    gap: 24px;

    width: 100%;

    margin: 0;
    padding: 0;

    align-items: stretch;
}


/* =========================================================
   INDIVIDUAL PRINCIPLE CARD
   ========================================================= */

.policy-principle-card {
    position: relative;

    display: flex;
    flex-direction: column;

    min-width: 0;
    min-height: 280px;

    margin: 0;
    padding: 26px 28px 30px;

    background: #ffffff;

    border: 1px solid #e2e2e2;

    box-shadow:
        9px 10px 0 #E6EDEE,
        0 2px 8px rgba(0, 0, 0, 0.08);

    box-sizing: border-box;
}


/* =========================================================
   CARD HEADING
   ========================================================= */

.policy-content .policy-principle-card h3 {
    margin: 0 0 16px;
    padding: 0;

    font-size: 20px;
    line-height: 1.3;
    font-weight: 500;

    color: var(--publish-teal);
}


/* =========================================================
   CARD COPY
   ========================================================= */

.policy-content .policy-principle-card p {
    margin: 0;
    padding: 0;

    font-size: 16px;
    line-height: 1.55;

    color: #444444;
}


/* =========================================================
   OPTIONAL HOVER
   Gives the cards the same interaction language as other
   Publish with us card components
   ========================================================= */

.policy-principle-card {
    transition:
        transform 0.2s ease,
        box-shadow 0.2s ease;
}


.policy-principle-card:hover {
    transform: translateY(-2px);

    box-shadow:
        9px 12px 0 #E6EDEE,
        0 5px 12px rgba(0, 0, 0, 0.12);
}


/* =========================================================
   TABLET
   Four columns -> two columns
   ========================================================= */

@media (max-width: 1100px) {

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

        gap: 24px;
    }


    .policy-principle-card {
        min-height: 0;
    }

}


/* =========================================================
   MOBILE
   Two columns -> one column
   ========================================================= */

@media (max-width: 700px) {

    .policy-principles__intro {
        margin-bottom: 24px;
    }


    .policy-principles__grid {
        grid-template-columns: 1fr;

        gap: 20px;
    }


    .policy-principle-card {
        min-height: 0;

        padding:
            22px
            22px
            24px;
    }


    .policy-content .policy-principle-card h3 {
        font-size: 19px;
    }


    .policy-content .policy-principle-card p {
        font-size: 16px;
    }

}

/* =========================================================
   POLICY DETAIL - INTEGRITY CALLOUT
   ========================================================= */

.policy-integrity-callout {
    width: 100%;

    margin: 0 0 72px;
    padding: 30px 48px 38px;

    background: var(--publish-light-bg);

    text-align: center;

    box-sizing: border-box;
}


.policy-content .policy-integrity-callout h2 {
    margin: 0 0 16px;
    padding: 0;

    font-size: 24px;
    line-height: 1.3;
    font-weight: 400;

    color: #1f3539;
}


.policy-integrity-callout__divider {
    width: 100%;
    height: 1px;

    margin: 0 0 16px;

    background: #b9c3c4;
}


.policy-content .policy-integrity-callout p {
    max-width: 900px;

    margin: 0 auto 18px;

    font-size: 16px;
    line-height: 1.5;

    color: #333333;
}


/* Button */

.policy-integrity-callout__button {
    display: inline-flex;
    align-items: center;

    min-height: 42px;

    padding: 0 0 0 20px;

    border-radius: 999px;

    background: var(--publish-teal);

    color: #ffffff !important;
    text-decoration: none !important;

    font-size: 14px;
    font-weight: 500;

    overflow: hidden;

    transition:
        transform 0.2s ease,
        box-shadow 0.2s ease;
}


.policy-integrity-callout__button:hover,
.policy-integrity-callout__button:focus {
    color: #ffffff !important;
    text-decoration: none !important;

    transform: translateY(-1px);

    box-shadow:
        0 4px 10px rgba(0, 0, 0, 0.14);
}


.policy-integrity-callout__arrow {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 42px;
    height: 42px;

    margin-left: 14px;

    background: var(--publish-accent);

    border-radius: 50%;

    font-size: 24px;
    line-height: 1;
    font-weight: 300;
}


/* =========================================================
   POLICY DETAIL - TRANSPARENCY & OPENNESS
   ========================================================= */

.policy-transparency {
    width: 100%;
}


.policy-content .policy-transparency > h2 {
    margin: 0 0 18px;
    padding: 0;

    font-size: 30px;
    line-height: 1.25;
    font-weight: 400;
}


.policy-transparency__grid {
    display: grid;

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

    gap: 38px;

    width: 100%;
}


/* Columns */

.policy-transparency__column {
    min-width: 0;

    padding-top: 20px;

    border-top: 1px solid #9da6a7;
}


.policy-content .policy-transparency__column h3 {
    margin: 0 0 16px;
    padding: 0;

    font-size: 22px;
    line-height: 1.3;
    font-weight: 400;

    color: #263b3f;
}


.policy-content .policy-transparency__column p {
    margin: 0 0 16px;

    font-size: 16px;
    line-height: 1.55;
}


.policy-content .policy-transparency__column ul {
    margin: 0 0 18px;
    padding-left: 20px;
}


.policy-content .policy-transparency__column li {
    margin-bottom: 10px;

    font-size: 16px;
    line-height: 1.5;
}


/* Text links */

.policy-transparency__link {
    margin-top: 14px !important;
}


.policy-content .policy-transparency__link a {
    color: #007d8a;

    font-size: 15px;
    font-weight: 600;

    text-decoration: underline;
    text-underline-offset: 2px;
}


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 800px) {

    .policy-integrity-callout {
        margin-bottom: 48px;

        padding:
            26px
            24px
            30px;
    }


    .policy-transparency__grid {
        grid-template-columns: 1fr;

        gap: 30px;
    }

}

/* =========================================================
   PUBLISH WITH US - PUBLISHING LANDING PAGE
   Page-specific styles only.

   IMPORTANT:
   Every rule in this section is scoped to a page containing
   .publishing-hero, so these styles do not affect the existing
   Author Policies or Policy Detail page components above.
   ========================================================= */

body[data-sitename="publishwithus"]:has(.publishing-hero) {
    --publishing-journal: #00A18C;
    --publishing-book: #EB5E62;
    --publishing-case: #DFE312;
    --publishing-border: #B8C5C8;
    --publishing-shadow: rgba(0, 0, 0, 0.10);
}


/* =========================================================
   PUBLISHING LANDING PAGE - SILVERCHAIR WRAPPER OVERRIDES
   Scoped to this page only.
   ========================================================= */

body[data-sitename="publishwithus"]:has(.publishing-hero) .content-main_content,
body[data-sitename="publishwithus"]:has(.publishing-hero) .index-inner-wrap,
body[data-sitename="publishwithus"]:has(.publishing-hero) .location-main-content,
body[data-sitename="publishwithus"]:has(.publishing-hero) .widget-instance-Home_MainContent,
body[data-sitename="publishwithus"]:has(.publishing-hero) .widget-instance-Home_MainContent > .widget-dynamic,
body[data-sitename="publishwithus"]:has(.publishing-hero) .widget-instance-Home_MainContent > .widget-dynamic > .widget-dynamic-inner-wrap {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

body[data-sitename="publishwithus"]:has(.publishing-hero) .widget-instance-Home_MainContent .widget-SelfServeContent:has(.publishing-hero),
body[data-sitename="publishwithus"]:has(.publishing-hero) .widget-instance-Home_MainContent .widget-SelfServeContent:has(.publishing-routes),
body[data-sitename="publishwithus"]:has(.publishing-hero) .widget-instance-Home_MainContent .widget-SelfServeContent:has(.publishing-section) {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
}


/* =========================================================
   PUBLISHING LANDING PAGE - LOCAL RESET / BOX MODEL
   ========================================================= */

body[data-sitename="publishwithus"]:has(.publishing-hero) .publishing-hero,
body[data-sitename="publishwithus"]:has(.publishing-hero) .publishing-routes,
body[data-sitename="publishwithus"]:has(.publishing-hero) .publishing-section {
    width: 100%;
    margin: 0;
    box-sizing: border-box;
}

body[data-sitename="publishwithus"]:has(.publishing-hero) .publishing-hero *,
body[data-sitename="publishwithus"]:has(.publishing-hero) .publishing-routes *,
body[data-sitename="publishwithus"]:has(.publishing-hero) .publishing-section *,
body[data-sitename="publishwithus"]:has(.publishing-hero) .publishing-hero *::before,
body[data-sitename="publishwithus"]:has(.publishing-hero) .publishing-routes *::before,
body[data-sitename="publishwithus"]:has(.publishing-hero) .publishing-section *::before,
body[data-sitename="publishwithus"]:has(.publishing-hero) .publishing-hero *::after,
body[data-sitename="publishwithus"]:has(.publishing-hero) .publishing-routes *::after,
body[data-sitename="publishwithus"]:has(.publishing-hero) .publishing-section *::after {
    box-sizing: border-box;
}


/* =========================================================
   PUBLISHING LANDING PAGE - SHARED CONTENT WIDTH
   ========================================================= */

body[data-sitename="publishwithus"]:has(.publishing-hero) .publishing-hero__inner,
body[data-sitename="publishwithus"]:has(.publishing-hero) .publishing-routes__inner,
body[data-sitename="publishwithus"]:has(.publishing-hero) .publishing-section__inner {
    width: 100%;
    max-width: var(--publish-max-width);
    margin: 0 auto;
    padding-left: var(--publish-gutter);
    padding-right: var(--publish-gutter);
}


/* =========================================================
   PUBLISHING LANDING PAGE - HERO
   ========================================================= */

body[data-sitename="publishwithus"]:has(.publishing-hero) .publishing-hero {
    padding: 34px 0 36px;
    background: var(--publish-light-bg);
}

body[data-sitename="publishwithus"]:has(.publishing-hero) .publishing-hero h1 {
    margin: 0 0 14px !important;
    padding: 0 !important;
    font-size: 40px;
    line-height: 1.15;
    font-weight: 400;
    color: #1F3539;
}

body[data-sitename="publishwithus"]:has(.publishing-hero) .publishing-hero p {
    max-width: 950px;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 17px;
    line-height: 1.55;
    color: #263B3F;
}


/* =========================================================
   PUBLISHING LANDING PAGE - ROUTE SELECTOR
   ========================================================= */

body[data-sitename="publishwithus"]:has(.publishing-hero) .publishing-routes {
    padding: 30px 0 38px;
    background: #FFFFFF;
}

body[data-sitename="publishwithus"]:has(.publishing-hero) .publishing-routes h2 {
    margin: 0 0 20px !important;
    padding: 0 !important;
    font-size: 30px;
    line-height: 1.25;
    font-weight: 400;
    color: #1B1B1B;
}

body[data-sitename="publishwithus"]:has(.publishing-hero) .publishing-routes__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 32px;
    width: 100%;
    margin: 0;
    padding: 0;
    align-items: stretch;
}

body[data-sitename="publishwithus"]:has(.publishing-hero) .publishing-route {
    display: flex !important;
    flex-direction: column;
    min-width: 0;
    min-height: 150px;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden;
    background: #FFFFFF;
    border: 1px solid #DDDDDD;
    box-shadow: 2px 3px 5px var(--publishing-shadow);
    color: #111111 !important;
    text-decoration: none !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

body[data-sitename="publishwithus"]:has(.publishing-hero) .publishing-route:hover,
body[data-sitename="publishwithus"]:has(.publishing-hero) .publishing-route:focus {
    color: #111111 !important;
    text-decoration: none !important;
    transform: translateY(-2px);
    box-shadow: 3px 6px 10px rgba(0, 0, 0, 0.16);
}

body[data-sitename="publishwithus"]:has(.publishing-hero) .publishing-route:focus-visible {
    outline: 3px solid var(--publish-accent);
    outline-offset: 3px;
}

body[data-sitename="publishwithus"]:has(.publishing-hero) .publishing-route__heading {
    display: flex;
    align-items: center;
    min-height: 62px;
    margin: 0;
    padding: 16px 22px;
}

body[data-sitename="publishwithus"]:has(.publishing-hero) .publishing-route__heading h3 {
    margin: 0 !important;
    padding: 0 !important;
    font-size: 16px;
    line-height: 1.3;
    font-weight: 500;
    color: #111111 !important;
}

body[data-sitename="publishwithus"]:has(.publishing-hero) .publishing-route__content {
    display: flex;
    align-items: center;
    flex: 1 1 auto;
    margin: 0;
    padding: 18px 22px 20px;
    background: #FFFFFF;
}

body[data-sitename="publishwithus"]:has(.publishing-hero) .publishing-route__content span {
    color: var(--publish-teal);
    font-size: 14px;
    line-height: 1.4;
    text-decoration: underline;
    text-underline-offset: 2px;
}

body[data-sitename="publishwithus"]:has(.publishing-hero) .publishing-route--journal .publishing-route__heading {
    background: var(--publishing-journal);
}

body[data-sitename="publishwithus"]:has(.publishing-hero) .publishing-route--book .publishing-route__heading {
    background: var(--publishing-book);
}

body[data-sitename="publishwithus"]:has(.publishing-hero) .publishing-route--case-study .publishing-route__heading {
    background: var(--publishing-case);
}


/* =========================================================
   PUBLISHING LANDING PAGE - SHARED CONTENT SECTIONS
   ========================================================= */

body[data-sitename="publishwithus"]:has(.publishing-hero) .publishing-section {
    padding: 22px 0 38px;
    background: #FFFFFF;
}

body[data-sitename="publishwithus"]:has(.publishing-hero) .publishing-section__intro {
    margin: 0 0 16px;
    padding: 0;
}

body[data-sitename="publishwithus"]:has(.publishing-hero) .publishing-section__intro h2 {
    margin: 0 0 10px !important;
    padding: 0 !important;
    font-size: 30px;
    line-height: 1.25;
    font-weight: 400;
    color: #1B1B1B;
}

body[data-sitename="publishwithus"]:has(.publishing-hero) .publishing-section__intro p {
    max-width: 1050px;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 14px;
    line-height: 1.5;
    color: #333333;
}


/* =========================================================
   PUBLISHING LANDING PAGE - JOURNAL NOTICES
   ========================================================= */

body[data-sitename="publishwithus"]:has(.publishing-hero) .publishing-notices {
    margin: 12px 0 22px;
    padding: 0;
}

body[data-sitename="publishwithus"]:has(.publishing-hero) .publishing-notice {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin: 5px 0 !important;
    padding: 0 !important;
    font-size: 13px;
    line-height: 1.4;
    color: #555555;
}

body[data-sitename="publishwithus"]:has(.publishing-hero) .publishing-notice__marker {
    display: block;
    flex: 0 0 auto;
    width: 18px;
    height: 6px;
    margin-top: 6px;
    background: var(--publishing-journal);
}

body[data-sitename="publishwithus"]:has(.publishing-hero) .publishing-notice a {
    color: var(--publish-teal);
    text-decoration: underline;
    text-underline-offset: 2px;
}


/* =========================================================
   PUBLISHING LANDING PAGE - CARD GRID
   ========================================================= */

body[data-sitename="publishwithus"]:has(.publishing-hero) .publishing-card-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 32px;
    width: 100%;
    margin: 0;
    padding: 0;
    align-items: stretch;
}

body[data-sitename="publishwithus"]:has(.publishing-hero) .publishing-card {
    display: flex;
    flex-direction: column;
    min-width: 0;
    min-height: 100%;
    margin: 0 !important;
    padding: 22px 24px 24px !important;
    background: #FFFFFF;
    border: 1px solid var(--publishing-border);
    box-shadow: 2px 3px 5px var(--publishing-shadow);
}

body[data-sitename="publishwithus"]:has(.publishing-hero) .publishing-card__title {
    margin: 0 !important;
    padding: 0 !important;
    font-size: 16px;
    line-height: 1.3;
    font-weight: 500;
    color: #111111;
}

body[data-sitename="publishwithus"]:has(.publishing-hero) .publishing-card__rule {
    display: block;
    width: 100%;
    height: 7px;
    margin: 12px 0 18px;
    padding: 0;
    border: 0;
    background: var(--publishing-section-accent);
}

body[data-sitename="publishwithus"]:has(.publishing-hero) .publishing-card__content {
    margin: 0;
    padding: 0;
    font-size: 13px;
    line-height: 1.4;
    color: #555555;
}

body[data-sitename="publishwithus"]:has(.publishing-hero) .publishing-card__content p {
    margin: 0 0 15px !important;
    padding: 0 !important;
    font-size: inherit;
    line-height: inherit;
    color: inherit;
}

body[data-sitename="publishwithus"]:has(.publishing-hero) .publishing-card__content p:last-child {
    margin-bottom: 0 !important;
}

body[data-sitename="publishwithus"]:has(.publishing-hero) .publishing-card__content a,
body[data-sitename="publishwithus"]:has(.publishing-hero) .publishing-card__content a:link,
body[data-sitename="publishwithus"]:has(.publishing-hero) .publishing-card__content a:visited {
    color: var(--publish-teal);
    text-decoration: underline;
    text-underline-offset: 2px;
}

body[data-sitename="publishwithus"]:has(.publishing-hero) .publishing-card__content a:hover,
body[data-sitename="publishwithus"]:has(.publishing-hero) .publishing-card__content a:focus {
    color: var(--publish-teal);
    text-decoration-thickness: 2px;
}


/* =========================================================
   PUBLISHING LANDING PAGE - SECTION ACCENT COLOURS
   ========================================================= */

body[data-sitename="publishwithus"]:has(.publishing-hero) .publishing-section--journal {
    --publishing-section-accent: var(--publishing-journal);
}

body[data-sitename="publishwithus"]:has(.publishing-hero) .publishing-section--book {
    --publishing-section-accent: var(--publishing-book);
}

body[data-sitename="publishwithus"]:has(.publishing-hero) .publishing-section--case-study {
    --publishing-section-accent: var(--publishing-case);
}


/* Keep jump targets clear of a sticky Silverchair header. */
body[data-sitename="publishwithus"]:has(.publishing-hero) #publishing-journal,
body[data-sitename="publishwithus"]:has(.publishing-hero) #publishing-book,
body[data-sitename="publishwithus"]:has(.publishing-hero) #publishing-case-study {
    scroll-margin-top: 110px;
}


/* =========================================================
   PUBLISHING LANDING PAGE - TABLET
   ========================================================= */

@media (max-width: 1100px) {

    body[data-sitename="publishwithus"]:has(.publishing-hero) .publishing-routes__grid,
    body[data-sitename="publishwithus"]:has(.publishing-hero) .publishing-card-grid {
        gap: 22px;
    }

}


/* =========================================================
   PUBLISHING LANDING PAGE - SMALL TABLET / MOBILE
   ========================================================= */

@media (max-width: 850px) {

    body[data-sitename="publishwithus"]:has(.publishing-hero) .publishing-routes__grid,
    body[data-sitename="publishwithus"]:has(.publishing-hero) .publishing-card-grid {
        grid-template-columns: 1fr;
    }

    body[data-sitename="publishwithus"]:has(.publishing-hero) .publishing-route {
        min-height: 0;
    }

}


/* =========================================================
   PUBLISHING LANDING PAGE - MOBILE
   ========================================================= */

@media (max-width: 700px) {

    body[data-sitename="publishwithus"]:has(.publishing-hero) .publishing-hero__inner,
    body[data-sitename="publishwithus"]:has(.publishing-hero) .publishing-routes__inner,
    body[data-sitename="publishwithus"]:has(.publishing-hero) .publishing-section__inner {
        padding-left: var(--publish-gutter-mobile);
        padding-right: var(--publish-gutter-mobile);
    }

    body[data-sitename="publishwithus"]:has(.publishing-hero) .publishing-hero {
        padding-top: 30px;
        padding-bottom: 32px;
    }

    body[data-sitename="publishwithus"]:has(.publishing-hero) .publishing-hero h1 {
        font-size: 30px;
    }

    body[data-sitename="publishwithus"]:has(.publishing-hero) .publishing-hero p {
        font-size: 16px;
    }

    body[data-sitename="publishwithus"]:has(.publishing-hero) .publishing-routes {
        padding-top: 26px;
        padding-bottom: 32px;
    }

    body[data-sitename="publishwithus"]:has(.publishing-hero) .publishing-routes h2,
    body[data-sitename="publishwithus"]:has(.publishing-hero) .publishing-section__intro h2 {
        font-size: 25px;
    }

    body[data-sitename="publishwithus"]:has(.publishing-hero) .publishing-section {
        padding-top: 20px;
        padding-bottom: 32px;
    }

    body[data-sitename="publishwithus"]:has(.publishing-hero) .publishing-card {
        padding: 20px 20px 22px !important;
    }

}

/* =========================================================
   PUBLISHING ROUTE - MORE PROMINENT TITLES
   ========================================================= */

body[data-sitename="publishwithus"]:has(.publishing-hero)
.publishing-route__heading h3,
body[data-sitename="publishwithus"]:has(.publishing-hero)
.publishing-route__heading h3 a,
body[data-sitename="publishwithus"]:has(.publishing-hero)
.publishing-route__heading h3 a:link,
body[data-sitename="publishwithus"]:has(.publishing-hero)
.publishing-route__heading h3 a:visited {
    color: #111111 !important;
    font-size: 20px !important;
    line-height: 1.25 !important;
    font-weight: 600 !important;
    text-decoration: none !important;
}

body[data-sitename="publishwithus"]:has(.publishing-hero)
.publishing-route__heading {
    display: flex !important;
    align-items: center;
    min-height: 72px;
}

/* =========================================================
   PUBLISH WITH US - REUSABLE GUIDE PAGE
   Used for guidance/process pages such as Manuscript
   transfer service. Scoped to .publish-guide-page so it
   does not alter policy pages or the publishing landing page.
   ========================================================= */

.publish-guide-page {
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 0;
    background: #ffffff;
    color: #1b1b1b;
    overflow-x: clip;
}

.publish-guide-page *,
.publish-guide-page *::before,
.publish-guide-page *::after {
    box-sizing: border-box;
}


/* =========================================================
   SILVERCHAIR WRAPPER OVERRIDES - GUIDE PAGES ONLY
   ========================================================= */

.content-main_content:has(.publish-guide-page),
#mainContent:has(.publish-guide-page),
#mainContent:has(.publish-guide-page) .widget-SelfServeContent,
#mainContent:has(.publish-guide-page) .widget-instance-SelfServeContent,
#mainContent:has(.publish-guide-page) .widget-dynamic,
#mainContent:has(.publish-guide-page) .widget-dynamic-inner-wrap {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.content-main_content:has(.publish-guide-page) > #Sidebar {
    display: none !important;
}


/* =========================================================
   SHARED GUIDE WIDTH
   ========================================================= */

.publish-guide-inner {
    width: 100%;
    max-width: var(--publish-max-width);
    margin: 0 auto;
    padding-left: var(--publish-gutter);
    padding-right: var(--publish-gutter);
}


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

.publish-guide-hero {
    width: 100%;
    margin: 0;
    padding: 36px 0 38px;
    background: var(--publish-light-bg);
}

.publish-guide-hero h1 {
    max-width: 900px;
    margin: 0 0 12px !important;
    padding: 0 !important;
    font-size: 40px;
    line-height: 1.15;
    font-weight: 400;
    color: #1f3539;
}

.publish-guide-hero__intro {
    max-width: 760px;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 17px;
    line-height: 1.5;
    color: #263b3f;
}


/* =========================================================
   THREE-COLUMN GUIDE LAYOUT
   ========================================================= */

.publish-guide-content {
    width: 100%;
    margin: 0;
    padding: 36px 0 64px;
    background: #ffffff;
}

.publish-guide-layout {
    display: grid;
    grid-template-columns: 240px minmax(0, 1fr) 300px;
    gap: 44px;
    align-items: start;
}

.publish-guide-main {
    min-width: 0;
}

.publish-guide-intro {
    margin: 0 0 26px;
}

.publish-guide-intro p,
.publish-guide-section p,
.publish-guide-section li {
    font-size: 16px;
    line-height: 1.55;
    color: #333333;
}

.publish-guide-intro p,
.publish-guide-section p {
    margin: 0 0 18px;
}

.publish-guide-intro p:last-child,
.publish-guide-section p:last-child {
    margin-bottom: 0;
}


/* =========================================================
   SECTION TYPOGRAPHY / ANCHOR OFFSET
   ========================================================= */

.publish-guide-section {
    margin: 0 0 42px;
    scroll-margin-top: 110px;
}

.publish-guide-section:last-child {
    margin-bottom: 0;
}

.publish-guide-section h2 {
    margin: 0 0 16px !important;
    padding: 0 !important;
    font-size: 23px;
    line-height: 1.3;
    font-weight: 500;
    color: #222222;
}

.publish-guide-list {
    margin: 0;
    padding-left: 22px;
}

.publish-guide-list li {
    margin: 0 0 7px;
    padding-left: 2px;
}

.publish-guide-list li::marker {
    color: var(--publish-accent);
}


/* =========================================================
   EXISTING POLICY SKIPNAV - GUIDE PAGE ALIASES
   The original skipnav rules are scoped through .policy-content,
   so these aliases allow the same component to work here.
   ========================================================= */

.publish-guide-page .policy-skipnav {
    min-width: 0;
}

/* Make the actual left grid column sticky rather than the inner card.
   This mirrors the behaviour of the Related content column and avoids
   sticky-positioning issues caused by nesting. */
.publish-guide-nav {
    position: sticky;
    top: 24px;
    align-self: start;
}

.publish-guide-page .policy-skipnav__inner {
    position: static;
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 240px;
    max-height: calc(100vh - 48px);
    padding: 18px 20px;
    background: #F5F7F7;
    border-left: 4px solid var(--publish-teal);
    overflow: hidden;
}

.publish-guide-page .policy-skipnav__title {
    margin: 0 0 14px !important;
    padding: 0 !important;
    font-size: 1rem !important;
    line-height: 1.3 !important;
    font-weight: 600 !important;
    color: #111111 !important;
    background: transparent !important;
}

.publish-guide-page .policy-skipnav__nav {
    display: flex;
    flex-direction: column;
    width: 100%;
    min-height: 0;
    overflow-y: auto;
    scrollbar-width: thin;
}

.publish-guide-page .policy-skipnav__nav a {
    display: block;
    margin: 0;
    padding: 10px 0;
    border-bottom: 1px solid #D7DDDD;
    font-size: 0.95rem;
    line-height: 1.35;
    font-weight: 400;
    color: var(--publish-teal);
    text-decoration: none;
}

.publish-guide-page .policy-skipnav__nav a:last-of-type {
    border-bottom: 0;
}

.publish-guide-page .policy-skipnav__nav a:hover {
    color: var(--publish-teal);
    text-decoration: underline;
    text-underline-offset: 3px;
}

.publish-guide-page .policy-skipnav__nav a:focus-visible {
    outline: 2px solid var(--publish-teal);
    outline-offset: 3px;
}

.publish-guide-page .policy-skipnav__actions {
    flex: 0 0 auto;
    margin-top: 18px;
    padding-top: 18px;
    border-top: 1px solid #D7DDDD;
    background: #F5F7F7;
}

.publish-guide-page .policy-skipnav__button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 0;
    margin: 0;
    padding: 11px 16px;
    border-radius: 999px;
    font-size: 0.95rem;
    line-height: 1.2;
    font-weight: 600;
    text-align: center;
    text-decoration: none !important;
}

.publish-guide-page .policy-skipnav__button span:last-child {
    display: none;
}

.publish-guide-page .policy-skipnav__button--primary,
.publish-guide-page .policy-skipnav__button--primary:link,
.publish-guide-page .policy-skipnav__button--primary:visited {
    margin-bottom: 10px;
    background-color: var(--publish-teal) !important;
    border: 1px solid var(--publish-teal) !important;
    color: #ffffff !important;
}

.publish-guide-page .policy-skipnav__button--primary:hover,
.publish-guide-page .policy-skipnav__button--primary:focus {
    background-color: #163f47 !important;
    border-color: #163f47 !important;
    color: #ffffff !important;
}

.publish-guide-page .policy-skipnav__button--secondary,
.publish-guide-page .policy-skipnav__button--secondary:link,
.publish-guide-page .policy-skipnav__button--secondary:visited {
    background-color: #ffffff !important;
    border: 1px solid var(--publish-teal) !important;
    color: var(--publish-teal) !important;
}

.publish-guide-page .policy-skipnav__button--secondary:hover,
.publish-guide-page .policy-skipnav__button--secondary:focus {
    background-color: #F0F5F5 !important;
    border-color: var(--publish-teal) !important;
    color: var(--publish-teal) !important;
}


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

.publish-guide-related {
    position: sticky;
    top: 24px;
    width: 100%;
    padding: 22px 22px 24px;
    background: #DCE8E9;
}

.publish-guide-related h2 {
    margin: 0 !important;
    padding: 0 !important;
    font-size: 18px;
    line-height: 1.3;
    font-weight: 500;
    color: #222222;
}

.publish-guide-related__rule {
    width: 100%;
    height: 4px;
    margin: 10px 0 12px;
    background: var(--publish-teal);
}

.publish-guide-related__links {
    display: flex;
    flex-direction: column;
}

.publish-guide-related__links a {
    display: block;
    padding: 7px 0;
    color: var(--publish-teal);
    font-size: 15px;
    line-height: 1.35;
    text-decoration: none;
}

.publish-guide-related__links a:hover {
    text-decoration: underline;
    text-underline-offset: 3px;
}


/* =========================================================
   PROCESS STEPS
   ========================================================= */

.publish-guide-steps {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.publish-guide-step {
    display: grid;
    grid-template-columns: 82px minmax(0, 1fr);
    gap: 20px;
    align-items: center;
}

.publish-guide-step__icon {
    width: 82px;
    height: 82px;
    background: #CED33D;
    overflow: hidden;
}

.publish-guide-step__icon img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.publish-guide-step__content p {
    margin: 0 !important;
}


/* =========================================================
   TESTIMONIALS
   ========================================================= */

.publish-guide-testimonials {
    margin-top: 46px;
}

.publish-guide-testimonial {
    margin: 0 0 34px;
}

.publish-guide-testimonial:last-child {
    margin-bottom: 0;
}

.publish-guide-testimonial__quote {
    margin: 0 0 18px;
    padding: 0;
    border: 0;
}

.publish-guide-testimonial__quote p {
    font-style: normal;
}

.publish-guide-testimonial__attribution p {
    margin: 0 0 4px !important;
}

.publish-guide-testimonial__attribution strong {
    font-weight: 500;
}


/* =========================================================
   FAQ ACCORDION
   ========================================================= */

.publish-guide-faqs {
    margin-top: 52px;
}

.publish-guide-faq-list {
    display: flex;
    flex-direction: column;
    gap: 22px;
}

.publish-guide-faq {
    width: 100%;
    margin: 0;
    padding: 0;
    background: #ffffff;
    border: 0;
    box-shadow:
        9px 9px 0 #E6EDEE,
        0 2px 10px rgba(0, 0, 0, 0.08);
}

.publish-guide-faq > summary {
    position: relative;
    display: flex;
    align-items: center;
    min-height: 64px;
    margin: 0;
    padding: 17px 62px 17px 18px;
    list-style: none;
    cursor: pointer;
    font-size: 16px;
    line-height: 1.4;
    font-weight: 400;
    color: #111111;
    background: #ffffff;
}

.publish-guide-faq > summary::-webkit-details-marker {
    display: none;
}

.publish-guide-faq > summary::before {
    content: "";
    position: absolute;
    top: 14px;
    right: 48px;
    bottom: 14px;
    width: 1px;
    background: #CCCCCC;
}

.publish-guide-faq > summary::after {
    content: "\2304";

    position: absolute;

    right: 18px;
    top: 50%;

    transform: translateY(-55%);

    color: #007D8A;

    font-size: 22px;
    line-height: 1;
}

.publish-guide-faq[open] > summary::after {
    content: "\2303";

    transform: translateY(-45%);
}

.publish-guide-faq[open] > summary {
    border-bottom: 1px solid #EEEEEE;
}

.publish-guide-faq__content {
    padding: 20px 22px 22px;
}

.publish-guide-faq__content p {
    margin: 0 !important;
    font-size: 16px;
    line-height: 1.55;
    color: #333333;
}

.publish-guide-faq > summary:focus-visible {
    outline: 3px solid var(--publish-accent);
    outline-offset: -3px;
}


/* =========================================================
   FULL-WIDTH GET IN TOUCH CTA
   This sits outside .publish-guide-layout in the corrected HTML.
   ========================================================= */

.publish-guide-cta {
    width: 100%;
    margin: 0;
    padding: 50px var(--publish-gutter) 54px;
    background: var(--publish-light-bg);
    text-align: center;
}

.publish-guide-cta__inner {
    width: 100%;
    max-width: 760px;
    margin: 0 auto;
}

.publish-guide-cta h2 {
    margin: 0 0 12px !important;
    padding: 0 !important;
    font-size: 30px;
    line-height: 1.25;
    font-weight: 400;
    color: #1f3539;
}

.publish-guide-cta p {
    max-width: 650px;
    margin: 0 auto 20px !important;
    font-size: 16px;
    line-height: 1.5;
    color: #263b3f;
}

.publish-guide-cta__button {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    padding: 0 0 0 20px;
    border-radius: 999px;
    background: var(--publish-teal);
    color: #ffffff !important;
    text-decoration: none !important;
    font-size: 15px;
    font-weight: 500;
    overflow: hidden;
    transition:
        transform 0.2s ease,
        box-shadow 0.2s ease;
}

.publish-guide-cta__button:hover,
.publish-guide-cta__button:focus {
    color: #ffffff !important;
    text-decoration: none !important;
    transform: translateY(-1px);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.16);
}

.publish-guide-cta__arrow {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    margin-left: 14px;
    background: var(--publish-accent);
    border-radius: 50%;
    font-size: 24px;
    line-height: 1;
    font-weight: 300;
}


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 1200px) {

    .publish-guide-layout {
        grid-template-columns: 220px minmax(0, 1fr);
        gap: 32px;
    }

    .publish-guide-related {
        position: static;
        grid-column: 2;
    }

    .publish-guide-page .policy-skipnav__inner {
        max-width: 220px;
    }
}

@media (max-width: 800px) {

    .publish-guide-inner {
        padding-left: var(--publish-gutter-mobile);
        padding-right: var(--publish-gutter-mobile);
    }

    .publish-guide-hero {
        padding-top: 32px;
        padding-bottom: 34px;
    }

    .publish-guide-hero h1 {
        font-size: 32px;
    }

    .publish-guide-hero__intro {
        font-size: 16px;
    }

    .publish-guide-content {
        padding-top: 28px;
        padding-bottom: 44px;
    }

    .publish-guide-layout {
        display: block;
    }

    .publish-guide-nav {
        position: static;
        margin-bottom: 34px;
    }

    .publish-guide-page .policy-skipnav__inner {
        position: static;
        width: 100%;
        max-width: none;
        max-height: none;
        overflow: visible;
    }

    .publish-guide-page .policy-skipnav__nav {
        overflow: visible;
    }

    .publish-guide-related {
        margin-top: 38px;
    }

    .publish-guide-step {
        grid-template-columns: 70px minmax(0, 1fr);
        gap: 16px;
    }

    .publish-guide-step__icon {
        width: 70px;
        height: 70px;
    }

    .publish-guide-cta {
        padding:
            40px
            var(--publish-gutter-mobile)
            44px;
    }
}

@media (max-width: 520px) {

    .publish-guide-step {
        grid-template-columns: 1fr;
    }

    .publish-guide-step__icon {
        width: 72px;
        height: 72px;
    }

    .publish-guide-faq > summary {
        min-height: 60px;
        padding:
            16px
            58px
            16px
            16px;
    }

    .publish-guide-cta h2 {
        font-size: 27px;
    }
}

.publish-guide-faq__content ol {
    margin: 0;
    padding-left: 26px;
}

.publish-guide-faq__content li {
    margin-bottom: 10px;
    line-height: 1.55;
}

.publish-guide-faq__content li:last-child {
    margin-bottom: 0;
}

/* =========================================================
   GUIDE PAGE - BLANK LEFT NAV VARIANT
   Keeps alignment with skipnav pages but gives main content
   more usable width.
   ========================================================= */

.publish-guide-page--blank-nav .publish-guide-layout {
    grid-template-columns:
        180px
        minmax(0, 1fr)
        280px;
    gap: 36px;
}

.publish-guide-page--blank-nav .publish-guide-main {
    max-width: none;
}

.publish-guide-page--blank-nav .publish-guide-nav-spacer {
    width: 100%;
    min-width: 0;
}

@media (max-width: 1100px) {
    .publish-guide-page--blank-nav .publish-guide-layout {
        grid-template-columns:
            140px
            minmax(0, 1fr)
            260px;
        gap: 28px;
    }
}

@media (max-width: 800px) {
    .publish-guide-page--blank-nav .publish-guide-layout {
        display: block;
    }

    .publish-guide-page--blank-nav .publish-guide-nav-spacer {
        display: none;
    }
}

/* =========================================================
   BLANK-NAV GUIDE PAGE
   Align hero with main content + restore list bullets
   ========================================================= */


/* ---------------------------------------------------------
   HERO ALIGNMENT
   Match the same columns used by the page body
   --------------------------------------------------------- */

.publish-guide-page--blank-nav .publish-guide-hero .publish-guide-inner {
    display: grid;

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

    gap: 36px;
}


/* Put hero heading + intro into the main-content column */

.publish-guide-page--blank-nav .publish-guide-hero h1,
.publish-guide-page--blank-nav .publish-guide-hero__intro {
    grid-column: 2;
}


/* ---------------------------------------------------------
   LISTS / BULLETS
   Override Silverchair's global list reset
   --------------------------------------------------------- */

.publish-guide-page--blank-nav .publish-guide-main ul.publish-guide-list {
    display: block !important;

    margin: 8px 0 20px !important;
    padding-left: 22px !important;

    list-style-type: disc !important;
    list-style-position: outside !important;
}


.publish-guide-page--blank-nav .publish-guide-main ul.publish-guide-list > li {
    display: list-item !important;

    margin: 0 0 7px !important;
    padding: 0 !important;

    list-style-type: disc !important;

    font-size: 15px;
    line-height: 1.5;
}


.publish-guide-page--blank-nav .publish-guide-main ul.publish-guide-list > li::marker {
    color: var(--publish-accent);
}


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

@media (max-width: 1100px) {

    .publish-guide-page--blank-nav .publish-guide-hero .publish-guide-inner {
        grid-template-columns:
            140px
            minmax(0, 1fr)
            260px;

        gap: 28px;
    }

}


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

@media (max-width: 800px) {

    .publish-guide-page--blank-nav .publish-guide-hero .publish-guide-inner {
        display: block;
    }

    .publish-guide-page--blank-nav .publish-guide-hero h1,
    .publish-guide-page--blank-nav .publish-guide-hero__intro {
        grid-column: auto;
    }

}

.publish-guide-agreements {
    display: flex;
    flex-direction: column;
    gap: 14px;
    margin-top: 28px;
}

.publish-guide-agreement {
    background: #f5f7f7;
    border: 0;
}

.publish-guide-agreement > summary {
    position: relative;
    display: flex;
    align-items: center;
    min-height: 58px;

    padding: 16px 56px 16px 20px;

    list-style: none;
    cursor: pointer;

    font-size: 16px;
    line-height: 1.4;
    font-weight: 400;

    background: var(--publish-light-bg);
}

.publish-guide-agreement > summary::-webkit-details-marker {
    display: none;
}

.publish-guide-agreement > summary::after {
    content: "\2304";

    position: absolute;
    right: 20px;
    top: 50%;

    transform: translateY(-55%);

    color: #111111;

    font-size: 22px;
    line-height: 1;
}

.publish-guide-agreement[open] > summary::after {
    content: "\2303";
}

.publish-guide-agreement__content {
    padding: 20px;
    background: #f7f7f7;
}

.publish-guide-agreement__content p {
    margin: 0 0 18px;
}

.publish-guide-agreement__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-height: 42px;

    padding: 10px 28px;

    border: 1px solid var(--publish-teal);
    border-radius: 999px;

    color: var(--publish-teal) !important;
    text-decoration: none !important;

    font-weight: 500;
}

.publish-guide-agreement__button:hover {
    background: var(--publish-teal);
    color: #ffffff !important;
}

.publish-guide-agreement__table--no-headings td {
    border-top: 1px solid var(--publish-teal);
}

/* Long agreement skip navigation */
.publish-guide-nav--agreements .policy-skipnav__nav {
    max-height: calc(100vh - 300px);
    overflow-y: auto;
    padding-right: 8px;
    scrollbar-width: thin;
}

.publish-guide-nav--agreements .policy-skipnav__nav a {
    line-height: 1.35;
}

.publish-guide-agreement__button {
    margin-bottom: 24px;
}

/* =========================================================
   GUIDE INLINE CTA
   ========================================================= */

.publish-guide-cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-height: 42px;
    padding: 10px 26px;

    margin-top: 8px;

    background: var(--publish-teal);
    border: 1px solid var(--publish-teal);
    border-radius: 999px;

    color: #ffffff !important;
    text-decoration: none !important;

    font-size: 14px;
    font-weight: 500;
}

.publish-guide-cta:hover {
    background: #ffffff;
    color: var(--publish-teal) !important;
}

/* =========================================================
   OPEN RESEARCH - BENEFIT CARDS
   ========================================================= */

.publish-benefits-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 22px;
    margin-top: 26px;
}

.publish-benefit-card {
    padding: 20px;
    background: #ffffff;
    border: 1px solid #e2e2e2;
    box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.10);
}

.publish-benefit-card h3 {
    position: relative;
    margin: 0 0 16px;
    padding-bottom: 12px;
    font-size: 17px;
}

.publish-benefit-card h3::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 6px;
    background: #F15A24;
}

.publish-benefit-card p {
    margin: 0;
}


/* =========================================================
   OPEN LAB CARDS
   Silverchair-safe: outer card is an article, link sits inside
   ========================================================= */

.publish-open-lab-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 20px;
    width: 100%;
    margin-top: 24px;
    align-items: stretch;
}

.publish-open-lab-card {
    position: relative;
    display: flex !important;
    flex-direction: column;
    min-width: 0;
    min-height: 130px;
    margin: 0 !important;
    padding: 20px !important;

    background: #ffffff;
    border: 1px solid #e2e2e2;
    box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.10);

    transition:
        transform 0.2s ease,
        box-shadow 0.2s ease;
}

.publish-open-lab-card:hover,
.publish-open-lab-card:focus-within {
    transform: translateY(-3px);
    box-shadow: 5px 6px 12px rgba(0, 0, 0, 0.14);
}

.publish-open-lab-card h3 {
    margin: 0 0 22px !important;
    padding: 0 !important;
    font-size: 16px;
    line-height: 1.4;
    font-weight: 500;
}

.publish-open-lab-card__link {
    position: static;
    display: inline !important;
    color: #111111 !important;
    text-decoration: none !important;
}

.publish-open-lab-card__link::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
}

.publish-open-lab-card__link:hover,
.publish-open-lab-card__link:focus {
    color: #111111 !important;
    text-decoration: none !important;
}

.publish-open-lab-card__date {
    margin: auto 0 0 !important;
    padding: 0 !important;
    font-size: 14px !important;
    line-height: 1.4 !important;
    color: #555555 !important;
}


/* =========================================================
   OPEN RESEARCH INLINE CTA
   Separate from the full-width .publish-guide-cta component
   ========================================================= */

.publish-guide-main .publish-guide-inline-cta {
    display: inline-flex !important;
    width: auto !important;
    max-width: max-content !important;
    flex: 0 0 auto !important;

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

    min-height: 42px;
    margin: 8px 0 0 !important;
    padding: 10px 26px !important;

    background: var(--publish-teal);
    border: 1px solid var(--publish-teal);
    border-radius: 999px;

    color: #ffffff !important;
    text-decoration: none !important;

    font-size: 14px;
    font-weight: 500;
}

.publish-guide-main .publish-guide-inline-cta:hover,
.publish-guide-main .publish-guide-inline-cta:focus {
    background: #ffffff;
    color: var(--publish-teal) !important;
    text-decoration: none !important;
}


/* =========================================================
   OPEN RESEARCH - KEEP RELATED CONTENT IN RIGHT COLUMN
   ========================================================= */

.publish-guide-layout > .publish-guide-related {
    grid-column: 3;
    grid-row: 1;
    align-self: start;
}

/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 1100px) {

    .publish-benefits-grid,
    .publish-open-lab-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

}

@media (max-width: 700px) {

    .publish-benefits-grid,
    .publish-open-lab-grid {
        grid-template-columns: 1fr;
    }

}

/* =========================================================
   OPEN RESEARCH FINAL LAYOUT SAFEGUARDS
   ========================================================= */

@media (min-width: 1201px) {
    .publish-guide-layout {
        grid-template-columns: 240px minmax(0, 1fr) 300px !important;
    }

    .publish-guide-layout > .publish-guide-main {
        grid-column: 2;
        grid-row: 1;
    }

    .publish-guide-layout > .publish-guide-related {
        grid-column: 3 !important;
        grid-row: 1 !important;
    }
}

@media (max-width: 1100px) {
    .publish-open-lab-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 700px) {
    .publish-open-lab-grid {
        grid-template-columns: 1fr !important;
    }
}

/* =========================================================
   APC TABLES
   ========================================================= */

.publish-guide-apc-table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;

    margin: 22px 0 30px;

    background: #ffffff;

    font-size: 15px;
    line-height: 1.45;
}


/* Header */
.publish-guide-apc-table thead th {
    padding: 18px 20px;

    background: var(--publish-teal);
    color: #ffffff;

    text-align: left;
    vertical-align: middle;

    font-weight: 500;

    border: 0;
}


/* First column gets most of the width */
.publish-guide-apc-table thead th:first-child {
    width: 58%;
}


/* Currency columns */
.publish-guide-apc-table thead th:not(:first-child) {
    width: 14%;
    text-align: center;
    white-space: nowrap;
}


/* Body cells */
.publish-guide-apc-table tbody td {
    padding: 18px 20px;

    background: #ffffff;
    color: #333333;

    vertical-align: middle;

    border: 1px solid #d7d7d7;
    border-top: 0;
}


/* Alternating rows */
.publish-guide-apc-table tbody tr:nth-child(even) td {
    background: #f7f7f7;
}


/* Currency values */
.publish-guide-apc-table tbody td:not(:first-child) {
    text-align: center;
    white-space: nowrap;
}


/* Publication links */
.publish-guide-apc-table tbody td:first-child a {
    color: #222222 !important;
    text-decoration: underline !important;
    font-weight: 400 !important;
}

.publish-guide-apc-table tbody td:first-child a:hover {
    color: var(--publish-teal) !important;
}


/* Remove inherited paragraph spacing inside table cells */
.publish-guide-apc-table td p,
.publish-guide-apc-table th p {
    margin: 0 !important;
    padding: 0 !important;

    font-size: inherit !important;
    line-height: inherit !important;
}


/* Section labels inside APC accordions */
.publish-guide-apc-accordion__content > p > strong {
    display: inline-block;
    margin-top: 6px;
}


/* Responsive horizontal scrolling */
.publish-guide-apc-accordion__content {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

@media (max-width: 700px) {

    .publish-guide-apc-table {
        min-width: 650px;
    }

    .publish-guide-apc-table thead th,
    .publish-guide-apc-table tbody td {
        padding: 14px 16px;
    }

}

/* =========================================================
   BOOK / SERIES PATHWAY CARDS
   ========================================================= */

.publish-book-card-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;

    margin-top: 24px;
}

.publish-book-card {
    position: relative;

    min-width: 0;
    min-height: 150px;

    padding: 18px;

    background: #ffffff;
    border: 1px solid #e2e2e2;

    box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.10);

    transition:
        transform 0.2s ease,
        box-shadow 0.2s ease;
}

.publish-book-card:hover,
.publish-book-card:focus-within {
    transform: translateY(-2px);

    box-shadow:
        4px 6px 12px rgba(0, 0, 0, 0.14);
}

.publish-book-card h3 {
    margin: 0 !important;
    padding: 0 !important;

    font-size: 15px;
    line-height: 1.35;
    font-weight: 500;
}

.publish-book-card__link {
    position: static;

    color: var(--publish-teal) !important;
    text-decoration: underline !important;
}

.publish-book-card__link::after {
    content: "";

    position: absolute;
    inset: 0;

    z-index: 1;
}

.publish-book-card__line {
    width: 100%;
    height: 6px;

    margin: 10px 0 12px;

    background: #EB5E62;
}

.publish-book-card p {
    margin: 0 !important;

    font-size: 13px;
    line-height: 1.4;

    color: #555555;
}


/* Tablet */
@media (max-width: 1100px) {

    .publish-book-card-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

}


/* Mobile */
@media (max-width: 700px) {

    .publish-book-card-grid {
        grid-template-columns: 1fr;
    }

}

/* =========================================================
   TYPES OF BOOK CARDS
   ========================================================= */

.publish-book-type-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
    margin-top: 24px;
}

.publish-book-type-card {
    min-width: 0;
    min-height: 150px;

    padding: 18px;

    background: #ffffff;
    border: 1px solid #e2e2e2;

    box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.10);
}

.publish-book-type-card h3 {
    margin: 0 0 12px !important;
    padding: 0 !important;

    color: var(--publish-teal);

    font-size: 15px;
    line-height: 1.35;
    font-weight: 500;
}

.publish-book-type-card p {
    margin: 0 !important;

    font-size: 13px;
    line-height: 1.4;

    color: #555555;
}

@media (max-width: 1100px) {

    .publish-book-type-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

}

@media (max-width: 700px) {

    .publish-book-type-grid {
        grid-template-columns: 1fr;
    }

}

/* =========================================================
   BOOK RESOURCE / VIDEO CARDS
   ========================================================= */

.publish-book-video-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;

    max-width: 760px;
    margin-top: 24px;
}

.publish-book-video-card {
    position: relative;

    min-width: 0;

    background: #ffffff;
    border: 1px solid #e2e2e2;

    box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.10);

    overflow: hidden;

    transition:
        transform 0.2s ease,
        box-shadow 0.2s ease;
}

.publish-book-video-card:hover,
.publish-book-video-card:focus-within {
    transform: translateY(-2px);

    box-shadow:
        4px 6px 12px rgba(0, 0, 0, 0.14);
}


/* Image / video thumbnail */

.publish-book-video-card__media {
    display: block;

    width: 100%;
    aspect-ratio: 16 / 9;

    overflow: hidden;

    background: #eeeeee;
}

.publish-book-video-card__media img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
}


/* Content */

.publish-book-video-card__content {
    padding: 14px 16px 18px;
}

.publish-book-video-card h3 {
    margin: 0 !important;
    padding: 0 !important;

    font-size: 15px;
    line-height: 1.35;
    font-weight: 500;
}

.publish-book-video-card h3 a {
    color: var(--publish-teal) !important;
    text-decoration: underline !important;
}

.publish-book-video-card__line {
    width: 100%;
    height: 6px;

    margin: 10px 0 14px;

    background: var(--publish-teal);
}

.publish-book-video-card p {
    margin: 0 !important;

    font-size: 13px;
    line-height: 1.45;

    color: #555555;
}


/* Mobile */

@media (max-width: 700px) {

    .publish-book-video-grid {
        grid-template-columns: 1fr;
        max-width: none;
    }

}

/* =========================================================
   GUIDE CONTACT CTA - FINAL OVERRIDE
   Must remain at END of stylesheet
   ========================================================= */

body[data-sitename="publishwithus"]
.publish-guide-page
#get-in-touch.publish-guide-cta {
    display: block !important;

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

    margin: 56px 0 0 !important;
    padding: 44px 24px 48px !important;

    background: var(--publish-teal) !important;

    border: 0 !important;
    border-radius: 0 !important;

    color: #ffffff !important;

    text-align: center !important;

    box-sizing: border-box !important;
}


/* Inner wrapper */

body[data-sitename="publishwithus"]
.publish-guide-page
#get-in-touch
.publish-guide-cta__inner {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;
    max-width: 760px !important;

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

    text-align: center !important;
}


/* Heading */

body[data-sitename="publishwithus"]
.publish-guide-page
#get-in-touch
h2 {
    margin: 0 0 12px !important;
    padding: 0 !important;

    color: #ffffff !important;

    font-size: 30px !important;
    line-height: 1.2 !important;
    font-weight: 400 !important;
}


/* Paragraph */

body[data-sitename="publishwithus"]
.publish-guide-page
#get-in-touch
p {
    width: 100% !important;
    max-width: 650px !important;

    margin: 0 auto 22px !important;
    padding: 0 !important;

    color: #ffffff !important;

    font-size: 16px !important;
    line-height: 1.5 !important;

    text-align: center !important;
}


/* Email button */

body[data-sitename="publishwithus"]
.publish-guide-page
#get-in-touch
.publish-guide-cta__button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: auto !important;
    max-width: max-content !important;

    min-height: 44px !important;

    margin: 0 !important;
    padding: 0 0 0 22px !important;

    background: #ffffff !important;
    border: 1px solid #ffffff !important;
    border-radius: 999px !important;

    color: var(--publish-teal) !important;
    text-decoration: none !important;

    font-size: 15px !important;
    font-weight: 500 !important;

    overflow: hidden !important;
}


/* Arrow circle */

body[data-sitename="publishwithus"]
.publish-guide-page
#get-in-touch
.publish-guide-cta__arrow {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 44px !important;
    height: 44px !important;

    margin-left: 16px !important;

    background: var(--publish-accent) !important;
    border-radius: 50% !important;

    color: #ffffff !important;

    font-size: 22px !important;
    line-height: 1 !important;
}


/* Hover */

body[data-sitename="publishwithus"]
.publish-guide-page
#get-in-touch
.publish-guide-cta__button:hover,
body[data-sitename="publishwithus"]
.publish-guide-page
#get-in-touch
.publish-guide-cta__button:focus {
    background: #ffffff !important;
    color: var(--publish-teal) !important;

    text-decoration: none !important;
}

/* =========================================================
   PUBLISH IN A JOURNAL
   Extends existing Publish with us components
   ========================================================= */


/* =========================================================
   SILVERCHAIR PAGE OVERRIDES
   ========================================================= */

body[data-sitename="publishwithus"]:has(.journal-publishing-page)
.content-main_content,

body[data-sitename="publishwithus"]:has(.journal-publishing-page)
.index-inner-wrap,

body[data-sitename="publishwithus"]:has(.journal-publishing-page)
.location-main-content,

body[data-sitename="publishwithus"]:has(.journal-publishing-page)
#mainContent {
    width: 100% !important;
    max-width: none !important;

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


/* Hide standard Silverchair right sidebar.
   We are supplying our own related-content column. */

body[data-sitename="publishwithus"]:has(.journal-publishing-page)
#Sidebar {
    display: none !important;
}


body[data-sitename="publishwithus"]:has(.journal-publishing-page)
.widget-SelfServeContent:has(.journal-publishing-page),

body[data-sitename="publishwithus"]:has(.journal-publishing-page)
.widget-instance-SelfServeContent:has(.journal-publishing-page) {
    width: 100% !important;
    max-width: none !important;

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


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

.journal-publishing-page {
    width: 100%;

    margin: 0;
    padding: 0;

    background: #ffffff;

    color: #1b1b1b;

    box-sizing: border-box;
}


.journal-publishing-page *,
.journal-publishing-page *::before,
.journal-publishing-page *::after {
    box-sizing: border-box;
}


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

   Most styling comes from the existing .publishing-hero.
   ========================================================= */

.journal-publishing-page .publishing-hero {
    margin: 0 !important;
}


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

.journal-publishing-content {
    width: 100%;

    margin: 0;
    padding: 22px 0 72px;

    background: #ffffff;
}


.journal-publishing-content__inner {
    width: 100%;
    max-width: var(--publish-max-width);

    margin: 0 auto;

    padding-left: var(--publish-gutter);
    padding-right: var(--publish-gutter);
}


/* =========================================================
   THREE-COLUMN PAGE LAYOUT
   ========================================================= */

.journal-publishing-layout {
    display: grid;

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

    gap: 44px;

    align-items: start;
}


.journal-publishing-main {
    min-width: 0;
}


/* =========================================================
   SKIPNAV
   Reuses existing .policy-skipnav styles
   ========================================================= */

.journal-publishing-skipnav {
    min-width: 0;
}


/*
The screenshot has a very stripped-back left navigation.
Remove the panel treatment from the existing component while
retaining all its sticky behaviour.
*/

.journal-publishing-skipnav .policy-skipnav__inner {
    max-width: none;

    padding: 0 18px 0 0;

    background: transparent;

    border-left: 0;
}


.journal-publishing-skipnav .policy-skipnav__title {
    margin-bottom: 10px;

    font-size: 14px;
}


.journal-publishing-skipnav .policy-skipnav__nav a {
    padding: 8px 0;

    border-bottom: 0;

    font-size: 13px;
    line-height: 1.35;
}


/* =========================================================
   AUTHOR NOTICE
   ========================================================= */

.journal-publishing-note {
    margin: 0 0 18px !important;
    padding: 0 !important;

    font-size: 13px;
    line-height: 1.4;

    color: #333333;
}


.journal-publishing-note a {
    color: var(--publish-teal);

    text-decoration: underline;
    text-underline-offset: 2px;
}


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

.journal-publishing-section {
    width: 100%;

    margin: 0;
    padding: 0 0 38px;

    scroll-margin-top: 110px;
}


.journal-publishing-section + .journal-publishing-section {
    padding-top: 10px;
}


.journal-publishing-section h2 {
    margin: 0 0 12px !important;
    padding: 0 !important;

    font-size: 30px;
    line-height: 1.25;
    font-weight: 400;

    color: #1b1b1b;
}


.journal-publishing-section > p {
    max-width: 950px;

    margin: 0 0 10px !important;
    padding: 0 !important;

    font-size: 14px;
    line-height: 1.5;

    color: #4a4a4a;
}


.journal-publishing-section > p a {
    color: var(--publish-teal);

    text-decoration: underline;
    text-underline-offset: 2px;
}


/* =========================================================
   PREPARE + SUBMIT CARDS
   Existing component, with only page-specific adjustments
   ========================================================= */


/*
Screenshot has four cards:
3 on first row + 1 on second.
Existing grid is already 3 columns.
*/

.journal-publishing-page .publishing-card-grid {
    gap: 18px;
}


/*
The screenshot cards are a little shorter/tighter
than those on the landing page.
*/

.journal-publishing-page .publishing-card {
    min-height: 135px;

    padding: 14px 16px 17px !important;
}


/*
Make whole card clickable visually where the heading
contains the actual anchor.
*/

.journal-publishing-page .publishing-card {
    position: relative;

    transition:
        transform 0.2s ease,
        box-shadow 0.2s ease;
}


.journal-publishing-page
.publishing-card__title a {
    color: var(--publish-teal) !important;

    text-decoration: none !important;
}


.journal-publishing-page
.publishing-card__title a::after {
    content: "";

    position: absolute;
    inset: 0;

    z-index: 2;
}


.journal-publishing-page .publishing-card:hover,
.journal-publishing-page .publishing-card:focus-within {
    transform: translateY(-2px);

    box-shadow:
        3px 6px 10px rgba(0, 0, 0, 0.16);
}


/* =========================================================
   PROCESS INFOGRAPHIC
   ========================================================= */

.journal-publishing-infographic {
    width: 100%;
    max-width: 470px;

    margin: 22px 0 0;
    padding: 0;
}


.journal-publishing-infographic img {
    display: block;

    width: 100%;
    height: auto;

    margin: 0;
}


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

.journal-related {
    position: sticky;

    top: 24px;

    width: 100%;

    padding: 22px 20px 26px;

    background: #DCE7E7;
}


.journal-related h2 {
    margin: 0 0 12px;
    padding: 0 0 10px;

    border-bottom: 4px solid var(--publish-teal);

    font-size: 16px;
    line-height: 1.3;
    font-weight: 500;

    color: #1b1b1b;
}


.journal-related nav {
    display: flex;
    flex-direction: column;
}


.journal-related a {
    display: block;

    padding: 8px 0;

    color: var(--publish-teal);

    font-size: 13px;
    line-height: 1.35;

    text-decoration: none;
}


.journal-related a:hover,
.journal-related a:focus {
    text-decoration: underline;
    text-underline-offset: 3px;
}


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

@media (max-width: 1100px) {

    .journal-publishing-layout {
        grid-template-columns:
            200px
            minmax(0, 1fr);

        gap: 32px;
    }


    .journal-related {
        position: static;

        grid-column: 2;

        margin-top: 10px;
    }

}


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

@media (max-width: 800px) {

    .journal-publishing-content {
        padding-top: 24px;
    }


    .journal-publishing-content__inner {
        padding-left: var(--publish-gutter-mobile);
        padding-right: var(--publish-gutter-mobile);
    }


    .journal-publishing-layout {
        display: block;
    }


    .journal-publishing-skipnav {
        margin-bottom: 30px;
    }


    .journal-publishing-skipnav .policy-skipnav__inner {
        position: static;

        padding: 18px 20px;

        background: #F5F7F7;

        border-left: 4px solid var(--publish-teal);
    }


    .journal-related {
        margin-top: 24px;
    }

}


@media (max-width: 700px) {

    .journal-publishing-section h2 {
        font-size: 25px;
    }


    .journal-publishing-page .publishing-card {
        min-height: 0;
    }

}

/* =========================================================
   JOURNAL PUBLISHING - GET READY SECTION
   ========================================================= */

.journal-publishing-get-ready {
    padding-top: 10px;
}


/* =========================================================
   TOP TIPS
   ========================================================= */

.journal-publishing-tips {
    margin: 22px 0 28px;
}


.journal-publishing-tips h3,
.journal-publishing-support h3 {
    margin: 0 0 8px;
    padding: 0;

    font-size: 16px;
    line-height: 1.35;
    font-weight: 600;

    color: #1b1b1b;
}


.journal-publishing-tips p {
    margin: 0 0 4px !important;

    font-size: 14px;
    line-height: 1.5;
}


.journal-publishing-tips ol {
    margin: 0;
    padding-left: 22px;
}


.journal-publishing-tips li {
    margin: 0 0 4px;

    font-size: 14px;
    line-height: 1.45;

    color: #555555;
}


/* =========================================================
   SUPPORT
   ========================================================= */

.journal-publishing-support {
    margin-top: 24px;
}


/* Reuse existing three-column publishing card grid */

.journal-publishing-support .publishing-card-grid {
    margin-top: 8px;
}


/* Slightly tighter cards to match screenshot */

.journal-publishing-support .publishing-card {
    min-height: 145px;

    padding: 14px 16px 18px !important;
}


/* Card heading link */

.journal-publishing-support .publishing-card__title {
    font-size: 14px;
    font-weight: 500;
}


.journal-publishing-support .publishing-card__title a {
    color: var(--publish-teal) !important;

    text-decoration: underline !important;
    text-underline-offset: 2px;
}


/* External-link mark */

.journal-external-icon {
    display: inline-block;

    margin-left: 3px;

    font-size: 12px;
    line-height: 1;

    text-decoration: none;
}


/* Smaller body text as per screenshot */

.journal-publishing-support .publishing-card__content,
.journal-publishing-support .publishing-card__content p {
    font-size: 12px !important;
    line-height: 1.35 !important;
}


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

@media (max-width: 700px) {

    .journal-publishing-tips {
        margin-bottom: 24px;
    }

    .journal-publishing-support .publishing-card {
        min-height: 0;
    }

}

/* =========================================================
   JOURNAL PUBLISHING - EARLYCITE
   ========================================================= */

.journal-publishing-earlycite > ul {
    margin: 6px 0 20px;
    padding-left: 22px;
}

.journal-publishing-earlycite > ul li {
    margin-bottom: 4px;

    font-size: 14px;
    line-height: 1.45;

    color: #555555;
}


/* =========================================================
   INFORMATION BEFORE SUBMITTING
   ========================================================= */

.journal-submission-info {
    margin-top: 28px;
}

.journal-submission-info > h2 {
    margin: 0 0 16px !important;

    font-size: 30px;
    line-height: 1.25;
    font-weight: 400;
}

.journal-submission-info .publishing-card-grid {
    gap: 18px;
}

.journal-submission-info .publishing-card {
    min-height: 130px;

    padding: 14px 16px 18px !important;
}

.journal-submission-info .publishing-card__title {
    font-size: 14px;
}

.journal-submission-info .publishing-card__title a {
    color: var(--publish-teal) !important;
    text-decoration: none !important;
}

.journal-submission-info .publishing-card__content,
.journal-submission-info .publishing-card__content p {
    font-size: 12px !important;
    line-height: 1.35 !important;
}


/* MOBILE */

@media (max-width: 700px) {

    .journal-submission-info > h2 {
        font-size: 25px;
    }

    .journal-submission-info .publishing-card {
        min-height: 0;
    }

}

/* =========================================================
   JOURNAL PUBLISHING - FORCE CORRECT GRID PLACEMENT
   ========================================================= */

.journal-publishing-layout {
    display: grid !important;

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

    gap: 44px !important;

    align-items: start !important;
}


/* Left navigation */

.journal-publishing-layout > .journal-publishing-skipnav {
    grid-column: 1 !important;
    grid-row: 1 !important;

    min-width: 0 !important;
}


/* Main content */

.journal-publishing-layout > .journal-publishing-main {
    grid-column: 2 !important;
    grid-row: 1 !important;

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

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


/* Related content */

.journal-publishing-layout > .journal-related {
    grid-column: 3 !important;
    grid-row: 1 !important;

    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
}


/* Main content sections must stay inside centre column */

.journal-publishing-main > .journal-publishing-section,
.journal-publishing-main > .journal-publishing-accessible {
    width: 100% !important;
    max-width: none !important;
}


/* Publishing cards */

.journal-publishing-main .publishing-card-grid {
    display: grid !important;

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

    width: 100% !important;

    gap: 18px !important;
}


/* Ensure cards themselves can shrink properly */

.journal-publishing-main .publishing-card {
    width: 100% !important;
    min-width: 0 !important;
}


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

@media (max-width: 1100px) {

    .journal-publishing-layout {
        grid-template-columns:
            210px
            minmax(0, 1fr) !important;
    }

    .journal-publishing-layout > .journal-publishing-skipnav {
        grid-column: 1 !important;
    }

    .journal-publishing-layout > .journal-publishing-main {
        grid-column: 2 !important;
    }

    .journal-publishing-layout > .journal-related {
        grid-column: 2 !important;
        grid-row: 2 !important;

        margin-top: 30px !important;
    }

}


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

@media (max-width: 800px) {

    .journal-publishing-layout {
        display: block !important;
    }

    .journal-publishing-skipnav,
    .journal-publishing-main,
    .journal-related {
        width: 100% !important;
    }

    .journal-publishing-main .publishing-card-grid {
        grid-template-columns: 1fr !important;
    }

}

/* =========================================================
   OPEN ACCESS BOOK PAGE
   Consolidated page-specific styles.
   Reuses the shared Publish with us hero, cards, tables and
   policy skipnav visual language already defined above.
   ========================================================= */

.oa-book-page {
    width: 100%;
    margin: 0;
    padding: 0;
    background: #ffffff;
    color: #1b1b1b;
}

.oa-book-page *,
.oa-book-page *::before,
.oa-book-page *::after {
    box-sizing: border-box;
}


/* =========================================================
   SILVERCHAIR WRAPPER OVERRIDES
   ========================================================= */

body[data-sitename="publishwithus"]:has(.oa-book-page) .content-main_content,
body[data-sitename="publishwithus"]:has(.oa-book-page) .index-inner-wrap,
body[data-sitename="publishwithus"]:has(.oa-book-page) .location-main-content,
body[data-sitename="publishwithus"]:has(.oa-book-page) #mainContent,
body[data-sitename="publishwithus"]:has(.oa-book-page) .widget-SelfServeContent:has(.oa-book-page),
body[data-sitename="publishwithus"]:has(.oa-book-page) .widget-instance-SelfServeContent:has(.oa-book-page) {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

body[data-sitename="publishwithus"]:has(.oa-book-page) #Sidebar {
    display: none !important;
}


/* =========================================================
   CONTENT WIDTH / THREE-COLUMN LAYOUT
   ========================================================= */

.oa-book-content {
    width: 100%;
    padding: 34px 0 72px;
    background: #ffffff;
}

.oa-book-content__inner {
    width: 100%;
    max-width: var(--publish-max-width);
    margin: 0 auto;
    padding-left: var(--publish-gutter);
    padding-right: var(--publish-gutter);
}

.oa-book-layout {
    display: grid !important;
    grid-template-columns: 240px minmax(0, 1fr) 280px !important;
    gap: 44px;
    align-items: start;
}

.oa-book-layout > .oa-book-skipnav {
    grid-column: 1;
    grid-row: 1;
    min-width: 0;
}

.oa-book-layout > .oa-book-main {
    grid-column: 2;
    grid-row: 1;
    width: 100%;
    min-width: 0;
}

.oa-book-layout > .oa-book-related {
    grid-column: 3;
    grid-row: 1;
    width: 100%;
}


/* =========================================================
   SITE-WIDE SKIPNAV TREATMENT
   Matches the standard boxed 'On this page' component.
   ========================================================= */

.oa-book-skipnav {
    position: sticky !important;
    top: 24px !important;
    align-self: start !important;
    min-width: 0;
    margin: 0;
}

.oa-book-skipnav .policy-skipnav__inner {
    position: static !important;
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    max-width: 240px !important;
    max-height: calc(100vh - 48px);
    margin: 0 !important;
    padding: 18px 20px !important;
    background: #F5F7F7 !important;
    border-left: 4px solid var(--publish-teal) !important;
    overflow: hidden;
}

.oa-book-skipnav .policy-skipnav__title {
    display: block !important;
    margin: 0 0 14px !important;
    padding: 0 !important;
    font-size: 1rem !important;
    line-height: 1.3 !important;
    font-weight: 600 !important;
    color: #111111 !important;
    background: transparent !important;
}

.oa-book-skipnav .policy-skipnav__nav {
    display: flex !important;
    flex-direction: column !important;
    width: 100%;
    min-height: 0;
    overflow-y: auto;
    scrollbar-width: thin;
}

.oa-book-skipnav .policy-skipnav__nav a {
    display: block !important;
    margin: 0 !important;
    padding: 10px 0 !important;
    border-bottom: 1px solid #D7DDDD !important;
    font-size: 0.95rem !important;
    line-height: 1.35 !important;
    font-weight: 400 !important;
    color: var(--publish-teal) !important;
    text-decoration: none !important;
}

.oa-book-skipnav .policy-skipnav__nav a:last-of-type {
    border-bottom: 0 !important;
}

.oa-book-skipnav .policy-skipnav__nav a:hover,
.oa-book-skipnav .policy-skipnav__nav a:focus {
    color: var(--publish-teal) !important;
    text-decoration: underline !important;
    text-underline-offset: 3px;
}

.oa-book-skipnav .policy-skipnav__nav a:focus-visible {
    outline: 2px solid var(--publish-teal);
    outline-offset: 3px;
}

.oa-book-skipnav .policy-skipnav__actions {
    display: block !important;
    flex: 0 0 auto;
    margin-top: 18px;
    padding-top: 18px;
    border-top: 1px solid #D7DDDD;
    background: #F5F7F7;
}

.oa-book-skipnav .policy-skipnav__button,
.oa-book-skipnav .policy-skipnav__button:link,
.oa-book-skipnav .policy-skipnav__button:visited {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 0;
    margin: 0;
    padding: 11px 16px;
    border-radius: 999px;
    box-sizing: border-box;
    font-size: 0.95rem;
    line-height: 1.2;
    font-weight: 600;
    text-align: center;
    text-decoration: none !important;
}

.oa-book-skipnav .policy-skipnav__button span:last-child {
    display: none;
}

.oa-book-skipnav .policy-skipnav__button--primary,
.oa-book-skipnav .policy-skipnav__button--primary:link,
.oa-book-skipnav .policy-skipnav__button--primary:visited {
    margin-bottom: 10px;
    background-color: var(--publish-teal) !important;
    border: 1px solid var(--publish-teal) !important;
    color: #ffffff !important;
}

.oa-book-skipnav .policy-skipnav__button--primary:hover,
.oa-book-skipnav .policy-skipnav__button--primary:focus {
    background-color: #163f47 !important;
    border-color: #163f47 !important;
    color: #ffffff !important;
}

.oa-book-skipnav .policy-skipnav__button--secondary,
.oa-book-skipnav .policy-skipnav__button--secondary:link,
.oa-book-skipnav .policy-skipnav__button--secondary:visited {
    background-color: #ffffff !important;
    border: 1px solid var(--publish-teal) !important;
    color: var(--publish-teal) !important;
}

.oa-book-skipnav .policy-skipnav__button--secondary:hover,
.oa-book-skipnav .policy-skipnav__button--secondary:focus {
    background-color: #F0F5F5 !important;
    border-color: var(--publish-teal) !important;
    color: var(--publish-teal) !important;
}


/* =========================================================
   INTRO / SECTIONS / ANCHORS
   ========================================================= */

.oa-book-intro {
    margin: 0 0 24px;
}

.oa-book-intro p {
    margin: 0 0 20px;
    font-size: 16px;
    line-height: 1.55;
    color: #333333;
}

.oa-book-section {
    width: 100%;
    margin: 0;
    padding: 0 0 40px;
    scroll-margin-top: 110px;
}

.oa-book-page #benefits,
.oa-book-page #types,
.oa-book-page #book-processing-charges,
.oa-book-page #chapter-processing-charges,
.oa-book-page #get-in-touch {
    scroll-margin-top: 110px;
}

.oa-book-page .publishing-section__intro h2 {
    font-size: 30px;
}


/* =========================================================
   BOOK CARDS
   Uses the existing .publishing-card component and book accent.
   ========================================================= */

.oa-book-page .publishing-card-grid {
    gap: 18px;
}

.oa-book-page .publishing-card {
    min-height: 165px;
    padding: 18px 18px 20px !important;
}

.oa-book-page .publishing-card__title {
    font-size: 15px;
    font-weight: 500;
}

.oa-book-page .publishing-card__rule {
    margin-top: 12px;
    margin-bottom: 14px;
}

.oa-book-page .publishing-card__content,
.oa-book-page .publishing-card__content p {
    font-size: 13px !important;
    line-height: 1.35 !important;
}

.oa-book-types {
    padding-top: 8px;
}

.oa-book-types .publishing-section__intro {
    margin-bottom: 20px;
}

.oa-book-types .publishing-card {
    min-height: 175px;
}


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

.oa-book-related {
    position: sticky;
    top: 24px;
}


/* =========================================================
   PROCESSING CHARGE TABLES
   ========================================================= */

.oa-book-bpc,
.oa-book-cpc {
    padding-top: 8px;
}

.oa-book-bpc > h2,
.oa-book-cpc > h2 {
    margin: 0 0 18px;
    font-size: 30px;
    line-height: 1.25;
    font-weight: 400;
}

.oa-book-bpc .policy-table-wrap,
.oa-book-cpc .policy-table-wrap {
    max-width: 760px;
    margin-top: 0;
}

.oa-book-bpc .policy-table-wrap {
    margin-bottom: 38px;
}

.oa-book-cpc .policy-table-wrap {
    margin-bottom: 28px;
}

.oa-book-table {
    min-width: 0;
}

.oa-book-table th,
.oa-book-table td {
    padding: 20px 24px;
    font-size: 15px;
    line-height: 1.4;
}

.oa-book-table thead th {
    background: #087984;
    color: #ffffff;
    font-weight: 500;
}

.oa-book-table tbody th {
    font-weight: 400;
    background: inherit;
}

.oa-book-table th:first-child,
.oa-book-table td:first-child {
    width: 28%;
}

.oa-book-table th:not(:first-child),
.oa-book-table td:not(:first-child) {
    width: 24%;
}

.oa-book-cpc .oa-book-table th:first-child,
.oa-book-cpc .oa-book-table td:first-child {
    width: 32%;
}

.oa-book-cpc .oa-book-table th:not(:first-child),
.oa-book-cpc .oa-book-table td:not(:first-child) {
    width: 22.66%;
}


/* =========================================================
   VAT NOTE / PUBLISH A BOOK CTA
   ========================================================= */

.oa-book-vat-note {
    max-width: 760px;
    margin: 0 0 34px;
}

.oa-book-vat-note p {
    margin: 0;
    font-size: 14px;
    line-height: 1.45;
    color: #555555;
}

.oa-book-publish-cta {
    padding-top: 0;
}

.oa-book-publish-cta h2 {
    margin: 0 0 10px;
    font-size: 30px;
    line-height: 1.25;
    font-weight: 400;
}

.oa-book-publish-cta p {
    max-width: 760px;
    margin: 0 0 22px;
    font-size: 14px;
    line-height: 1.45;
    color: #555555;
}

.oa-book-publish-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 205px;
    min-height: 46px;
    padding: 11px 28px;
    border-radius: 999px;
    background: var(--publish-teal);
    color: #ffffff !important;
    text-decoration: none !important;
    font-size: 14px;
    line-height: 1.2;
    font-weight: 500;
    transition: transform 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
}

.oa-book-publish-button:hover,
.oa-book-publish-button:focus {
    background: #163f47;
    color: #ffffff !important;
    text-decoration: none !important;
    transform: translateY(-1px);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.14);
}


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

@media (max-width: 1100px) {

    .oa-book-layout {
        grid-template-columns: 220px minmax(0, 1fr) !important;
        gap: 32px;
    }

    .oa-book-layout > .oa-book-main {
        grid-column: 2;
    }

    .oa-book-layout > .oa-book-related {
        position: static;
        grid-column: 2;
        grid-row: 2;
        margin-top: 28px;
    }

    .oa-book-skipnav .policy-skipnav__inner {
        max-width: 220px !important;
    }
}


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

@media (max-width: 800px) {

    .oa-book-layout {
        display: block !important;
    }

    .oa-book-content__inner {
        padding-left: var(--publish-gutter-mobile);
        padding-right: var(--publish-gutter-mobile);
    }

    .oa-book-skipnav {
        position: static !important;
        top: auto !important;
        margin-bottom: 36px;
    }

    .oa-book-skipnav .policy-skipnav__inner {
        position: static !important;
        width: 100% !important;
        max-width: none !important;
        max-height: none;
        overflow: visible;
    }

    .oa-book-skipnav .policy-skipnav__nav {
        overflow: visible;
    }

    .oa-book-related {
        position: static;
        margin-top: 28px;
    }
}

@media (max-width: 700px) {

    .oa-book-bpc .policy-table-wrap,
    .oa-book-cpc .policy-table-wrap,
    .oa-book-vat-note {
        max-width: none;
    }

    .oa-book-table {
        min-width: 650px;
    }

    .oa-book-publish-button {
        width: 100%;
    }
}

/* =========================================================
   PUBLISH A BOOK / SERIES - PAGE EXTENSIONS
   Consolidated styles for the book/series guide page.
   ========================================================= */

/* Section spacing and in-page targets */
.publish-guide-page--book #publishing-ethos,
.publish-guide-page--book #book-resources,
.publish-guide-page--book #prepare-manuscript,
.publish-guide-page--book #author-guidelines,
.publish-guide-page--book #submit-proposal,
.publish-guide-page--book #societynow-author-guidelines,
.publish-guide-page--book #emerald-points,
.publish-guide-page--book #publishing-team {
    scroll-margin-top: 110px;
}

/* Shared typography for the continuation sections */
.publish-guide-page--book .publish-guide-ethos > h2,
.publish-guide-page--book .publish-guide-manuscript > h2,
.publish-guide-page--book .publish-guide-proposal > h2,
.publish-guide-page--book .publish-guide-proposal__societynow > h2,
.publish-guide-page--book .publish-guide-points > h2,
.publish-guide-page--book .publish-guide-team > h2 {
    margin: 0 0 16px;
    padding: 0;
    font-size: 30px;
    line-height: 1.25;
    font-weight: 400;
    color: #222222;
}

.publish-guide-page--book .publish-guide-manuscript > h3,
.publish-guide-page--book .publish-guide-proposal > h3,
.publish-guide-page--book .publish-guide-proposal__societynow > h3,
.publish-guide-page--book .publish-guide-points > h3 {
    margin: 18px 0 10px;
    padding: 0;
    font-size: 17px;
    line-height: 1.35;
    font-weight: 600;
    color: #222222;
}

.publish-guide-page--book .publish-guide-ethos > p,
.publish-guide-page--book .publish-guide-manuscript > p,
.publish-guide-page--book .publish-guide-proposal > p,
.publish-guide-page--book .publish-guide-proposal__societynow > p,
.publish-guide-page--book .publish-guide-points > p,
.publish-guide-page--book .publish-guide-team > p {
    max-width: 950px;
    margin: 0 0 18px;
    font-size: 14px;
    line-height: 1.55;
    color: #333333;
}

.publish-guide-page--book .publish-guide-ethos a,
.publish-guide-page--book .publish-guide-manuscript a,
.publish-guide-page--book .publish-guide-proposal a,
.publish-guide-page--book .publish-guide-points a {
    color: var(--publish-teal);
    text-decoration: underline;
    text-underline-offset: 2px;
}

/* Publishing process text version */
.publish-guide-page--book .publish-guide-process-list {
    margin: 8px 0 0;
    padding-left: 24px;
}

.publish-guide-page--book .publish-guide-process-list li {
    margin: 0 0 10px;
    padding-left: 2px;
}

.publish-guide-page--book .publish-guide-process-list li::marker {
    color: var(--publish-accent);
}

/* Publishing ethos */
.publish-guide-page--book .publish-guide-ethos {
    padding-top: 8px;
}

.publish-guide-page--book .publish-guide-ethos__expandables {
    display: flex;
    flex-direction: column;
    gap: 14px;
    width: 100%;
}

/* Shared compact expandable treatment used by the book guide */
.publish-guide-page--book .publish-guide-ethos .policy-expandable,
.publish-guide-page--book .publish-guide-manuscript-guidelines .policy-expandable,
.publish-guide-page--book .publish-guide-societynow-guidelines .policy-expandable {
    box-shadow: none;
    border: 1px solid #8ca4a8;
}

.publish-guide-page--book .publish-guide-ethos .policy-expandable > summary,
.publish-guide-page--book .publish-guide-manuscript-guidelines .policy-expandable > summary,
.publish-guide-page--book .publish-guide-societynow-guidelines .policy-expandable > summary {
    min-height: 48px;
    padding: 13px 52px 13px 18px;
    background: #eef3f3;
    font-size: 15px;
    line-height: 1.35;
    font-weight: 500;
}

.publish-guide-page--book .publish-guide-ethos .policy-expandable > summary::before,
.publish-guide-page--book .publish-guide-manuscript-guidelines .policy-expandable > summary::before,
.publish-guide-page--book .publish-guide-societynow-guidelines .policy-expandable > summary::before {
    display: none;
}

.publish-guide-page--book .publish-guide-ethos .policy-expandable > summary::after,
.publish-guide-page--book .publish-guide-manuscript-guidelines .policy-expandable > summary::after,
.publish-guide-page--book .publish-guide-societynow-guidelines .policy-expandable > summary::after {
    right: 18px;
    font-size: 20px;
}

.publish-guide-page--book .publish-guide-ethos .policy-expandable__content,
.publish-guide-page--book .publish-guide-manuscript-guidelines .policy-expandable__content,
.publish-guide-page--book .publish-guide-societynow-guidelines .policy-expandable__content {
    padding: 20px 24px 28px;
}

.publish-guide-page--book .publish-guide-manuscript-guidelines,
.publish-guide-page--book .publish-guide-societynow-guidelines {
    width: 100%;
    margin: 8px 0 36px;
}

.publish-guide-page--book .publish-guide-manuscript-guidelines .policy-expandable__content h4,
.publish-guide-page--book .publish-guide-societynow-guidelines .policy-expandable__content h4 {
    margin: 26px 0 6px;
    font-size: 15px;
    line-height: 1.35;
    font-weight: 500;
    color: #222222;
}

.publish-guide-page--book .publish-guide-manuscript-guidelines .policy-expandable__content h4:first-child,
.publish-guide-page--book .publish-guide-societynow-guidelines .policy-expandable__content h4:first-child {
    margin-top: 0;
}

.publish-guide-page--book .publish-guide-manuscript-guidelines .policy-expandable__content p,
.publish-guide-page--book .publish-guide-manuscript-guidelines .policy-expandable__content li,
.publish-guide-page--book .publish-guide-societynow-guidelines .policy-expandable__content p,
.publish-guide-page--book .publish-guide-societynow-guidelines .policy-expandable__content li {
    font-size: 14px;
    line-height: 1.55;
}

.publish-guide-page--book .publish-guide-manuscript-guidelines .policy-expandable__content p,
.publish-guide-page--book .publish-guide-societynow-guidelines .policy-expandable__content p {
    margin: 0 0 16px;
}

.publish-guide-page--book .publish-guide-manuscript-guidelines .policy-expandable__content ul,
.publish-guide-page--book .publish-guide-societynow-guidelines .policy-expandable__content ul {
    margin: 5px 0 20px;
    padding-left: 22px;
}

.publish-guide-page--book .publish-guide-manuscript-guidelines .policy-expandable__content li,
.publish-guide-page--book .publish-guide-societynow-guidelines .policy-expandable__content li {
    margin-bottom: 4px;
}

.publish-guide-page--book .publish-guide-manuscript-guidelines .policy-expandable__content ul ul,
.publish-guide-page--book .publish-guide-societynow-guidelines .policy-expandable__content ul ul {
    margin-top: 6px;
    margin-bottom: 6px;
}

.publish-guide-page--book .publish-guide-manuscript-guidelines .policy-expandable__content a,
.publish-guide-page--book .publish-guide-societynow-guidelines .policy-expandable__content a {
    color: var(--publish-teal);
    text-decoration: underline;
    text-underline-offset: 2px;
}

/* The publishing ethos screenshots use slightly smaller long-form copy */
.publish-guide-page--book .publish-guide-ethos .policy-expandable__content p,
.publish-guide-page--book .publish-guide-ethos .policy-expandable__content li {
    font-size: 13px;
    line-height: 1.5;
}

.publish-guide-page--book .publish-guide-ethos .policy-expandable__content ul {
    margin: 8px 0 18px;
    padding-left: 22px;
}

/* Prepare manuscript */
.publish-guide-page--book .publish-guide-manuscript {
    padding-top: 8px;
}

.publish-guide-page--book .publish-guide-manuscript__link {
    margin-top: 24px !important;
}

/* Submit proposal / SocietyNow */
.publish-guide-page--book .publish-guide-proposal {
    padding-top: 8px;
}

.publish-guide-page--book .publish-guide-proposal__link {
    margin-bottom: 10px !important;
}

.publish-guide-page--book .publish-guide-proposal__societynow {
    margin-top: 34px;
}

/* Emerald Points */
.publish-guide-page--book .publish-guide-points {
    padding-top: 8px;
}

.publish-guide-page--book .publish-guide-points__link {
    margin-bottom: 14px !important;
}

.publish-guide-page--book .publish-guide-points__benefits {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 36px;
    width: 100%;
    max-width: 900px;
    margin: 0 0 22px;
}

.publish-guide-page--book .publish-guide-points__benefits ul {
    margin: 0;
    padding-left: 22px;
}

.publish-guide-page--book .publish-guide-points__benefits li {
    margin: 0 0 8px;
    font-size: 14px;
    line-height: 1.5;
    color: #444444;
}

.publish-guide-page--book .publish-guide-points__benefits strong {
    font-weight: 600;
}

/* Publishing team */
.publish-guide-page--book .publish-guide-team {
    padding-top: 8px;
}

.publish-guide-page--book .publish-guide-team__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 56px;
    width: 100%;
    max-width: 900px;
    margin-top: 8px;
}

.publish-guide-page--book .publish-guide-team__column {
    display: flex;
    flex-direction: column;
    gap: 24px;
    min-width: 0;
}

.publish-guide-page--book .publish-guide-team__person h3 {
    margin: 0 0 4px;
    font-size: 15px;
    line-height: 1.35;
    font-weight: 500;
}

.publish-guide-page--book .publish-guide-team__person p {
    margin: 0 0 3px;
    font-size: 14px;
    line-height: 1.45;
    color: #555555;
}

.publish-guide-page--book .publish-guide-team__person a {
    color: #222222;
    text-decoration: underline;
    text-underline-offset: 2px;
}

.publish-guide-page--book .publish-guide-team__person a:hover,
.publish-guide-page--book .publish-guide-team__person a:focus {
    color: var(--publish-teal);
}

/* Responsive continuation sections */
@media (max-width: 700px) {
    .publish-guide-page--book .publish-guide-points__benefits,
    .publish-guide-page--book .publish-guide-team__grid {
        grid-template-columns: 1fr;
    }

    .publish-guide-page--book .publish-guide-points__benefits {
        gap: 0;
    }

    .publish-guide-page--book .publish-guide-team__grid,
    .publish-guide-page--book .publish-guide-team__column {
        gap: 24px;
    }
}

.publish-book-video-card__media {
    display: block;
    width: 100%;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    background: #000;
}

.publish-book-video-card__media iframe {
    display: block;
    width: 100%;
    height: 100%;
    border: 0;
}

/* =========================================================
   PUBLISH WITH US - HEADER + NAV THEME
   ========================================================= */


/* ---------------------------------------------------------
   HEADER BACKGROUND
   --------------------------------------------------------- */

.journal-header,
.journal-header.journal-bg,
.widget-SitePageFooter .journal-footer.journal-bg {
    background: #0E4751 !important;
    background-color: #0E4751 !important;
}


/* ---------------------------------------------------------
   HEADER TITLE / LOGO TEXT
   --------------------------------------------------------- */

.journal-header
.journal-header_content
.journal-logo_wrap
a.journal-logo-link {
    color: #ffffff !important;
}


/* =========================================================
   TOP LEVEL NAV
   ========================================================= */

.journal-header
.navbar-menu
> .site-menu
> .site-menu-item
> .nav-link,

.journal-header
.navbar-menu
> .site-menu
> .site-menu-item
> button.nav-link {
    position: relative;

    color: #ffffff !important;

    font-weight: 500;

    text-decoration: none !important;

    background: transparent !important;

    border: 0 !important;

    box-shadow: none !important;

    transition:
        color 0.15s ease;
}


/* ---------------------------------------------------------
   DROPDOWN ARROWS
   --------------------------------------------------------- */

.journal-header
.navbar-menu
> .site-menu
> .site-menu-item
> .nav-link
.nav-arrow,

.journal-header
.navbar-menu
> .site-menu
> .site-menu-item
> button.nav-link
.nav-arrow,

.journal-header
.navbar-menu
> .site-menu
> .site-menu-item
> .nav-link svg,

.journal-header
.navbar-menu
> .site-menu
> .site-menu-item
> button.nav-link svg,

.journal-header
.navbar-menu
> .site-menu
> .site-menu-item
> .nav-link i,

.journal-header
.navbar-menu
> .site-menu
> .site-menu-item
> button.nav-link i {
    color: #ffffff !important;
    fill: currentColor !important;
}


/* =========================================================
   TOP LEVEL NAV UNDERLINE
   ========================================================= */

.journal-header
.navbar-menu
> .site-menu
> .site-menu-item
> .nav-link::after,

.journal-header
.navbar-menu
> .site-menu
> .site-menu-item
> button.nav-link::after {
    content: "";

    position: absolute;

    left: 0;
    right: 0;
    bottom: -5px;

    height: 3px;

    background: #0E4751;

    transform: scaleX(0);

    transform-origin: left center;

    transition: transform 0.18s ease;
}


/* Show underline on hover / focus */

.journal-header
.navbar-menu
> .site-menu
> .site-menu-item
> .nav-link:hover::after,

.journal-header
.navbar-menu
> .site-menu
> .site-menu-item
> .nav-link:focus::after,

.journal-header
.navbar-menu
> .site-menu
> .site-menu-item
> button.nav-link:hover::after,

.journal-header
.navbar-menu
> .site-menu
> .site-menu-item
> button.nav-link:focus::after,

.journal-header
.navbar-menu
> .site-menu
> .site-menu-item
> button.nav-link[aria-expanded="true"]::after {
    transform: scaleX(1);
}


/* Keep nav text black on hover/open */

.journal-header
.navbar-menu
> .site-menu
> .site-menu-item
> .nav-link:hover,

.journal-header
.navbar-menu
> .site-menu
> .site-menu-item
> button.nav-link:hover,

.journal-header
.navbar-menu
> .site-menu
> .site-menu-item
> button.nav-link[aria-expanded="true"] {
    color: #000000 !important;

    text-decoration: none !important;
}


/* Keep arrows black too */

.journal-header
.navbar-menu
> .site-menu
> .site-menu-item
> .nav-link:hover
.nav-arrow,

.journal-header
.navbar-menu
> .site-menu
> .site-menu-item
> button.nav-link:hover
.nav-arrow,

.journal-header
.navbar-menu
> .site-menu
> .site-menu-item
> button.nav-link[aria-expanded="true"]
.nav-arrow {
    color: #000000 !important;
    fill: currentColor !important;
}


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

.journal-header
.site-menu-lvl-1 {
    background: #ffffff !important;

    padding: 8px 0 !important;

    border:
        1px
        solid
        rgba(14, 71, 81, 0.14) !important;

    border-top:
        4px
        solid
        #0E4751 !important;

    box-shadow:
        0 10px 24px rgba(0, 0, 0, 0.14) !important;
}


/* =========================================================
   DROPDOWN ITEMS
   ========================================================= */

.journal-header
.site-menu-lvl-1
.site-menu-item {
    margin: 0 !important;

    padding: 0 !important;

    background: transparent !important;

    border: 0 !important;

    box-shadow: none !important;
}


/* =========================================================
   DROPDOWN LINKS
   ========================================================= */

.journal-header
.site-menu-lvl-1
.nav-link {
    display: block !important;

    width: 100% !important;

    margin: 0 !important;

    padding:
        11px
        26px !important;

    background: transparent !important;

    color: #000000 !important;

    font-size: 1rem !important;

    font-weight: 400 !important;

    line-height: 1.4 !important;

    text-align: left;

    text-decoration: none !important;

    border: 0 !important;

    box-shadow: none !important;

    box-sizing: border-box;

    transition:
        background-color 0.15s ease,
        color 0.15s ease,
        padding-left 0.15s ease;
}


/* ---------------------------------------------------------
   SUBTLE DIVIDERS
   --------------------------------------------------------- */

.journal-header
.site-menu-lvl-1
.site-menu-item:not(:last-child)
.nav-link {
    border-bottom:
        1px
        solid
        #EEF2F2 !important;
}


/* =========================================================
   DROPDOWN HOVER / FOCUS
   ========================================================= */

.journal-header
.site-menu-lvl-1
.nav-link:hover,

.journal-header
.site-menu-lvl-1
.nav-link:focus {
    background: #E9F4D2 !important;

    color: #000000 !important;

    padding-left: 30px !important;

    text-decoration: none !important;

    outline: 0;
}


/* Keyboard focus */

.journal-header
.site-menu-lvl-1
.nav-link:focus-visible {
    outline:
        2px
        solid
        #0E4751 !important;

    outline-offset: -3px;
}


/* =========================================================
   DROPDOWN ICONS
   ========================================================= */

.journal-header
.site-menu-lvl-1
.nav-link svg,

.journal-header
.site-menu-lvl-1
.nav-link i,

.journal-header
.site-menu-lvl-1
.nav-link
.nav-arrow {
    color: inherit !important;

    fill: currentColor !important;
}


/* =========================================================
   REMOVE NESTED SILVERCHAIR SHADOWS
   ========================================================= */

.journal-header
.site-menu-lvl-1
.site-menu-item > * {
    box-shadow: none !important;
}


/* =========================================================
   Z-INDEX
   ========================================================= */

.journal-header {
    position: relative;

    z-index: 100;
}

.journal-header
.site-menu-lvl-1 {
    z-index: 110 !important;
}


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

@media (max-width: 750px) {

    .journal-header
    .navbar-menu
    > .site-menu
    > .site-menu-item
    > .nav-link,

    .journal-header
    .navbar-menu
    > .site-menu
    > .site-menu-item
    > button.nav-link {
        color: #000000 !important;
    }


    .journal-header
    .site-menu-lvl-1 {
        border-top:
            3px
            solid
            #0E4751 !important;

        box-shadow: none !important;
    }


    .journal-header
    .site-menu-lvl-1
    .nav-link {
        padding:
            10px
            20px !important;

        color: #000000 !important;
    }


    .journal-header
    .site-menu-lvl-1
    .nav-link:hover,

    .journal-header
    .site-menu-lvl-1
    .nav-link:focus {
        padding-left: 24px !important;
    }

}