/* UKIEE v2.0.258: cascade consolidated in original order. All main-body-only rules; footer untouched. */
/* UKIEE 2027 v2.0.255 — editorial energy-industry palette.
   Scope is intentionally restricted to #main-content; neither the site header,
   the footer, nor floating/mobile navigation is modified. The City Energy 3D
   illustration, its white interactive halo and its source images are retained. */

#main-content {
  --iee-navy: #24302b;
  --iee-navy-2: #35453a;
  --iee-blue: #345d46;
  --iee-cyan: #a94e26;
  --iee-green: #496f51;
  --iee-green-dark: #31553d;
  --iee-ink: #26312c;
  --iee-muted: #59635c;
  --iee-line: #dddcd4;
  --iee-pale: #f4f1e9;
  --iee-white: #fffdfa;
  --iee-deep: #26312c;
  --iee-accent: #ac512c;
  --iee-brass: #d7a56e;
  --iee-fog: #f7f5ef;
  --iee-sand: #eeebe2;
  --iee-paper: #fffefa;
  --iee-forest: #345d46;
  background-color: var(--iee-fog);
  color: var(--iee-ink);
}

/* Basic editorial typography and focused, contrasting calls to action. */
#main-content :is(h1,h2,h3,h4,h5,h6) { color: var(--iee-ink); }
#main-content :is(p,li,dd,dt) { color: inherit; }
#main-content :is(.lead,.section-heading>p,.iee247-section-title>p:not(.iee247-kicker),.entry-content p) { color:#555f59; }
#main-content :is(a:not(.button),.text-link) { color:#315b43; }
#main-content :is(a:not(.button),.text-link):hover { color:#93421f; }
#main-content :is(.eyebrow,.iee247-kicker,.iee244-pillartop,.iee246-path .eyebrow) { color:#8d492a; }
#main-content :is(.button,.wp-element-button,button[type="submit"],input[type="submit"]):not(.button--secondary):not(.button--outline):not(.button--light) {
  background:#a94e26 !important;
  border-color:#a94e26 !important;
  color:#fff !important;
  box-shadow:none;
}
#main-content :is(.button,.wp-element-button,button[type="submit"],input[type="submit"]):not(.button--secondary):not(.button--outline):not(.button--light):is(:hover,:focus-visible) {
  background:#873b1c !important;
  border-color:#873b1c !important;
  color:#fff !important;
  box-shadow:0 7px 20px rgba(83,48,29,.2) !important;
}
#main-content :is(.button--secondary,.button--outline,.button--light) {
  color:#31533c !important;
  border:1px solid #78917d !important;
  background:#fffefa !important;
  background-image:none !important;
}
#main-content :is(.button--secondary,.button--outline,.button--light):is(:hover,:focus-visible) {
  background:#e9eee7 !important;
  color:#243e2e !important;
  border-color:#456a50 !important;
}
#main-content :is(input:not([type="submit"]),select,textarea) {
  border-color:#cbcfc7;
  accent-color:#456e53;
}
#main-content :is(input,select,textarea):focus-visible { outline-color:#a94e26; }

/* All content-area light section foundations — no changes outside main. */
#main-content :is(.page-content,.iee244-section-home,.iee247-pr-section,.city-energy-value,.city-energy-solutions,.city-energy-usecases,.city-energy-audience,.city-energy-cta) {
  color:#28332e;
}
#main-content .page-content { background-color:#f8f6f1 !important; background-image:none !important; }
#main-content .iee244-section-home:not(.iee244-final) { background-color:#fffefa; }
#main-content :is(.iee244-section-home--subtle,.iee247-pr-section--alt,.city-energy-value,.city-energy-audience) {
  background-color:#eeeae1 !important;
  background-image:none !important;
}
#main-content :is(.city-energy-solutions,.iee247-pr-roles,.iee247-pr-faq) {
  background-color:#fffefa !important;
  background-image:none !important;
}
#main-content :is(.city-energy-usecases,.city-energy-cta,.iee247-pr-evidence) {
  background-color:#f7f4ed !important;
  background-image:none !important;
}
#main-content .section--pale { background-color:#f4f1e9 !important; }
#main-content .section--gradient,
#main-content .cta-band {
  background:linear-gradient(115deg,#24302b,#3e4d3b 67%,#685840) !important;
  color:#fff;
}
#main-content :is(.section--gradient,.section--navy,.cta-band) :is(h1,h2,h3,p,.eyebrow) { color:#fff; }

