/*
Theme Name: News in 60
Theme URI: https://newsin60.co.uk/
Author: News in 60
Description: Custom theme for News in 60, designed to complement the existing homepage sections plugin style.
Version: 0.2.44
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 7.4
Text Domain: news-in-60
*/

:root {
    --ni60-navy: #06172f;
    --ni60-navy-2: #0a2144;
    --ni60-red: #d40000;
    --ni60-border: rgba(6, 23, 47, 0.12);
    --ni60-muted: #5f6b7a;
    --ni60-bg: #f4f6f9;
    --ni60-card: #ffffff;
    --ni60-text: #0b1220;
}

* { box-sizing: border-box; }

body {
    margin: 0;
    font-family: Arial, Helvetica, sans-serif;
    color: var(--ni60-text);
    background: var(--ni60-bg);
    line-height: 1.5;
}

a { color: inherit; text-decoration: none; }
a:hover { text-decoration: underline; }

img { max-width: 100%; height: auto; display: block; }

.ni60-container {
    width: min(1180px, calc(100% - 32px));
    margin: 0 auto;
}

.ni60-top-strip {
    background: var(--ni60-navy);
    color: #ffffff;
    font-size: 12px;
    border-bottom: 1px solid rgba(255,255,255,.12);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 99999;
}

.admin-bar .ni60-top-strip { top: 32px; }

.ni60-top-strip-inner {
    min-height: 32px;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    align-items: center;
    gap: 14px;
}

.ni60-top-row {
    min-width: 0;
    display: grid;
    grid-template-columns: 42px 150px minmax(0, 1fr);
    align-items: center;
}

.ni60-home-link {
    width: 42px;
    min-height: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    line-height: 1;
    color: #ffffff;
    border-right: 1px solid rgba(255,255,255,.14);
    white-space: nowrap;
}

.ni60-home-link svg {
    width: 17px;
    height: 17px;
    display: block;
    fill: currentColor;
}

.ni60-home-link span { display: none; }

.ni60-home-link:hover {
    text-decoration: none;
    background: rgba(255,255,255,.08);
}

/* Sticky utility bar ticker channel */
.ni60-top-ticker {
    min-width: 0;
    overflow: hidden;
    padding: 0 14px;
    position: relative;
}

.ni60-top-ticker::before,
.ni60-top-ticker::after {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 2px;
    height: 70%;
    background: rgba(255,255,255,.45);
    border-radius: 2px;
}

.ni60-top-ticker::before { left: 0; }
.ni60-top-ticker::after { right: 0; }

.ni60-top-ticker .ni60-markets-ticker--embedded {
    background: transparent;
    border-bottom: 0;
}

.ni60-date {
    width: 150px;
    opacity: .94;
    white-space: nowrap;
    text-align: center;
    font-weight: 700;padding: 0 10px;
}

.ni60-social-links {
    display: flex;
    align-items: center;
    gap: 12px;
    font-weight: 700;
}

@media (max-width: 782px) {
    .admin-bar .ni60-top-strip { top: 46px; }
}

@media (max-width: 640px) {
    .ni60-top-strip-inner {
        min-height: 52px;
        grid-template-columns: 1fr;
        gap: 0;
        padding-top: 0;
        padding-bottom: 4px;
    }

    .ni60-top-row { grid-template-columns: auto minmax(0, 1fr); }

    .ni60-home-link {
        min-height: 30px;
        padding: 0 10px 0 8px;
        gap: 5px;
        font-size: 12px;
    }

    .ni60-home-link svg {
        width: 16px;
        height: 16px;
    }

    .ni60-site-header {
        margin-top: 52px;
    }

    .ni60-top-ticker {
        padding: 0 10px;
        border-left-width: 2px;
        border-right-width: 2px;
    }

    .ni60-date {
        width: auto;
        text-align: left;
        padding-left: 0;
        font-size: 11px;
        line-height: 1.2;
        font-weight: 700;
    }
}

.ni60-site-header {
    margin-top: 32px;
    background: #ffffff;
    border-bottom: 1px solid var(--ni60-border);
}

.ni60-header-inner {
    min-height: 110px;
    display: grid;
    grid-template-columns: minmax(220px, 360px) minmax(320px, 728px);
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding: 10px 0;
}

.ni60-brand { display: flex; align-items: center; gap: 12px; min-width: 0; }

.ni60-brand .custom-logo-link,
.ni60-brand a { display: inline-flex; align-items: center; min-width: 0; }

.ni60-brand img.custom-logo { max-height: 105px; width: auto; }

.ni60-logo-text {
    font-size: 28px;
    line-height: 1;
    font-weight: 800;
    letter-spacing: -1.2px;
    color: var(--ni60-navy);
}

.ni60-logo-text span { color: var(--ni60-red); }

.ni60-tagline { display: none; }

.ni60-header-ad,
.ni60-header-card,
.ni60-ad-placeholder {
    justify-self: end;
    width: min(100%, 728px);
    min-height: 58px;
    border: 1px dashed rgba(6, 23, 47, 0.22);
    border-radius: 6px;
    padding: 8px 12px;
    background: #f7f8fa;
    color: var(--ni60-muted);
    font-size: 12px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}


.ni60-header-ad-slot {
    justify-self: end;
    width: min(100%, 728px);
}

.ni60-header-ad-slot .ni60-ad-slot {
    width: 100%;
}

.ni60-header-card strong { color: var(--ni60-navy); }

.ni60-main-nav-wrap {
    background: var(--ni60-navy);
    border-bottom: 3px solid var(--ni60-red);
}

.ni60-main-nav {
    display: flex;
    align-items: center;
    gap: 0;
    min-height: 38px;
    overflow-x: auto;
    scrollbar-width: thin;
}

.ni60-main-nav ul {
    list-style: none;
    display: flex;
    align-items: center;
    gap: 0;
    margin: 0;
    padding: 0;
}

.ni60-main-nav a {
    display: block;
    padding: 10px 14px;
    color: #ffffff;
    font-size: 14px;
    font-weight: 700;
    white-space: nowrap;
}

.ni60-main-nav a:hover,
.ni60-main-nav .current-menu-item > a,
.ni60-main-nav .current_page_item > a {
    background: rgba(255,255,255,.1);
    text-decoration: none;
}

.ni60-page-shell { padding: 16px 0 36px; }

