/* ==================================================
   ROOT
================================================== */

:root {

    --primary: #123b66;
    --primary-dark: #082a4b;
    --primary-light: #1769aa;

    --blue: #2f80ed;

    --green: #16a36c;
    --green-light: #29c989;

    --purple: #7b2ff7;

    --red: #d71950;

    --orange: #f59e0b;

    --dark: #142033;
    --text: #475467;
    --muted: #667085;

    --border: rgba(20, 54, 90, 0.10);

    --white: #ffffff;

}


/* ==================================================
   GLOBAL
================================================== */

* {

    margin: 0;
    padding: 0;

    box-sizing: border-box;

}


html {

    scroll-behavior: smooth;

}


body {

    font-family:
        "Inter",
        sans-serif;

    color:
        var(--dark);

    line-height:
        1.7;

    background:

        radial-gradient(
            circle at 8% 20%,
            rgba(23,105,170,.06),
            transparent 28%
        ),

        radial-gradient(
            circle at 92% 75%,
            rgba(22,163,108,.07),
            transparent 28%
        ),

        linear-gradient(
            180deg,
            #fbfdff,
            #eef9f4
        );

}


h1,
h2,
h3,
h4,
h5 {

    font-family:
        "Manrope",
        sans-serif;

}


a {

    text-decoration:
        none;

}



/* ==================================================
   TOP BAR
================================================== */

.top-bar {

    color:
        #dbe7f2;

    background:

        linear-gradient(
            90deg,
            #071f39,
            #104d78
        );

    font-size:
        12px;

}


.top-bar-inner {

    min-height:
        40px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        space-between;

    gap:
        20px;

}


.top-bar-inner span {

    display:
        flex;

    align-items:
        center;

    gap:
        7px;

}


.top-bar i {

    color:
        #4bd89a;

}



/* ==================================================
   NAVBAR
================================================== */

.main-navbar {

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

    backdrop-filter:
        blur(15px);

    border-bottom:
        1px solid
        rgba(18,59,102,.08);

    box-shadow:
        0 8px 30px
        rgba(18,59,102,.06);

}


.brand-wrap {

    display:
        flex;

    align-items:
        center;

    gap:
        12px;

}


.brand-logo {

    width:
        60px;

    height:
        60px;

    object-fit:
        contain;

}


.brand-name {

    font-family:
        "Manrope",
        sans-serif;

    color:
        var(--primary);

    font-size:
        24px;

    font-weight:
        800;

}


.brand-subtitle {

    max-width:
        320px;

    color:
        var(--muted);

    font-size:
        9px;

    text-transform:
        uppercase;

    letter-spacing:
        .05em;

    line-height:
        1.35;

}


.nav-link {

    padding:
        24px 9px !important;

    color:
        #344054 !important;

    font-size:
        13px;

    font-weight:
        700;

    transition:
        .25s;

}


.nav-link:hover,
.nav-link.active {

    color:
        var(--primary-light) !important;

}


.submit-btn {

    display:
        inline-flex;

    align-items:
        center;

    justify-content:
        center;

    gap:
        8px;

    margin-left:
        15px;

    padding:
        11px 18px;

    border-radius:
        12px;

    color:
        #fff;

    background:

        linear-gradient(
            135deg,
            var(--primary),
            var(--primary-light),
            var(--green)
        );

    font-size:
        13px;

    font-weight:
        800;

    box-shadow:
        0 11px 26px
        rgba(18,59,102,.20);

    transition:
        .25s;

}


.submit-btn:hover {

    color:
        #fff;

    transform:
        translateY(-3px);

    background:

        linear-gradient(
            135deg,
            var(--purple),
            #2f80ed,
            var(--green)
        );

    box-shadow:
        0 17px 35px
        rgba(76,85,205,.25);

}


.navbar-toggler {

    border:
        0;

    box-shadow:
        none !important;

}


