/*
 * InsightLinks Human Editorial Layer
 * ----------------------------------
 * Purpose:
 * Make the homepage read like a newsroom,
 * not a software dashboard.
 *
 * Intelligence remains underneath.
 * Journalism remains on the surface.
 */


/* ==========================================================
   EDITORIAL FOUNDATION
   ========================================================== */

body.home {
    background: #fff;
    color: #171717;
}


/*
 * Headlines deliberately use a traditional editorial face.
 * Interface/navigation remains controlled by the existing
 * sans-serif system.
 */

body.home h1,
body.home h2,
body.home h3,
body.home h4,
body.home .il37-card h2,
body.home .il37-card h3,
body.home .il310-card h2,
body.home .il310-card h3,
body.home .il311-lane-card h4 {
    font-family:
        Georgia,
        "Times New Roman",
        Times,
        serif;

    letter-spacing: -0.025em;
}


/* ==========================================================
   REMOVE SOFTWARE-DASHBOARD FEEL
   ========================================================== */

body.home .il37-card,
body.home .il310-card,
body.home .il311-lane-card,
body.home .il310-secondary-card {

    background: transparent;

    border-radius: 0;

    box-shadow: none;

    backdrop-filter: none;
    -webkit-backdrop-filter: none;

    transform: none;
}


/*
 * No floating SaaS-card hover.
 */

body.home .il37-card:hover,
body.home .il310-card:hover,
body.home .il311-lane-card:hover,
body.home .il310-secondary-card:hover {

    transform: none;

    box-shadow: none;
}


/* ==========================================================
   PHOTOGRAPHY
   ========================================================== */

body.home .il37-card-media,
body.home .il310-card .il37-card-media,
body.home .il310-secondary-card .il37-card-media,
body.home .il311-lane-card figure {

    border-radius: 0;

    overflow: hidden;

    background: #eceae6;
}


body.home .il37-card-media img,
body.home .il310-card img {

    transition:
        opacity .18s ease;

    transform: none;
}


body.home .il37-card:hover img,
body.home .il310-card:hover img {

    transform: none;

    opacity: .94;
}


/* ==========================================================
   STORY HEADLINES
   ========================================================== */

body.home .il37-card h2,
body.home .il310-card h2 {

    line-height: 1.08;

    font-weight: 700;

    text-wrap: balance;
}


body.home .il310-secondary-card h2 {

    line-height: 1.12;

    font-weight: 700;
}


body.home .il311-lane-card h4 {

    line-height: 1.16;

    font-weight: 700;
}


/* ==========================================================
   STORY LINKS
   ========================================================== */

body.home .il37-card h2 a,
body.home .il37-card h3 a,
body.home .il310-card h2 a,
body.home .il310-card h3 a,
body.home .il311-lane-card h4 a {

    color: #151515;

    text-decoration: none;
}


body.home .il37-card h2 a:hover,
body.home .il37-card h3 a:hover,
body.home .il310-card h2 a:hover,
body.home .il310-card h3 a:hover,
body.home .il311-lane-card h4 a:hover {

    color: #4a4a4a;

    text-decoration: underline;

    text-decoration-thickness: 1px;

    text-underline-offset: 4px;
}


/* ==========================================================
   CATEGORY SIGNALS
   ========================================================== */

/*
 * Categories should read as editorial labels,
 * not application pills.
 */

body.home .il37-card-category,
body.home .il311-context-badge {

    display: inline-block;

    width: auto;

    padding: 0;

    border: 0;

    border-radius: 0;

    background: transparent;

    box-shadow: none;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size: 11px;

    font-weight: 700;

    line-height: 1.3;

    letter-spacing: .075em;

    text-transform: uppercase;
}


/* ==========================================================
   STORY METADATA
   ========================================================== */

body.home .il37-card-meta,
body.home time {

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size: 12px;

    color: #777;
}


/* ==========================================================
   EDITORIAL DIVIDERS
   ========================================================== */

body.home main section {

    border-radius: 0;
}


body.home main section + section {

    margin-top: 48px;
}


/*
 * Supporting stories should be separated by newspaper-like
 * rules instead of floating containers.
 */

body.home .il310-secondary-card {

    border-top: 1px solid #d8d8d8;

    padding-top: 16px;
}


body.home .il311-lane-card {

    border-top: 1px solid #dedede;

    padding-top: 15px;
}


/* ==========================================================
   BREAKING NEWS
   ========================================================== */

body.home .il310-breaking {

    border-radius: 0;

    box-shadow: none;

    backdrop-filter: none;
    -webkit-backdrop-filter: none;
}


body.home .il310-breaking-label {

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size: 11px;

    font-weight: 800;

    letter-spacing: .08em;

    text-transform: uppercase;
}


/* ==========================================================
   DESKTOP EDITORIAL RHYTHM
   ========================================================== */

@media (min-width: 900px) {

    body.home .il38-lead .il37-card-media {

        min-height: 420px;
    }


    body.home .il38-lead h2,
    body.home .il310-card--feature h2 {

        font-size:
            clamp(
                36px,
                4vw,
                62px
            );

        line-height: 1.01;

        letter-spacing: -0.04em;
    }


    body.home .il310-secondary-card h2 {

        font-size:
            clamp(
                20px,
                2vw,
                28px
            );
    }

}


/* ==========================================================
   MOBILE — NEWS FIRST
   ========================================================== */

