/* Restore the supplied ICCNRE prototype's colors over the shared page layouts. */
:root {
  --navy: #06285a;
  --ink: #06285a;
  --blue: #004bcc;
  --muted: #527095;
  --green: #00bd82;
  --teal: #009db2;
  --cyan: #06b8d9;
  --coral: #ff604a;
  --line: #d8e9f4;
}
body,
.inner-body {
  background-color: #f7fcff;
}
.icai-inspired > main,
.inner-body .inner-main {
  background-color: #f7fcff;
  background-image: url("assets/images/content-landscape.png");
  background-position: center top;
  background-size: 100% auto;
  background-repeat: repeat-y;
}
.site-header {
  background: #f8fcfff5;
  border-color: #d8eaf3;
  box-shadow: 0 10px 30px #0734531c;
}
.primary-nav .active {
  color: #006650;
  background: #eafaf4;
}
.primary-nav > a::after {
  background: var(--green);
}
.mobile-toggle {
  background: #e9f8f4;
}
.hero::before {
  background:
    linear-gradient(90deg, #092f656e 0%, #092f6530 42%, transparent 76%),
    linear-gradient(0deg, #00273d59, transparent 48%);
}
.conference-name span {
  color: #00d89b;
  background: linear-gradient(110deg, #60e37d, #00cfa1);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-shadow: none;
}
.button-blue {
  border-color: var(--blue);
  box-shadow: 0 8px 22px #004bcc26;
}
.button-blue:hover {
  background: #003eaa;
}
.button-green {
  background: #00ba88;
  border-color: #00ba88;
  box-shadow: 0 8px 22px #00bd8229;
}
.button-green:hover {
  background: #00a678;
  border-color: #00a678;
}
.button-coral,
.header-submit,
.mobile-menu-actions .button,
.hero-action-primary {
  color: white;
  background: var(--coral);
  border-color: var(--coral);
  box-shadow: 0 9px 22px #ff604a38;
}
.button-coral:hover,
.header-submit:hover,
.mobile-menu-actions .button:hover,
.hero-action-primary:hover {
  background: #f1543e;
  border-color: #f1543e;
}
.hero-action-ghost {
  background: #003d405c;
}
.hero-action-ghost:hover {
  background: #006b625c;
}
.section-kicker,
.inner-content > .section-kicker {
  color: #00805c;
}
.section-kicker::before {
  background: var(--green);
}
.section-title,
.inner-content > .source-title {
  position: relative;
  padding-left: 22px;
}
.section-title::before,
.inner-content > .source-title::before {
  content: "";
  position: absolute;
  left: 0;
  top: 1px;
  bottom: 1px;
  width: 5px;
  border-radius: 1px;
  background: linear-gradient(180deg, #00bd82 0%, #00bd82 73%, #008aa2 73%);
}
.about-section,
.speakers-section,
.venue-section,
.news-section {
  background-color: #ffffff66;
}
.topics-section {
  background: linear-gradient(110deg, #e2f3ffbc, #eaf7ffc2);
  border-block: 1px solid #dceef9;
}
.dates-section {
  background: #ffffff8c;
}
.publication-section {
  background: #eaf6ffd9;
  border-block: 1px solid #dceef9;
}
.publication-details-section {
  background: #edf8ffb3;
}
.topic-grid {
  gap: 12px;
}
.topic-card,
.topic-card:nth-child(4n),
.topic-card:nth-child(n + 5) {
  background: #ffffffdf;
  border: 1px solid #dcebf6;
  border-radius: 8px;
  box-shadow: 0 2px 5px #053d6f05;
}
.topic-card:hover {
  background: #f7fffb;
  border-color: #9bdcc8;
}
.topic-card:nth-child(1) .topic-icon,
.topic-card:nth-child(7) .topic-icon {
  color: #009d68;
}
.topic-card:nth-child(4) .topic-icon,
.topic-card:nth-child(6) .topic-icon {
  color: #009db2;
}
.topic-number {
  color: #b4dbcc;
}
.speaker-card,
.travel-card,
.news-card,
.partner-card,
.publication-cards > div {
  background-color: #ffffffeb;
  border-color: #deecf5;
}
.timeline::before {
  background: #06b8d9;
}
.deadline-strip {
  background: #fbfdfff5;
  box-shadow: 0 10px 30px #09375c18;
}
.deadline-item:nth-child(2) .deadline-icon {
  color: #4650ec;
  background: #ececff;
}
.deadline-item:nth-child(3) .deadline-icon {
  color: #009b93;
  background: #e3faf6;
}
.deadline-item:nth-child(4) .deadline-icon {
  color: #ed503b;
  background: #ffefe9;
}
.deadline-item:nth-child(5) .deadline-icon {
  color: #2665ff;
  background: #e8f1ff;
}
.publication-icon.pink,
.publication-icon.green,
.publication-icon.purple {
  color: #087ccb;
  background: #e7f5ff;
}
.publication-icon.blue {
  color: #009b93;
  background: #e1faf5;
}
.inner-body .inner-hero::before {
  background:
    linear-gradient(90deg, #00273de8, #063b64ad 48%, #01283b45),
    linear-gradient(0deg, #00273d99, transparent 65%);
}
.inner-main .inner-content {
  background: #ffffffbc;
}
.page-related a.current,
.page-related a:hover {
  color: #00805c;
}
.page-related a.current {
  box-shadow: inset 0 -2px var(--green);
}
.source-notice {
  background: #effbf7e8;
  border-left-color: var(--green);
}
.source-notice-label {
  color: #007451;
}
.program-day-grid section {
  background: #e9f8f3d9;
  border-top-color: var(--green);
}
.source-topic-number,
.program-day-grid small {
  color: #008358;
}
.submission-result {
  background: #eafaf4;
  border-color: #bce6d5;
}
.site-footer {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background: linear-gradient(110deg, #00273d, #00364d 70%, #003f4a);
}
.site-footer::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: min(760px, 64vw);
  aspect-ratio: 493 / 63;
  background: url("assets/images/footer-skyline.png") right bottom / contain
    no-repeat;
  opacity: 0.48;
  mix-blend-mode: lighten;
  pointer-events: none;
  z-index: -1;
}
.footer-bottom {
  background: #00273d55;
}
@media (max-width: 620px) {
  .icai-inspired > main,
  .inner-body .inner-main {
    background-size: auto 1800px;
    background-repeat: repeat-y;
  }
  .site-footer::after {
    width: 100%;
  }
}