.ni60-widget-band { margin-bottom: 20px; }

.ni60-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 330px;
    gap: 22px;
    align-items: start;
}

.ni60-main-column,
.ni60-sidebar { min-width: 0; }

.ni60-card {
    background: var(--ni60-card);
    border: 1px solid var(--ni60-border);
    border-radius: 6px;
    box-shadow: 0 1px 2px rgba(6,23,47,.04);
    overflow: hidden;
    margin-bottom: 20px;
}

.ni60-card-header {
    min-height: 48px;
    padding: 12px 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 3px solid var(--ni60-red);
}

.ni60-card-title {
    margin: 0;
    font-size: 17px;
    font-weight: 900;
    color: var(--ni60-navy);
}

.ni60-card-body { padding: 16px; }

.ni60-hero-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(300px, .8fr);
    gap: 18px;
}

.ni60-lead-story img {
    width: 100%;
    aspect-ratio: 16/9;
    object-fit: cover;
    border-bottom: 3px solid var(--ni60-red);
}

.ni60-category-label {
    display: inline-block;
    background: var(--ni60-red);
    color: #ffffff;
    font-size: 13px;
    line-height: 1;
    font-weight: 900;
    letter-spacing: .4px;
    padding: 8px 10px;
    text-transform: uppercase;
}

.ni60-story-meta {
    color: var(--ni60-muted);
    font-size: 13px;
    margin: 10px 0 5px;
}

.ni60-lead-story h2,
.ni60-post-card h2,
.ni60-article h1 {
    margin: 0 0 8px;
    color: #000;
    line-height: 1.15;
}

.ni60-lead-story h2 { font-size: 25px; }

.ni60-lead-story p,
.ni60-post-card p { color: #3f4b5a; margin: 0; }

.ni60-story-list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px 22px;
}

.ni60-small-story h3 {
    margin: 3px 0 5px;
    font-size: 16px;
    line-height: 1.18;
    color: #000;
}

.ni60-small-story p {
    margin: 0;
    color: #4b5563;
    font-size: 14px;
    line-height: 1.35;
}

.ni60-post-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 18px;
}

.ni60-post-card {
    background: #ffffff;
    border: 1px solid var(--ni60-border);
    border-radius: 6px;
    overflow: hidden;
}

.ni60-post-card img {
    width: 100%;
    aspect-ratio: 16/9;
    object-fit: cover;
}

.ni60-post-card-content { padding: 12px; }
.ni60-post-card h2 { font-size: 18px; }

/* v0.2.32: Styled centred pagination for archive, tag and search result pages. */
.navigation.pagination {
    width: 100%;
    margin: 24px 0 4px;
    padding: 18px 0 2px;
    border-top: 1px solid var(--ni60-border);
    text-align: center;
}

