/* Compact professional header and homepage hero */
@media (min-width: 783px) {
  .ccl-logo {
    width: auto !important;
    height: auto !important;
    max-height: 165px !important;
  }

  .ccl-mag-hero {
    min-height: 390px !important;
    padding: 42px 46px !important;
    background-position: center 48% !important;
  }
}

@media (max-width: 782px) {
  .ccl-logo {
    width: 100% !important;
    height: auto !important;
    max-height: 92px !important;
  }

  .ccl-mag-hero {
    min-height: 350px !important;
    padding: 34px 24px !important;
    background-position: 62% center !important;
  }
}

/* Logo integrated into the desktop navigation — August 2026 */
@media (min-width: 1200px) {
  .site-header {
    position: relative;
    background: #15543f !important;
  }

  .ccl-header {
    position: relative;
    z-index: 10000;
    height: 0 !important;
    min-height: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    overflow: visible !important;
  }

  .ccl-header > .ccl-container {
    position: absolute;
    top: 0;
    left: 50%;
    width: 100%;
    height: 86px;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
    padding-right: 0;
    pointer-events: none;
  }

  .ccl-branding {
    width: 390px;
    max-width: 27%;
    margin: 0;
    padding: 8px 18px 8px 0;
    display: flex;
    align-items: center;
    pointer-events: auto;
  }

  .ccl-logo-link {
    display: block;
    line-height: 0;
  }

  .ccl-logo {
    display: block;
    width: 100% !important;
    height: auto !important;
    max-width: 390px !important;
    max-height: 70px !important;
    object-fit: contain;
  }

  .ccl-navigation {
    min-height: 86px;
  }

  .ccl-navigation > .ccl-container {
    min-height: 86px;
    padding-left: min(28%, 410px);
    display: flex;
    align-items: center;
  }

  .ccl-navigation .primary-menu {
    width: 100%;
    justify-content: flex-end;
    gap: clamp(2px, 0.35vw, 8px);
  }

  .ccl-navigation .primary-menu > li > a {
    padding-left: clamp(8px, 0.65vw, 13px);
    padding-right: clamp(8px, 0.65vw, 13px);
    white-space: nowrap;
  }
}

@media (min-width: 783px) and (max-width: 1199px) {
  .ccl-logo {
    max-height: 105px !important;
  }
}

@media (max-width: 782px) {
  .ccl-header {
    padding-top: 4px;
    padding-bottom: 4px;
  }

  .ccl-logo {
    max-height: 72px !important;
  }
}

