@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Sora:wght@300&display=swap');

/* Typography */

/*set font for entire site*/
body {
       font-family: 'Sora', sans-serif;
       color: #000000;
}

@font-face {
    font-family: 'Sora';
    font-style: normal;
    font-weight: 400;
    src: url('https://fonts.gstatic.com/s/sora/v8/xMQbuFFdSaiX_QIjNLwz.woff2') format('woff2');
}

@font-face {
    font-family: 'Sora';
    font-style: normal;
    font-weight: 500;
    src: url('https://fonts.gstatic.com/s/sora/v8/xMQEuF1Fta92pgsP.woff2') format('woff2');
}

@font-face {
    font-family: 'Sora';
    font-style: normal;
    font-weight: 700;
    src: url('https://fonts.gstatic.com/s/sora/v8/xMQbuFFdSaiX_QIjNLwz.woff2') format('woff2');
}

body,
input,
button,
select,
textarea {
    font-family: 'Sora', sans-serif;
    font-weight: 400;
}

body {
    background-color: #ffffff;
}

strong {
    font-weight: 700;
}

em {
    color: #000000;
}

/* Header Layout */
.navbar .navbar-inner {
    width: auto;
    max-width: 100%;
    margin: 0 auto;
}

.navbar .navbar-inner .container-fluid {
    width: 100%;
    margin: 0;
    padding: 0;
    position: relative;
    min-width: 100%;
    display: block;
}

/* Logo alignment */
.navbar .brand {
    padding-left: 20px;
    margin-left: 0;
}

/* Navigation alignment */
.navbar .nav-collapse.collapse {
    float: right;
    clear: none;
}

.navbar .nav {
    float: right;
    margin-right: 20px;
}

/* Ensure responsive behavior */
@media (max-width: 979px) {
    .navbar .navbar-inner {
        width: 90%;
        padding: 0;
    }
}

section#contentArea.container-fluid{
    margin: 0 auto !important;
    width: 85% !important;  
    max-width: 90% !important;
}

/*search bar colors*/
#searchBar .search-query {
    background: #fff;
    border-color: transparent;
    box-shadow: none;
    color: #777;
}
#searchBar button {
    background: #0066ff;
    border-color: transparent;
    color: #fff;
}
#searchBar button:hover {
    background: #00ccff;
    border-color: transparent;
    color: #0066ff;
}


/* Search Results */

#serp-dd .result a {
    padding: 10px 15px;
    font-size: 18px;
    color: #0066ff;
    transition: 0.3s;
}

#serp-dd .result>li.active {
    background: rgba(0, 102, 255, 0.06);
    color: #0066ff;
}

#serp-dd .result a:hover {
    background: rgba(0, 102, 255, 0.06);
    color: #0066ff;
    transition: 0.3s;
}


/*hide article footer*/
.articleFoot time.lu {
    display:none;
}


/* Collection Title Hover & Focus */

.collection-category h2 a:hover {
    border-bottom: 0px;
}

a:focus {
    outline: none;
    text-decoration: none;
}


/* Categories Text Style*/

h2,
.collection-category h2,
.collection-category h2 a {
    font-size: 36px;
    line-height: 36px;
    color: #000000;
    font-weight: 700;
}

.category-list h3 {
    color: #000000;
    font-size: 24px;
    line-height: 30px;
    font-weight: 700;
}

.category-list .category p {
    font-size: 18px;
    line-height: 28px;
    color: #000000;
} 

.category-list .category article-count {
    color: #000000;
    font-size: 20px;
    line-height:22px;
    transition: color 0.3s;
}

.category-list .category:hover article-count {
    color: #00abd6;
}

/* Category Thumbnails */

/* ===== Help collection (public) ===== */

/* Email Content */
#category-212 {
    background-image: url('https://storage.levitate.ai/marketing/images-light-1.png');
}