/* Homepage editorial hero and close — warm graphite/forest instead of blue/cyan. */
#main-content.iee244-home .iee244-hero {
  background:linear-gradient(115deg,#222b28 0%,#344239 57%,#66543f 100%) !important;
  color:#f8f5ed;
}
#main-content.iee244-home .iee244-hero::before {
  background:radial-gradient(ellipse at 88% 18%,rgba(204,164,100,.14),transparent 55%),
             repeating-linear-gradient(90deg,transparent 0 96px,rgba(255,244,225,.022) 96px 97px) !important;
}
#main-content.iee244-home .iee244-hero :is(h1,h2) { color:#fffefa !important; }
#main-content.iee244-home .iee244-hero h1 span { color:#f0c48b !important; }
#main-content.iee244-home .iee244-hero :is(.iee244-eyebrow,.eyebrow) { color:#efbf82 !important; }
#main-content.iee244-home .iee244-hero-copy>p:not(.iee244-eyebrow):not(.iee244-event-meta),
#main-content.iee244-home .iee244-event-meta,
#main-content.iee244-home .iee246-hero-support,
#main-content.iee244-home .iee246-hero-support a { color:#efece4 !important; }
#main-content.iee244-home .iee244-event-meta { border-left-color:#d5a46d !important; }
#main-content.iee244-home .iee244-hero .iee248-art-panel { border-color:#807868; }
#main-content.iee244-home :is(.iee248-art-panel__content small,.iee252-city-map__preview-link small) { color:#f0c58b; }
#main-content.iee244-home .iee244-final {
  background:linear-gradient(115deg,#253029,#3a4638) !important;
  color:#f6f4ed;
}
#main-content.iee244-home .iee244-final h2 { color:#fffefa !important; }
#main-content.iee244-home .iee244-final :is(.eyebrow,.iee244-fine) { color:#e8c79f !important; }
#main-content.iee244-home .iee244-final p:not(.eyebrow) { color:#eae9df; }

/* Standard inner-page hero — preserve video/photography, replace cold overlays. */
#main-content .page-hero.page-hero--video,
#main-content .page-hero:not(.page-hero--video) {
  background:linear-gradient(116deg,#26302b 0%,#3e4739 68%,#65503c 100%) !important;
}
#main-content .page-hero--video .page-hero__video-overlay {
  background:linear-gradient(90deg,rgba(30,37,31,.89),rgba(47,53,40,.69) 65%,rgba(78,66,45,.52)) !important;
}
#main-content .page-hero--video .iee245-page-hero-lines {
  background-image:linear-gradient(rgba(245,229,200,.065) 1px,transparent 1px),
                   linear-gradient(90deg,rgba(245,229,200,.055) 1px,transparent 1px) !important;
  opacity:.37;
}
#main-content .page-hero :is(h1,h2,h3,p,.breadcrumbs,.breadcrumbs a,.eyebrow) { color:#f9f5ec !important; }

/* The Project Room: warm project delivery language and quiet professional panels. */
#main-content.iee247-project-page>.iee247-pr-hero {
  background:linear-gradient(115deg,#222a26 0%,#39483b 64%,#665540 100%) !important;
  color:#f5f2e9;
}
#main-content.iee247-project-page .iee247-pr-hero h1 { color:#fffefa !important; }
#main-content.iee247-project-page .iee247-pr-hero h1 em { color:#e5b778 !important; }
#main-content.iee247-project-page .iee247-pr-hero :is(.iee247-pr-hero__lead,.iee247-pr-hero__copy>p,.breadcrumbs,.breadcrumbs a,.iee247-quiet-link) { color:#f0ede5 !important; }
#main-content.iee247-project-page :is(.iee247-pr-hero,.iee247-pr-close) .iee247-kicker { color:#edbc7c !important; }
#main-content.iee247-project-page .iee247-pr-close {
  background:linear-gradient(110deg,#26312a,#3f4939) !important;
  color:#f4f2e9;
}
#main-content.iee247-project-page .iee247-pr-close :is(h2,p,small) { color:#f7f3ec !important; }
#main-content.iee247-project-page :is(.iee247-section-title h2,.iee247-evidence h2,.iee247-role-card h3,.iee247-sector-card h3) { color:#27372d !important; }
#main-content.iee247-project-page :is(.iee247-role-card__top,.iee247-role-card h4,.iee247-sector-card>span,.iee247-number) { color:#8d492a !important; }
#main-content.iee247-project-page :is(.iee247-sector-card a,.iee247-quiet-link:not(.iee247-pr-hero .iee247-quiet-link)) { color:#315b43; }

/* City Energy content regions; its photographic 3D scene is purposefully untouched. */
#main-content.city-energy-page .city-energy-hero {
  background:linear-gradient(115deg,#252e29 0%,#3a4a3a 62%,#645540 100%) !important;
  color:#f4f2e9;
}
#main-content.city-energy-page .city-energy-hero h1 { color:#fffefa !important; }
#main-content.city-energy-page .city-energy-hero :is(.eyebrow,.city-energy-hero__tagline) { color:#eabd83 !important; }
#main-content.city-energy-page .city-energy-hero__copy>p:not(.eyebrow) { color:#f1eee7 !important; }
#main-content.city-energy-page .city-energy-value__chain article>span,
#main-content.city-energy-page .city-energy-card__number,
#main-content.city-energy-page .city-energy-usecase__num { color:#95502e !important; }
#main-content.city-energy-page .city-energy-solutions .city-energy-card {
  border-top-color:#52765b !important;
}
#main-content.city-energy-page .city-energy-usecases__bridge a,
#main-content.city-energy-page .city-energy-audience .text-link { color:#345b43 !important; }
#main-content.city-energy-page :is(.city-energy-value__chain p,.city-energy-card p,.city-energy-panel p,.city-energy-usecase p,.city-energy-cta__status) { color:#556159 !important; }
#main-content.city-energy-page .city-energy-usecase__status {
  background:#eceddf;
  color:#4b604b;
  border-color:#ced8c6;
}