.navbar-toggler i {

    color:
        var(--primary);

    font-size:
        28px;

}



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

.issue-hero {

    position:
        relative;

    overflow:
        hidden;

    padding:
        52px 0 75px;

    background:

        radial-gradient(
            circle at 86% 17%,
            rgba(31,190,121,.19),
            transparent 27%
        ),

        radial-gradient(
            circle at 10% 88%,
            rgba(47,128,237,.13),
            transparent 29%
        ),

        linear-gradient(
            135deg,
            #eef8ff,
            #effaf4
        );

}


.hero-circle {

    position:
        absolute;

    border:
        1px solid
        rgba(23,105,170,.11);

    border-radius:
        50%;

}


.hero-circle-one {

    width:
        520px;

    height:
        520px;

    right:
        -290px;

    top:
        -315px;

}


.hero-circle-two {

    width:
        330px;

    height:
        330px;

    left:
        -180px;

    bottom:
        -230px;

    border-color:
        rgba(22,163,108,.13);

}


.breadcrumb-wrap {

    position:
        relative;

    z-index:
        2;

    display:
        flex;

    align-items:
        center;

    gap:
        10px;

    margin-bottom:
        38px;

    font-size:
        13px;

}


.breadcrumb-wrap a {

    color:
        var(--primary-light);

    font-weight:
        700;

}


.breadcrumb-wrap span {

    color:
        var(--muted);

}


.breadcrumb-wrap i {

    color:
        #98a2b3;

    font-size:
        9px;

}


.hero-kicker {

    color:
        var(--green);

    font-size:
        11px;

    font-weight:
        800;

    letter-spacing:
        .13em;

}


.issue-hero h1 {

    margin:
        8px 0 14px;

    color:
        #102d4b;

    font-size:
        clamp(
            2.7rem,
            6vw,
            4.8rem
        );

    line-height:
        .98;

    letter-spacing:
        -.05em;

}


.hero-description {

    max-width:
        710px;

    color:
        #637488;

    font-size:
        16px;

}


.hero-buttons {

    display:
        flex;

    flex-wrap:
        wrap;

    gap:
        13px;

    margin-top:
        26px;

}


.btn-main,
.btn-outline {

    display:
        inline-flex;

    align-items:
        center;

    justify-content:
        center;

    gap:
        9px;

    padding:
        13px 19px;

    border-radius:
        13px;

    font-size:
        13px;

    font-weight:
        800;

    transition:
        .25s;

}


.btn-main {

    color:
        #fff;

    background:

        linear-gradient(
            135deg,
            var(--primary),
            var(--primary-light),
            var(--green)
        );

    box-shadow:
        0 12px 28px
        rgba(18,59,102,.19);

}


.btn-main:hover {

    color:
        #fff;

    transform:
        translateY(-3px);

    background:

        linear-gradient(
            135deg,
            var(--purple),
            #2f80ed,
            var(--green)
        );

    box-shadow:
        0 18px 35px
        rgba(73,81,210,.27);

}


.btn-outline {

    color:
        var(--primary);

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

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

}


.btn-outline:hover {

    color:
        #fff;

    transform:
        translateY(-3px);

    border-color:
        transparent;

    background:

        linear-gradient(
            135deg,
            var(--primary-light),
            var(--green)
        );

    box-shadow:
        0 15px 30px
        rgba(23,105,170,.18);

}



/* ==================================================
   HERO ISSUE CARD
================================================== */

.hero-issue-card {

    padding:
        29px;

    border-radius:
        25px;

    color:
        #fff;

    background:

        radial-gradient(
            circle at 80% 15%,
            rgba(64,222,165,.21),
            transparent 29%
        ),

        linear-gradient(
            145deg,
            #082a4b,
            #12669e 60%,
            #15976b
        );

    box-shadow:
        0 25px 50px
        rgba(18,59,102,.21);

}