@media (max-width: 699px) {

    body.home {

        background: #fff;
    }


    body.home main {

        overflow: hidden;
    }


    body.home main section + section {

        margin-top: 34px;
    }


    body.home .il37-card,
    body.home .il310-card,
    body.home .il310-secondary-card,
    body.home .il311-lane-card {

        border-radius: 0;

        box-shadow: none;
    }


    body.home .il38-lead h2,
    body.home .il310-card--feature h2 {

        font-size:
            clamp(
                30px,
                9vw,
                43px
            );

        line-height: 1.03;
    }


    body.home .il310-secondary-card {

        padding-top: 14px;
    }


    body.home .il37-card-media {

        border-radius: 0;
    }

}


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

body.home a:focus-visible {

    outline: 2px solid currentColor;

    outline-offset: 4px;
}


/* ==========================================================
   INSIGHTLINKS PHASE 4B
   HUMAN PUBLICATION MASTHEAD
   ========================================================== */


/* ----------------------------------------------------------
   HEADER SHELL
   ---------------------------------------------------------- */

.il37-site-header {
    position: relative;

    z-index: 60;

    width: 100%;

    background: #fff;

    border: 0;

    border-bottom:
        1px solid #cfcfcf;

    box-shadow: none;

    backdrop-filter: none;
    -webkit-backdrop-filter: none;
}


.il-human-masthead {
    width:
        min(
            100% - 40px,
            1280px
        );

    margin-inline: auto;
}


/* ----------------------------------------------------------
   TOP MASTHEAD
   ---------------------------------------------------------- */

.il-human-masthead-top {
    display: grid;

    grid-template-columns:
        1fr auto 1fr;

    align-items: center;

    min-height: 104px;

    padding:
        18px 0 15px;

    border-bottom:
        1px solid #1e1e1e;
}


.il-human-brand {
    grid-column: 2;

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    gap: 3px;

    width: auto;

    min-width: 0;

    padding: 0;

    color: #111;

    text-align: center;

    text-decoration: none;

    background: transparent;

    border-radius: 0;

    box-shadow: none;
}


.il-human-brand:hover {
    color: #111;

    text-decoration: none;
}


.il-human-brand-name {
    display: block;

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

    font-size:
        clamp(
            39px,
            4.2vw,
            64px
        );

    font-weight: 700;

    line-height: .92;

    letter-spacing:
        -.055em;
}


.il-human-brand-tagline {
    display: block;

    margin-top: 6px;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size: 11px;

    font-weight: 600;

    letter-spacing:
        .14em;

    text-transform: uppercase;

    color: #666;
}


/* Hide old mark/copy if an old cache fragment ever appears. */

.il37-brand-mark,
.il37-brand-copy {
    display: none;
}


/* ----------------------------------------------------------
   HEADER ACTIONS
   ---------------------------------------------------------- */

.il-human-header-actions {
    grid-column: 3;

    display: flex;

    align-items: center;

    justify-content: flex-end;

    gap: 14px;
}


.il-human-search-button,
.il-human-menu-button,
.il-human-mobile-search {

    appearance: none;

    border: 0;

    border-radius: 0;

    background: transparent;

    color: #151515;

    padding: 5px 0;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size: 12px;

    font-weight: 700;

    line-height: 1.2;

    letter-spacing:
        .05em;

    text-transform: uppercase;

    cursor: pointer;

    box-shadow: none;
}


.il-human-search-button:hover,
.il-human-menu-button:hover,
.il-human-mobile-search:hover {

    text-decoration: underline;

    text-decoration-thickness:
        1px;

    text-underline-offset:
        4px;
}


/* Desktop does not need menu button. */

.il-human-menu-button {
    display: none;
}


/* ----------------------------------------------------------
   PRIMARY EDITORIAL NAV
   ---------------------------------------------------------- */

.il-human-editorial-nav {
    display: flex;

    align-items: center;

    justify-content: center;

    gap:
        clamp(
            17px,
            2.15vw,
            32px
        );

    min-height: 48px;

    overflow-x: auto;

    scrollbar-width: none;
}


.il-human-editorial-nav::-webkit-scrollbar {
    display: none;
}


.il-human-editorial-nav a {
    flex: 0 0 auto;

    color: #202020;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size: 13px;

    font-weight: 700;

    line-height: 1;

    text-decoration: none;

    white-space: nowrap;
}


.il-human-editorial-nav a:hover {
    text-decoration: underline;

    text-decoration-thickness:
        1px;

    text-underline-offset:
        5px;
}


/* ----------------------------------------------------------
   SECONDARY NEWS DESKS
   ---------------------------------------------------------- */

.il-human-secondary-nav {
    display: flex;

    align-items: center;

    justify-content: flex-start;

    gap: 18px;

    min-height: 37px;

    overflow-x: auto;

    border-top:
        1px solid #e2e2e2;

    scrollbar-width: none;
}


.il-human-secondary-nav::-webkit-scrollbar {
    display: none;
}


.il-human-secondary-nav span {
    flex: 0 0 auto;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size: 10px;

    font-weight: 800;

    letter-spacing: .1em;

    text-transform: uppercase;

    color: #777;
}


.il-human-secondary-nav a {
    flex: 0 0 auto;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size: 12px;

    font-weight: 500;

    color: #505050;

    text-decoration: none;

    white-space: nowrap;
}


.il-human-secondary-nav a:hover {
    color: #111;

    text-decoration: underline;

    text-underline-offset:
        4px;
}


/* ----------------------------------------------------------
   MOBILE NAV
   ---------------------------------------------------------- */

.il-human-mobile-nav {
    display: none;
}


/* ----------------------------------------------------------
   SEARCH DIALOG — HUMANIZED
   ---------------------------------------------------------- */