/* Handwritten Cards */
#category-283 {
    background-image: url('https://storage.levitate.ai/marketing/envelopes-bulk-light-1.png');
}

/* Contacts */
#category-25 {
    background-image: url('https://storage.levitate.ai/marketing/Vector.png');
}

/* Automations */
#category-216 {
    background-image: url('https://storage.levitate.ai/marketing/robot-light-1-1.png');
}

/* Getting Started */
#category-70 {
    background-image: url('https://storage.levitate.ai/marketing/book-open-light-1-1.png');
}

/* Tags */
#category-68 {
    background-image: url('https://storage.levitate.ai/marketing/tags-light-1.png');
}

/* User Settings & Setup */
#category-214 {
    background-image: url('https://storage.levitate.ai/marketing/user-plus-light-1.png');
}

/* Release Notes */
#category-108 {
    background-image: url('https://storage.levitate.ai/marketing/notes-light-1-1.png');
}

/* Sending Emails */
#category-16 {
    background-image: url('https://storage.levitate.ai/marketing/envelope-light-1.png');
}

/* Data & Integrations */
#category-39 {
    background-image: url('https://storage.levitate.ai/marketing/rectangle-code-light-1-1.png');
}

/* Reporting & Tracking */
#category-71 {
    background-image: url('https://storage.levitate.ai/marketing/magnifying-glass-chart-light-1.png');
}

/* Social Media */
#category-218 {
    background-image: url('https://storage.levitate.ai/marketing/at-light-1.png');
}

/* Texting */
#category-217 {
    background-image: url('https://storage.levitate.ai/marketing/comment-dots-light-1.png');
}

/* Levitate Downloads */
#category-11 {
    background-image: url('https://storage.levitate.ai/marketing/Vector-2.png');
}

/* More Features */
#category-104 {
    background-image: url('https://storage.levitate.ai/marketing/square-list-light-1-1.png');
}

/* Data Boards */
#category-346 {
    background-image: url('https://storage.levitate.ai/marketing/databoard-light.png');
}

/* Text Registration */
#category-349 {
    background-image: url('https://storage.levitate.ai/marketing/text-registration-light.png');
}

/* Blogs */
#category-410 {
    background-image: url('https://storage.levitate.ai/marketing/blogs-light.png');
}

/* FAQs and Troubleshooting */
#category-412 {
    background-image: url('https://storage.levitate.ai/marketing/FAQ-light.png');
}

/* Surveys and Event Registration */
#category-416 {
    background-image: url('https://storage.levitate.ai/marketing/surveys-light.png');
}

/* Ads */
#category-552 {
    background-image: url('https://storage.levitate.ai/marketing/newspaper-light.png');
    background-size: 110px 110px;
}

/* Levitate AI */
#category-599 {
    background-image: url('https://storage.levitate.ai/marketing/sparkles-light.png');
}


/* ===== Internal collection ===== */

/* Integrations */
#category-391 {
    background-image: url('https://storage.levitate.ai/marketing/rectangle-code-light-1-1.png');
}

/* Support Ticket Process */
#category-407 {
    background-image: url('https://storage.levitate.ai/marketing/FAQ-light.png');
}

/* Email Support */
#category-466 {
    background-image: url('https://storage.levitate.ai/marketing/envelope-light-1.png');
}

/* Automations */
#category-500 {
    background-image: url('https://storage.levitate.ai/marketing/robot-light-1-1.png');
}

/* Gmail/Outlook Plugin */
#category-501 {
    background-image: url('https://storage.levitate.ai/marketing/Vector-2.png');
}

/* Texting */
#category-502 {
    background-image: url('https://storage.levitate.ai/marketing/comment-dots-light-1.png');
}

/* Satisfaction/Custom Survey */
#category-505 {
    background-image: url('https://storage.levitate.ai/marketing/surveys-light.png');
}

/* Event Registration */
#category-506 {
    background-image: url('https://storage.levitate.ai/marketing/surveys-light.png');
}