.hero-card-top {

    display:
        flex;

    align-items:
        center;

    justify-content:
        space-between;

    gap:
        12px;

}


.hero-card-top span {

    color:
        #b1f2d5;

    font-size:
        11px;

    font-weight:
        800;

    text-transform:
        uppercase;

    letter-spacing:
        .06em;

}


.hero-card-top strong {

    padding:
        6px 9px;

    border-radius:
        8px;

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

    font-size:
        10px;

}


.hero-issue-number {

    margin-top:
        24px;

    font-family:
        "Manrope",
        sans-serif;

    font-size:
        92px;

    font-weight:
        800;

    line-height:
        .85;

    letter-spacing:
        -.08em;

}


.hero-issue-date {

    margin-top:
        15px;

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

    font-size:
        16px;

    font-weight:
        700;

}


.hero-card-line {

    height:
        1px;

    margin:
        22px 0;

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

}


.hero-card-stats {

    display:
        grid;

    grid-template-columns:
        1fr 1fr;

    gap:
        15px;

}


.hero-card-stats strong {

    display:
        block;

    color:
        #fff;

    font-size:
        13px;

}


.hero-card-stats small {

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

    font-size:
        10px;

}



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

.current-content {

    padding:
        78px 0 85px;

}


.current-layout {

    display:
        grid;

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

    gap:
        32px;

    align-items:
        start;

}



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

.issue-sidebar {

    position:
        sticky;

    top:
        100px;

}


.sidebar-card {

    margin-bottom:
        18px;

    padding:
        23px;

    border:
        1px solid
        rgba(18,59,102,.10);

    border-radius:
        20px;

    background:

        linear-gradient(
            145deg,
            rgba(255,255,255,.98),
            rgba(244,250,255,.98),
            rgba(231,249,240,.95)
        );

    box-shadow:
        0 13px 32px
        rgba(20,40,65,.07);

}


.issue-sidebar-main {

    color:
        #fff;

    background:

        radial-gradient(
            circle at 85% 10%,
            rgba(48,214,157,.22),
            transparent 29%
        ),

        linear-gradient(
            145deg,
            #092b4d,
            #146397 60%,
            #15966d
        );

    box-shadow:
        0 18px 38px
        rgba(18,59,102,.17);

}


.sidebar-label {

    display:
        block;

    color:
        #b1efd4;

    font-size:
        9px;

    font-weight:
        800;

    letter-spacing:
        .13em;

}


.sidebar-issue-number {

    margin-top:
        17px;

    font-family:
        "Manrope",
        sans-serif;

    color:
        #fff;

    font-size:
        66px;

    font-weight:
        800;

    line-height:
        .9;

    letter-spacing:
        -.07em;

}


.issue-sidebar-main h3 {

    margin:
        10px 0 2px;

    color:
        #fff;

    font-size:
        22px;

}


.issue-sidebar-main > p {

    margin:
        0;

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

    font-size:
        12px;

}


.sidebar-line {

    height:
        1px;

    margin:
        20px 0;

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

}


.sidebar-item {

    display:
        flex;

    align-items:
        center;

    justify-content:
        space-between;

    gap:
        12px;

    padding:
        11px 0;

    border-bottom:
        1px solid
        rgba(255,255,255,.10);

    font-size:
        11px;

}


.sidebar-item:last-child {

    border-bottom:
        0;

}


.sidebar-item span {

    display:
        flex;

    align-items:
        center;

    gap:
        7px;

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

}


.sidebar-item span i {

    color:
        #55dca2;

}


.sidebar-item strong {

    color:
        #fff;

    text-align:
        right;

    font-size:
        10px;

}



/* Sidebar Navigation */

.sidebar-card h4 {

    margin-bottom:
        13px;

    color:
        #102d4b;

    font-size:
        17px;

}