.il37-search-panel {
    background:
        rgba(
            255,
            255,
            255,
            .97
        );

    backdrop-filter: none;
    -webkit-backdrop-filter: none;
}


.il37-search-dialog {
    max-width: 740px;

    border-radius: 0;

    box-shadow: none;

    border-top:
        4px solid #111;

    background: #fff;
}


.il37-search-dialog label {
    font-family:
        Georgia,
        "Times New Roman",
        Times,
        serif;

    font-size:
        clamp(
            28px,
            4vw,
            44px
        );

    font-weight: 700;

    line-height: 1.05;

    letter-spacing:
        -.025em;
}


.il37-search-dialog input {
    border-radius: 0;

    border:
        0;

    border-bottom:
        1px solid #777;

    box-shadow: none;

    background: transparent;
}


/* ----------------------------------------------------------
   TABLET
   ---------------------------------------------------------- */

@media (
    min-width: 700px
)
and (
    max-width: 1050px
) {

    .il-human-masthead {
        width:
            calc(
                100% - 32px
            );
    }


    .il-human-editorial-nav {
        justify-content:
            flex-start;
    }


    .il-human-brand-name {
        font-size:
            clamp(
                37px,
                6vw,
                52px
            );
    }

}


/* ----------------------------------------------------------
   MOBILE
   ---------------------------------------------------------- */

@media (max-width: 699px) {

    .il-human-masthead {
        width:
            calc(
                100% - 24px
            );
    }


    .il-human-masthead-top {
        grid-template-columns:
            1fr auto;

        min-height: 72px;

        padding:
            11px 0;

        border-bottom:
            1px solid #191919;
    }


    .il-human-brand {
        grid-column: 1;

        align-items:
            flex-start;

        text-align:
            left;
    }


    .il-human-brand-name {
        font-size:
            clamp(
                30px,
                9.5vw,
                40px
            );

        letter-spacing:
            -.045em;
    }


    .il-human-brand-tagline {
        margin-top: 4px;

        font-size: 9px;

        letter-spacing:
            .1em;
    }


    .il-human-header-actions {
        grid-column: 2;

        gap: 17px;
    }


    .il-human-search-button {
        display: none;
    }


    .il-human-menu-button {
        display: inline-block;
    }


    .il-human-editorial-nav {
        justify-content:
            flex-start;

        gap: 21px;

        min-height: 43px;
    }


    .il-human-editorial-nav a {
        font-size: 12px;
    }


    .il-human-secondary-nav {
        display: none;
    }


    .il-human-mobile-nav[hidden] {
        display: none;
    }


    .il-human-mobile-nav:not([hidden]) {
        display: grid;

        grid-template-columns:
            1fr 1fr;

        gap: 0;

        padding:
            8px 0 17px;

        border-top:
            1px solid #dedede;

        background: #fff;
    }


    .il-human-mobile-nav a {
        padding:
            13px 8px 13px 0;

        border-bottom:
            1px solid #e5e5e5;

        color: #191919;

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

        font-size: 18px;

        font-weight: 700;

        line-height: 1.15;

        text-decoration: none;
    }


    .il-human-mobile-search {
        grid-column:
            1 / -1;

        justify-self:
            start;

        margin-top: 14px;

        font-size: 11px;
    }

}


/* ----------------------------------------------------------
   SMALL MOBILE
   ---------------------------------------------------------- */

@media (max-width: 390px) {

    .il-human-brand-name {
        font-size: 29px;
    }


    .il-human-brand-tagline {
        display: none;
    }


    .il-human-editorial-nav {
        gap: 18px;
    }

}


/* ==========================================================
   INSIGHTLINKS PHASE 5C
   REAL HUMAN EDITORIAL HERO
   Targets actual homepage DOM:
   .il310-hero
   .il310-lead
   .il310-secondary
   ========================================================== */


/* ----------------------------------------------------------
   BREAKING STRIP
   ---------------------------------------------------------- */

body.home .il310-breaking{
    width:min(calc(100% - 40px),1280px);
    margin:17px auto 30px;
    padding:0;
    display:grid;
    grid-template-columns:auto minmax(0,1fr);
    align-items:center;
    min-height:41px;
    border:0;
    border-top:2px solid #111;
    border-bottom:1px solid #cfcfcf;
    border-radius:0;
    background:#fff;
    box-shadow:none;
}

body.home .il310-breaking-label{
    align-self:stretch;
    display:flex;
    align-items:center;
    gap:6px;
    padding:0 16px 0 0;
    margin-right:16px;
    border-right:1px solid #d7d7d7;
    background:transparent;
    color:#a50000;
    font-family:Arial,Helvetica,sans-serif;
    font-size:10px;
    font-weight:800;
    letter-spacing:.1em;
    text-transform:uppercase;
}

body.home .il310-breaking-track{
    display:flex;
    align-items:center;
    gap:27px;
    min-width:0;
    overflow-x:auto;
    scrollbar-width:none;
}

body.home .il310-breaking-track::-webkit-scrollbar{
    display:none;
}

body.home .il310-breaking-track a{
    flex:none;
    color:#171717;
    font-family:Arial,Helvetica,sans-serif;
    font-size:13px;
    font-weight:600;
    line-height:1.3;
    text-decoration:none;
    white-space:nowrap;
}

body.home .il310-breaking-track a:hover{
    text-decoration:underline;
    text-underline-offset:4px;
}


/* ----------------------------------------------------------
   REAL HERO CONTAINER
   ---------------------------------------------------------- */