.navigation.pagination .screen-reader-text {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.navigation.pagination .nav-links {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
}

.navigation.pagination .page-numbers {
    min-width: 36px;
    min-height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 7px 11px;
    border: 1px solid var(--ni60-border);
    border-radius: 6px;
    background: #ffffff;
    color: var(--ni60-navy);
    font-size: 14px;
    font-weight: 800;
    line-height: 1;
    box-shadow: 0 1px 2px rgba(6,23,47,.04);
}

.navigation.pagination a.page-numbers:hover {
    border-color: var(--ni60-red);
    color: var(--ni60-red);
    text-decoration: none;
}

.navigation.pagination .page-numbers.current {
    border-color: var(--ni60-red);
    background: var(--ni60-red);
    color: #ffffff;
}

.navigation.pagination .page-numbers.dots {
    min-width: auto;
    border-color: transparent;
    background: transparent;
    box-shadow: none;
    padding-left: 2px;
    padding-right: 2px;
}

.navigation.pagination .page-numbers.prev,
.navigation.pagination .page-numbers.next {
    min-width: 74px;
}

@media (max-width: 640px) {
    .navigation.pagination {
        margin-top: 20px;
        padding-top: 14px;
    }

    .navigation.pagination .nav-links {
        gap: 6px;
    }

    .navigation.pagination .page-numbers {
        min-width: 34px;
        min-height: 34px;
        padding: 7px 9px;
        font-size: 13px;
    }
}

.ni60-sidebar .widget,
.ni60-sidebar-card {
    background: #ffffff;
    border: 1px solid var(--ni60-border);
    border-radius: 6px;
    margin-bottom: 18px;
    overflow: hidden;
}

.ni60-sidebar .widget-title,
.ni60-sidebar-card h2 {
    margin: 0;
    padding: 12px 14px;
    border-bottom: 3px solid var(--ni60-red);
    color: var(--ni60-navy);
    font-size: 16px;
    font-weight: 900;
}

.ni60-sidebar .widget > *:not(.widget-title),
.ni60-sidebar-card-body { padding: 14px; }

.ni60-article {
    background: #ffffff;
    border: 1px solid var(--ni60-border);
    border-radius: 6px;
    overflow: hidden;
}

.ni60-article-header { padding: 20px 22px 14px; border-bottom: 3px solid var(--ni60-red); }
.ni60-article h1 { font-size: clamp(30px, 4vw, 48px); }
.ni60-article-featured img { width: 100%; max-height: 520px; object-fit: cover; }
.ni60-article-content { padding: 22px; font-size: 18px; }
.ni60-article-content p { margin-top: 0; }

.ni60-source-box {
    margin: 22px 0 0;
    padding: 0;
    background: transparent;
    border-left: 0;
    font-size: 14px;
    color: var(--ni60-muted);
}

.ni60-single-meta-box {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 18px;
}

.ni60-single-meta-item {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px;
}

.ni60-single-meta-box strong {
    font-weight: 700;
    color: var(--ni60-text);
}

.ni60-single-meta-box a {
    font-weight: 400;
    color: var(--ni60-muted);
}

.ni60-single-meta-tags a {
    font-weight: 400;
}

.ni60-article-content p.ni60-source-read-more {
    margin-top: -8px;
    margin-bottom: 24px;
}

.ni60-source-read-more a {
    display: inline-block;
    padding: 5px 10px;
    border: 1px solid #dfe5ec;
    border-radius: 999px;
    background: #f4f6f8;
    color: var(--ni60-text);
    font-weight: 400;
    font-size: 85%;
    line-height: 1.3;
    text-decoration: none;
}

.ni60-source-read-more a span {
    color: var(--ni60-red);
    font-weight: 600;
}

.ni60-source-read-more a:hover,
.ni60-source-read-more a:focus {
    background: #eef2f5;
    text-decoration: none;
}

.ni60-footer {
    background: var(--ni60-navy);
    color: #ffffff;
    margin-top: 24px;
}

.ni60-footer-inner {
    min-height: 90px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    font-size: 14px;
}

.ni60-footer a { color: #ffffff; font-weight: 800; }

@media (max-width: 960px) {
    .ni60-header-inner {
        grid-template-columns: 1fr;
        justify-items: start;
        gap: 10px;
        padding: 12px 0;
    }
    .ni60-header-ad-slot,
    .ni60-header-ad, .ni60-header-card, .ni60-ad-placeholder {
        justify-self: stretch;
        width: 100%;
        min-height: 54px;
    }
    .ni60-layout { grid-template-columns: 1fr; }
    .ni60-hero-grid { grid-template-columns: 1fr; }
    .ni60-post-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 640px) {
    .ni60-container { width: min(100% - 20px, 1180px); }
    .ni60-logo-text { font-size: 24px; }
    .ni60-brand img.custom-logo { max-height: 54px; }
    .ni60-main-nav a { padding: 11px 12px; font-size: 13px; }
    .ni60-story-list,
    .ni60-post-grid { grid-template-columns: 1fr; }
    .ni60-small-story { padding-top: 12px; border-top: 1px solid var(--ni60-border); }
    .ni60-card-body, .ni60-article-content, .ni60-article-header { padding: 14px; }
    .ni60-lead-story h2 { font-size: 22px; }
}

.ni60-red-text { color: var(--ni60-red); }
.ni60-lead-category-overlay { margin-top: -44px; position: relative; padding-left: 16px; min-height: 44px; }

/* v0.1.2: Keep Homepage Sections plugin stories flat; the section container can remain card-style, but individual stories should not have faint outlines. */
.home .ni60-main-column [class*="homepage-section"] article,
.home .ni60-main-column [class*="homepage-section"] .post,
.home .ni60-main-column [class*="homepage-section"] [class*="story"],
.home .ni60-main-column [class*="homepage-sections"] article,
.home .ni60-main-column [class*="homepage-sections"] .post,
.home .ni60-main-column [class*="homepage-sections"] [class*="story"],
.home .ni60-main-column [class*="home-section"] article,
.home .ni60-main-column [class*="home-section"] .post,
.home .ni60-main-column [class*="home-section"] [class*="story"] {
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
}

.home .ni60-main-column [class*="homepage-section"] article,
.home .ni60-main-column [class*="homepage-section"] .post,
.home .ni60-main-column [class*="homepage-section"] [class*="story"] {
    border-radius: 0 !important;
}

/* v0.1.3: Stronger override for Homepage Sections plugin story/card outlines.
   Keep the overall section container styling, but make each individual story item flat. */
body.home .ni60-main-column [class*="homepage"] [class*="story"],
body.home .ni60-main-column [class*="homepage"] [class*="post"],
body.home .ni60-main-column [class*="homepage"] [class*="item"],
body.home .ni60-main-column [class*="homepage"] [class*="tile"],
body.home .ni60-main-column [class*="homepage"] [class*="card"],
body.home .ni60-main-column [class*="home-section"] [class*="story"],
body.home .ni60-main-column [class*="home-section"] [class*="post"],
body.home .ni60-main-column [class*="home-section"] [class*="item"],
body.home .ni60-main-column [class*="home-section"] [class*="tile"],
body.home .ni60-main-column [class*="home-section"] [class*="card"],
body.home .ni60-main-column [class*="news60"] [class*="story"],
body.home .ni60-main-column [class*="news60"] [class*="post"],
body.home .ni60-main-column [class*="news60"] [class*="item"],
body.home .ni60-main-column [class*="news60"] [class*="tile"],
body.home .ni60-main-column [class*="news60"] [class*="card"],
body.home .ni60-main-column article,
body.home .ni60-main-column article > a,
body.home .ni60-main-column article > div {
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
}

body.home .ni60-main-column [class*="homepage"] [class*="story"],
body.home .ni60-main-column [class*="homepage"] [class*="post"],
body.home .ni60-main-column [class*="homepage"] [class*="item"],
body.home .ni60-main-column [class*="homepage"] [class*="tile"],
body.home .ni60-main-column [class*="home-section"] [class*="story"],
body.home .ni60-main-column [class*="home-section"] [class*="post"],
body.home .ni60-main-column [class*="home-section"] [class*="item"],
body.home .ni60-main-column [class*="home-section"] [class*="tile"],
body.home .ni60-main-column [class*="news60"] [class*="story"],
body.home .ni60-main-column [class*="news60"] [class*="post"],
body.home .ni60-main-column [class*="news60"] [class*="item"],
body.home .ni60-main-column [class*="news60"] [class*="tile"] {
    border-radius: 0 !important;
}


/* v0.1.5: Remove the remaining faint outlines around individual Homepage Sections stories.
   This deliberately targets only the homepage main content column and preserves the outer section containers/header styling. */
body.home .ni60-main-column .news60-homepage-sections article,
body.home .ni60-main-column .news60-homepage-sections li,
body.home .ni60-main-column .news60-homepage-sections .post,
body.home .ni60-main-column .news60-homepage-sections [class*="story"],
body.home .ni60-main-column .news60-homepage-sections [class*="tile"],
body.home .ni60-main-column .news60-homepage-sections [class*="card"],
body.home .ni60-main-column .news60-homepage-sections [class*="item"],
body.home .ni60-main-column .news60-homepage-section article,
body.home .ni60-main-column .news60-homepage-section li,
body.home .ni60-main-column .news60-homepage-section .post,
body.home .ni60-main-column .news60-homepage-section [class*="story"],
body.home .ni60-main-column .news60-homepage-section [class*="tile"],
body.home .ni60-main-column .news60-homepage-section [class*="card"],
body.home .ni60-main-column .news60-homepage-section [class*="item"],
body.home .ni60-main-column .ni60-homepage-sections article,
body.home .ni60-main-column .ni60-homepage-sections li,
body.home .ni60-main-column .ni60-homepage-sections .post,
body.home .ni60-main-column .ni60-homepage-sections [class*="story"],
body.home .ni60-main-column .ni60-homepage-sections [class*="tile"],
body.home .ni60-main-column .ni60-homepage-sections [class*="card"],
body.home .ni60-main-column .ni60-homepage-sections [class*="item"],
body.home .ni60-main-column .ni60-homepage-section article,
body.home .ni60-main-column .ni60-homepage-section li,
body.home .ni60-main-column .ni60-homepage-section .post,
body.home .ni60-main-column .ni60-homepage-section [class*="story"],
body.home .ni60-main-column .ni60-homepage-section [class*="tile"],
body.home .ni60-main-column .ni60-homepage-section [class*="card"],
body.home .ni60-main-column .ni60-homepage-section [class*="item"],
body.home .ni60-main-column [class*="homepage-sections"] article,
body.home .ni60-main-column [class*="homepage-sections"] li,
body.home .ni60-main-column [class*="homepage-sections"] .post,
body.home .ni60-main-column [class*="homepage-sections"] [class*="story"],
body.home .ni60-main-column [class*="homepage-sections"] [class*="tile"],
body.home .ni60-main-column [class*="homepage-sections"] [class*="card"],
body.home .ni60-main-column [class*="homepage-sections"] [class*="item"],
body.home .ni60-main-column [class*="homepage-section"] article,
body.home .ni60-main-column [class*="homepage-section"] li,
body.home .ni60-main-column [class*="homepage-section"] .post,
body.home .ni60-main-column [class*="homepage-section"] [class*="story"],
body.home .ni60-main-column [class*="homepage-section"] [class*="tile"],
body.home .ni60-main-column [class*="homepage-section"] [class*="card"],
body.home .ni60-main-column [class*="homepage-section"] [class*="item"] {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    background-image: none !important;
}

body.home .ni60-main-column .news60-homepage-sections article::before,
body.home .ni60-main-column .news60-homepage-sections article::after,
body.home .ni60-main-column .news60-homepage-sections li::before,
body.home .ni60-main-column .news60-homepage-sections li::after,
body.home .ni60-main-column [class*="homepage-section"] article::before,
body.home .ni60-main-column [class*="homepage-section"] article::after,
body.home .ni60-main-column [class*="homepage-section"] li::before,
body.home .ni60-main-column [class*="homepage-section"] li::after,
body.home .ni60-main-column [class*="homepage-section"] [class*="story"]::before,
body.home .ni60-main-column [class*="homepage-section"] [class*="story"]::after,
body.home .ni60-main-column [class*="homepage-section"] [class*="tile"]::before,
body.home .ni60-main-column [class*="homepage-section"] [class*="tile"]::after,
body.home .ni60-main-column [class*="homepage-section"] [class*="card"]::before,
body.home .ni60-main-column [class*="homepage-section"] [class*="card"]::after {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    background: transparent !important;
}

body.home .ni60-main-column [class*="homepage-section"] [style*="border"],
body.home .ni60-main-column [class*="homepage-sections"] [style*="border"],
body.home .ni60-main-column .news60-homepage-sections [style*="border"],
body.home .ni60-main-column .ni60-homepage-sections [style*="border"] {
    border: none !important;
}


/* v0.1.6: Final homepage story outline override.
   Printed again in wp_head via functions.php so it loads after plugin styles. */
body.home .ni60-homepage-plugin-block article,
body.home .ni60-homepage-plugin-block li,
body.home .ni60-homepage-plugin-block .post,
body.home .ni60-homepage-plugin-block .entry,
body.home .ni60-homepage-plugin-block [class*="story"],
body.home .ni60-homepage-plugin-block [class*="Story"],
body.home .ni60-homepage-plugin-block [class*="tile"],
body.home .ni60-homepage-plugin-block [class*="Tile"],
body.home .ni60-homepage-plugin-block [class*="card"],
body.home .ni60-homepage-plugin-block [class*="Card"],
body.home .ni60-homepage-plugin-block [class*="item"],
body.home .ni60-homepage-plugin-block [class*="Item"],
body.home .ni60-homepage-plugin-block article > a,
body.home .ni60-homepage-plugin-block article > div,
body.home .ni60-homepage-plugin-block li > a,
body.home .ni60-homepage-plugin-block li > div,
body.home .ni60-homepage-plugin-block [class*="story"] > a,
body.home .ni60-homepage-plugin-block [class*="story"] > div,
body.home .ni60-homepage-plugin-block [class*="tile"] > a,
body.home .ni60-homepage-plugin-block [class*="tile"] > div,
body.home .ni60-homepage-plugin-block [class*="card"] > a,
body.home .ni60-homepage-plugin-block [class*="card"] > div,
body.home .ni60-homepage-plugin-block [class*="item"] > a,
body.home .ni60-homepage-plugin-block [class*="item"] > div {
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
}


/* v0.1.7: Exact fix for Homepage Sections plugin story borders.
   The plugin uses the same ni60-post-card class, so remove the card border only when it appears inside a homepage section. */
.ni60-homepage-plugin-block .ni60-section .ni60-post-card,
.ni60-homepage-plugin-block .ni60-section article.ni60-post-card,
.ni60-homepage-plugin-block .ni60-section .ni60-compact-lead .ni60-post-card,
.ni60-homepage-plugin-block .ni60-section .ni60-compact-stack .ni60-post-card,
.ni60-homepage-plugin-block section.ni60-section .ni60-post-card,
.ni60-section .ni60-compact-grid .ni60-post-card,
.ni60-section .ni60-post-grid .ni60-post-card,
.ni60-section article.ni60-post-card {
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
}

.ni60-homepage-plugin-block .ni60-section .ni60-post-card::before,
.ni60-homepage-plugin-block .ni60-section .ni60-post-card::after,
.ni60-section .ni60-compact-grid .ni60-post-card::before,
.ni60-section .ni60-compact-grid .ni60-post-card::after,
.ni60-section .ni60-post-grid .ni60-post-card::before,
.ni60-section .ni60-post-grid .ni60-post-card::after {
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
}


/* v0.1.8: Dynamic Homepage Sections trimming helper.
   The actual show/hide calculation is handled by footer JS, but this class keeps layout stable. */
.ni60-section .ni60-post-card.ni60-dynamic-hidden {
    display: none !important;
}


/* v0.1.9: Softer professional headline typography.
   Keep headlines bold, but remove the overly heavy/Arial Black style from theme and Homepage Sections output. */
body,
button,
input,
select,
textarea {
    font-family: Arial, Helvetica, sans-serif;
}

.ni60-logo-text {
    font-weight: 800 !important;
}

.ni60-card-title,
.ni60-main-nav a,
.ni60-footer a,
.ni60-sidebar .widget-title,
.ni60-sidebar-card h2 {
    font-weight: 700 !important;
}

.ni60-lead-story h2,
.ni60-post-card h2,
.ni60-post-card h3,
.ni60-small-story h3,
.ni60-article h1,
.ni60-article h2,
.ni60-article h3,
.ni60-section .ni60-post-title,
.ni60-section .ni60-post-title a,
.ni60-section h1,
.ni60-section h2,
.ni60-section h3,
.ni60-section article h1,
.ni60-section article h2,
.ni60-section article h3,
.ni60-homepage-plugin-block .ni60-post-title,
.ni60-homepage-plugin-block .ni60-post-title a,
.ni60-homepage-plugin-block h1,
.ni60-homepage-plugin-block h2,
.ni60-homepage-plugin-block h3,
.ni60-homepage-plugin-block article h1,
.ni60-homepage-plugin-block article h2,
.ni60-homepage-plugin-block article h3 {
    font-family: Arial, Helvetica, sans-serif !important;
    font-weight: 700 !important;
    letter-spacing: -0.01em;
}

.ni60-lead-story h2,
.ni60-section .ni60-compact-lead .ni60-post-title,
.ni60-homepage-plugin-block .ni60-compact-lead .ni60-post-title {
    line-height: 1.16 !important;
}

.ni60-post-card h2,
.ni60-post-card h3,
.ni60-small-story h3,
.ni60-section .ni60-compact-stack .ni60-post-title,
.ni60-homepage-plugin-block .ni60-compact-stack .ni60-post-title {
    line-height: 1.18 !important;
}

.ni60-category-label,
.ni60-section .ni60-category-label,
.ni60-homepage-plugin-block .ni60-category-label {
    font-weight: 700 !important;
}


/* v0.2.1 - Hide unused full-width primary navigation bar.
   The top strip already provides Home / About / Contact links. */
.ni60-main-nav-wrap {
    display: none !important;
}


/* v0.2.2 - Remove duplicate category labels from archive/search card listings.
   The category is already shown on the generated featured image. */
.archive .ni60-post-card .ni60-category-label,
.search .ni60-post-card .ni60-category-label,
.tag .ni60-post-card .ni60-category-label,
.category .ni60-post-card .ni60-category-label {
    display: none !important;
}

/* v0.2.3 - Remove duplicate category label from single post pages.
   Featured images already include the category label where required. */
.single .ni60-article-header .ni60-category-label {
    display: none !important;
}


/* Standard WordPress comments */
.ni60-comments {
    margin-top: 14px;
    padding: 14px;
    background: var(--ni60-card);
    border: 1px solid var(--ni60-border);
    border-radius: 6px;
}

.ni60-comments-title,
.ni60-comment-form-wrap .comment-reply-title {
    margin: 0 0 10px;
    color: var(--ni60-navy);
    font-size: 18px;
    line-height: 1.25;
}

.ni60-comment-list {
    list-style: none;
    margin: 0 0 10px;
    padding: 0;
}

.ni60-comment-list .comment,
.ni60-comment-list .pingback,
.ni60-comment-list .trackback {
    margin: 0 0 10px;
    padding: 10px;
    border: 1px solid var(--ni60-border);
    border-radius: 6px;
    background: #ffffff;
}

.ni60-comment-list .children {
    list-style: none;
    margin: 10px 0 0 20px;
    padding: 0;
}

.ni60-comment-list .comment-author {
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--ni60-navy);
    font-weight: 800;
}

.ni60-comment-list .avatar {
    border-radius: 50%;
}

.ni60-comment-list .comment-metadata {
    margin: 4px 0 7px;
    color: var(--ni60-muted);
    font-size: 12px;
}

.ni60-comment-list .comment-content {
    color: var(--ni60-text);
}

.ni60-comment-list .reply {
    margin-top: 6px;
    font-size: 12px;
    font-weight: 700;
}

.ni60-comment-form-wrap {
    margin-top: 12px;
}

.ni60-comment-form p {
    margin: 0 0 8px;
}

.ni60-comment-form label {
    display: block;
    margin-bottom: 3px;
    color: var(--ni60-navy);
    font-weight: 700;
}

.ni60-comment-form input[type="text"],
.ni60-comment-form input[type="email"],
.ni60-comment-form input[type="url"],
.ni60-comment-form textarea {
    width: 100%;
    max-width: 100%;
    padding: 8px 9px;
    border: 1px solid var(--ni60-border);
    border-radius: 4px;
    font: inherit;
    color: var(--ni60-text);
    background: #ffffff;
}

.ni60-comment-form textarea {
    min-height: 86px;
    resize: vertical;
}

.ni60-comment-form .form-submit input[type="submit"] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 34px;
    padding: 7px 13px;
    border: 0;
    border-radius: 4px;
    background: var(--ni60-navy);
    color: #ffffff;
    font: inherit;
    font-weight: 800;
    cursor: pointer;
}