/* Google Business Integration */
#category-507 {
    background-image: url('https://storage.levitate.ai/marketing/rectangle-code-light-1-1.png');
}

/* Lead Parsers */
#category-508 {
    background-image: url('https://storage.levitate.ai/marketing/rectangle-code-light-1-1.png');
}

/* Schedule a Meeting */
#category-509 {
    background-image: url('https://storage.levitate.ai/marketing/databoard-light.png');
}

/* Hosted Blogs */
#category-510 {
    background-image: url('https://storage.levitate.ai/marketing/blogs-light.png');
}

/* Social Media */
#category-511 {
    background-image: url('https://storage.levitate.ai/marketing/at-light-1.png');
}

/* Handwritten Cards */
#category-512 {
    background-image: url('https://storage.levitate.ai/marketing/envelopes-bulk-light-1.png');
}

/* Opportunity/Donor Boards */
#category-513 {
    background-image: url('https://storage.levitate.ai/marketing/databoard-light.png');
}

/* Levitate Admin */
#category-516 {
    background-image: url('https://storage.levitate.ai/marketing/gear-light-1.png');
}

/* Categories Card Style */

.category-list .category {
    text-align: center;
    display: inline-block;
    border: 1px solid #e9ebef;
    border-radius: 24px;
    box-shadow: 0px 3px 18px rgba(30, 65, 155, 0.06);
    margin: 0 .8% 20px;
    padding: 170px 30px 50px;
    transition: all 0.25s ease-in-out;
    background-repeat: no-repeat;
    background-position: center 36px;
    background-size: 80px 80px;
    max-width: 50%;
    width: 100%;
}

.category-list {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-gap: 37px;
    margin-top: 32px;
}

#collection-category-33 {
    margin-top: 100px;
}

@media screen and (min-width: 1105px){
.category-list .category {
    max-width: 84%;
    width: 100%;
}
}

.category-list .category, .category-list .category:hover {
    background-repeat: no-repeat;
    background-position: center 35px;
    background-size: 108px;
}

.category-list .category:hover {
    background-color: #fff;
    box-shadow: 0px 7px 15px rgba(30, 65, 155, 0.09);
    transition: 0.3s;
}

.contentWrapper a {
    color: #0066ff;
    transition: color 0.3s;
    
    &:hover {
        text-decoration: none;
        color: #00abd6;
    }
}

/* Interior Page Categories */

/* Search Bar & Sidebar CSS */

#searchBar.sm button .icon-search {
  display: none;
}

#sidebar form .search-query {
    border: 1px solid #e9ebef;
    background: #FFFFFF;
    box-shadow: 0px 2px 12px rgba(19, 71, 149, 0.08);
    border-radius: 8px;
    font-size: 18px;
    line-height: 18px;
    color: #00528C;
    background-image: url(https://storage.levitate.ai/marketing/mGsrXk7/search-icon.png);
    background-size: 26px;
    background-repeat: no-repeat;
    background-position: 4% 45%;
    padding: 0px 15px 0px 50px;
    height: 56px;
}

#sidebar .nav-list {
    background-color: #fff;
    margin-top: 23px;
    margin-bottom: 0px;
    box-shadow: 0px 2px 17px rgba(19, 71, 149, 0.08);
    border-radius: 8px;
    padding: 25px 28px 40px;
    border: 1px solid #e9ebef;
}

/* Sidebar Text Style */

.contentWrapper h1 {
    font-size: 36px;
    line-height: 50px;
    font-weight: 500;
    color: #000000;
}

.contentWrapper p.descrip {
    font-size: 18px;
    margin-top: 25px;
    color: #000000;
}

#sidebar h3 {
    font-size: 24px;
    line-height: 30px;
    font-weight: 500;
    color: #000000;
    text-transform: capitalize;
}


#sidebar .nav-list .active a {
    color: #0066ff;
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
}