/* Neutral card system: softer stone borders and subtle green/bronze accents. */
#main-content :is(.card,.download-card,.info-box,.iee244-pillar-card,.iee244-audience-grid article,
 .iee244-proof-grid article,.iee244-icon-grid article,.iee244-action-strip>div,
 .iee247-role-card,.iee247-sector-card,.iee247-process-grid li,.iee247-evidence-note,
 .iee247-faq-grid details,.city-energy-card,.city-energy-panel,.city-energy-benefits>div,
 .city-energy-usecase,.city-energy-value__chain article,.iee246-path,.iee246-value-grid article,
 .entry-content .iee244-cards>.card,.entry-content .iee244-bridge) {
  background-color:#fffefa;
  border-color:#dcd9cf;
  color:#303c34;
}
#main-content :is(.iee244-pillar-card,.iee247-role-card,.city-energy-card,.iee247-sector-card,.iee244-audience-grid article,.city-energy-usecase,.download-card):is(:hover,:focus-within) {
  border-color:#af9979;
  box-shadow:0 12px 32px rgba(53,52,35,.095);
}
#main-content :is(.iee244-pillar-card,.iee244-audience-grid article,.iee244-proof-grid article,.iee244-icon-grid article,.iee247-role-card,.iee247-sector-card,.city-energy-card,.city-energy-panel,.city-energy-usecase,.city-energy-value__chain article) :is(h2,h3,h4,strong) { color:#28352d; }
#main-content :is(.iee244-pillar-card,.iee244-audience-grid article,.iee244-proof-grid article,.iee244-icon-grid article,.iee247-role-card,.iee247-sector-card,.city-energy-card,.city-energy-panel,.city-energy-usecase,.city-energy-value__chain article) p { color:#566158; }
#main-content :is(.iee244-pillartop,.iee244-audience-grid article>span,.iee244-home .iee244-pillar-card .iee244-big,.iee247-process-grid .iee247-number) { color:#8e492b !important; }
#main-content .iee244-pillartop { border-bottom-color:#e1dbcf; }
#main-content .iee244-pillartop span { color:#60695d; }
#main-content .iee244-icon-grid article { border-top-color:#52745a; }
#main-content :is(.iee244-audience-grid a,.iee244-inline-link a:not(.button),.iee244-icon-grid a,.entry-content .iee244-profile-index a,.entry-content .iee244-cards>.card a) { color:#315b43; }
#main-content .entry-content .iee244-bridge,
#main-content .entry-content .iee244-caution,
#main-content .iee246-pr-notice { background:#f2f0e7;border-color:#ded7c7; }
#main-content .entry-content .iee244-profile-index { border-color:#ddd7cb; }
#main-content .entry-content .iee244-profile-index a { background:#fffefa;border-color:#d6d4cb; }
#main-content :is(.iee246-path,.iee246-value-grid article) { background:#fffefa; }
#main-content .sector-card { background:linear-gradient(140deg,#344638,#6a6745) !important; }
#main-content .sector-card:nth-child(3n+2) { background:linear-gradient(140deg,#354638,#6d5037) !important; }
#main-content .sector-card:nth-child(3n) { background:linear-gradient(140deg,#3a4a3b,#525d46) !important; }
#main-content .sector-card :is(h3,p) { color:#fffefa; }
#main-content .visual-panel { background:linear-gradient(145deg,#f3eee4,#eaf0e6); }
#main-content .card__icon { background:#eef0e5;color:#476b4a; }

/* City map interface: re-tone surrounding controls, not the image or white halo. */
#main-content .iee252-city-map { border-color:#837b67;box-shadow:0 18px 45px rgba(18,24,22,.3); }
#main-content .iee252-city-map__legend { background:linear-gradient(180deg,#303b34,#26302a); }
#main-content .iee252-city-map__sector {
  background:#39483c !important;
  border-color:#758373 !important;
  color:#f5f3e9 !important;
}
#main-content .iee252-city-map__sector:is(:hover,:focus-visible) {
  background:#57694f !important;
  border-color:#f8f3e7 !important;
  color:#fff !important;
}
#main-content .iee252-city-map__sector[aria-pressed="true"] {
  background:#f4e7d0 !important;
  color:#263229 !important;
  border-color:#f4e7d0 !important;
}
#main-content .iee252-city-map__detail { background:#26302a;border-top-color:#657363; }
#main-content .iee252-city-map__detail :is(h2,p) { color:#f1eee5 !important; }
#main-content .iee252-city-map__detail-hint { color:#dfc49d; }
#main-content .iee252-city-map--preview .iee252-city-map__preview-link {
  background:linear-gradient(0deg,rgba(29,37,30,.99) 0%,rgba(30,38,32,.86) 49%,rgba(30,38,32,0) 100%);
  color:#fffefa !important;
}
#main-content .iee252-city-map--preview .iee252-city-map__preview-link :is(strong,span) { color:#fffefa; }