.sidebar-link {

    display:
        flex;

    align-items:
        center;

    justify-content:
        space-between;

    gap:
        10px;

    padding:
        12px 10px;

    margin-bottom:
        5px;

    color:
        #556477;

    border-radius:
        10px;

    font-size:
        11px;

    font-weight:
        700;

    transition:
        .22s;

}


.sidebar-link span {

    display:
        flex;

    align-items:
        center;

    gap:
        8px;

}


.sidebar-link i {

    color:
        var(--primary-light);

}


.sidebar-link:hover {

    color:
        var(--primary-light);

    background:
        #eef7fc;

}


.sidebar-link.active {

    color:
        #fff;

    background:

        linear-gradient(
            135deg,
            var(--primary-light),
            var(--green)
        );

    box-shadow:
        0 9px 20px
        rgba(23,105,170,.15);

}


.sidebar-link.active i {

    color:
        #fff;

}



/* Sidebar Submit */

.sidebar-submit {

    padding:
        24px;

    border-radius:
        20px;

    color:
        #fff;

    background:

        linear-gradient(
            145deg,
            #7b2ff7,
            #2f80ed 52%,
            #16b978
        );

    box-shadow:
        0 20px 40px
        rgba(77,75,200,.18);

}


.sidebar-submit-icon {

    width:
        43px;

    height:
        43px;

    display:
        grid;

    place-items:
        center;

    margin-bottom:
        14px;

    border-radius:
        12px;

    color:
        #fff;

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

}


.sidebar-submit h4 {

    margin:
        0 0 8px;

    color:
        #fff;

    font-size:
        18px;

}


.sidebar-submit p {

    margin:
        0 0 18px;

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

    font-size:
        11px;

}


.sidebar-submit a {

    display:
        inline-flex;

    align-items:
        center;

    gap:
        8px;

    padding:
        9px 12px;

    color:
        #162f49;

    border-radius:
        10px;

    background:
        #fff;

    font-size:
        11px;

    font-weight:
        800;

    transition:
        .22s;

}


.sidebar-submit a:hover {

    color:
        #fff;

    transform:
        translateY(-2px);

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

}



/* ==================================================
   ARTICLES AREA
================================================== */

.issue-articles {

    min-width:
        0;

}


.articles-heading {

    display:
        flex;

    align-items:
        end;

    justify-content:
        space-between;

    gap:
        20px;

    margin-bottom:
        25px;

}


.section-kicker {

    color:
        var(--green);

    font-size:
        10px;

    font-weight:
        800;

    letter-spacing:
        .14em;

}


.articles-heading h2 {

    margin:
        7px 0;

    color:
        #102d4b;

    font-size:
        clamp(
            2rem,
            4vw,
            3rem
        );

    line-height:
        1.05;

    letter-spacing:
        -.04em;

}


.articles-heading p {

    margin:
        0;

    color:
        var(--muted);

    font-size:
        13px;

}


.article-count {

    flex-shrink:
        0;

    min-width:
        85px;

    padding:
        13px;

    text-align:
        center;

    border-radius:
        15px;

    background:
        linear-gradient(
            145deg,
            #eaf5ff,
            #e6f8ef
        );

}


.article-count strong {

    display:
        block;

    color:
        var(--primary-light);

    font-family:
        "Manrope",
        sans-serif;

    font-size:
        25px;

    line-height:
        1;

}


.article-count span {

    color:
        var(--muted);

    font-size:
        9px;

    font-weight:
        700;

}



/* ==================================================
   HORIZONTAL ARTICLE CARD
================================================== */

.horizontal-article {

    display:
        grid;

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

    align-items:
        center;

    min-height:
        160px;

    margin-bottom:
        16px;

    overflow:
        hidden;

    border:
        1px solid
        rgba(18,59,102,.10);

    border-radius:
        19px;

    background:

        linear-gradient(
            145deg,
            rgba(255,255,255,.99),
            rgba(245,250,255,.98) 50%,
            rgba(230,249,240,.94)
        );

    box-shadow:
        0 12px 32px
        rgba(20,40,65,.06);

    transition:
        .28s;

}