body.home .il310-hero{
    display:grid;
    grid-template-columns:minmax(0,1.72fr) minmax(285px,.68fr);
    gap:38px;
    align-items:start;

    margin-top:0;
    margin-bottom:42px;
    padding-bottom:38px;

    border-bottom:1px solid #bcbcbc;
}


/* ----------------------------------------------------------
   REAL LEAD STORY
   ---------------------------------------------------------- */

body.home .il310-lead{
    display:block;
    min-width:0;
    padding:0;
    margin:0;
    border:0;
    border-radius:0;
    background:transparent;
    box-shadow:none;
}

body.home .il310-lead::after{
    display:none;
}

body.home .il310-lead-image{
    display:block;
    position:relative;

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

    margin:0 0 21px;

    overflow:hidden;

    border:0;
    border-radius:0;

    background:#e8e6e1;
}

body.home .il310-lead-image img{
    display:block;

    width:100%;
    height:100%;

    object-fit:cover;

    border-radius:0;

    transition:none;
}

body.home .il310-lead-image:hover img{
    transform:none;
}

body.home .il310-lead-copy{
    position:static;

    width:100%;
    max-width:920px;

    padding:0;

    color:#111;

    background:transparent;

    border:0;
    border-radius:0;

    box-shadow:none;
}


/* category */

body.home .il310-lead .il310-category{
    display:inline-block;

    margin:0 0 9px;

    color:#8d0000;

    font-family:Arial,Helvetica,sans-serif;

    font-size:10px;

    font-weight:800;

    line-height:1;

    letter-spacing:.11em;

    text-decoration:none;

    text-transform:uppercase;
}


/* machine signal visually demoted */

body.home .il310-lead .il310-signal{
    display:none;
}


/* headline */

body.home .il310-lead h1{
    max-width:950px;

    margin:0 0 14px;

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

    font-size:clamp(43px,4.8vw,72px);

    font-weight:700;

    line-height:.99;

    letter-spacing:-.048em;

    text-wrap:balance;
}

body.home .il310-lead h1 a{
    color:#111;
    text-decoration:none;
}

body.home .il310-lead h1 a:hover{
    text-decoration:underline;
    text-decoration-thickness:1px;
    text-underline-offset:6px;
}


/* excerpt */

body.home .il310-lead p{
    max-width:760px;

    margin:0 0 15px;

    color:#444;

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

    font-size:18px;

    font-weight:400;

    line-height:1.52;
}


/* metadata */

body.home .il310-lead .il310-meta{
    color:#777;

    font-family:Arial,Helvetica,sans-serif;

    font-size:11px;

    font-weight:500;

    letter-spacing:.02em;
}


/* ----------------------------------------------------------
   SECONDARY COLUMN
   ---------------------------------------------------------- */

body.home .il310-secondary{
    display:block;

    min-width:0;

    padding:0;

    border:0;
}

body.home .il310-secondary-card{
    display:grid;

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

    gap:15px;

    align-items:start;

    margin:0;

    padding:17px 0;

    border:0;
    border-top:1px solid #d8d8d8;

    border-radius:0;

    background:transparent;

    box-shadow:none;
}

body.home .il310-secondary-card:first-child{
    padding-top:0;
    border-top:0;
}

body.home .il310-secondary-card .il37-card-media{
    width:100%;
    aspect-ratio:4 / 3;

    margin:0;

    overflow:hidden;

    border-radius:0;

    background:#e8e6e1;
}

body.home .il310-secondary-card .il37-card-media img{
    width:100%;
    height:100%;

    object-fit:cover;

    border-radius:0;
}

body.home .il310-secondary-card .il37-card-copy{
    min-width:0;
    padding:0;
}

body.home .il310-secondary-card .il37-card-category{
    display:block;

    margin:0 0 5px;

    color:#777;

    font-family:Arial,Helvetica,sans-serif;

    font-size:9px;

    font-weight:800;

    letter-spacing:.08em;

    text-transform:uppercase;
}

body.home .il310-secondary-card h2{
    margin:0 0 7px;

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

    font-size:20px;

    font-weight:700;

    line-height:1.08;

    letter-spacing:-.025em;
}

body.home .il310-secondary-card h2 a{
    color:#171717;
    text-decoration:none;
}

body.home .il310-secondary-card h2 a:hover{
    text-decoration:underline;
    text-decoration-thickness:1px;
    text-underline-offset:4px;
}

body.home .il310-secondary-card p{
    display:none;
}

body.home .il310-secondary-card .il37-card-meta{
    margin-top:5px;

    color:#888;

    font-size:10px;
}


/* ----------------------------------------------------------
   LATEST NEWS TRANSITION
   ---------------------------------------------------------- */

body.home .il310-feed-section{
    margin-top:0;
}

body.home .il310-section-head{
    display:flex;

    justify-content:space-between;

    align-items:end;

    gap:20px;

    margin:0 0 22px;

    padding:0 0 12px;

    border:0;
    border-bottom:3px solid #111;
}

body.home .il310-section-head span{
    display:block;

    margin-bottom:5px;

    color:#777;

    font-family:Arial,Helvetica,sans-serif;

    font-size:9px;

    font-weight:800;

    letter-spacing:.12em;

    text-transform:uppercase;
}

body.home .il310-section-head h2{
    margin:0;

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

    font-size:29px;

    font-weight:700;

    line-height:1;

    letter-spacing:-.03em;
}

body.home .il310-section-head > a{
    padding-bottom:2px;

    color:#555;

    font-family:Arial,Helvetica,sans-serif;

    font-size:11px;

    font-weight:700;

    text-decoration:none;
}

