/* Source design: sites/icpe-set/2027. Only ICAI content and brand adaptations live here. */
.skip-link { position: fixed; z-index: 100; top: -90px; left: 20px; padding: 12px 20px; background: #fff; color: #08245e; }
.skip-link:focus { top: 12px; }
body.no-scroll { overflow: hidden; }
.logo-lockup { position: relative; display: block; width: 100%; aspect-ratio: 1565 / 485; overflow: hidden; background: #fff; }
:is(.brand,.footer-logo-frame) .logo-lockup > img.brand-sheet { position: absolute; left: -3.514377%; top: -11.340206%; width: 106.837061%; height: auto; max-width: none; max-height: none; border-radius: 0; object-fit: contain; }
.brand .logo-lockup { max-width: 232px; }
.nav-group > .nav-link.active::after { right: 4px; left: 4px; }
@media(min-width:1201px) { .nav-group:not(.open) > .submenu { opacity: 0; visibility: hidden; pointer-events: none; } }
.topic-card { width: 100%; appearance: none; color: inherit; background: transparent; border-top: 0; border-left: 0; border-radius: 0; text-align: left; cursor: pointer; font: inherit; }
.topic-card:hover { background: #f8fbff; }
.timeline { grid-template-columns: repeat(3,minmax(0,1fr)); }
.publication-grid article a { display: inline-block; margin-top: 6px; color: var(--blue); font-size: 10px; font-weight: 700; }
.venue-copy p + p { margin-top: 8px; }
.research-crop { object-position: 83% center; }
.energy-crop { object-position: 88% center; }
.footer-bottom-inner { flex-wrap: wrap; gap: 8px 24px; }
.detail-dialog { width: min(680px,calc(100vw - 32px)); max-height: 85svh; padding: 32px; overflow-y: auto; color: #586982; border: 0; border-radius: 14px; box-shadow: 0 24px 80px #00174c52; }
.detail-dialog::backdrop { background: #010d28a8; backdrop-filter: blur(4px); }
.dialog-heading { display: flex; align-items: center; justify-content: space-between; color: #087df4; font-size: 11px; font-weight: 700; }
.dialog-close { width: 34px; height: 34px; border: 0; border-radius: 50%; color: #6b7891; background: #eef3f8; cursor: pointer; }
.detail-dialog h2 { margin: 16px 0; color: #08245e; font-size: 27px; line-height: 1.2; }
.detail-dialog p,.detail-list { font-size: 14px; line-height: 1.8; }
.detail-list { padding-left: 20px; }
.back-to-top { position: fixed; z-index: 25; bottom: 22px; right: 22px; width: 42px; height: 42px; display: grid; place-items: center; border: 0; border-radius: 4px; background: #087df4; cursor: pointer; box-shadow: 0 8px 18px #0865ff33; }
.back-to-top[hidden] { display: none; }
.back-to-top img { width: 19px; filter: brightness(0) invert(1); transform: rotate(-90deg); }
/* Existing confirmed content, set in the reference's inner-page typography. */
.article-intro { margin-bottom: 42px; }
.article-intro .source-title { margin: 20px 0 0; }
.page-article p { margin: 0 0 26px; font-size: 15px; line-height: 2; }
.page-article a { color: #0874cf; }
.page-article .source-kicker { margin-bottom: 0; color: #57c7ef; font: 800 11px/1.4 "Roboto Condensed",sans-serif; letter-spacing: .14em; text-transform: uppercase; }
.page-article h2 { font-weight: 800; }
.article-related { margin-top: 50px; padding-top: 24px; border-top: 1px solid #d5e0eb; }
.article-related h3 { margin-bottom: 18px; font-size: 20px; color: #0b315e; }
.article-related > div,.confirmed-actions { display: flex; flex-wrap: wrap; gap: 16px 28px; }
.confirmed-actions { margin: 28px 0; }
.button-blue { min-height: 48px; padding: 12px 22px; display: inline-flex; align-items: center; gap: 12px; color: #fff !important; background: #087df4; border-radius: 3px; font-size: 12px; font-weight: 700; }
.confirmed-guidelines { margin: 28px 0; padding-left: 24px; font-size: 15px; line-height: 1.9; }
.confirmed-guidelines li + li { margin-top: 16px; }
.confirmed-committee-group { margin: 42px 0; scroll-margin-top: 20px; }
.confirmed-roster { margin: 0; padding: 0; list-style: none; border-top: 1px solid #d5e0eb; }
.confirmed-member { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1.5fr) minmax(0,.5fr); gap: 24px; padding: 22px 0; border-bottom: 1px solid #d5e0eb; font-size: 14px; line-height: 1.6; }
.confirmed-member strong { display: block; color: #10375f; font-weight: 650; }
.confirmed-member__title { display: block; margin-top: 5px; font-size: 12px; color: #8b98aa; }
.confirmed-member__country { color: #8b98aa; text-align: right; font-size: 11px; }
:is(.confirmed-dates,.confirmed-venue,.confirmed-contact,.proposal-details) { margin: 28px 0; border-top: 1px solid #d5e0eb; }
:is(.confirmed-dates,.confirmed-venue,.confirmed-contact,.proposal-details) > div { display: grid; grid-template-columns: 220px 1fr; gap: 24px; padding: 24px 0; border-bottom: 1px solid #d5e0eb; }
:is(.confirmed-dates,.confirmed-venue,.confirmed-contact,.proposal-details) dt { color: #0b315e; font-size: 14px; font-weight: 700; }
:is(.confirmed-dates,.confirmed-venue,.confirmed-contact,.proposal-details) dd { margin: 0; font-size: 14px; }
.topic-directory-hd { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); column-gap: 58px; border-top: 1px solid #d5e0eb; }
.topic-directory-hd > section { position: relative; padding: 30px 0 22px 54px; border-bottom: 1px solid #d5e0eb; }
.topic-directory-hd > section > img { position: absolute; top: 36px; left: 0; width: 30px; height: 30px; }
.topic-directory-hd > section > h2 { margin: 0 0 18px; font-size: 23px; line-height: 1.3; }
.participation-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 24px; }
.participation-grid > article { padding: 24px; border: 1px solid #d5e0eb; }
.participation-grid h3 { margin-bottom: 15px; font-size: 20px; color: #0b315e; }
.participation-grid p { margin: 0; }
.oinet-organizations--article .organizer-groups { margin: 30px 0; }
@media(min-width:931px) {
  .announcement-strip { grid-template-columns: repeat(4,minmax(0,1fr)); }
  .organizer-group:not(.organizer-host-group) > .organizer-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
}
@media(max-height:820px) and (min-width:931px) { .hero { min-height: 720px; } }
@media(max-width:1400px) { .brand .logo-lockup { max-width: 206px; } }
@media(max-width:1180px) { .brand .logo-lockup { max-width: 174px; } }
@media(max-width:930px) { .brand .logo-lockup { max-width: 154px; } }
@media(max-width:760px) {
  .confirmed-member,.proposal-details > div,.confirmed-dates > div,.confirmed-venue > div,.confirmed-contact > div { grid-template-columns: 1fr; gap: 12px; }
  .confirmed-member__country { text-align: left; }
  .topic-directory-hd,.participation-grid { grid-template-columns: 1fr; }
  .page-article p,.confirmed-guidelines { font-size: 14px; }
}
@media(max-width:620px) {
  .brand .logo-lockup { max-width: 135px; }
  .timeline { grid-template-columns: 1fr; }
  .detail-dialog { padding: 24px; }
  .detail-dialog h2 { font-size: 23px; }
  .topic-card { min-height: 155px !important; }
  .footer-bottom-inner { gap: 8px 14px; }
  .article-intro { margin-bottom: 30px; }
}
@media(max-width:480px) {
  html:lang(en) .footer-main > .footer-section:nth-child(2) { grid-column: 1 / -1; }
}
@media(max-width:360px) {
  .conference-name { font-size: 13.4vw; white-space: nowrap; }
}