.ni60-comment-form .form-submit input[type="submit"]:hover {
    background: var(--ni60-red);
}

.ni60-comments-closed {
    margin: 0 0 10px;
    color: var(--ni60-muted);
    font-weight: 700;
}

@media (max-width: 640px) {
    .ni60-comments {
        padding: 14px;
    }

    .ni60-comment-list .children {
        margin-left: 14px;
    }
}

/* v0.2.10: Compact comments layout and remove website field. */
.ni60-comment-form .comment-form-url {
    display: none;
}

.ni60-comment-form .comment-form-author,
.ni60-comment-form .comment-form-email {
    display: inline-block;
    width: calc(50% - 6px);
    vertical-align: top;
}

.ni60-comment-form .comment-form-author {
    margin-right: 8px;
}

.ni60-comment-form .comment-notes,
.ni60-comment-form .logged-in-as {
    margin-bottom: 8px;
    color: var(--ni60-muted);
    font-size: 12px;
}

.ni60-comment-form .required-field-message {
    font-size: 12px;
}

@media (max-width: 640px) {
    .ni60-comment-form .comment-form-author,
    .ni60-comment-form .comment-form-email {
        display: block;
        width: 100%;
        margin-right: 0;
    }
}


/* v0.2.11: Ultra-compact comments */
.ni60-comments{
    margin-top:10px !important;
    padding:10px !important;
}