.horizontal-article:hover {

    transform:
        translateY(-5px);

    border-color:
        rgba(23,105,170,.22);

    box-shadow:
        0 20px 42px
        rgba(18,67,105,.12);

}


.article-index {

    align-self:
        stretch;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    color:
        rgba(18,59,102,.18);

    background:

        linear-gradient(
            180deg,
            #edf7ff,
            #eaf9f2
        );

    border-right:
        1px solid
        rgba(18,59,102,.08);

    font-family:
        "Manrope",
        sans-serif;

    font-size:
        27px;

    font-weight:
        800;

}


.horizontal-content {

    min-width:
        0;

    padding:
        23px 25px;

}


.article-meta {

    display:
        flex;

    align-items:
        center;

    justify-content:
        space-between;

    gap:
        10px;

}


.article-type {

    display:
        inline-flex;

    align-items:
        center;

    gap:
        6px;

    color:
        var(--primary-light);

    font-size:
        9px;

    font-weight:
        800;

    text-transform:
        uppercase;

    letter-spacing:
        .06em;

}


.topic-badge {

    padding:
        5px 9px;

    color:
        #0b7e53;

    border-radius:
        50px;

    background:
        #e4f8ee;

    font-size:
        9px;

    font-weight:
        800;

}


.topic-badge.blue {

    color:
        #2467ae;

    background:
        #eaf3ff;

}


.topic-badge.purple {

    color:
        #7032df;

    background:
        #f0eaff;

}


.horizontal-article h3 {

    margin:
        10px 0 8px;

    color:
        #132f4d;

    font-size:
        18px;

    line-height:
        1.4;

    letter-spacing:
        -.018em;

}


.article-authors {

    display:
        flex;

    align-items:
        flex-start;

    gap:
        7px;

    margin:
        0;

    color:
        var(--muted);

    font-size:
        11px;

    line-height:
        1.55;

}


.article-authors i {

    flex-shrink:
        0;

    color:
        var(--green);

    margin-top:
        3px;

}


.horizontal-bottom {

    margin-top:
        9px;

}


.article-volume {

    display:
        inline-flex;

    align-items:
        center;

    gap:
        6px;

    color:
        #8190a1;

    font-size:
        9px;

    font-weight:
        700;

}


.article-volume i {

    color:
        var(--green);

}


.article-action {

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    padding:
        20px;

}


.pdf-button {

    display:
        inline-flex;

    align-items:
        center;

    justify-content:
        center;

    gap:
        7px;

    width:
        100%;

    padding:
        11px 13px;

    color:
        #fff;

    border-radius:
        11px;

    background:

        linear-gradient(
            135deg,
            var(--primary-light),
            var(--green)
        );

    font-size:
        10px;

    font-weight:
        800;

    box-shadow:
        0 9px 18px
        rgba(23,105,170,.16);

    transition:
        .23s;

}


.pdf-button:hover {

    color:
        #fff;

    transform:
        translateY(-3px);

    background:

        linear-gradient(
            135deg,
            #8a2be2,
            #2f80ed
        );

    box-shadow:
        0 13px 25px
        rgba(76,89,207,.22);

}



/* ==================================================
   BOTTOM INFO CARD
================================================== */

.bottom-info-card {

    display:
        flex;

    align-items:
        center;

    gap:
        16px;

    margin-top:
        22px;

    padding:
        22px;

    border-radius:
        19px;

    border:
        1px solid
        rgba(18,59,102,.10);

    background:

        linear-gradient(
            135deg,
            #eff7ff,
            #edf9f3
        );

}


.bottom-info-icon {

    width:
        48px;

    height:
        48px;

    flex-shrink:
        0;

    display:
        grid;

    place-items:
        center;

    color:
        var(--primary-light);

    border-radius:
        13px;

    background:
        #fff;

    box-shadow:
        0 7px 18px
        rgba(18,59,102,.08);

}