/* Preserve high contrast on intentional dark panels and legible focus states. */
#main-content :is(.iee244-hero,.city-energy-hero,.iee247-pr-hero,.iee244-final,.iee247-pr-close,.cta-band,.section--gradient) :is(h1,h2,h3) { color:#fffefa; }
#main-content :is(a,button,input,select,textarea,summary):focus-visible { outline:3px solid #bd7745;outline-offset:3px; }
@media (max-width:760px) {
  #main-content .iee244-section-home:not(.iee244-final) { background-color:#fffefa; }
  #main-content .iee244-section-home--subtle { background-color:#eeeae1 !important; }
}


/* UKIEE 2027 v2.0.256 — image-free introductory heroes.
   Strictly scoped to home and The Project Room; no header, footer or other page styling is changed. */
#main-content.iee244-home .iee244-hero-grid {
  grid-template-columns:minmax(0,1fr);
  justify-items:center;
}
#main-content.iee244-home .iee244-hero-copy {
  width:100%;
  max-width:1030px;
}
#main-content.iee244-home .iee244-hero h1 {
  max-width:26ch;
}
#main-content.iee247-project-page .iee247-pr-hero__grid {
  grid-template-columns:minmax(0,1fr);
  justify-items:center;
}
#main-content.iee247-project-page .iee247-pr-hero__copy {
  width:100%;
  max-width:960px;
}
#main-content.iee247-project-page .iee247-pr-hero__lead {
  max-width:46ch;
}
@media (max-width:650px) {
  #main-content.iee244-home .iee244-hero h1 {
    max-width:100%;
  }
}


/* UKIEE 2027 v2.0.257 — open editorial layouts, circular markers and connected journeys.
 * ALL RULES UNDER #main-content. No footer, header, navigation, form actions,
 * copy or image assets are modified. The City Energy 3D map remains intact.
 * Sections use whitespace, fine rules and changing grid rhythm instead of boxes.
 */
#main-content {
  --ed-ink:#26332c; --ed-forest:#345d46; --ed-copper:#a94e26;
  --ed-paper:#fffefa; --ed-rule:#cfc9ba; --ed-warm:#f2eee6;
}
#main-content :is(.section-heading,.iee247-section-title,.iee244-center) h2 {
  text-wrap:balance;
}
#main-content :is(.iee247-pr-section,.iee244-section-home,.city-energy-page .section) {
  overflow-wrap:break-word;
}
#main-content:is(.iee244-home,.city-energy-page,.iee247-project-page) article {
  min-width:0;
}
/* Pill actions with a precise ring focus state, rather than block/tile buttons. */
#main-content :is(.button,.wp-element-button,button[type="submit"],input[type="submit"]) {
  border-radius:100vmax;
}
#main-content :is(.button,.wp-element-button):focus-visible {outline:3px solid var(--ed-copper);outline-offset:4px;}
#main-content .entry-content :is(.tablist,[role="tablist"],.iee244-profile-index) {
  gap:.6rem;
}
#main-content .entry-content :is([role="tab"],.iee244-profile-index a),
#main-content .iee252-city-map__legend .iee252-city-map__sector {
  border-radius:100vmax !important;
}
#main-content .entry-content [role="tab"][aria-selected="true"] {
  background:var(--ed-forest) !important;color:#fff !important;border-color:var(--ed-forest) !important;
}