.ni60-comments-title,
.ni60-comment-form-wrap .comment-reply-title{
    font-size:16px !important;
    margin:0 0 8px !important;
}

.ni60-comment-list .comment{
    padding:8px !important;
    margin-bottom:8px !important;
}

.ni60-comment-list .comment-content p{
    margin:4px 0 !important;
}

.ni60-comment-form-wrap{
    margin-top:8px !important;
}

.ni60-comment-form p{
    margin-bottom:6px !important;
}

.ni60-comment-form label{
    margin-bottom:2px !important;
    font-size:12px !important;
}

.ni60-comment-form input[type="text"],
.ni60-comment-form input[type="email"]{
    padding:6px 8px !important;
    height:32px !important;
}

.ni60-comment-form textarea{
    min-height:70px !important;
    padding:6px 8px !important;
}

.ni60-comment-form .comment-notes,
.ni60-comment-form .required-field-message,
.ni60-comment-form .logged-in-as{
    font-size:11px !important;
    margin:0 0 4px !important;
}

.ni60-comment-form .form-submit{
    margin-top:4px !important;
}

.ni60-comment-form .form-submit input[type="submit"]{
    min-height:30px !important;
    padding:5px 10px !important;
    font-size:12px !important;
}

.ni60-comment-list .avatar{
    width:28px !important;
    height:28px !important;
}