#sidebar .nav-list a {
   font-size: 18px;
   line-height: 22px;
   color: #000000;
   padding: 10px 0px;
transition: 0.3s;
}

#sidebar .nav-list a:hover {
    color: #00abd6;
    transition: 0.3s;
}

#sidebar form .search-query:focus {
    border: 1px solid #000000;
    border-radius: 8px !important;
    transition: 0.3s !important;
    box-shadow: 0px 5px 9px rgba(19, 71, 149, 0.08);
}

/* Icon Arrow Sidebar */

[class^=icon-] {
    color: #000000;
    font-size: 18px;
    line-height: 22px;
}

#sidebar .nav-list .active a .icon-arrow, #sidebar .nav-list .active a:hover .icon-arrow, #sidebar .nav-list .active a:focus .icon-arrow {
    color: #000000 !important;
}

.icon-arrow:before {
    color: #000000;
}

/* Right Content */

.contentWrapper {
    background: #fff;
    border-radius: 24px;
    border: 1px solid #e9ebef;
    box-shadow: 0px 3px 18px rgba(30, 65, 155, 0.06);
    padding: 50px 60px 72px;
}

#main-content {
    background: none;
}

/* Right Sidebar Text Style */

#categoryHead h1 {
    font-size: 38px;
    line-height: 50px;
    font-weight: 600;
    color: #000000;
}

.articleList li {
    font-size: 18px;
    line-height: 28px;
    color: #00ccff;
}

.icon-article-doc:before {
 color: #000000;
}

.articleList a span{
     transition: 0.3s;
}

.articleList a span:hover {
    text-decoration: none;
    color: #00abd6;
    transition: 0.3s;
}

/* Search Resaults */

#serp-dd.sb {
    border: 1px solid #e9ebef;
    border-radius: 8px;
    top: 60px;
    box-shadow: 0px 5px 9px rgba(19, 71, 149, 0.08);
    font-size: 16px;
    line-height: 18px;
    color: #00528C;
}

#serp-dd {
    border: 1px solid #e9ebef;
    border-radius: 8px;
    top: 80%;
    box-shadow: 0px 5px 9px rgba(19, 71, 149, 0.08);
    font-size: 16px;
    line-height: 18px;
    color: #00528C;
}


#fullArticle {
    max-width: 100%;
    margin: auto;
    position: relative;
}

/* Text Style Article */

#fullArticle h1, #fullArticle h2, #fullArticle h3, #fullArticle h4, #fullArticle h5 {
    color: #000000;
}

#fullArticle .title {
    font-size: 38px;
    line-height: 50px;
    font-weight: 700;
}

#fullArticle h2 {
  font-size: 32px;
  line-height: 48px;
  font-weight: 700;
}

#fullArticle, #fullArticle p, #fullArticle ul, #fullArticle ol, #fullArticle li, #fullArticle div, #fullArticle blockquote, #fullArticle dd, #fullArticle table {
    font-size: 18px;
    line-height: 28px;
    color: #000000;
}

/* Visually separate back-to-back tables (common pattern in internal
   integration docs where multiple sub-tables sit under one heading
   with no <h3> between them). Without this rule they render as one
   continuous table. */
#fullArticle table + table {
    margin-top: 2em;
}

/* Table styling: give tables a clear visual frame, a tinted header
   row, padded cells, and subtle row dividers. Without these rules,
   HelpScout's default tables read as a wall of plain text with thin
   gray lines, which is hard to scan in dense internal integration
   docs. */