.bottom-info-card > div:nth-child(2) {

    flex:
        1;

}


.bottom-info-card > div:nth-child(2) span {

    color:
        var(--green);

    font-size:
        9px;

    font-weight:
        800;

    letter-spacing:
        .10em;

}


.bottom-info-card h3 {

    margin:
        3px 0;

    color:
        #102d4b;

    font-size:
        18px;

}


.bottom-info-card p {

    margin:
        0;

    color:
        var(--muted);

    font-size:
        10px;

}


.bottom-info-button {

    display:
        inline-flex;

    align-items:
        center;

    gap:
        7px;

    flex-shrink:
        0;

    padding:
        10px 13px;

    color:
        #fff;

    border-radius:
        10px;

    background:

        linear-gradient(
            135deg,
            var(--primary),
            var(--green)
        );

    font-size:
        10px;

    font-weight:
        800;

    transition:
        .22s;

}


.bottom-info-button:hover {

    color:
        #fff;

    transform:
        translateY(-2px);

    background:

        linear-gradient(
            135deg,
            var(--purple),
            #2f80ed
        );

}



/* ==================================================
   AUTHOR CTA
================================================== */

.author-cta {

    padding:
        0 0 80px;

}


.author-cta-card {

    display:
        flex;

    align-items:
        center;

    justify-content:
        space-between;

    gap:
        30px;

    padding:
        44px;

    color:
        #fff;

    border-radius:
        26px;

    background:

        radial-gradient(
            circle at 82% 15%,
            rgba(44,220,157,.19),
            transparent 26%
        ),

        linear-gradient(
            135deg,
            #082a4b,
            #14699f 55%,
            #15976b
        );

    box-shadow:
        0 24px 55px
        rgba(18,59,102,.18);

}


.cta-kicker {

    color:
        #a8eecf;

    font-size:
        10px;

    font-weight:
        800;

    letter-spacing:
        .14em;

}


.author-cta-card h2 {

    margin:
        7px 0 10px;

    font-size:
        clamp(
            1.9rem,
            4vw,
            3rem
        );

    letter-spacing:
        -.04em;

}


.author-cta-card p {

    max-width:
        620px;

    margin:
        0;

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

    font-size:
        13px;

}


.cta-buttons {

    display:
        flex;

    align-items:
        center;

    gap:
        10px;

    flex-shrink:
        0;

}


.cta-outline,
.cta-main {

    display:
        inline-flex;

    align-items:
        center;

    justify-content:
        center;

    gap:
        8px;

    padding:
        13px 17px;

    border-radius:
        12px;

    font-size:
        11px;

    font-weight:
        800;

    transition:
        .25s;

}


.cta-outline {

    color:
        #fff;

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

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

}


.cta-outline:hover {

    color:
        #fff;

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

}


.cta-main {

    color:
        #12304d;

    background:
        #fff;

}


.cta-main:hover {

    color:
        #fff;

    transform:
        translateY(-3px);

    background:

        linear-gradient(
            135deg,
            var(--purple),
            #2f80ed,
            var(--green)
        );

    box-shadow:
        0 15px 30px
        rgba(0,0,0,.16);

}



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

.footer {

    padding:
        62px 0 24px;

    color:
        #aebdcd;

    background:
        #081c30;

}


.footer-brand {

    display:
        flex;

    align-items:
        center;

    gap:
        12px;

    margin-bottom:
        18px;

}


.footer-brand img {

    width:
        66px;

    height:
        66px;

    object-fit:
        contain;

}


.footer-brand h4 {

    margin:
        0 0 3px;

    color:
        #fff;

}


.footer-brand p {

    margin:
        0;

    color:
        #aebdcd;

    font-size:
        11px;

}


.footer-description {

    max-width:
        500px;

    color:
        #9fb0c2;

    font-size:
        13px;

}


