/* JT visual override — loaded after style.css + JT_files/* CSS to fix layout
   degradation that occurs when JT's JS isn't running. Hides oversized chrome,
   constrains the article column, and sizes the hero image. Doesn't change
   what the LLM URL fetcher reads (HTML structure stays the same). */

/* Constrain main article column to readable width */
main.article-page {
    max-width: 980px;
    margin: 0 auto;
    padding: 24px 28px 60px;
}
main.article-page .container,
main.article-page .row {
    max-width: none;
}

/* Crop the bloated header — keep just the JT logo strip visible */
header.not-home-header {
    max-height: 76px;
    overflow: hidden;
    border-bottom: 1px solid #ddd;
    background: #fff;
    padding: 12px 28px;
    display: flex;
    align-items: center;
    gap: 24px;
}
header.not-home-header > * {
    display: inline-block;
    vertical-align: middle;
}
/* Hide the broken weather/date widget that renders as "the °" */
.jt-header-logo-date,
.jt-header-date,
.weather-widget,
.jt-weather {
    display: none !important;
}

/* Hero image: bound height, fill width */
.article-image-gallery figure,
.article-image-gallery {
    max-height: 480px;
    overflow: hidden;
    margin: 18px 0 24px;
}
.article-image-gallery img {
    width: 100%;
    height: auto;
    max-height: 480px;
    object-fit: cover;
    display: block;
}

/* Headline + article body typography */
h1.title-article {
    font-family: Georgia, "Times New Roman", serif;
    font-size: 38px;
    line-height: 1.2;
    margin: 18px 0 12px;
    color: #151515;
}
.article-section a {
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    color: #c00;
    letter-spacing: 0.04em;
}
.byline,
.byline-block,
.publish-date {
    font-size: 13px;
    color: #666;
    margin-bottom: 4px;
}
.byline a { color: #c00; }
.article-body p,
.article-body div {
    font-family: Georgia, "Times New Roman", serif;
    font-size: 17px;
    line-height: 1.65;
    margin: 0 0 16px;
    color: #222;
}

/* Hide ad / dynamic widgets that don't have content without JS */
.jt-square-ad,
.jt-vertical-ad,
.jt-supplements-vertical-ad,
.jt-disqus,
.jt-sustainable,
.jt-trending,
.jt-tab-editor-pick,
.jt-sidebar-tabs,
.jt-sidebar-covid,
.jt-tag-article,
.jt-column-article,
.jt-square-ad,
.footer-ad,
.tp-modal,
.tp-backdrop,
.beyondwords-player,
.audio-player {
    display: none !important;
}

/* Footer: keep small */
footer { padding: 18px 28px; font-size: 12px; color: #777; }

/* Right rail / sidebar */
.col-md-4 {
    display: none !important;
}
.col-md-8 {
    flex: 0 0 100%;
    max-width: 100%;
}