#lp-climat .wp-block-post-content{ background-color: #ffffff !important; }
#lp-climat h1.entry-title,#lp-climat h1.page-title,#lp-climat .lodestar-page-title,#lp-climat .lodestar-entry-header{ display: none !important; }
#lp-climat .cl-portal-header{ background: #ffffff; padding: 1rem 0; width: 100%; }
#lp-climat .cl-portal-header .cl-inner-ph{
  max-width: 1400px; margin: 0 auto;
  padding-left: clamp(1.5rem, 5vw, 5rem);
  padding-right: clamp(1.5rem, 5vw, 5rem);
  display: flex; flex-direction: column; gap: .35rem;
}
#lp-climat .cl-portal-title-row{ display: flex; align-items: center; justify-content: space-between; gap: .7rem; flex-wrap: wrap; }
#lp-climat .cl-portal-badge{
  font-family: sans-serif !important; font-size: .6rem !important; font-weight: 700 !important;
  letter-spacing: .12em !important; text-transform: uppercase !important;
  color: #ffffff !important; background: #b5451b !important;
  border-radius: 3px !important; padding: .2rem .55rem !important; flex-shrink: 0 !important; display: inline-block !important;
}
#lp-climat .cl-portal-title{
  font-family: "Palatino Linotype", Palatino, Georgia, serif !important;
  font-size: clamp(1.75rem, 3vw, 2.4rem) !important; font-weight: 700 !important;
  color: #1a1a1a !important; margin: 0 !important; padding: 0 !important;
  line-height: 1.1 !important; text-transform: none !important; background: none !important; border: none !important;
}
#lp-climat .cl-portal-subtitle{
  font-family: sans-serif !important; font-size: .68rem !important; font-weight: 400 !important;
  color: rgba(0,0,0,.4) !important; margin: 0 !important;
  letter-spacing: .07em !important; text-transform: uppercase !important; background: none !important;
}
#lp-climat{
  --accent:    #b5451b;
  --accent2:   #d4622e;
  --paper:     #fdf6f2;
  --ink:       #0e1117;
  --muted:     #6b6b6b;
  --rule:      rgba(181,69,27,.12);
  --card:      #ffffff;
  --header-bg: #3a1a0a;
  --serif:     "Palatino Linotype", Palatino, "Book Antiqua", Georgia, serif;
  --sans:      -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  width: 100vw !important; max-width: 100vw !important;
  margin-left: calc(50% - 50vw) !important; margin-right: 0 !important;
  padding: 0 !important; background-color: #ffffff !important;
  color: var(--ink) !important; font-family: var(--sans) !important;
  font-size: 16px !important; line-height: 1.6 !important;
  -webkit-font-smoothing: antialiased; box-sizing: border-box !important; overflow-x: hidden !important;
}
#lp-climat *,#lp-climat *::before,#lp-climat *::after{ box-sizing: border-box !important; }
#lp-climat a{ color: inherit !important; text-decoration: none !important; }
#lp-climat img{ display: block !important; max-width: 100% !important; }
#lp-climat .cl-inner{
  width: 100% !important; max-width: 1400px !important; margin: 0 auto !important;
  padding-left: clamp(1.5rem, 5vw, 5rem) !important;
  padding-right: clamp(1.5rem, 5vw, 5rem) !important;
}
#lp-climat .cl-section{ padding: 4rem 0 !important; }
#lp-climat .cl-section--alt{ background: var(--paper) !important; }
#lp-climat h2{
  font-family: var(--serif) !important; font-size: clamp(1.25rem, 2vw, 1.7rem) !important;
  font-weight: 600 !important; line-height: 1.2 !important; color: var(--ink) !important;
  margin: 0 0 2rem !important; padding: 0 !important;
  text-transform: none !important; background: none !important; border: none !important;
}
#lp-climat .cl-eyebrow{
  font-family: var(--sans) !important; font-size: .6rem !important; font-weight: 600 !important;
  letter-spacing: .14em !important; text-transform: uppercase !important;
  color: var(--accent) !important; margin: 0 0 .5rem !important; background: none !important; padding: 0 !important;
}
#lp-climat .cl-pres-layout{ display: flex !important; gap: 4rem !important; align-items: flex-start !important; }
#lp-climat .cl-pres-text{ flex: 1 !important; min-width: 0 !important; }
#lp-climat .cl-sidebar{
  width: 220px !important; flex-shrink: 0 !important;
  border-left: 1px solid var(--rule) !important; padding-left: 2rem !important;
}
#lp-climat .cl-sidenav{ display: flex !important; flex-direction: column !important; }
#lp-climat .cl-sidenav-label{
  font-family: var(--sans) !important; font-size: .6rem !important; font-weight: 600 !important;
  letter-spacing: .1em !important; text-transform: uppercase !important;
  color: var(--muted) !important; margin-bottom: .75rem !important; display: block !important;
}
#lp-climat .cl-sidenav a{
  font-family: var(--sans) !important; font-size: .72rem !important;
  color: var(--muted) !important; padding: .35rem 0 .35rem .6rem !important;
  border-left: 2px solid transparent !important; transition: color .2s, border-color .2s !important;
  display: block !important;
}
#lp-climat .cl-sidenav a:hover{ color: var(--accent) !important; border-left-color: var(--accent) !important; }
#lp-climat .cl-themes{ display: grid !important; grid-template-columns: 1fr 1fr !important; gap: .6rem !important; }
#lp-climat .cl-theme-card{
  background: var(--card) !important; border: 1px solid var(--rule) !important;
  border-radius: 6px !important; padding: .75rem 1rem !important;
  display: flex !important; align-items: flex-start !important; gap: .75rem !important;
}
#lp-climat .cl-theme-icon{ font-size: 1.3rem !important; flex-shrink: 0 !important; margin-top: .1rem !important; }
#lp-climat .cl-theme-body{ flex: 1 !important; min-width: 0 !important; }
#lp-climat .cl-theme-title{ font-family: var(--sans) !important; font-size: .78rem !important; font-weight: 600 !important; color: var(--ink) !important; margin-bottom: .2rem !important; }
#lp-climat .cl-theme-desc{ font-size: .72rem !important; color: var(--muted) !important; line-height: 1.55 !important; margin: 0 !important; }
#lp-climat .cl-section-header{ display: flex !important; align-items: baseline !important; justify-content: space-between !important; gap: 1rem !important; margin-bottom: 2rem !important; }
#lp-climat .cl-section-header h2{ margin-bottom: 0 !important; }
#lp-climat .cl-voir-tous{
  font-family: var(--sans) !important; font-size: .72rem !important; font-weight: 500 !important;
  letter-spacing: .06em !important; text-transform: uppercase !important; color: var(--accent) !important;
  white-space: nowrap !important; flex-shrink: 0 !important;
  border-bottom: 1px solid transparent !important; transition: border-color .2s !important;
}
#lp-climat .cl-voir-tous:hover{ border-bottom-color: var(--accent) !important; }
#lp-climat .cl-grid{ display: grid !important; grid-template-columns: repeat(4, 1fr) !important; gap: 1.2rem !important; }
#lp-climat .cl-tile{
  background: var(--card) !important; border: 1px solid var(--rule) !important;
  border-radius: 6px !important; overflow: hidden !important;
  display: flex !important; flex-direction: column !important;
  transition: box-shadow .25s, transform .2s !important; color: var(--ink) !important;
}
#lp-climat .cl-tile:hover{ box-shadow: 0 10px 30px rgba(0,0,0,.1) !important; transform: translateY(-3px) !important; }
#lp-climat .cl-tile-img{ width: 100% !important; height: 155px !important; object-fit: cover !important; display: block !important; }
#lp-climat .cl-tile-placeholder{ height: 155px !important; background: rgba(181,69,27,.07) !important; display: flex !important; align-items: center !important; justify-content: center !important; font-size: 2rem !important; }
#lp-climat .cl-tile-body{ padding: 1rem !important; flex: 1 !important; display: flex !important; flex-direction: column !important; gap: .35rem !important; }
#lp-climat .cl-tile-meta{ display: flex !important; align-items: center !important; gap: .5rem !important; flex-wrap: wrap !important; }
#lp-climat .cl-tile-tag{ font-family: var(--sans) !important; font-size: .55rem !important; font-weight: 600 !important; letter-spacing: .1em !important; text-transform: uppercase !important; color: var(--accent) !important; background: rgba(181,69,27,.08) !important; padding: .15rem .4rem !important; border-radius: 2px !important; }
#lp-climat .cl-tile-date{ font-size: .68rem !important; color: var(--muted) !important; }
#lp-climat .cl-tile-title{ font-family: var(--serif) !important; font-size: .9rem !important; font-weight: 600 !important; color: var(--ink) !important; line-height: 1.35 !important; }
#lp-climat .cl-tile-excerpt{ font-size: .75rem !important; color: var(--muted) !important; line-height: 1.55 !important; flex: 1 !important; display: -webkit-box !important; -webkit-line-clamp: 3 !important; -webkit-box-orient: vertical !important; overflow: hidden !important; }
#lp-climat .cl-tile-lire{ font-family: var(--sans) !important; font-size: .68rem !important; font-weight: 500 !important; color: var(--accent) !important; margin-top: .3rem !important; display: inline-block !important; }
#lp-climat .cl-loading{ display: flex !important; align-items: center !important; gap: 1rem !important; color: var(--muted) !important; font-size: .85rem !important; padding: 2rem 0 !important; }
#lp-climat .cl-spinner{ width: 20px !important; height: 20px !important; border: 2px solid var(--rule) !important; border-top-color: var(--accent) !important; border-radius: 50% !important; animation: cl-spin .7s linear infinite !important; flex-shrink: 0 !important; }
@keyframes cl-spin { to { transform: rotate(360deg); } }
#lp-climat .cl-error{ background: rgba(181,69,27,.05) !important; border: 1px solid var(--rule) !important; border-radius: 6px !important; padding: 1.2rem 1.5rem !important; font-size: .78rem !important; color: var(--muted) !important;  }
#lp-climat .cl-error.cl-visible{ display: block !important; }
#lp-climat .cl-hidden{ display: none !important; }
#lp-climat .cl-visible-flex{ display: flex !important; }
#lp-climat .cl-visible-grid{ display: grid !important; }
#lp-climat .cl-docs-list{ display: flex !important; flex-direction: column !important; gap: .6rem !important; }
#lp-climat .cl-doc-item{
  display: flex !important; align-items: center !important; gap: 1rem !important;
  background: var(--card) !important; border: 1px solid var(--rule) !important;
  border-radius: 6px !important; padding: .9rem 1.2rem !important; transition: border-color .2s !important;
}
#lp-climat .cl-doc-item:hover{ border-color: var(--accent) !important; }
#lp-climat .cl-doc-icon{ font-size: 1.2rem !important; flex-shrink: 0 !important; }
#lp-climat .cl-doc-body{ flex: 1 !important; min-width: 0 !important; }
#lp-climat .cl-doc-title{ font-size: .82rem !important; font-weight: 600 !important; color: var(--ink) !important; }
#lp-climat .cl-doc-meta{ font-size: .68rem !important; color: var(--muted) !important; margin-top: .1rem !important; }
#lp-climat .cl-doc-dl{ font-size: .68rem !important; font-weight: 500 !important; color: var(--accent) !important; flex-shrink: 0 !important; white-space: nowrap !important; }
#lp-climat .cl-cta-band{ background-color: var(--header-bg) !important; width: 100% !important; }
#lp-climat .cl-cta{ padding: 3.5rem 0 !important; display: grid !important; grid-template-columns: 1fr auto !important; gap: 3rem !important; align-items: center !important; }
#lp-climat .cl-cta h2{ color: #ffffff !important; margin-bottom: .8rem !important; }
#lp-climat .cl-cta p{ font-family: var(--sans) !important; font-size: .88rem !important; color: rgba(255,255,255,.55) !important; margin: 0 !important; }
#lp-climat .cl-cta-btn{ display: inline-flex !important; align-items: center !important; gap: .5rem !important; background: var(--accent) !important; color: #ffffff !important; font-family: var(--sans) !important; font-size: .8rem !important; font-weight: 600 !important; padding: .75rem 1.8rem !important; border-radius: 5px !important; white-space: nowrap !important; transition: background .2s !important; }
#lp-climat .cl-cta-btn:hover{ background: var(--accent2) !important; }
#lp-climat .cl-cta-btn--ghost{ background: transparent !important; border: 1px solid rgba(255,255,255,.25) !important; color: rgba(255,255,255,.7) !important; }
#lp-climat .cl-cta-btn--ghost:hover{ border-color: #fff !important; color: #fff !important; background: transparent !important; }
@media  (max-width: 1100px) {#lp-climat .cl-sidebar{ display: none !important; }}
@media  (max-width: 900px) {#lp-climat .cl-grid{ grid-template-columns: repeat(2, 1fr) !important; }
#lp-climat .cl-themes{ grid-template-columns: 1fr !important; }
#lp-climat .cl-cta{ grid-template-columns: 1fr !important; }}
@media  (max-width: 600px) {#lp-climat .cl-grid{ grid-template-columns: 1fr !important; }
#lp-climat .cl-theme-card{ flex-direction: column !important; }}
#lp-climat .cl-count{
  font-family: var(--sans) !important; font-size: .6rem !important;
  font-weight: 600 !important; color: var(--accent) !important;
  background: rgba(181,69,27,.08) !important;
  border-radius: 10px !important; padding: .1rem .5rem !important;
  margin-left: .5rem !important; vertical-align: middle !important;
  display: inline-block !important;
}