body.home .il310-section-head > a:hover{
    color:#111;
    text-decoration:underline;
}


/* ----------------------------------------------------------
   TABLET
   ---------------------------------------------------------- */

@media (min-width:700px) and (max-width:959px){

    body.home .il310-breaking{
        width:calc(100% - 32px);
    }

    body.home .il310-hero{
        grid-template-columns:minmax(0,1.45fr) minmax(240px,.72fr);
        gap:27px;
    }

    body.home .il310-lead h1{
        font-size:clamp(38px,5.8vw,54px);
    }

    body.home .il310-lead p{
        font-size:17px;
    }

    body.home .il310-secondary-card{
        grid-template-columns:92px minmax(0,1fr);
        gap:12px;
    }

    body.home .il310-secondary-card h2{
        font-size:17px;
    }

}


/* ----------------------------------------------------------
   MOBILE
   ---------------------------------------------------------- */

@media (max-width:699px){

    body.home .il310-breaking{
        width:calc(100% - 24px);

        min-height:38px;

        margin:12px auto 22px;
    }

    body.home .il310-breaking-label{
        padding-right:10px;
        margin-right:10px;
        font-size:9px;
    }

    body.home .il310-breaking-track{
        gap:18px;
    }

    body.home .il310-breaking-track a{
        font-size:12px;
    }


    body.home .il310-hero{
        display:block;

        margin-bottom:29px;

        padding-bottom:27px;
    }


    body.home .il310-lead{
        margin-bottom:24px;
    }


    body.home .il310-lead-image{
        width:calc(100% + 24px);

        margin-left:-12px;

        margin-bottom:17px;

        aspect-ratio:16 / 10;
    }


    body.home .il310-lead h1{
        margin-bottom:12px;

        font-size:clamp(34px,10.3vw,47px);

        line-height:1;
    }


    body.home .il310-lead p{
        font-size:16px;

        line-height:1.48;
    }


    body.home .il310-secondary{
        border-top:2px solid #111;
    }


    body.home .il310-secondary-card{
        grid-template-columns:105px minmax(0,1fr);

        gap:13px;

        padding:14px 0;
    }


    body.home .il310-secondary-card:first-child{
        padding-top:14px;
    }


    body.home .il310-secondary-card h2{
        font-size:18px;

        line-height:1.1;
    }


    body.home .il310-section-head h2{
        font-size:25px;
    }

}


/* ----------------------------------------------------------
   SMALL PHONE
   ---------------------------------------------------------- */

@media (max-width:390px){

    body.home .il310-secondary-card{
        grid-template-columns:88px minmax(0,1fr);
    }

    body.home .il310-secondary-card h2{
        font-size:17px;
    }

}


/* ==========================================================
   INSIGHTLINKS PHASE 6A
   HUMAN NEWSROOM DESKS
   ========================================================== */


/* ----------------------------------------------------------
   TOPIC BOARD
   Remove dashboard / module appearance
   ---------------------------------------------------------- */

body.home .il310-topic-board{
    margin-top:58px;
    padding:0;

    border:0;
    border-radius:0;

    background:transparent;

    box-shadow:none;
}


body.home .il310-topic-board > header{
    display:flex;

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

    gap:20px;

    margin-bottom:24px;

    padding:0 0 12px;

    border:0;
    border-bottom:3px solid #111;
}


body.home .il310-topic-board > header span{
    display:block;

    margin-bottom:5px;

    color:#777;

    font-family:Arial,Helvetica,sans-serif;

    font-size:9px;

    font-weight:800;

    letter-spacing:.11em;

    text-transform:uppercase;
}


body.home .il310-topic-board > header h2{
    margin:0;

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

    font-size:32px;

    font-weight:700;

    line-height:1;

    letter-spacing:-.035em;
}


/* ----------------------------------------------------------
   NEWSROOM LANES
   ---------------------------------------------------------- */

body.home .il311-lane{
    margin-top:48px;

    padding:0;

    border:0;

    border-radius:0;

    background:transparent;

    box-shadow:none;
}


body.home .il311-lane > header{
    display:flex;

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

    gap:20px;

    margin-bottom:19px;

    padding:10px 0 11px;

    border:0;

    border-top:3px solid #111;

    border-bottom:1px solid #d7d7d7;
}


body.home .il311-lane > header span{
    padding:0;

    background:none;

    border:0;

    border-radius:0;

    color:#777;

    font-family:Arial,Helvetica,sans-serif;

    font-size:9px;

    font-weight:800;

    letter-spacing:.1em;

    text-transform:uppercase;
}


body.home .il311-lane > header h3{
    margin:0;

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

    font-size:28px;

    font-weight:700;

    line-height:1;

    letter-spacing:-.03em;
}


body.home .il311-lane > header > a{
    color:#555;

    font-family:Arial,Helvetica,sans-serif;

    font-size:11px;

    font-weight:700;

    text-decoration:none;
}


body.home .il311-lane > header > a:hover{
    color:#111;

    text-decoration:underline;

    text-underline-offset:4px;
}


/* ----------------------------------------------------------
   LANE LEAD STORY
   ---------------------------------------------------------- */

body.home .il311-lane-lead{
    display:grid;

    grid-template-columns:minmax(260px,.92fr) minmax(0,1.08fr);

    gap:25px;

    align-items:start;

    margin-bottom:20px;

    padding:0 0 24px;

    border:0;

    border-bottom:1px solid #cfcfcf;

    border-radius:0;

    background:transparent;

    box-shadow:none;
}