#fullArticle table {
    border-collapse: collapse;
    width: 100%;
    margin: 1em 0 1.25em;
    border: 1px solid #e5e7eb;
    border-radius: 6px;
    overflow: hidden;
}
#fullArticle thead th {
    background-color: #f6f7f9;
    text-align: left;
    font-weight: 600;
    padding: 8px 14px;
    line-height: 1.4;
    border-bottom: 1px solid #d8dde3;
    vertical-align: top;
}
#fullArticle tbody td {
    padding: 8px 14px;
    line-height: 1.4;
    border-bottom: 1px solid #eef0f3;
    vertical-align: top;
}
#fullArticle tbody tr:last-child td {
    border-bottom: none;
}
#fullArticle tbody tr:nth-child(even) td {
    background-color: #fafbfc;
}

#fullArticle strong {
    color: #000000;
}

#fullArticle blockquote {
    font-style: normal;
    border-left-color: #00528C;
    border-width: 10px;
    padding: 40px 42px 40px 42px;
    background: rgba(0, 102, 255, 0.06);
    border-radius: 8px;
}

pre {
    background-color: #F5F9FF;
    color: #00528C;
    border: 1px solid #e9ebef;
}

#fullArticle pre, #fullArticle code {
    font-size: 18px;
    line-height: 28px;
    color: #000000;
}

.articleFoot p, .articleFoot time {
    font-family: 'DM Sans';
    font-style: normal;
    color: #00528C;
    font-size: 18px;
}

#sbContact {
    color: #00528C;
    border: none;
    transition: 0.3s;
}

#sbContact:hover {
    color: #00abd6;
    transition: 0.3s;
}

#fullArticle .printArticle {
    position: absolute;
    right: -2%;
    top: -23px;
    transition: 0.3s;
}

.icon-print {
    transition: 0.3s;
}

#fullArticle .printArticle:hover .icon-print{
    color: #0066ff;
    transition: 0.3s;
}

/* Media Queries Mobile Hero */

@media only screen and (min-width: 200px) and (max-width: 500px) {
    #docsSearch {
        padding: 80px 24px 80px;
    }

    #docsSearch h1 {
    font-size: 46px;
    line-height: 55px;
}
    #searchBar button span {
        display: none;
    }

    #searchBar {
      width: 100%;
}

    #searchBar .search-query {
        padding: 25px 24px;
        background-image: none;
    }

    #searchBar button .icon-search {
    display: block;
    color: #fff;
}
    
     .icon-search:before {
            position: relative;
    bottom: 2px;
     }
}

/* Form Mobile Contact Us */

.modal {
        width: 650px;
}

@media (max-width: 768px) {
    /* Navigation */
    .nav-collapse .nav {
    margin: 15px 0 30px;
    }

    .navbar {
        .brand {
            padding: 75px 0px 0px;
            background-position: 61% 101%;
        }

        .btn-navbar {
            position: absolute;
            top: 9px;

            .icon-bar {
                background: #fff !important;
                box-shadow: none !important;
                width: 25px !important;
                border-radius: 100px !important;

                & + .icon-bar {
                    margin-top: 5px;
                }
            }
        }

        .nav li a {
            padding: 15px 0px;
        }
    }

    /* Content Layout */
    #main-content {
        margin: 40px 0px 2em 0px;
    }

    .contentWrapper {
        border-radius: 8px;
        padding: 50px 28px 72px;

        &.withRelated {
            min-height: 205px;
            padding-bottom: 80px;
        }
    }

    /* Search */
    #searchBar {
        max-width: 100%;
    }

    /* Article Styles */
    #fullArticle {
        .printArticle {
            right: 3% !important;
            top: -15px !important;
        }

        .title {
            font-size: 34px;
            line-height: 40px;
        }

        h2 {
            font-size: 26px;
            line-height: 32px;
        }
    }

    /* Related Content */
    .related {
        border-radius: 8px !important;
        padding: 72px 28px !important;

        h3 {
            padding-left: 0px !important;
        }

        ul {
            margin-left: 25px !important;
        }
    }

    /* Form Elements */
    .modal-body {
        min-height: 730px;
    }

    /* Article Footer */
    .articleFoot time.lu {
        float: left;
    }
}