/* Centre the integrated logo within its reserved header area */
@media (min-width: 1200px) {
  .ccl-branding {
    height: 86px;
    box-sizing: border-box;
    padding: 8px 0;
    justify-content: center;
  }

  .ccl-logo-link {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .ccl-logo {
    margin: 0 auto;
  }
}


/* Replace the header logo with the uploaded farmhouse image */
.ccl-logo {
  content: url("https://canadiancountrylife.ca/wp-content/uploads/2026/10/CCL_Farmhouse_horizontal_logo_faded_420x120.png") !important;
}


/* Keep the farmhouse image clear of the desktop navigation */
@media (min-width: 1200px) {
  .ccl-logo {
    max-height: 54px !important;
  }
}


/* Align the mark with the left edge of the navigation container */
@media (min-width: 1200px) {
  .ccl-branding {
    justify-content: flex-start !important;
  }

  .ccl-logo-link {
    justify-content: flex-start !important;
  }

  .ccl-logo {
    margin: 0 !important;
  }
}


/* Fit every desktop navigation label beside the farmhouse logo */
@media (min-width: 1200px) {
  .ccl-navigation .primary-menu {
    gap: 0 !important;
  }

  .ccl-navigation .primary-menu > li > a {
    font-size: 14px !important;
    padding-left: 6px !important;
    padding-right: 6px !important;
  }
}


/* Restore the original header logo and navigation layout */
.ccl-logo {
  content: normal !important;
}

@media (min-width: 1200px) {
  .ccl-branding {
    justify-content: center !important;
  }

  .ccl-logo-link {
    justify-content: center !important;
  }

  .ccl-logo {
    max-height: 70px !important;
    margin: 0 auto !important;
  }

  .ccl-navigation .primary-menu {
    gap: clamp(2px, 0.35vw, 8px) !important;
  }

  .ccl-navigation .primary-menu > li > a {
    font-size: revert !important;
    padding-left: clamp(8px, 0.65vw, 13px) !important;
    padding-right: clamp(8px, 0.65vw, 13px) !important;
  }
}

/* Use the farmhouse in the homepage hero; its left fade keeps the copy readable */
.ccl-mag-hero {
  background-image: url("https://canadiancountrylife.ca/wp-content/uploads/2026/10/CCL_Farmhouse_horizontal_logo_faded_420x120.png") !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
}


/* Correct homepage hero image: original farmhouse photo with a left fade behind existing copy */
.ccl-mag-hero {
  background-image: linear-gradient(90deg, rgba(8, 28, 20, .88) 0%, rgba(8, 28, 20, .68) 38%, rgba(8, 28, 20, .2) 70%, rgba(8, 28, 20, 0) 100%), url("https://canadiancountrylife.ca/wp-content/uploads/2026/10/CCL_Farmhouse_corrected.jpeg") !important;
  background-size: cover, cover !important;
  background-position: center, center 48% !important;
  background-repeat: no-repeat, no-repeat !important;
}

@media (max-width: 782px) {
  .ccl-mag-hero {
    background-image: linear-gradient(90deg, rgba(8, 28, 20, .86) 0%, rgba(8, 28, 20, .68) 52%, rgba(8, 28, 20, .25) 100%), url("https://canadiancountrylife.ca/wp-content/uploads/2026/10/CCL_Farmhouse_corrected.jpeg") !important;
    background-position: center, 62% center !important;
  }
}


/* Keep the full original logo clear of desktop navigation */
@media (min-width: 1200px) {
  .ccl-branding { width: 300px !important; max-width: 23% !important; }
  .ccl-logo { max-width: 300px !important; max-height: 66px !important; }
  .ccl-navigation > .ccl-container { padding-left: min(23%, 310px) !important; }
  .ccl-navigation .primary-menu { gap: 2px !important; }
  .ccl-navigation .primary-menu > li > a { font-size: 13px !important; padding-left: 5px !important; padding-right: 5px !important; }
}


/* Enlarge the two-badge logo in the desktop header */
@media (min-width: 1200px) {
  .ccl-branding { width: 370px !important; max-width: 28% !important; }
  .ccl-logo { max-width: 370px !important; max-height: 80px !important; }
}


/* Restore clear contrast for the homepage hero copy */
.ccl-mag-hero h1,
.ccl-mag-hero h1 span,
.ccl-mag-hero p {
  color: #fff !important;
  text-shadow: 0 2px 10px rgba(0, 0, 0, .78) !important;
}

/* Homepage layout: full-width hero, content beside the original sidebar. */
#primary.ccl-homepage > .ccl-homepage-hero {
  width: 100vw !important;
  max-width: none !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
#primary.ccl-homepage .ccl-homepage-hero > .ccl-mag { width: 100% !important; max-width: none !important; }
#primary.ccl-homepage .ccl-mag-hero h1,
#primary.ccl-homepage .ccl-mag-hero h1 span,
#primary.ccl-homepage .ccl-mag-hero p { color:#fff !important; text-shadow:0 2px 10px rgba(0,0,0,.78) !important; }

/* Keep the four featured links together below the hero. */
#primary.ccl-homepage .ccl-mag-info { display:grid !important; grid-template-columns:repeat(4,minmax(0,1fr)) !important; margin:-28px 24px 26px; }
#primary.ccl-homepage .ccl-mag-info > br { display:none !important; }
#primary.ccl-homepage .ccl-mag-info > a { display:flex !important; gap:12px; align-items:center; min-width:0; padding:16px 12px; border-right:1px solid #e6e0d7; text-decoration:none; }
#primary.ccl-homepage .ccl-mag-info .ccl-mag-icon { display:grid !important; place-items:center; width:42px; height:42px; flex:0 0 42px; border-radius:50%; background:#e8f0e9; color:#073f2b; font-size:1.1rem; font-weight:900; }
#primary.ccl-homepage .ccl-mag-info strong { display:block; line-height:1.2; }
#primary.ccl-homepage .ccl-mag-info small { display:block; margin-top:3px; color:#677168; line-height:1.3; }
#primary.ccl-homepage .ccl-mag-info { position:relative; z-index:2; overflow:hidden; background:#fff !important; border:1px solid #e1ddd3; border-radius:12px; box-shadow:0 10px 28px rgba(24,52,36,.12); }

/* Normal two-column flow starts after the full-width hero and resource row. */
@media (min-width:1025px) {
  #primary.ccl-homepage .ccl-home-content-wrapper { display:grid !important; grid-template-columns:minmax(0,1fr) minmax(270px,300px) !important; gap:2rem !important; align-items:start !important; position:static !important; padding:0 !important; }
  #primary.ccl-homepage .ccl-home-content-wrapper > .ccl-homepage-content { grid-column:1 !important; grid-row:1 !important; width:100% !important; min-width:0 !important; max-width:none !important; }
  #primary.ccl-homepage .ccl-home-content-wrapper > #secondary.ccl-sidebar { display:block !important; position:static !important; grid-column:2 !important; grid-row:1 !important; width:100% !important; max-width:300px !important; height:auto !important; min-height:0 !important; margin:0 !important; padding:0 !important; overflow:visible !important; z-index:auto !important; visibility:visible !important; opacity:1 !important; }
  #primary.ccl-homepage #secondary .widget { display:block !important; visibility:visible !important; opacity:1 !important; }
}
@media (max-width:1024px) {
  #primary.ccl-homepage .ccl-home-content-wrapper { display:grid !important; grid-template-columns:minmax(0,1fr) !important; gap:1.5rem !important; padding:0 !important; }
  #primary.ccl-homepage .ccl-home-content-wrapper > .ccl-homepage-content,
  #primary.ccl-homepage .ccl-home-content-wrapper > #secondary.ccl-sidebar { position:static !important; grid-column:1 !important; grid-row:auto !important; width:100% !important; max-width:none !important; height:auto !important; overflow:visible !important; }
  #primary.ccl-homepage .ccl-mag-info { grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
}
@media (max-width:600px) { #primary.ccl-homepage .ccl-mag-info { grid-template-columns:1fr !important; } }

/* Homepage sidebar stays beside the story column on desktop. */
@media (min-width:1025px) {
  #primary.ccl-homepage .ccl-home-content-wrapper { display:block !important; position:relative !important; padding-right:330px !important; box-sizing:border-box !important; }
  #primary.ccl-homepage .ccl-homepage-content { width:100% !important; max-width:none !important; }
  #primary.ccl-homepage #secondary.ccl-sidebar { display:flex !important; position:fixed !important; top:175px !important; right:max(1rem,calc((100vw - 1500px)/2)) !important; width:300px !important; max-width:300px !important; height:calc(100vh - 195px) !important; overflow:auto !important; z-index:1000 !important; background:#f8f8f5 !important; padding:0 10px 12px !important; box-sizing:border-box !important; visibility:visible !important; opacity:1 !important; }
  #primary.ccl-homepage #secondary.ccl-sidebar > * { display:block !important; visibility:visible !important; opacity:1 !important; }
}
@media (max-width:1024px) { #primary.ccl-homepage #secondary.ccl-sidebar { position:static !important; width:auto !important; max-width:none !important; height:auto !important; overflow:visible !important; } }

/* Use the homepage component grids only; leave the history timeline untouched. */
@media (min-width:901px) {
  #primary.ccl-homepage .ccl-mag .ccl-post-grid { display:grid !important; grid-template-columns:repeat(3,minmax(0,1fr)) !important; gap:17px !important; }
  #primary.ccl-homepage .ccl-mag .ccl-post-grid > .ccl-post { width:100% !important; min-width:0 !important; }
  #primary.ccl-homepage .ccl-mag .ccl-conditions__grid { display:grid !important; grid-template-columns:repeat(5,minmax(0,1fr)) !important; gap:12px !important; }
}

/* Restore the homepage sections using their own component classes. */
@media (min-width:901px) {
  #primary.ccl-homepage .ccl-mag-grid { display:grid !important; grid-template-columns:minmax(0,3fr) minmax(245px,1fr) !important; gap:22px !important; align-items:start !important; }
  #primary.ccl-homepage .ccl-mag-grid > .ccl-mag-main { grid-column:1 !important; min-width:0 !important; }
  #primary.ccl-homepage .ccl-mag-grid > aside { grid-column:2 !important; min-width:0 !important; }
  #primary.ccl-homepage .ccl-post-grid { display:grid !important; grid-template-columns:repeat(3,minmax(0,1fr)) !important; gap:17px !important; }
  #primary.ccl-homepage .ccl-post-grid > .ccl-post { min-width:0 !important; width:100% !important; }
  #primary.ccl-homepage .ccl-conditions__grid { display:grid !important; grid-template-columns:repeat(5,minmax(0,1fr)) !important; gap:12px !important; }
  #primary.ccl-homepage .ccl-product-row { display:grid !important; grid-template-columns:repeat(4,minmax(0,1fr)) !important; gap:14px !important; }
  #primary.ccl-homepage .ccl-categories { display:grid !important; grid-template-columns:repeat(5,minmax(0,1fr)) !important; }
}
@media (max-width:900px) {
  #primary.ccl-homepage .ccl-mag-grid { display:grid !important; grid-template-columns:1fr !important; }
  #primary.ccl-homepage .ccl-mag-grid > aside { grid-column:1 !important; }
  #primary.ccl-homepage .ccl-post-grid { grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
  #primary.ccl-homepage .ccl-conditions__grid { grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
  #primary.ccl-homepage .ccl-product-row { grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
  #primary.ccl-homepage .ccl-categories { grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
}
@media (max-width:600px) {
  #primary.ccl-homepage .ccl-post-grid, #primary.ccl-homepage .ccl-conditions__grid, #primary.ccl-homepage .ccl-product-row, #primary.ccl-homepage .ccl-categories { grid-template-columns:1fr !important; }
}

/* Keep widgets inside their market panels and remove editor-inserted breaks. */
#primary.ccl-homepage .ccl-conditions__grid > .ccl-condition-panel { display:flex !important; width:100% !important; min-width:0 !important; max-width:100% !important; overflow:hidden !important; box-sizing:border-box !important; }
#primary.ccl-homepage .ccl-condition-panel > * { width:100% !important; min-width:0 !important; max-width:100% !important; box-sizing:border-box !important; }
#primary.ccl-homepage .ccl-condition-panel [class*="__"] { max-width:100% !important; box-sizing:border-box !important; }
#primary.ccl-homepage .ccl-conditions__grid { align-items:stretch !important; }
#primary.ccl-homepage .ccl-categories > br { display:none !important; }
#primary.ccl-homepage .ccl-categories > a { min-width:0 !important; }
@media (max-width:900px) { #primary.ccl-homepage .ccl-conditions__grid { grid-template-columns:repeat(2,minmax(0,1fr)) !important; } }
@media (max-width:600px) { #primary.ccl-homepage .ccl-conditions__grid { grid-template-columns:1fr !important; } }
/* Keep the compact homepage history panel to its three featured events. */
body.page-id-1416 .ccl-home-history .ccl-on-this-day__event:nth-child(n+4) { display:none !important; }

/* Let the lower shopping and market rows span across the sidebar reserve. */
@media (min-width:1025px) {
  #primary.ccl-homepage .ccl-products,
  #primary.ccl-homepage .ccl-conditions,
  #primary.ccl-homepage .ccl-categories { width:calc(100% + 330px) !important; max-width:none !important; margin-left:0 !important; margin-right:-330px !important; box-sizing:border-box !important; }
}

@media (min-width:1025px) {
  #primary.ccl-homepage .ccl-products,
  #primary.ccl-homepage .ccl-conditions,
  #primary.ccl-homepage .ccl-categories { position:relative !important; z-index:1001 !important; }
}

/* Keep the sidebar beside the editorial column without covering lower full-width rows. */
@media (min-width:1025px) {
  #primary.ccl-homepage .ccl-home-content-wrapper { display:block !important; position:relative !important; padding-right:330px !important; box-sizing:border-box !important; }
  #primary.ccl-homepage .ccl-homepage-content { width:100% !important; max-width:none !important; }
  #primary.ccl-homepage #secondary.ccl-sidebar { display:flex !important; position:absolute !important; top:0 !important; right:0 !important; width:300px !important; max-width:300px !important; height:calc(100vh - 195px) !important; overflow:auto !important; z-index:10 !important; background:#f8f8f5 !important; padding:0 10px 12px !important; box-sizing:border-box !important; visibility:visible !important; opacity:1 !important; }
}

/* Keep the editorial cards in one column beside the real sidebar. */
@media (min-width:901px) { #primary.ccl-homepage .ccl-mag-grid { display:grid !important; grid-template-columns:minmax(0,1fr) !important; } }
/* Render each sidebar widget as a vertical stack. */
@media (min-width:1025px) { #primary.ccl-homepage #secondary.ccl-sidebar { display:block !important; position:absolute !important; top:0 !important; right:0 !important; width:300px !important; max-width:300px !important; height:calc(100vh - 195px) !important; overflow:auto !important; z-index:10 !important; background:#f8f8f5 !important; padding:0 10px 12px !important; box-sizing:border-box !important; visibility:visible !important; opacity:1 !important; } #primary.ccl-homepage #secondary.ccl-sidebar > * { display:block !important; width:100% !important; box-sizing:border-box !important; } }

/* Keep the sidebar clear of the full-width hero and prevent widget overflow. */
#primary.ccl-homepage #secondary.ccl-sidebar { overflow-x:hidden !important; }
#primary.ccl-homepage #secondary.ccl-sidebar, #primary.ccl-homepage #secondary.ccl-sidebar * { min-width:0 !important; max-width:100% !important; box-sizing:border-box !important; }
#primary.ccl-homepage #secondary.ccl-sidebar img { display:block; width:100%; height:auto; object-fit:contain; }
/* Keep the five market panels and category links readable in their rows. */
#primary.ccl-homepage .ccl-condition-panel--currency { display:block !important; background:#fff !important; }
#primary.ccl-homepage .ccl-condition-panel--currency > * { width:100% !important; height:100% !important; }
#primary.ccl-homepage .ccl-condition-panel--currency .ccl-currency__header { display:block; padding:15px 16px; background:#0f5138; color:#fff; font-weight:800; }
#primary.ccl-homepage .ccl-condition-panel--currency .ccl-currency__body { padding:14px 12px; }
#primary.ccl-homepage .ccl-condition-panel--currency .ccl-currency__grid { display:grid; grid-template-columns:1fr 1fr; gap:8px; }
#primary.ccl-homepage .ccl-categories > a { display:block !important; min-width:0 !important; overflow-wrap:anywhere; }
#primary.ccl-homepage .ccl-categories > a b, #primary.ccl-homepage .ccl-categories > a span { display:block !important; }

/* Start the sidebar beside Latest Story, after the full-width hero and featured links. */
@media (min-width:1025px) { #primary.ccl-homepage #secondary.ccl-sidebar { top:432px !important; } }

@media (min-width:1025px) { #primary.ccl-homepage #secondary.ccl-sidebar { top:630px !important; } }

@media (min-width:1025px) { #primary.ccl-homepage #secondary.ccl-sidebar { top:630px !important; } }


/* Align the five homepage market panels to a shared top edge and height. */
@media (min-width: 901px) {
  #primary.ccl-homepage .ccl-conditions__grid { align-items: stretch !important; }
  #primary.ccl-homepage .ccl-conditions__grid > .ccl-condition-panel { align-self: stretch !important; height: 450px !important; min-height: 450px !important; margin: 0 !important; transform: none !important; border: 1px solid #d8e1d9 !important; border-radius: 12px !important; background: #fff !important; overflow: hidden !important; box-sizing: border-box !important; }
  #primary.ccl-homepage .ccl-condition-panel > * { height: 100% !important; margin-top: 0 !important; box-sizing: border-box !important; }
}
@media (max-width: 900px) {
  #primary.ccl-homepage .ccl-conditions__grid > .ccl-condition-panel { align-self: stretch !important; min-height: 360px !important; margin: 0 !important; transform: none !important; }
}


/* Expand the desktop homepage sidebar into the unused gutter beside it. */
@media (min-width: 1200px) {
  #primary.ccl-homepage #secondary.ccl-sidebar { width: 520px !important; max-width: 520px !important; right: -220px !important; }
}


/* Keep the wider sidebar inside the page and reserve its full column. */
@media (min-width: 1200px) {
  #primary.ccl-homepage .ccl-home-content-wrapper { padding-right: 450px !important; }
  #primary.ccl-homepage #secondary.ccl-sidebar { width: 420px !important; max-width: 420px !important; right: 0 !important; }
}


/* Widen the homepage editorial area to the full page width, leaving its sidebar column intact. */
@media (min-width:1025px) {
  #primary.ccl-homepage .ccl-home-content-wrapper { width:100vw !important; max-width:none !important; margin-left:calc(50% - 50vw) !important; padding-right:450px !important; box-sizing:border-box !important; }
  #primary.ccl-homepage .ccl-homepage-content { width:100% !important; max-width:none !important; }
}


/* Keep the widened section aligned to the page edge at desktop sizes. */
@media (min-width:1025px) {
  #primary.ccl-homepage .ccl-home-content-wrapper { width:100% !important; margin-left:0 !important; }
}


@media (min-width:1025px) {
  #primary.ccl-homepage .ccl-home-content-wrapper { width:calc(100% + 16px) !important; }
}


/* Compact, theme-coloured homepage series cards. */
@media (min-width:601px) {
  #primary.ccl-homepage .ccl-mag-main > .ccl-history:not(#ccl-rural-series-feature),
  #primary.ccl-homepage #ccl-rural-series-feature {
    display:grid !important;
    grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr) !important;
    align-items:stretch !important;
    min-height:360px !important;
    height:360px !important;
    margin:18px 0 20px !important;
    overflow:hidden !important;
    border:1px solid #d1b76a !important;
    border-radius:14px !important;
    box-shadow:0 8px 22px rgba(15,61,43,.13) !important;
    box-sizing:border-box !important;
  }
  #primary.ccl-homepage .ccl-mag-main > .ccl-history:not(#ccl-rural-series-feature) { background:#0f5138 !important; }
  #primary.ccl-homepage #ccl-rural-series-feature { background:#e8f0e9 !important; }
  #primary.ccl-homepage .ccl-mag-main > .ccl-history:not(#ccl-rural-series-feature) > div,
  #primary.ccl-homepage #ccl-rural-series-feature > div {
    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
    min-width:0 !important;
    padding:28px 32px !important;
    box-sizing:border-box !important;
  }
  #primary.ccl-homepage .ccl-mag-main > .ccl-history:not(#ccl-rural-series-feature) > div { color:#fff !important; }
  #primary.ccl-homepage #ccl-rural-series-feature > div { color:#183f30 !important; }
  #primary.ccl-homepage .ccl-mag-main > .ccl-history:not(#ccl-rural-series-feature) small,
  #primary.ccl-homepage #ccl-rural-series-feature small { color:#d8bd61 !important; font-weight:800 !important; letter-spacing:.08em !important; }
  #primary.ccl-homepage .ccl-mag-main > .ccl-history:not(#ccl-rural-series-feature) h2 { color:#fff !important; }
  #primary.ccl-homepage #ccl-rural-series-feature h2 { color:#0f5138 !important; }
  #primary.ccl-homepage .ccl-mag-main > .ccl-history:not(#ccl-rural-series-feature) p,
  #primary.ccl-homepage #ccl-rural-series-feature p { margin:8px 0 !important; }
  #primary.ccl-homepage .ccl-mag-main > .ccl-history:not(#ccl-rural-series-feature) > p,
  #primary.ccl-homepage #ccl-rural-series-feature > p {
    display:flex !important; align-items:center !important; justify-content:center !important;
    height:100% !important; min-height:0 !important; margin:0 !important; padding:16px !important;
    background:#dfe9e1 !important; box-sizing:border-box !important; overflow:hidden !important;
  }
  #primary.ccl-homepage .ccl-mag-main > .ccl-history:not(#ccl-rural-series-feature) > p a,
  #primary.ccl-homepage #ccl-rural-series-feature > p a {
    display:flex !important; width:100% !important; height:100% !important;
    align-items:center !important; justify-content:center !important;
  }
  #primary.ccl-homepage .ccl-mag-main > .ccl-history:not(#ccl-rural-series-feature) img,
  #primary.ccl-homepage #ccl-rural-series-feature img {
    display:block !important; width:100% !important; max-width:100% !important;
    max-height:320px !important; height:auto !important; object-fit:contain !important;
  }
  #primary.ccl-homepage .ccl-mag-main > .ccl-history:not(#ccl-rural-series-feature) .ccl-mag-btn,
  #primary.ccl-homepage #ccl-rural-series-feature .ccl-mag-btn {
    display:inline-flex !important; align-self:flex-start !important; margin-top:12px !important;
    background:#d8bd61 !important; border:1px solid #d8bd61 !important; color:#173d2e !important;
  }
}
@media (max-width:600px) {
  #primary.ccl-homepage .ccl-mag-main > .ccl-history:not(#ccl-rural-series-feature),
  #primary.ccl-homepage #ccl-rural-series-feature { height:auto !important; min-height:0 !important; grid-template-columns:1fr !important; }
  #primary.ccl-homepage .ccl-mag-main > .ccl-history:not(#ccl-rural-series-feature) > p,
  #primary.ccl-homepage #ccl-rural-series-feature > p { min-height:160px !important; }
  #primary.ccl-homepage .ccl-mag-main > .ccl-history:not(#ccl-rural-series-feature) img,
  #primary.ccl-homepage #ccl-rural-series-feature img { max-height:220px !important; }
}


/* Restore the homepage sidebar as separate, naturally sized cards. */
@media (min-width:1025px) {
  #primary.ccl-homepage .ccl-home-content-wrapper { display:block !important; position:relative !important; width:calc(100% + 16px) !important; padding-right:450px !important; box-sizing:border-box !important; }
  #primary.ccl-homepage .ccl-homepage-content { width:100% !important; max-width:none !important; }
  #primary.ccl-homepage #secondary.ccl-sidebar { display:block !important; position:absolute !important; top:0 !important; right:0 !important; width:420px !important; max-width:420px !important; height:auto !important; max-height:none !important; min-height:0 !important; overflow:visible !important; overflow-y:visible !important; overflow-x:visible !important; padding:0 10px 12px !important; background:transparent !important; box-sizing:border-box !important; z-index:10 !important; }
}
#primary.ccl-homepage #secondary.ccl-sidebar { scrollbar-width:auto !important; }
#primary.ccl-homepage #secondary.ccl-sidebar > * { display:block !important; position:relative !important; width:100% !important; height:auto !important; max-height:none !important; overflow:visible !important; margin:0 0 18px !important; box-sizing:border-box !important; }
#primary.ccl-homepage #secondary .ccl-amazon-sidebar { padding:18px !important; border:1px solid #d9ded9 !important; border-radius:12px !important; background:#fff !important; box-shadow:0 5px 16px rgba(15,61,43,.08) !important; }
#primary.ccl-homepage #secondary .ccl-amazon-sidebar > h3 { margin:0 0 10px !important; font-size:18px !important; line-height:1.3 !important; }
#primary.ccl-homepage #secondary .ccl-amazon-sidebar .ccl-affiliate-disclosure { margin:0 0 10px !important; font-size:12px !important; line-height:1.45 !important; }
#primary.ccl-homepage #secondary .ccl-amazon-product { display:grid !important; grid-template-columns:92px minmax(0,1fr) !important; grid-template-areas:"image title" "image excerpt" "image button"; align-items:start !important; column-gap:12px !important; row-gap:4px !important; min-height:0 !important; height:auto !important; padding:12px 0 !important; border-top:1px solid #e5e9e5 !important; }
#primary.ccl-homepage #secondary .ccl-amazon-image { grid-area:image !important; display:flex !important; align-items:center !important; justify-content:center !important; width:92px !important; height:92px !important; min-height:92px !important; max-width:92px !important; overflow:hidden !important; background:#f7f8f5 !important; border-radius:7px !important; }
#primary.ccl-homepage #secondary .ccl-amazon-image img { width:100% !important; height:100% !important; max-height:92px !important; object-fit:contain !important; }
#primary.ccl-homepage #secondary .ccl-amazon-title { grid-area:title !important; margin:0 !important; font-size:15px !important; line-height:1.3 !important; }
#primary.ccl-homepage #secondary .ccl-amazon-title a { font-size:inherit !important; line-height:inherit !important; }
#primary.ccl-homepage #secondary .ccl-amazon-excerpt { grid-area:excerpt !important; margin:0 !important; font-size:13px !important; line-height:1.4 !important; }
#primary.ccl-homepage #secondary .ccl-amazon-button { grid-area:button !important; justify-self:start !important; margin:5px 0 0 !important; padding:8px 11px !important; font-size:12px !important; }
#primary.ccl-homepage #secondary .ccl-home-history,
#primary.ccl-homepage #secondary .ccl-most-read,
#primary.ccl-homepage #secondary .ccl-sidebox { padding:18px !important; border:1px solid #d9ded9 !important; border-radius:12px !important; background:#fff !important; box-shadow:0 5px 16px rgba(15,61,43,.08) !important; }
#primary.ccl-homepage #secondary .ccl-home-history h2,
#primary.ccl-homepage #secondary .ccl-most-read h2 { font-size:20px !important; line-height:1.3 !important; }
#primary.ccl-homepage #secondary .ccl-home-history p,
#primary.ccl-homepage #secondary .ccl-most-read p { font-size:14px !important; line-height:1.45 !important; }
#primary.ccl-homepage .ccl-mag-main > .ccl-history h2,
#primary.ccl-homepage #ccl-rural-series-feature h2 { font-size:32px !important; line-height:1.18 !important; }
#primary.ccl-homepage .ccl-mag-main > .ccl-history p,
#primary.ccl-homepage #ccl-rural-series-feature p { font-size:15px !important; line-height:1.5 !important; }
@media (max-width:1024px) {
  #primary.ccl-homepage #secondary.ccl-sidebar { height:auto !important; max-height:none !important; overflow:visible !important; }
}


/* Place the natural-height sidebar beside the main story area below the hero. */
@media (min-width:1025px) { #primary.ccl-homepage #secondary.ccl-sidebar { top:630px !important; } }


/* Keep the embedded Today in History panel compact in the sidebar. */
#primary.ccl-homepage #secondary .ccl-home-history .ccl-on-this-day { margin:0 !important; border-radius:10px !important; overflow:hidden !important; }
#primary.ccl-homepage #secondary .ccl-home-history .ccl-on-this-day__hero { min-height:0 !important; padding:20px !important; }
#primary.ccl-homepage #secondary .ccl-home-history .ccl-on-this-day__eyebrow { font-size:10px !important; }
#primary.ccl-homepage #secondary .ccl-home-history .ccl-on-this-day__hero h1 { margin:6px 0 8px !important; font-size:23px !important; line-height:1.2 !important; }
#primary.ccl-homepage #secondary .ccl-home-history .ccl-on-this-day__hero p { margin:0 !important; font-size:13px !important; line-height:1.4 !important; }
#primary.ccl-homepage #secondary .ccl-home-history .ccl-on-this-day__picker { display:flex !important; flex-wrap:wrap !important; gap:8px !important; margin:0 12px 14px !important; padding:12px !important; }
#primary.ccl-homepage #secondary .ccl-home-history .ccl-on-this-day__picker > * { min-width:0 !important; margin:0 !important; }
#primary.ccl-homepage #secondary .ccl-home-history .ccl-on-this-day__timeline { display:grid !important; grid-template-columns:minmax(0,1fr) !important; gap:8px !important; margin:0 12px !important; }
#primary.ccl-homepage #secondary .ccl-home-history .ccl-on-this-day__event { display:grid !important; grid-template-columns:52px minmax(0,1fr) !important; gap:10px !important; align-items:start !important; min-height:0 !important; padding:12px !important; }
#primary.ccl-homepage #secondary .ccl-home-history .ccl-on-this-day__year { display:flex !important; align-items:flex-start !important; justify-content:flex-start !important; min-height:0 !important; padding:0 !important; font-size:17px !important; line-height:1.2 !important; }
#primary.ccl-homepage #secondary .ccl-home-history .ccl-on-this-day__event p { margin:4px 0 !important; font-size:13px !important; line-height:1.4 !important; }
#primary.ccl-homepage #secondary .ccl-home-history .ccl-on-this-day__note { margin:12px 0 0 !important; padding:12px !important; font-size:11px !important; line-height:1.4 !important; }
#primary.ccl-homepage #secondary .ccl-home-history .ccl-on-this-day__footer { padding:12px !important; }
#primary.ccl-homepage #secondary .ccl-most-read li { padding:10px 0 !important; }
#primary.ccl-homepage #secondary .ccl-most-read a { font-size:14px !important; line-height:1.35 !important; }

/* Keep only three event previews in the homepage sidebar; the calendar link retains the full list. */
#primary.ccl-homepage #secondary .ccl-home-history .ccl-on-this-day__event:nth-of-type(n+4) { display:none !important; }


/* Restore readable contrast in the homepage newsletter card. */
#primary.ccl-homepage #secondary .ccl-newsletter { color:#183f30 !important; background:#fff !important; }
#primary.ccl-homepage #secondary .ccl-newsletter h2 { margin:0 0 10px !important; color:#0f5138 !important; font-size:21px !important; line-height:1.25 !important; }
#primary.ccl-homepage #secondary .ccl-newsletter p { margin:0 0 12px !important; color:#4f5f55 !important; font-size:13px !important; line-height:1.45 !important; }
#primary.ccl-homepage #secondary .ccl-newsletter p:last-child { margin-bottom:0 !important; }
#primary.ccl-homepage #secondary .ccl-newsletter a { display:inline-block !important; padding:9px 15px !important; border-radius:7px !important; background:#0f5138 !important; color:#fff !important; font-size:13px !important; font-weight:700 !important; text-decoration:none !important; }

/* Keep both regional fuel values inside their market panel. */
#primary.ccl-homepage .ccl-condition-panel--fuel .ccl-fuel-prices,
#primary.ccl-homepage .ccl-condition-panel--fuel .ccl-fuel-prices__body,
#primary.ccl-homepage .ccl-condition-panel--fuel .ccl-fuel-prices__content { width:100% !important; max-width:100% !important; min-width:0 !important; box-sizing:border-box !important; }
#primary.ccl-homepage .ccl-condition-panel--fuel .ccl-fuel-prices__grid { display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:8px !important; width:100% !important; max-width:100% !important; min-width:0 !important; box-sizing:border-box !important; }
#primary.ccl-homepage .ccl-condition-panel--fuel .ccl-fuel-prices__product { display:grid !important; grid-template-columns:22px minmax(0,1fr) !important; align-items:center !important; gap:4px !important; min-width:0 !important; width:100% !important; padding:8px 5px !important; box-sizing:border-box !important; }
#primary.ccl-homepage .ccl-condition-panel--fuel .ccl-fuel-prices__product > div { min-width:0 !important; }
#primary.ccl-homepage .ccl-condition-panel--fuel .ccl-fuel-prices__icon { width:22px !important; font-size:20px !important; line-height:1 !important; }
#primary.ccl-homepage .ccl-condition-panel--fuel .ccl-fuel-prices__regular,
#primary.ccl-homepage .ccl-condition-panel--fuel .ccl-fuel-prices__diesel { font-size:18px !important; line-height:1.1 !important; letter-spacing:-.04em !important; white-space:nowrap !important; }