body.home .il311-lane-lead .il37-card-media{
    width:100%;

    aspect-ratio:16 / 10;

    margin:0;

    border-radius:0;

    overflow:hidden;

    background:#e8e6e1;
}


body.home .il311-lane-lead .il37-card-media img{
    width:100%;
    height:100%;

    object-fit:cover;

    border-radius:0;
}


body.home .il311-lane-lead .il37-card-copy{
    padding:0;
}


body.home .il311-lane-lead h4{
    margin:3px 0 10px;

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

    font-size:clamp(25px,2.5vw,35px);

    font-weight:700;

    line-height:1.05;

    letter-spacing:-.035em;
}


body.home .il311-lane-lead h4 a{
    color:#111;

    text-decoration:none;
}


body.home .il311-lane-lead h4 a:hover{
    text-decoration:underline;

    text-decoration-thickness:1px;

    text-underline-offset:5px;
}


/* ----------------------------------------------------------
   SUPPORTING LANE STORIES
   ---------------------------------------------------------- */

body.home .il311-lane-card{
    display:grid;

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

    align-items:start;

    gap:18px;

    margin:0;

    padding:15px 0;

    border:0;

    border-top:1px solid #dedede;

    border-radius:0;

    background:transparent;

    box-shadow:none;
}


body.home .il311-lane-card h4{
    margin:0;

    max-width:760px;

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

    font-size:18px;

    font-weight:700;

    line-height:1.17;

    letter-spacing:-.018em;
}


body.home .il311-lane-card h4 a{
    color:#171717;

    text-decoration:none;
}


body.home .il311-lane-card h4 a:hover{
    text-decoration:underline;

    text-underline-offset:4px;
}


body.home .il311-lane-card time{
    flex:none;

    white-space:nowrap;

    color:#888;

    font-family:Arial,Helvetica,sans-serif;

    font-size:10px;
}


/* ----------------------------------------------------------
   REMOVE MACHINE SIGNAL DECORATION
   ---------------------------------------------------------- */

body.home .il311-story-signals{
    display:none;
}


body.home .il311-context-badge{
    display:none;
}


/* ----------------------------------------------------------
   LOCAL / OSUN REPORTING
   Give regional reporting editorial authority.
   ---------------------------------------------------------- */

body.home .il311-local{
    margin-top:58px;

    padding:0;

    border:0;

    border-radius:0;

    background:transparent;

    box-shadow:none;
}


body.home .il311-local > header{
    display:grid;

    grid-template-columns:1fr auto;

    align-items:end;

    gap:20px;

    padding:12px 0 14px;

    margin-bottom:23px;

    border:0;

    border-top:4px solid #111;

    border-bottom:1px solid #cfcfcf;
}


body.home .il311-local > header span{
    padding:0;

    border:0;

    border-radius:0;

    background:none;

    color:#8d0000;

    font-family:Arial,Helvetica,sans-serif;

    font-size:9px;

    font-weight:800;

    letter-spacing:.12em;

    text-transform:uppercase;
}


body.home .il311-local > header h3{
    margin:4px 0 0;

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

    font-size:32px;

    font-weight:700;

    line-height:1;

    letter-spacing:-.035em;
}


body.home .il311-local > header p{
    max-width:420px;

    margin:0;

    color:#666;

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

    font-size:14px;

    line-height:1.45;

    text-align:right;
}


/* ----------------------------------------------------------
   LOCAL GRID
   Human variation, not uniform SaaS cards
   ---------------------------------------------------------- */

body.home .il311-local-grid{
    display:grid;

    grid-template-columns:
        minmax(0,1.35fr)
        minmax(0,.82fr)
        minmax(0,.82fr);

    gap:25px;
}


body.home .il311-local-grid .il37-card{
    margin:0;

    border:0;

    border-radius:0;

    background:transparent;

    box-shadow:none;
}


body.home .il311-local-grid .il37-card-media{
    border-radius:0;
}


body.home .il311-local-grid
.il37-card:first-child
.il37-card-media{
    aspect-ratio:16 / 10;
}


body.home .il311-local-grid
.il37-card:first-child h2,
body.home .il311-local-grid
.il37-card:first-child h3{

    font-size:clamp(25px,2.5vw,35px);

    line-height:1.05;
}


body.home .il311-local-grid
.il37-card:not(:first-child)
.il37-card-media{

    aspect-ratio:4 / 3;
}


body.home .il311-local-grid
.il37-card:not(:first-child)
h2,
body.home .il311-local-grid
.il37-card:not(:first-child)
h3{

    font-size:20px;

    line-height:1.09;
}


/* ----------------------------------------------------------
   TABLET
   ---------------------------------------------------------- */

@media (min-width:700px) and (max-width:959px){

    body.home .il311-lane-lead{
        grid-template-columns:minmax(220px,.9fr) minmax(0,1.1fr);
        gap:20px;
    }


    body.home .il311-local-grid{
        grid-template-columns:1.2fr 1fr;
    }


    body.home .il311-local-grid .il37-card:first-child{
        grid-row:span 2;
    }

}


/* ----------------------------------------------------------
   MOBILE
   ---------------------------------------------------------- */

