/* =============================================================================
   insights-article.css
   Styles for the Insights article page layout and typography.
   Loaded only via IndustryArticle.Master — does not affect other site pages.
   Fonts loaded in master: Bodoni Moda (serif display/body) + Source Sans 3 (sans).
   ============================================================================= */

/* ---- Masthead ---- */
.ia-masthead {
    background: #000;
    padding: 14px 5%;
    display: flex;
    align-items: center;
}
/* Left spacer balances the auth link so the logo stays centred */
.ia-masthead-left  { flex: 1; }
.ia-masthead-logo  { flex: 0 0 auto; display: block; text-align: center; }
.ia-masthead-logo img { height: 38px; display: block; }
.ia-masthead-auth  { flex: 1; text-align: right; }
.ia-masthead-auth a {
    color: #fff;
    text-decoration: none;
    font-family: 'Source Sans 3', sans-serif;
    font-size: 1.05em;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}
.ia-masthead-auth a:hover { text-decoration: underline; }

/* ---- Category bar ---- */
.ia-category-bar {
    padding: 12px 10.5%;
    font-family: 'Source Sans 3', sans-serif;
    font-size: 0.8em;
    letter-spacing: 0.06em;
    background: #fff;
}
.ia-category-bar .ia-section    { color: #e13d3d; font-weight: 700; text-transform: uppercase; }
.ia-category-bar .ia-sep        { color: #bbb; margin: 0 10px; }
.ia-category-bar .ia-subsection { color: #111; font-weight: 400; }

/* ---- Headline section (full-width) ---- */
.ia-headline-wrap {
    padding: 24px 10.5% 0;
    background: #fff;
    margin-bottom: 0;
}
.ia-headline-wrap h1 {
    font-family: 'Bodoni Moda', 'Georgia', serif;
    font-size: 2.5em;
    font-weight: 400;   /* un-bolded — editorial weight */
    color: #111;
    line-height: 1.18;
    margin: 0 0 18px;
}
.ia-byline {
    font-family: 'Source Sans 3', sans-serif;
    font-weight: 600;   /* lighter than bold, heavier than regular */
    color: #111;
    font-size: 0.92em;
    margin: 0 0 4px;
}
.ia-pubdate {
    font-family: 'Source Sans 3', sans-serif;
    color: #666;
    font-size: 0.85em;
    margin: 0 0 20px;
}
/* Hairline divider — sits inside the padded headline wrap so it
   extends only as far as the body content, not the full viewport */
.ia-divider {
    border: none;
    border-top: 1px solid #bbb;
    margin: 0;
}

/* ---- Two-column layout ---- */
.ia-columns                  { padding-top: 28px; padding-bottom: 52px; position: relative; }
.ia-columns .stateDetailLeft  { width: 51%; float: left; margin-left: 10.5%; }
.ia-columns .stateDetailRight { width: 24%; float: right; margin-right: 4%; }
.ia-columns .ia-clear         { clear: both; }

/* ---- Article body typography ---- */
.ia-article-body p {
    font-family: 'Bodoni Moda', 'Georgia', serif;
    font-size: 1.0em;
    line-height: 1.85;
    color: #222;
    margin-bottom: 1.2em;
}
/* H2 — section heading: semi-bold, black, sans-serif, title case, between H1 and body size */
.ia-article-body h2 {
    font-family: 'Source Sans 3', sans-serif;
    font-size: 1.3em;
    font-weight: 600;
    color: #111;
    text-transform: capitalize;
    margin: 1.6em 0 0.5em;
    line-height: 1.25;
}
/* H3 — sub-heading: all caps, red, bold, sans-serif, slightly above body size */
.ia-article-body h3 {
    font-family: 'Source Sans 3', sans-serif;
    font-size: 1.0em;
    font-weight: 700;
    color: #e13d3d;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin: 1.4em 0 0.4em;
}
/* H4 — label: all caps, black, bold, body size */
.ia-article-body h4 {
    font-family: 'Source Sans 3', sans-serif;
    font-size: 1.0em;
    font-weight: 700;
    color: #111;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    margin: 1.2em 0 0.3em;
}
/* Article images */
.ia-article-body img {
    max-width: 100%;
    height: auto;
    margin-bottom: 10px;
}
/* Lead image block */
.ia-lead-image              { margin-bottom: 20px; }
.ia-lead-image img          { max-width: 100%; height: auto; }
.ia-lead-image .ia-caption  { font-family: 'Source Sans 3', sans-serif; font-size: 0.8em; color: #888; margin-top: 4px; }

/* CTA block */
.ia-cta {
    margin-top: 32px;
    margin-bottom: 40px;
    padding: 20px;
    background: #f5f5f5;
}

/* ---- Article footer (separate section — styling will evolve) ---- */
.ia-footer {
    border-top: 1px solid #ddd;
}