/* Consolidate tablet breakpoints */
@media (min-width: 768px) and (max-width: 910px) {
    .navbar .nav li a {
        font-size: 15px;
        padding: 10px;
    }

    #contact a {
        font-size: 15px;
        padding: 16px;
        margin-left: 0px;
    }
}

/* Consolidate desktop breakpoints */
@media (min-width: 1160px) {
    #docsSearch {
        &::before {
            top: 5%;
        }

        padding: 130px 24px;
        margin-bottom: 12em;

        @media (max-width: 1650px) {
            &::before {
                top: 7%;
            }
        }

        @media (max-width: 1510px) {
            padding: 120px 24px;
        }

        @media (max-width: 1400px) {
            padding: 100px 24px;
        }
    }
}

/* Consolidate small screen breakpoints */
@media (max-width: 500px) {
    #docsSearch {
        padding: 40px 24px;
        margin-top: 20px;

        h1 {
            font-size: 46px;
            line-height: 55px;
        }
    }

    #searchBar {
        width: 100%;

        button span {
            display: none;
        }

        .search-query {
            padding: 25px 24px;
            background-image: none;
        }

        button .icon-search {
            display: block;
            color: #fff;

            &:before {
                position: relative;
                bottom: 2px;
            }
        }
    }
}

/* Category list responsive styles */
@media (max-width: 1300px) {
    .category-list .category {
        max-width: 80%;
    }
}

@media (max-width: 1170px) {
    .category-list {
        grid-template-columns: repeat(2, 1fr);

        .category {
            max-width: 79%;
        }
    }
}

@media (max-width: 760px) {
    .category-list {
        grid-template-columns: repeat(1, 1fr);

        .category {
            max-width: 84%;
        }
    }
}

/* Media Queries Icon */

@media (min-width: 200px) and (max-width: 1220px) {
    #fullArticle .printArticle {
        right: -2%;
    }
}

@media (min-width: 200px) and (max-width: 1150px) {
    #fullArticle .printArticle {
        right: -2%;
        top: -15px;
    }
}

@media (max-width: 768px) {
    #fullArticle .printArticle {
        right: -14px;
        top: -52px;
    }

    #fullArticle .title {
        font-size: 34px;
        line-height: 40px;
    }

    #fullArticle h2 {
        font-size: 26px;
        line-height: 32px;
    }

    .articleFoot time.lu {
        float: left;
    }

    .contentWrapper.withRelated {
        min-height: 205px;
        padding-bottom: 80px;
    }
}

/* Error Message Form */

#contactModal .parsley-errors-list {
    font-size: 16px;
    margin-top: 16px;
    color: #D60000;
}

#contactModal .parsley-error:not([type=file]), #contactForm .parsley-error:not([type=file]), .abuse .parsley-error:not([type=file]) {
    border: 1px solid #D60000;
}

#contactModal .parsley-errors-list, #contactForm .parsley-errors-list, .abuse .parsley-errors-list {
    font-size: 16px;
    margin-top: 16px;
    color: #D60000;
}

/* Media Queries */

@media (max-width: 768px) {
.modal-body {
    min-height: 730px;
}
}

/* Search Section with spacing */
#docsSearch {
    padding: 30px 24px;
    margin-bottom: 2em;
    margin-top: 30px;
}

/* Maintain responsiveness */
@media (max-width: 500px) {
    #docsSearch {
        padding: 40px 24px;
        margin-top: 20px;

        h1 {
            font-size: 46px;
            line-height: 55px;
        }
    }
}
/* ===========================
   Article body typography
   Levitate brand standard:
     - Body: Arial, 13pt
     - Headers: Arial, 16.5pt
   These rules apply ONLY inside the rendered article body, not the
   site chrome (which uses Sora via the rules at the top of this file).
   =========================== */
article {
    font-family: Arial, sans-serif !important;
    font-size: 11pt !important;
    line-height: 1.5;
}