.footer h5 {

    margin-bottom:
        18px;

    color:
        #fff;

    font-size:
        15px;

}


.footer a {

    display:
        block;

    margin-bottom:
        9px;

    color:
        #aebdcd;

    font-size:
        12px;

    transition:
        .2s;

}


.footer a:hover {

    color:
        #55dda0;

    padding-left:
        3px;

}


.footer p {

    color:
        #aebdcd;

    font-size:
        12px;

}


.footer p i {

    margin-right:
        7px;

    color:
        #43d59a;

}


.footer-bottom {

    display:
        flex;

    justify-content:
        space-between;

    gap:
        20px;

    flex-wrap:
        wrap;

    margin-top:
        42px;

    padding-top:
        20px;

    border-top:
        1px solid
        rgba(255,255,255,.10);

    color:
        #7f94a9;

    font-size:
        10px;

}



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

@media (max-width: 1199px) {

    .nav-link {

        padding-left:
            6px !important;

        padding-right:
            6px !important;

        font-size:
            12px;

    }

}



@media (max-width: 991px) {

    .top-extra {

        display:
            none !important;

    }


    .nav-link {

        padding:
            10px 0 !important;

    }


    .submit-btn {

        margin:
            10px 0 15px;

    }


    .issue-highlight {

        margin-top:
            10px;

    }


    .current-layout {

        grid-template-columns:
            1fr;

    }


    .issue-sidebar {

        position:
            static;

        display:
            grid;

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

        gap:
            18px;

    }


    .sidebar-card,
    .sidebar-submit {

        margin-bottom:
            0;

    }


    .sidebar-submit {

        grid-column:
            span 2;

    }


    .horizontal-article {

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

    }


    .author-cta-card {

        align-items:
            flex-start;

        flex-direction:
            column;

    }

}



@media (max-width: 767px) {

    .top-bar-inner {

        justify-content:
            center;

        padding:
            7px 0;

        min-height:
            0;

    }


    .top-bar-inner span {

        font-size:
            10px;

    }


    .brand-subtitle {

        display:
            none;

    }


    .brand-logo {

        width:
            53px;

        height:
            53px;

    }


    .issue-hero {

        padding:
            40px 0 60px;

    }


    .issue-hero h1 {

        font-size:
            2.55rem;

    }


    .hero-description {

        font-size:
            14px;

    }


    .hero-buttons {

        flex-direction:
            column;

        align-items:
            stretch;

    }


    .btn-main,
    .btn-outline {

        width:
            100%;

    }


    .current-content {

        padding:
            55px 0 65px;

    }


    .issue-sidebar {

        display:
            flex;

        flex-direction:
            column;

    }


    .sidebar-submit {

        width:
            100%;

    }


    .articles-heading {

        align-items:
            flex-start;

        flex-direction:
            column;

    }


    .article-count {

        align-self:
            flex-start;

    }


    .horizontal-article {

        grid-template-columns:
            1fr;

    }


    .article-index {

        min-height:
            48px;

        justify-content:
            flex-start;

        padding-left:
            20px;

        border-right:
            0;

        border-bottom:
            1px solid
            rgba(18,59,102,.07);

    }


    .horizontal-content {

        padding:
            20px;

    }


    .article-meta {

        align-items:
            flex-start;

        flex-direction:
            column;

    }


    .horizontal-article h3 {

        font-size:
            17px;

    }


    .article-action {

        padding:
            0 20px 20px;

    }


    .pdf-button {

        width:
            100%;

    }


    .bottom-info-card {

        align-items:
            flex-start;

        flex-direction:
            column;

    }


    .bottom-info-button {

        width:
            100%;

    }


    .cta-buttons {

        flex-direction:
            column;

        width:
            100%;

    }


    .cta-outline,
    .cta-main {

        width:
            100%;

    }


    .footer-bottom {

        flex-direction:
            column;

        align-items:
            flex-start;

    }

}