@media (max-width:699px){

    body.home .il310-topic-board{
        margin-top:42px;
    }


    body.home .il310-topic-board > header h2,
    body.home .il311-local > header h3{
        font-size:27px;
    }


    body.home .il311-lane{
        margin-top:38px;
    }


    body.home .il311-lane > header{
        margin-bottom:15px;
    }


    body.home .il311-lane > header h3{
        font-size:25px;
    }


    body.home .il311-lane-lead{
        display:block;

        padding-bottom:20px;
    }


    body.home .il311-lane-lead .il37-card-media{
        width:calc(100% + 24px);

        margin-left:-12px;

        margin-bottom:15px;

        aspect-ratio:16 / 10;
    }


    body.home .il311-lane-lead h4{
        font-size:27px;
    }


    body.home .il311-lane-card{
        grid-template-columns:1fr;

        gap:5px;

        padding:14px 0;
    }


    body.home .il311-lane-card h4{
        font-size:18px;
    }


    body.home .il311-local{
        margin-top:44px;
    }


    body.home .il311-local > header{
        display:block;
    }


    body.home .il311-local > header p{
        margin-top:8px;

        max-width:none;

        text-align:left;
    }


    body.home .il311-local-grid{
        display:block;
    }


    body.home .il311-local-grid .il37-card{
        padding:17px 0;

        border-top:1px solid #ddd;
    }


    body.home .il311-local-grid
    .il37-card:first-child{

        padding-top:0;

        border-top:0;
    }


    body.home .il311-local-grid
    .il37-card:not(:first-child){

        display:grid;

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

        gap:13px;
    }


    body.home .il311-local-grid
    .il37-card:not(:first-child)
    .il37-card-media{

        margin:0;

        aspect-ratio:4 / 3;
    }

}


/* ==========================================================
   INSIGHTLINKS PHASE 7B
   HUMAN EDITORIAL CLOSING
   ========================================================== */


/* ----------------------------------------------------------
   TOPIC DIRECTORY

   Keep it useful but remove statistical/dashboard appearance.
   ---------------------------------------------------------- */

body.home .il310-topic-board > div{
    display:flex;

    flex-wrap:wrap;

    gap:0;

    border-top:1px solid #d6d6d6;
}


body.home .il310-topic-board > div > a{
    display:block;

    width:auto;

    padding:12px 20px 12px 0;

    margin-right:20px;

    border:0;

    border-bottom:1px solid #dedede;

    border-radius:0;

    background:transparent;

    box-shadow:none;

    color:#171717;

    text-decoration:none;
}


body.home .il310-topic-board > div > a strong{
    display:block;

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

    font-size:18px;

    font-weight:700;

    line-height:1.1;

    letter-spacing:-.015em;
}


body.home .il310-topic-board > div > a span{
    display:none;
}


body.home .il310-topic-board > div > a:hover{
    transform:none;

    box-shadow:none;

    text-decoration:underline;

    text-underline-offset:4px;
}


/* ----------------------------------------------------------
   EDITORIAL EXPERIENCE INTRO
   ---------------------------------------------------------- */

body.home .il311-editorial-experience{
    margin-top:60px;

    padding:0;

    border:0;

    border-radius:0;

    background:transparent;

    box-shadow:none;
}


body.home .il311-heading{
    display:grid;

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

    gap:30px;

    align-items:end;

    margin-bottom:30px;

    padding:12px 0 15px;

    border-top:4px solid #111;

    border-bottom:1px solid #ccc;
}


body.home .il311-heading span{
    color:#777;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size:9px;

    font-weight:800;

    letter-spacing:.12em;

    text-transform:uppercase;
}


body.home .il311-heading h2{
    margin:5px 0 0;

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

    font-size:
        clamp(
            31px,
            3.3vw,
            46px
        );

    font-weight:700;

    line-height:1;

    letter-spacing:-.04em;
}


body.home .il311-heading p{
    margin:0;

    color:#606060;

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

    font-size:15px;

    line-height:1.5;
}


/* ----------------------------------------------------------
   ADVERTISEMENT BOUNDARY

   Quietly reserved instead of looking like a product widget.
   ---------------------------------------------------------- */

body.home .il311-ad-boundary{
    min-height:90px;

    margin:50px 0 0;

    padding:18px 0;

    display:flex;

    justify-content:center;

    align-items:flex-start;

    border:0;

    border-top:1px solid #ddd;

    border-bottom:1px solid #ddd;

    border-radius:0;

    background:#fafafa;

    box-shadow:none;

    color:#999;
}


body.home .il311-ad-boundary span{
    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size:9px;

    font-weight:600;

    letter-spacing:.12em;

    text-transform:uppercase;
}


/* ----------------------------------------------------------
   HUMAN PUBLICATION FOOTER
   ---------------------------------------------------------- */

.il-human-footer{
    margin-top:70px;

    padding:0;

    border:0;

    border-top:5px solid #111;

    background:#f5f3ee;

    color:#161616;

    box-shadow:none;
}


.il-human-footer .il-v3-footer-shell{
    width:min(calc(100% - 40px),1280px);

    margin:0 auto;

    padding:55px 0 48px;

    display:grid;

    grid-template-columns:
        minmax(250px,1.1fr)
        minmax(280px,1.4fr)
        minmax(180px,.72fr)
        minmax(150px,.58fr);

    gap:45px;
}


/* brand */

.il-human-footer .il-v3-footer-brand{
    padding:0;

    border:0;

    background:transparent;
}


.il-human-footer .il-v3-footer-logo{
    display:inline-block;

    margin:0 0 21px;

    color:#111;

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

    font-size:40px;

    font-weight:700;

    line-height:.95;

    letter-spacing:-.045em;

    text-decoration:none;
}


.il-human-footer .il-v3-footer-logo:hover{
    text-decoration:none;
}