article p,
article li,
article td,
article th,
article blockquote {
    font-family: Arial, sans-serif !important;
    font-size: 11pt !important;
}

article h1,
article h2,
article h3,
article h4,
article h5,
article h6 {
    font-family: Arial, sans-serif !important;
    font-weight: 700;
}

/* Differentiated heading scale so visual hierarchy is preserved.
   Body text is 11pt; headings step up from there. */
article h2 { font-size: 20pt !important; }
article h3 { font-size: 16pt !important; }
article h4 { font-size: 13pt !important; }
article h5,
article h6 { font-size: 11pt !important; }

/* Code blocks and inline code — match body size (HelpScout's default
   18px / 13.5pt is too big against an 11pt body). Keep monospace font
   from inheriting; tighten <pre> padding for a less bloated look. */
article pre,
article code {
    font-size: 11pt !important;
}
article pre {
    padding: 12px 16px !important;
    line-height: 1.45;
}

/* Tighter list spacing. HelpScout's default leaves a full paragraph's
   gap between every <li>, which makes 5-item bullet lists read like
   five separate sections. Pull <li> bottom margin down to a small
   gap that still preserves scannability. Applies to nested lists too
   so step lists with sub-bullets don't double up the gap. */
article ul,
article ol {
    margin-top: 0.5em;
    margin-bottom: 1em;
}
article li {
    margin: 0.15em 0 !important;
}
article li > p {
    margin: 0.25em 0;
}


/* ===========================
   Release Notes and Change Log
   Type sizes and the Arial face are the brand standard set above and
   are untouched here. What these rules change is spacing, grouping
   and the read-more affordance.

   Scoped by the classes the notes generator emits, so no other
   article is touched. HelpScout puts no category hook on an article
   page — the body carries no class and the wrapper is only
   `article#fullArticle` — so a class on the markup is the only way to
   reach these articles and nothing else.

   An earlier draft matched date headings on a month-name id prefix
   instead, to style the already-published article without editing it.
   That article now carries the class, and the prefix form would have
   matched any h2 whose id merely started with a month — "May I change
   this later?" among them.
   =========================== */

/* The contents heading is navigation, not content. Left at the generic
   20pt it became the loudest thing in the body once the dates dropped
   to a label — louder than any feature name, which is what a reader is
   actually scanning for. */
article h2.release-toc {
    font-size: 13pt !important;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #5f6b76;
    margin: 0 0 0.25rem !important;
}

/* Dates recede. At 20pt bold a date competes with the 16pt bold
   feature titles beneath it, so the least important thing on the page
   is the loudest. A small uppercase label over a brand rule separates
   releases without shouting over what shipped. */
article h2.release-date {
    font-size: 13pt !important;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #5f6b76;
    margin: 3rem 0 0 !important;
    padding-bottom: 0.4rem;
    border-bottom: 2px solid #00abd6;
}

article h2.release-date:first-of-type {
    margin-top: 1rem !important;
}

/* Entries group. Every element currently carries the same margin, so
   a title, its paragraph and its read-more line form one
   undifferentiated stack with nothing marking where one feature ends.
   Pull each title onto its paragraph and put the space between
   entries instead. Needs the generator's wrapper. */
article .release-entry {
    margin-top: 2rem;
}

article .release-entry h3 {
    margin: 0 0 0.35rem !important;
    line-height: 1.25;
}

article .release-entry p {
    margin: 0 !important;
}

/* Read more looks clickable. A bare link in its own paragraph reads
   as body text. */
article .release-more {
    margin-top: 0.6rem !important;
    font-size: 10.5pt !important;
}

article .release-more a {
    color: #007a99;
    font-weight: 600;
    text-decoration: none;
    border-bottom: 1px solid rgba(0, 171, 214, 0.45);
    padding-bottom: 1px;
}

article .release-more a::after {
    content: " \2192";
}

article .release-more a:hover {
    border-bottom-color: #00abd6;
}