/* Remove residual legacy-blue overlines in the three modern page bodies. */
#main-content.iee244-home .iee244-section-home:not(.iee244-final) .eyebrow,
#main-content.city-energy-page .section .eyebrow,
#main-content.iee247-project-page .iee247-pr-section .iee247-kicker {
  color:#93522f !important;
}
/* HOMEPAGE — editorial headings shift from centered box headers to open text. */
#main-content.iee244-home :is(.iee249-visitor-benefits,.iee244-section-home#participate,.iee244-section-home#city-systems) .iee244-center {
  max-width:970px;margin-left:0;margin-right:0;text-align:left;
}
#main-content.iee244-home :is(.iee249-visitor-benefits,.iee244-section-home#participate,.iee244-section-home#city-systems) .iee244-center h2 {
  margin-left:0;margin-right:0;max-width:23ch;
}
/* Six benefits become a numbered open editorial index, with no cards. */
#main-content.iee244-home .iee249-benefits-grid {counter-reset:ukiee-benefit;column-gap:clamp(24px,3.2vw,56px);row-gap:28px;}
#main-content.iee244-home .iee249-benefits-grid article {
  display:grid;grid-template-columns:46px minmax(0,1fr);align-content:start;
  column-gap:16px;row-gap:0;padding:21px 0 26px !important;
  border:0 !important;border-top:1px solid var(--ed-rule) !important;
  border-radius:0 !important;background:transparent !important;box-shadow:none !important;
  transform:none !important;
}
#main-content.iee244-home .iee249-benefits-grid article::before {
  counter-increment:ukiee-benefit;content:counter(ukiee-benefit,decimal-leading-zero);
  grid-row:1 / span 2;display:grid;place-items:center;width:45px;height:45px;
  background:#e3e8de;border:1px solid #c6d3c7;border-radius:50%;
  color:var(--ed-forest);font-weight:800;font-size:.76rem;letter-spacing:.02em;
}
#main-content.iee244-home .iee249-benefits-grid article h3 {grid-column:2;margin:0 0 10px;font-size:clamp(1.14rem,1.5vw,1.4rem);}
#main-content.iee244-home .iee249-benefits-grid article p {grid-column:2;margin:0;font-size:.97rem;}
#main-content.iee244-home .iee249-benefits-grid article:hover::before {background:var(--ed-forest);color:#fff;}

/* The two propositions read as opposing exhibition chapters, not twin cards. */
#main-content.iee244-home .iee244-pillar-grid {gap:clamp(22px,3.4vw,64px);align-items:stretch;}
#main-content.iee244-home .iee244-pillar-card {
  position:relative;isolation:isolate;padding:clamp(12px,2vw,30px) 0 4px !important;
  border:0 !important;border-top:3px solid var(--ed-forest) !important;
  border-radius:0 !important;background:transparent !important;box-shadow:none !important;
  transform:none !important;
}
#main-content.iee244-home .iee244-pillar-card--city {border-top-color:var(--ed-copper) !important;}
#main-content.iee244-home .iee244-pillartop {
  display:flex;align-items:center;gap:16px;padding:0 0 14px;border:0 !important;
  font-weight:850;font-size:1rem;letter-spacing:0;
}
#main-content.iee244-home .iee244-pillartop::first-letter {font-weight:900;}
#main-content.iee244-home .iee244-pillar-card h3 {margin:2px 0 2px;font-size:clamp(2rem,3.6vw,3.3rem);}
#main-content.iee244-home .iee244-pillar-card .iee244-big {font-size:clamp(1.17rem,1.55vw,1.45rem);line-height:1.4;}
#main-content.iee244-home .iee244-pillar-card ol {list-style:none;counter-reset:ukiee-step;margin:3px 0 10px;padding:0;}
#main-content.iee244-home .iee244-pillar-card ol li {
  counter-increment:ukiee-step;display:flex;gap:12px;align-items:baseline;
  padding:9px 0;border-bottom:1px solid #dad4c7;
}
#main-content.iee244-home .iee244-pillar-card ol li::before {
  content:counter(ukiee-step,decimal-leading-zero);color:var(--ed-copper);
  font-size:.8rem;font-weight:800;flex:0 0 22px;
}
#main-content.iee244-home .iee244-pillar-card .button {margin-top:auto;align-self:flex-start;}

/* Visitor / project owner / exhibitor routes: four large open rows. */
#main-content.iee244-home .iee244-audience-grid {gap:24px clamp(24px,5vw,76px);}
#main-content.iee244-home .iee244-audience-grid article {
  position:relative;padding:30px 8px 30px 56px !important;
  border:0 !important;border-bottom:1px solid var(--ed-rule) !important;
  border-radius:0 !important;background:transparent !important;box-shadow:none !important;
  transform:none !important;
}
#main-content.iee244-home .iee244-audience-grid article::before {
  content:'↗';position:absolute;left:0;top:28px;display:grid;place-items:center;
  width:37px;height:37px;border:1px solid #c3cbbf;border-radius:50%;
  color:var(--ed-forest);font-size:1.1rem;font-weight:500;
  transition:background .18s ease,color .18s ease;
}
#main-content.iee244-home .iee244-audience-grid article:hover::before,
#main-content.iee244-home .iee244-audience-grid article:focus-within::before {background:var(--ed-forest);color:#fff;}
#main-content.iee244-home .iee244-audience-grid article h3 {margin:11px 0 8px;font-size:clamp(1.26rem,1.85vw,1.7rem);}
#main-content.iee244-home .iee244-audience-grid article p {max-width:52ch;}