.il-human-footer .il-v3-footer-brand h2{
    max-width:330px;

    margin:0 0 12px;

    color:#171717;

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

    font-size:24px;

    font-weight:700;

    line-height:1.08;

    letter-spacing:-.025em;
}


.il-human-footer .il-v3-footer-brand p{
    max-width:315px;

    margin:0;

    color:#666;

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

    font-size:14px;

    line-height:1.5;
}


/* common footer headings */

.il-human-footer
.il-v3-footer-latest > header,
.il-human-footer
.il-v3-footer-topics > header,
.il-human-footer
.il-v3-footer-discover > header{

    margin:0 0 16px;

    padding:0 0 9px;

    border:0;

    border-bottom:2px solid #111;
}


.il-human-footer
.il-v3-footer-latest h3,
.il-human-footer
.il-v3-footer-topics h3,
.il-human-footer
.il-v3-footer-discover h3{

    margin:0;

    color:#171717;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size:10px;

    font-weight:800;

    letter-spacing:.1em;

    text-transform:uppercase;
}


/* latest */

.il-human-footer
.il-v3-footer-story-list{
    display:block;
}


.il-human-footer
.il-v3-footer-story-list a{

    display:grid;

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

    gap:14px;

    align-items:start;

    padding:11px 0;

    border:0;

    border-top:1px solid #d7d5d0;

    color:#171717;

    text-decoration:none;
}


.il-human-footer
.il-v3-footer-story-list a:first-child{
    border-top:0;
    padding-top:0;
}


.il-human-footer
.il-v3-footer-story-list strong{

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

    font-size:15px;

    font-weight:700;

    line-height:1.25;
}


.il-human-footer
.il-v3-footer-story-list time{

    color:#888;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size:9px;

    white-space:nowrap;
}


.il-human-footer
.il-v3-footer-story-list a:hover strong{

    text-decoration:underline;

    text-underline-offset:4px;
}


/* sections */

.il-human-footer
.il-v3-footer-topic-list{

    display:grid;

    grid-template-columns:
        1fr 1fr;

    gap:0 18px;
}


.il-human-footer
.il-v3-footer-topic-list a{

    padding:7px 0;

    border:0;

    border-radius:0;

    background:none;

    color:#333;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size:12px;

    font-weight:600;

    line-height:1.2;

    text-decoration:none;
}


.il-human-footer
.il-v3-footer-topic-list a:hover{

    color:#000;

    text-decoration:underline;

    text-underline-offset:4px;
}


/* explore */

.il-human-footer
.il-v3-footer-discover nav{

    display:block;
}


.il-human-footer
.il-v3-footer-discover nav a{

    display:block;

    padding:8px 0;

    border:0;

    color:#444;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size:12px;

    font-weight:600;

    text-decoration:none;
}


.il-human-footer
.il-v3-footer-discover nav a:hover{

    color:#000;

    text-decoration:underline;

    text-underline-offset:4px;
}


/* bottom */

.il-human-footer
.il-v3-footer-bottom{

    width:min(calc(100% - 40px),1280px);

    margin:0 auto;

    padding:19px 0 25px;

    display:grid;

    grid-template-columns:
        1fr auto 1fr;

    gap:20px;

    align-items:center;

    border:0;

    border-top:1px solid #bbb9b3;

    color:#777;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size:10px;
}


.il-human-footer
.il-v3-footer-bottom span:nth-child(2){

    text-align:center;
}


.il-human-footer
.il-v3-footer-bottom a{

    justify-self:end;

    color:#555;

    text-decoration:none;
}


.il-human-footer
.il-v3-footer-bottom a:hover{

    color:#111;

    text-decoration:underline;

    text-underline-offset:4px;
}


/* ----------------------------------------------------------
   TABLET
   ---------------------------------------------------------- */

@media (min-width:700px) and (max-width:1000px){

    .il-human-footer .il-v3-footer-shell{

        grid-template-columns:
            1fr 1.25fr;

        gap:42px;
    }

}


/* ----------------------------------------------------------
   MOBILE
   ---------------------------------------------------------- */

@media (max-width:699px){

    body.home .il311-editorial-experience{
        margin-top:43px;
    }


    body.home .il311-heading{
        display:block;

        margin-bottom:22px;
    }


    body.home .il311-heading p{
        margin-top:10px;
    }


    body.home .il310-topic-board > div{

        display:block;
    }


    body.home
    .il310-topic-board
    > div > a{

        margin:0;

        padding:12px 0;
    }


    .il-human-footer{
        margin-top:50px;
    }


    .il-human-footer
    .il-v3-footer-shell{

        width:calc(100% - 28px);

        display:block;

        padding:40px 0 34px;
    }


    .il-human-footer
    .il-v3-footer-brand,
    .il-human-footer
    .il-v3-footer-latest,
    .il-human-footer
    .il-v3-footer-topics,
    .il-human-footer
    .il-v3-footer-discover{

        margin:0 0 36px;
    }


    .il-human-footer
    .il-v3-footer-logo{

        font-size:37px;
    }


    .il-human-footer
    .il-v3-footer-topic-list{

        grid-template-columns:
            1fr 1fr;
    }


    .il-human-footer
    .il-v3-footer-bottom{

        width:calc(100% - 28px);

        display:block;

        padding:17px 0 25px;
    }


    .il-human-footer
    .il-v3-footer-bottom span,
    .il-human-footer
    .il-v3-footer-bottom a{

        display:block;

        margin-top:7px;

        text-align:left;
    }


    .il-human-footer
    .il-v3-footer-bottom
    span:first-child{

        margin-top:0;
    }

}