/* v0.2.12: Force Name + Email onto same row on desktop */
.ni60-comment-form{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
}

.ni60-comment-form .comment-notes,
.ni60-comment-form .logged-in-as,
.ni60-comment-form .comment-form-comment,
.ni60-comment-form .form-submit,
.ni60-comment-form .required-field-message{
    width:100%;
}

.ni60-comment-form .comment-form-author,
.ni60-comment-form .comment-form-email{
    flex:1 1 calc(50% - 4px);
    width:auto;
    margin:0;
}

@media (max-width:640px){
    .ni60-comment-form .comment-form-author,
    .ni60-comment-form .comment-form-email{
        flex:1 1 100%;
    }
}


/* v0.2.13: Related News */
.ni60-related-news {
    margin-top: 14px;
    padding: 14px;
    background: var(--ni60-card);
    border: 1px solid var(--ni60-border);
    border-radius: 6px;
}

.ni60-related-news h2 {
    margin: 0 0 10px;
    color: var(--ni60-navy);
    font-size: 18px;
    line-height: 1.2;
}

.ni60-related-news-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
}

.ni60-related-news-card {
    margin: 0;
    overflow: hidden;
    background: #ffffff;
    border: 1px solid var(--ni60-border);
    border-radius: 6px;
}

.ni60-related-news-link {
    display: block;
    height: 100%;
}

.ni60-related-news-link:hover {
    text-decoration: none;
}

.ni60-related-news-thumb {
    aspect-ratio: 16 / 9;
    background: #eef1f5;
    overflow: hidden;
}

.ni60-related-news-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.ni60-related-news-body {
    padding: 8px;
}

.ni60-related-news-meta {
    margin-bottom: 3px;
    color: var(--ni60-muted);
    font-size: 11px;
    font-weight: 700;
}

.ni60-related-news h3 {
    margin: 0;
    color: var(--ni60-navy);
    font-size: 14px;
    line-height: 1.25;
}

.ni60-related-news-card:hover h3 {
    color: var(--ni60-red);
}

@media (max-width: 782px) {
    .ni60-related-news-grid {
        grid-template-columns: 1fr;
    }

    .ni60-related-news-link {
        display: grid;
        grid-template-columns: 96px minmax(0, 1fr);
        align-items: stretch;
    }

    .ni60-related-news-thumb {
        aspect-ratio: auto;
        min-height: 72px;
    }
}

@media (max-width: 420px) {
    .ni60-related-news-link {
        grid-template-columns: 82px minmax(0, 1fr);
    }

    .ni60-related-news h3 {
        font-size: 13px;
    }
}


/* v0.2.14: Latest News sidebar widget */
.widget.ni60_latest_news_widget,
.ni60_latest_news_widget {
    background: var(--ni60-card);
}

.ni60-latest-news-widget-list {
    display: grid;
    gap: 12px;
}

.ni60-latest-news-widget-item {
    margin: 0;
    padding: 0 0 12px;
    border-bottom: 1px solid var(--ni60-border);
}

.ni60-latest-news-widget-item:last-child {
    padding-bottom: 0;
    border-bottom: 0;
}

.ni60-latest-news-widget-link {
    display: block;
}

.ni60-latest-news-widget-link:hover {
    text-decoration: none;
}

.ni60-latest-news-widget-thumb,
.ni60-latest-news-widget-noimage {
    position: relative;
    aspect-ratio: 16 / 9;
    margin-bottom: 7px;
    overflow: hidden;
    border-radius: 5px;
    background: #eef1f5;
}