/* Energy sectors as a roundel-led list, separated by air and a single rule. */
#main-content.iee244-home .iee244-icon-grid {counter-reset:ukiee-sector;column-gap:clamp(20px,3vw,50px);row-gap:26px;}
#main-content.iee244-home .iee244-icon-grid article {
  display:grid;grid-template-columns:62px minmax(0,1fr);column-gap:16px;
  align-content:start;padding:16px 0 18px !important;
  border:0 !important;border-bottom:1px solid var(--ed-rule) !important;
  border-radius:0 !important;background:transparent !important;box-shadow:none !important;
  transform:none !important;
}
#main-content.iee244-home .iee244-icon-grid article::before {
  counter-increment:ukiee-sector;content:counter(ukiee-sector,decimal-leading-zero);
  grid-row:1 / span 2;display:grid;place-items:center;
  width:56px;height:56px;border-radius:50%;background:#f7f2e7;
  border:2px solid #c7a67d;color:#895331;font-weight:800;font-size:.85rem;
}
#main-content.iee244-home .iee244-icon-grid strong {grid-column:2;margin:3px 0 7px;font-size:1.12rem;}
#main-content.iee244-home .iee244-icon-grid p {grid-column:2;margin:0;font-size:.94rem;}

/* PROJECT ROOM — use two substantial columns and an unboxed process timeline. */
#main-content.iee247-project-page .iee247-role-grid {gap:clamp(28px,5vw,80px);}
#main-content.iee247-project-page .iee247-role-card {
  padding:clamp(22px,3vw,40px) 0 16px !important;
  border:0 !important;border-top:3px solid var(--ed-forest) !important;
  border-radius:0 !important;background:transparent !important;box-shadow:none !important;
  transform:none !important;
}
#main-content.iee247-project-page .iee247-role-card:nth-child(2) {border-top-color:var(--ed-copper) !important;}
#main-content.iee247-project-page .iee247-number {
  width:52px;height:52px;border-radius:50%;border:1px solid #c1cfc1;
  background:#e7ece3;color:var(--ed-forest);
}
#main-content.iee247-project-page .iee247-role-card h3 {margin-top:16px;}
#main-content.iee247-project-page .iee247-role-card ul {padding-left:19px;}
#main-content.iee247-project-page .iee247-process-grid {gap:clamp(10px,2.4vw,35px);position:relative;}
#main-content.iee247-project-page .iee247-process-grid::before {
  content:'';position:absolute;left:27px;right:27px;top:27px;height:2px;
  background:#c7c6b9;pointer-events:none;
}
#main-content.iee247-project-page .iee247-process-grid li {
  position:relative;padding:0 6px 6px 0 !important;
  border:0 !important;border-radius:0 !important;background:transparent !important;
  box-shadow:none !important;transform:none !important;
}
#main-content.iee247-project-page .iee247-process-grid .iee247-number {
  position:relative;z-index:1;width:54px;height:54px;background:#fffefa;
  border:2px solid var(--ed-forest);font-size:.85rem;
}
#main-content.iee247-project-page .iee247-process-grid li:nth-child(2n) .iee247-number {border-color:var(--ed-copper);color:var(--ed-copper);}
#main-content.iee247-project-page .iee247-process-grid h3 {margin:22px 0 9px;font-size:1.23rem;}
/* Services described as a six-item ruled directory, not square tiles. */
#main-content.iee247-project-page .iee247-sector-grid {gap:6px clamp(25px,4.2vw,68px);}
#main-content.iee247-project-page .iee247-sector-card {
  padding:24px 0 28px !important;border:0 !important;
  border-top:1px solid var(--ed-rule) !important;
  border-radius:0 !important;background:transparent !important;
  box-shadow:none !important;transform:none !important;
}
#main-content.iee247-project-page .iee247-sector-card>span {display:inline-block;border-bottom:2px solid #c79a69;padding-bottom:6px;}
#main-content.iee247-project-page .iee247-sector-card h3 {margin:17px 0 10px;}
#main-content.iee247-project-page .iee247-evidence-note {
  background:#f2eee4 !important;border:0 !important;
  border-left:4px solid var(--ed-copper) !important;border-radius:0 65px 0 0 !important;
  box-shadow:none !important;
}
#main-content.iee247-project-page .iee247-evidence-note strong {color:var(--ed-ink);}
#main-content.iee247-project-page .iee247-faq-grid {gap:8px clamp(24px,4vw,64px);}
#main-content.iee247-project-page .iee247-faq-grid details {
  border:0 !important;border-bottom:1px solid var(--ed-rule) !important;
  border-radius:0 !important;background:transparent !important;
  box-shadow:none !important;padding:20px 38px 20px 0 !important;
}
#main-content.iee247-project-page .iee247-faq-grid details[open] {border-bottom-color:var(--ed-forest) !important;}
#main-content.iee247-project-page .iee247-faq-grid summary {list-style:none;position:relative;padding-right:8px;}
#main-content.iee247-project-page .iee247-faq-grid summary::-webkit-details-marker {display:none;}
#main-content.iee247-project-page .iee247-faq-grid summary::after {
  content:'+';position:absolute;right:-28px;top:-2px;font-size:1.45rem;font-weight:450;color:var(--ed-forest);
}
#main-content.iee247-project-page .iee247-faq-grid details[open] summary::after {content:'−';}

/* CITY ENERGY — process is a connected circular milestone journey. */
#main-content.city-energy-page .city-energy-value__chain {position:relative;column-gap:clamp(15px,3vw,45px);}
#main-content.city-energy-page .city-energy-value__chain::before {
  content:'';position:absolute;top:27px;left:28px;right:28px;height:2px;
  background:#c6cabd;pointer-events:none;
}
#main-content.city-energy-page .city-energy-value__chain article {
  position:relative;padding:0 0 8px !important;border:0 !important;border-radius:0 !important;
  background:transparent !important;box-shadow:none !important;transform:none !important;
}
#main-content.city-energy-page .city-energy-value__chain article>span {
  position:relative;z-index:1;display:grid;place-items:center;
  width:56px;height:56px;border:2px solid var(--ed-forest);border-radius:50%;
  color:var(--ed-forest) !important;background:#eeeae1;font-weight:850;
}
#main-content.city-energy-page .city-energy-value__chain article h3 {margin-top:20px;}
#main-content.city-energy-page .city-energy-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:0 clamp(30px,5vw,86px);}
#main-content.city-energy-page .city-energy-card {
  display:grid;grid-template-columns:62px minmax(0,1fr);
  align-content:start;column-gap:16px;min-width:0;
  padding:24px 0 28px !important;
  border:0 !important;border-bottom:1px solid var(--ed-rule) !important;
  border-radius:0 !important;background:transparent !important;
  box-shadow:none !important;transform:none !important;
}
#main-content.city-energy-page .city-energy-card__number {
  display:grid;place-items:center;grid-column:1;grid-row:1 / span 3;
  width:54px;height:54px;border-radius:50%;
  background:#f3ede1;border:1px solid #c5a57d;color:#8d492a !important;
  font-size:.88rem;font-weight:800;
}
#main-content.city-energy-page .city-energy-card small {grid-column:2;font-size:.74rem;letter-spacing:.045em;color:#7e593d;}
#main-content.city-energy-page .city-energy-card h3 {grid-column:2;margin:9px 0;font-size:clamp(1.13rem,1.9vw,1.48rem);}
#main-content.city-energy-page .city-energy-card p {grid-column:2;margin:0;}
/* Five use cases: alternating stories marked by a vertical spine. */
#main-content.city-energy-page .city-energy-usecases__grid {gap:20px clamp(26px,4.5vw,70px);}
#main-content.city-energy-page .city-energy-usecase {
  position:relative;padding:27px 0 29px 28px !important;
  border:0 !important;border-left:2px solid #c8c4b6 !important;
  border-radius:0 !important;background:transparent !important;
  box-shadow:none !important;transform:none !important;
}
#main-content.city-energy-page .city-energy-usecase::before {
  content:'';position:absolute;top:35px;left:-7px;width:12px;height:12px;
  border-radius:50%;background:var(--ed-copper);
  box-shadow:0 0 0 4px #f7f4ed;
}
#main-content.city-energy-page .city-energy-usecase__num {display:inline-block;font-size:1.22rem;font-weight:850;}
#main-content.city-energy-page .city-energy-usecase__status {border-radius:100vmax !important;padding:5px 13px;}
#main-content.city-energy-page .city-energy-usecase__suppliers {border-top:1px dashed #c8c4b6;padding-top:14px;}
#main-content.city-energy-page .city-energy-panel {
  padding:29px 6px 20px 0 !important;border:0 !important;
  border-top:3px solid var(--ed-forest) !important;
  border-radius:0 !important;background:transparent !important;
  box-shadow:none !important;transform:none !important;
}
#main-content.city-energy-page .city-energy-panel:nth-child(2) {border-top-color:var(--ed-copper) !important;}

/* OTHER CONTENT PAGES — ruled guides and side-by-side editorial modules. */
#main-content .entry-content :is(.iee244-cards,.card-grid,.info-grid) {gap:10px clamp(20px,3vw,50px);}
#main-content .entry-content :is(.iee244-cards,.card-grid,.info-grid) > :is(.card,.info-box),
#main-content .entry-content :is(.iee244-route-tiles .iee244-cards) > .card {
  position:relative;min-height:0;height:auto;
  padding:24px 0 25px !important;margin:0;
  border:0 !important;border-top:1px solid var(--ed-rule) !important;
  border-radius:0 !important;background:transparent !important;
  box-shadow:none !important;transform:none !important;
}
#main-content .entry-content :is(.iee244-cards,.card-grid,.info-grid) > :is(.card,.info-box)::before {
  content:'';position:absolute;left:0;top:-2px;width:52px;height:3px;
  border-radius:100vmax;background:var(--ed-forest);
}
#main-content .entry-content :is(.iee244-cards,.card-grid,.info-grid) > :is(.card,.info-box):nth-child(2n)::before {background:var(--ed-copper);}
#main-content .entry-content :is(.iee244-cards,.card-grid,.info-grid) > .card a:not(.button) {text-underline-offset:4px;}
/* A download remains an obvious action, but is a document row instead of a tile. */
#main-content .entry-content .download-card {
  border-radius:0 !important;border:0 !important;border-bottom:1px solid var(--ed-rule) !important;
  background:transparent !important;box-shadow:none !important;
}