.ni60-latest-news-widget-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.ni60-latest-news-widget-category {
    position: absolute;
    left: 7px;
    bottom: 7px;
    max-width: calc(100% - 14px);
    padding: 4px 7px;
    background: var(--ni60-red);
    color: #ffffff;
    font-size: 10px;
    line-height: 1;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .25px;
    border-radius: 2px;
    box-shadow: 0 1px 3px rgba(0,0,0,.25);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ni60-latest-news-widget-body {
    padding: 0 1px;
}

.ni60-latest-news-widget-body h3 {
    margin: 0;
    color: var(--ni60-navy);
    font-size: 14px;
    line-height: 1.25;
    font-weight: 800;
}

.ni60-latest-news-widget-link:hover h3 {
    color: var(--ni60-red);
}

.ni60-latest-news-widget-date {
    margin-top: 3px;
    color: var(--ni60-muted);
    font-size: 11px;
    line-height: 1.2;
    font-weight: 700;
}

.ni60-latest-news-widget-more {
    display: inline-flex;
    margin-top: 12px;
    color: var(--ni60-red);
    font-size: 13px;
    line-height: 1.2;
    font-weight: 900;
}

.ni60-latest-news-widget-more:hover {
    color: var(--ni60-navy);
}

@media (max-width: 782px) {
    .ni60-latest-news-widget-list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .ni60-latest-news-widget-item {
        border-bottom: 0;
        padding-bottom: 0;
    }
}

@media (max-width: 520px) {
    .ni60-latest-news-widget-list {
        grid-template-columns: 1fr;
    }
}


/* v0.2.15: Search results sidebar uses a clean sidebar without Most Read/Top Stories */
.search .ni60-search-sidebar-widget {
    margin-bottom: 14px;
}



/* v0.2.16: Global News in 60 search box styling */
.ni60-search-form,
.widget_search form,
.search-form {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 8px;
    align-items: stretch;
}

.ni60-search-field,
.widget_search input[type="search"],
.widget_search input[type="text"],
.search-form input[type="search"],
.search-form input[type="text"] {
    width: 100%;
    min-height: 40px;
    padding: 8px 10px;
    border: 1px solid var(--ni60-border);
    border-radius: 4px;
    background: #ffffff;
    color: var(--ni60-text);
    font: inherit;
    font-size: 14px;
}

.ni60-search-submit,
.widget_search input[type="submit"],
.widget_search button[type="submit"],
.search-form input[type="submit"],
.search-form button[type="submit"] {
    min-height: 40px;
    padding: 8px 14px;
    border: 0;
    border-radius: 4px;
    background: var(--ni60-navy);
    color: #ffffff;
    font: inherit;
    font-size: 14px;
    font-weight: 800;
    cursor: pointer;
}

.ni60-search-submit:hover,
.widget_search input[type="submit"]:hover,
.widget_search button[type="submit"]:hover,
.search-form input[type="submit"]:hover,
.search-form button[type="submit"]:hover {
    background: var(--ni60-red);
}

.search .ni60-search-results-sidebar .widget:first-child {
    margin-bottom: 14px;
}

/* Defensive: Most Read/Top Stories must not appear on search result pages. */
.search .ni60-sidebar [class*="most-read"],
.search .ni60-sidebar [class*="MostRead"],
.search .ni60-sidebar [class*="most_read"],
.search .ni60-sidebar [class*="top-story"],
.search .ni60-sidebar [class*="TopStory"],
.search .ni60-sidebar [class*="top_story"],
.search .ni60-sidebar [class*="popular"],
.search .ni60-sidebar [id*="most-read"],
.search .ni60-sidebar [id*="top-story"],
.search .ni60-sidebar [id*="popular"] {
    display: none !important;
}

@media (max-width: 420px) {
    .ni60-search-form,
    .widget_search form,
    .search-form {
        grid-template-columns: 1fr;
    }
}



/* v0.2.17: Search sidebar fix - keep Fuel Watcher, hide Most Read, and fix search form alignment */
.screen-reader-text,
.ni60-search-form .screen-reader-text,
.widget_search .screen-reader-text,
.search-form .screen-reader-text {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

.ni60-search-form,
.widget_search form,
.search-form {
    display: flex !important;
    align-items: stretch !important;
    gap: 8px !important;
    width: 100% !important;
}

.ni60-search-form label,
.widget_search form label,
.search-form label {
    display: contents !important;
}

.ni60-search-field,
.widget_search input[type="search"],
.widget_search input[type="text"],
.search-form input[type="search"],
.search-form input[type="text"] {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    width: auto !important;
    min-height: 40px !important;
    margin: 0 !important;
}

.ni60-search-submit,
.widget_search input[type="submit"],
.widget_search button[type="submit"],
.search-form input[type="submit"],
.search-form button[type="submit"] {
    flex: 0 0 auto !important;
    min-height: 40px !important;
    margin: 0 !important;
}

/* On search pages, keep the theme's search box and hide only duplicate search widgets. */
.search .ni60-sidebar .widget_search:not(.ni60-search-sidebar-widget-primary) {
    display: none !important;
}

/* On search pages, remove Most Read / Top Stories blocks but leave Fuel Watcher and Latest News intact. */
.search .ni60-sidebar .widget:has([class*="most-read"]),
.search .ni60-sidebar .widget:has([class*="MostRead"]),
.search .ni60-sidebar .widget:has([class*="most_read"]),
.search .ni60-sidebar .widget:has([class*="top-story"]),
.search .ni60-sidebar .widget:has([class*="TopStory"]),
.search .ni60-sidebar .widget:has([class*="top_story"]),
.search .ni60-sidebar .widget:has([id*="most-read"]),
.search .ni60-sidebar .widget:has([id*="top-story"]),
.search .ni60-sidebar [class*="most-read"],
.search .ni60-sidebar [class*="MostRead"],
.search .ni60-sidebar [class*="most_read"],
.search .ni60-sidebar [class*="top-story"],
.search .ni60-sidebar [class*="TopStory"],
.search .ni60-sidebar [class*="top_story"],
.search .ni60-sidebar [id*="most-read"],
.search .ni60-sidebar [id*="top-story"] {
    display: none !important;
}

@media (max-width: 420px) {
    .ni60-search-form,
    .widget_search form,
    .search-form {
        display: grid !important;
        grid-template-columns: 1fr !important;
    }
}



/* v0.2.18: News in 60 Search widget and global search box reset */
.ni60_search_widget .widget-title,
.widget_search .widget-title {
    margin-bottom: 10px;
}

.ni60-search-form,
.ni60-search-form-custom,
.widget_search form,
.search-form {
    display: flex !important;
    align-items: stretch !important;
    gap: 8px !important;
    width: 100% !important;
    margin: 0 !important;
}

.ni60-search-form label,
.widget_search form label,
.search-form label,
.ni60-search-form .screen-reader-text,
.widget_search .screen-reader-text,
.search-form .screen-reader-text {
    display: none !important;
}

.ni60-search-form input[type="search"],
.ni60-search-form input[type="text"],
.ni60-search-field,
.widget_search input[type="search"],
.widget_search input[type="text"],
.search-form input[type="search"],
.search-form input[type="text"] {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    width: auto !important;
    height: 40px !important;
    min-height: 40px !important;
    margin: 0 !important;
    padding: 8px 10px !important;
    border: 1px solid var(--ni60-border) !important;
    border-radius: 4px !important;
    background: #ffffff !important;
    color: var(--ni60-text) !important;
    font: inherit !important;
    font-size: 14px !important;
    line-height: 1.2 !important;
}

.ni60-search-form button,
.ni60-search-form input[type="submit"],
.ni60-search-submit,
.widget_search input[type="submit"],
.widget_search button[type="submit"],
.search-form input[type="submit"],
.search-form button[type="submit"] {
    flex: 0 0 auto !important;
    height: 40px !important;
    min-height: 40px !important;
    margin: 0 !important;
    padding: 8px 14px !important;
    border: 0 !important;
    border-radius: 4px !important;
    background: var(--ni60-navy) !important;
    color: #ffffff !important;
    font: inherit !important;
    font-size: 14px !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;
    cursor: pointer !important;
}

.ni60-search-form button:hover,
.ni60-search-form input[type="submit"]:hover,
.ni60-search-submit:hover,
.widget_search input[type="submit"]:hover,
.widget_search button[type="submit"]:hover,
.search-form input[type="submit"]:hover,
.search-form button[type="submit"]:hover {
    background: var(--ni60-red) !important;
}

@media (max-width: 420px) {
    .ni60-search-form,
    .ni60-search-form-custom,
    .widget_search form,
    .search-form {
        display: grid !important;
        grid-template-columns: 1fr !important;
    }

    .ni60-search-form input[type="search"],
    .ni60-search-form input[type="text"],
    .ni60-search-field,
    .widget_search input[type="search"],
    .widget_search input[type="text"],
    .search-form input[type="search"],
    .search-form input[type="text"],
    .ni60-search-form button,
    .ni60-search-form input[type="submit"],
    .ni60-search-submit,
    .widget_search input[type="submit"],
    .widget_search button[type="submit"],
    .search-form input[type="submit"],
    .search-form button[type="submit"] {
        width: 100% !important;
    }
}


/* v0.2.19: Avoid duplicate search forms on search result pages */
.search .ni60-sidebar .widget_search:not(.ni60_search_widget) {
    display: none !important;
}


/* v0.2.21: Sticky header layout refinement */
.ni60-top-ticker,
.ni60-top-ticker .ni60-markets-ticker--embedded,
.ni60-top-ticker .ni60-markets-ticker--embedded * {
    font-size: inherit !important;
}

@media (max-width: 640px) {
    .ni60-top-strip-inner {
        grid-template-columns: 1fr !important;
    }

    .ni60-top-row {
        grid-template-columns: 38px minmax(0, 1fr) !important;
        grid-template-areas:
            "home ticker"
            "date date";
    }

    .ni60-home-link {
        grid-area: home;
        width: 38px;
        min-height: 30px;
        padding: 0;
    }

    .ni60-date-left {
        grid-area: date;
        width: auto;
        text-align: left;
        padding-left: 0;
        border-right: 0;
        font-size: 11px;
        line-height: 1.2;
        font-weight: 700;
    }

    .ni60-top-ticker {
        grid-area: ticker;
    }
}


/* v0.2.22: Refine sticky header ticker sizing and remove right-side ticker divider */
.ni60-top-ticker::before,
.ni60-top-ticker::after {
    display: none !important;
}


/* v0.2.25: Match ticker typography to date */
.ni60-top-ticker,
.ni60-top-ticker .ni60-markets-ticker--embedded,
.ni60-top-ticker .ni60-markets-ticker--embedded * {
    font-size: inherit !important;
    font-weight: 700 !important;
    line-height: inherit !important;
}


/* v0.2.30: Prevent the fixed sticky utility bar from clipping the main header logo on mobile.
   This rule is intentionally placed at the end of the stylesheet so it wins over the earlier base header margin. */
@media (max-width: 640px) {
    .ni60-site-header {
        margin-top: 56px;
    }

    .admin-bar .ni60-site-header {
        margin-top: 56px;
    }
}

/* v0.2.31: Keep the sticky utility bar on a single row on mobile.
   This removes the previous mobile stacking behaviour where the date dropped below the ticker.
   It also restores the main header offset because the sticky bar is no longer two rows tall. */
@media (max-width: 640px) {
    .ni60-top-strip-inner {
        min-height: 32px !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    .ni60-top-row {
        grid-template-columns: 38px max-content minmax(0, 1fr) !important;
        grid-template-areas: "home date ticker" !important;
        min-height: 32px !important;
        align-items: center !important;
    }

    .ni60-home-link {
        grid-area: home !important;
        width: 38px !important;
        min-height: 32px !important;
        padding: 0 !important;
    }

    .ni60-date,
    .ni60-date-left {
        grid-area: date !important;
        width: auto !important;
        max-width: 42vw !important;
        min-width: 0 !important;
        padding: 0 8px !important;
        text-align: left !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        font-size: 11px !important;
        line-height: 32px !important;
        border-right: 1px solid rgba(255,255,255,.14) !important;
    }

    .ni60-top-ticker {
        grid-area: ticker !important;
        min-width: 0 !important;
        padding: 0 8px !important;
    }

    .ni60-site-header,
    .admin-bar .ni60-site-header {
        margin-top: 32px !important;
    }
}


/* v0.2.34: Increase the News in 60 header logo size by approximately 15% on desktop and mobile. */

/* v0.2.39: Dedicated full-width handling for the /fuel/ Fuel Watcher Report page. */
body.page-slug-fuel .ni60-page-shell > .ni60-container,
body.ni60-fuel-page-template .ni60-page-shell > .ni60-container {
    width: min(1280px, calc(100% - 32px));
}

body.page-slug-fuel .ni60-fuel-page-shell,
body.ni60-fuel-page-template .ni60-fuel-page-shell {
    width: 100%;
    margin: 18px auto 36px;
}

body.page-slug-fuel .ni60-fuel-page-shell .ni60-fuel-public-report,
body.ni60-fuel-page-template .ni60-fuel-page-shell .ni60-fuel-public-report,
body.page-slug-fuel .ni60-fuel-page-shell .ni60-hs-report-builder,
body.ni60-fuel-page-template .ni60-fuel-page-shell .ni60-hs-report-builder {
    width: 100%;
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
}

body.page-slug-fuel .ni60-layout,
body.ni60-fuel-page-template .ni60-layout {
    display: block;
}

body.page-slug-fuel .ni60-sidebar,
body.ni60-fuel-page-template .ni60-sidebar {
    display: none !important;
}



/* Fuel page comments width */
.ni60-fuel-comments-wrap{
    max-width:1180px;
    margin:40px auto 0;
    padding:0 15px;
}