/* Exhibitor and other information pages use a different, lighter system too. */
#main-content .iee246-value-grid {counter-reset:ukiee-value;gap:10px clamp(20px,3vw,45px);}
#main-content .iee246-value-grid article {
  position:relative;padding:28px 0 24px 50px !important;
  background:transparent !important;border:0 !important;
  border-top:1px solid var(--ed-rule) !important;border-radius:0 !important;
  box-shadow:none !important;transform:none !important;
}
#main-content .iee246-value-grid article::before {
  counter-increment:ukiee-value;content:counter(ukiee-value,decimal-leading-zero);
  position:absolute;top:24px;left:0;display:grid;place-items:center;
  width:34px;height:34px;border-radius:50%;
  border:1px solid #bccbbd;background:#e9eee5;color:var(--ed-forest);
  font-size:.7rem;font-weight:800;
}
#main-content .exhibit-delivery-step {
  padding:19px 12px 25px 0 !important;border:0 !important;
  border-top:1px solid var(--ed-rule) !important;border-radius:0 !important;
  background:transparent !important;box-shadow:none !important;
}
#main-content .exhibit-delivery-step b {
  display:grid;place-items:center;width:44px;height:44px;
  border-radius:50%;border:2px solid #ba9971;color:#8d492a;
  background:#fffefa;font-weight:800;
}
#main-content :is(.document-card,.programme-card,.iee-stand-card) {
  border-radius:0 !important;border:0 !important;
  border-top:1px solid var(--ed-rule) !important;
  background:transparent !important;box-shadow:none !important;
}
#main-content .programme-card__time {
  border-radius:38px 38px 14px 14px;background:#ecefe7;
}
#main-content :is(.iee-edge-card,.project-demand-card) {
  border-radius:4px 60px 4px 4px !important;
  border-color:#d4cbbc !important;box-shadow:none !important;
}
#main-content :is(.exhibitor-card,.iee-representative-card,.iee-announcement-card) {
  border-radius:4px 48px 4px 4px !important;
  box-shadow:none !important;
}
#main-content .directory-grid>.card,
#main-content .entry-content .iee244-route-tiles>.card {
  border:0 !important;border-top:2px solid var(--ed-forest) !important;
  border-radius:0 !important;background:transparent !important;
  box-shadow:none !important;
}

@media(max-width:980px) {
  #main-content.iee247-project-page .iee247-process-grid::before {display:none;}
  #main-content.city-energy-page .city-energy-value__chain::before {display:none;}
  #main-content.city-energy-page .city-energy-grid {grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:760px) {
  #main-content.iee244-home .iee249-benefits-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 24px;}
  #main-content.iee244-home .iee244-icon-grid {grid-template-columns:repeat(2,minmax(0,1fr));}
  #main-content.iee244-home .iee244-audience-grid {gap:0 20px;}
  #main-content.iee247-project-page .iee247-role-grid {gap:34px;}
  #main-content.city-energy-page .city-energy-value__chain {grid-template-columns:repeat(2,minmax(0,1fr));row-gap:32px;}
}
@media(max-width:620px) {
  #main-content.iee244-home .iee249-benefits-grid,
  #main-content.iee244-home .iee244-icon-grid,
  #main-content.iee244-home .iee244-audience-grid,
  #main-content.city-energy-page .city-energy-grid,
  #main-content.city-energy-page .city-energy-value__chain {grid-template-columns:minmax(0,1fr);}
  #main-content.iee244-home .iee244-audience-grid article {padding-left:55px !important;}
  #main-content.iee244-home .iee244-pillar-grid {gap:34px;}
  #main-content.iee247-project-page .iee247-process-grid {gap:25px;}
  #main-content.iee247-project-page .iee247-process-grid li {display:grid;grid-template-columns:52px minmax(0,1fr);column-gap:16px;}
  #main-content.iee247-project-page .iee247-process-grid .iee247-number {grid-row:span 2;}
  #main-content.iee247-project-page .iee247-process-grid h3 {margin:3px 0 9px;}
  #main-content.iee247-project-page .iee247-process-grid p {grid-column:2;}
  #main-content.city-energy-page .city-energy-card {grid-template-columns:58px minmax(0,1fr);}
  #main-content.city-energy-page .city-energy-usecase {padding-left:20px !important;}
  #main-content.iee244-home .iee244-pillar-card h3 {font-size:2rem;}
}
@media(prefers-reduced-motion:reduce) {
  #main-content.iee244-home .iee244-audience-grid article::before {transition:none;}
}