/* Preserve UCF theme components; only adapt the static top page. */
.temporary-site { margin: 0; }
.temporary-site .HeaderWrap { height: 80px; }
.temporary-site .Header2 { min-width: 0; }
.temporary-site .Header2__inner { width: 100%; justify-content: center; }
.temporary-site .Header2__head { width: 332px; max-width: calc(100% - 30px); flex: 0 1 332px; margin: 0 15px; }
.temporary-site .Header2__id { margin: 0; }
.temporary-site .Header2__siteid { display: block; width: 100%; height: auto; }
.temporary-site .Wrapper { min-width: 0; top: 0 !important; padding-bottom: 0; }
.temporary-site .Footer__conversion__image { opacity: 1; transform: none; }
@media (max-width: 767px) {
  .temporary-site .HeaderWrap { height: 60px; }
  .temporary-site .Footer__main { padding-bottom: 30px; }
}

/* Content-only design. Header, HERO, footer and shared assets remain unchanged. */
.Contents.TemporaryContent { background: #fbfaf7; color: #15202e; font-family: inherit; font-size: 16px; line-height: 1.8; }
.TemporaryContent .TemporaryContent__inner { box-sizing: border-box; width: 100%; max-width: 1148px; margin: 0 auto; padding: 56px 24px 80px; }
.TemporaryContent .TemporaryContent__notice { box-sizing: border-box; width: 100%; margin: 0; padding: 36px 40px; border-left: 3px solid #c60080; background: #fff; }
.TemporaryContent .TemporaryContent__noticeAudience { margin: 0; color: #15202e; font-size: 14px; font-weight: 700; line-height: 1.8; }
.TemporaryContent .TemporaryContent__noticeTitle { margin: 10px 0 22px; color: #15202e; font-size: 32px; font-weight: 700; line-height: 1.5; }
.TemporaryContent .TemporaryContent__noticeText { margin: 0; color: #15202e; font-size: 16px; line-height: 2; }
.TemporaryContent .TemporaryContent__section { margin: 64px 0 0; padding: 0; }
.TemporaryContent .TemporaryContent__heading { margin: 0 0 28px; color: #15202e; font-family: 'Oswald', sans-serif; font-size: 32px; font-weight: 400; line-height: 1.3; letter-spacing: .06em; }
.TemporaryContent .TemporaryContent__heading::before { content: ''; display: inline-block; width: 24px; height: 3px; margin-right: 14px; background: #c60080; vertical-align: middle; }
.TemporaryContent .TemporaryContent__grid { display: grid; gap: 24px; align-items: stretch; }
.TemporaryContent .TemporaryContent__grid--two { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.TemporaryContent .TemporaryContent__grid--three { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.TemporaryContent .TemporaryContent__card { display: flex; flex-direction: column; min-width: 0; margin: 0; padding: 24px; border: 1px solid #e6e3df; background: #fff; }
.TemporaryContent .TemporaryContent__cardTitle { display: flex; align-items: center; min-height: 3.2em; margin: 0 0 18px; color: #15202e; font-size: 20px; font-weight: 700; line-height: 1.6; }
.TemporaryContent .TemporaryContent__media { width: 100%; background: #e5e5e5; }
.TemporaryContent .TemporaryContent__media img { display: block; width: 100%; height: auto; max-width: 100%; object-fit: contain; }
.TemporaryContent .TemporaryContent__cardBody { display: flex; flex: 1; flex-direction: column; gap: 14px; padding-top: 22px; }
.TemporaryContent .TemporaryContent__message { margin: 0; color: #15202e; font-size: 16px; font-weight: 700; line-height: 1.8; }
.TemporaryContent .TemporaryContent__description { margin: 0; color: #505862; font-size: 14px; line-height: 1.9; }
.TemporaryContent .TemporaryContent__button { display: flex; align-items: center; justify-content: space-between; gap: 12px; box-sizing: border-box; min-height: 52px; margin-top: auto; padding: 14px 18px; background: #15202e; color: #fff; font-size: 15px; font-weight: 700; line-height: 1.6; text-decoration: none; }
.TemporaryContent .TemporaryContent__button:hover { background: #2d3949; }
.TemporaryContent .TemporaryContent__social { display: flex; align-items: center; gap: 18px; min-width: 0; padding: 26px 24px; border: 1px solid #e6e3df; background: #fff; color: #15202e; text-decoration: none; }
.TemporaryContent .TemporaryContent__social:hover { border-color: #c60080; }
.TemporaryContent .TemporaryContent__socialIcon { flex: 0 0 54px; width: 54px; height: 54px; font-size: 54px; line-height: 54px; }
.TemporaryContent .TemporaryContent__socialName { display: block; font-size: 20px; font-weight: 700; line-height: 1.4; }
.TemporaryContent .TemporaryContent__socialText { display: block; margin-top: 6px; font-size: 14px; line-height: 1.7; }
.TemporaryContent .TemporaryContent__socialArrow { margin-left: auto; color: #c60080; font-size: 22px; }
.TemporaryContent a:focus-visible { outline: 3px solid #c60080; outline-offset: 4px; }
@media (max-width: 767px) {
  .TemporaryContent .TemporaryContent__inner { padding: 32px 20px 48px; }
  .TemporaryContent .TemporaryContent__notice { padding: 24px 22px; }
  .TemporaryContent .TemporaryContent__noticeTitle { margin: 10px 0 18px; font-size: 26px; }
  .TemporaryContent .TemporaryContent__noticeText { font-size: 15px; line-height: 1.95; }
  .TemporaryContent .TemporaryContent__section { margin-top: 40px; }
  .TemporaryContent .TemporaryContent__heading { margin-bottom: 22px; font-size: 26px; letter-spacing: .03em; }
  .TemporaryContent .TemporaryContent__heading::before { width: 18px; margin-right: 10px; }
  .TemporaryContent .TemporaryContent__grid--two, .TemporaryContent .TemporaryContent__grid--three { grid-template-columns: minmax(0, 1fr); }
  .TemporaryContent .TemporaryContent__grid { gap: 20px; }
  .TemporaryContent .TemporaryContent__card { padding: 20px; }
  .TemporaryContent .TemporaryContent__cardTitle { min-height: 0; margin-bottom: 16px; font-size: 19px; }
  .TemporaryContent .TemporaryContent__social { gap: 14px; padding: 22px 18px; }
}

/* FOLLOW US icon colors only; preserve the existing 36px icon slots. */
.TemporaryContent .TemporaryContent__socialIcon.fa-instagram { color: transparent; background: linear-gradient(135deg, #7638fa 0%, #d62976 50%, #f79342 85%, #feda75 100%); -webkit-background-clip: text; background-clip: text; }
.TemporaryContent .TemporaryContent__socialIcon--line { display: inline-block; background: #fff; }
.TemporaryContent .TemporaryContent__socialIcon--line::before { content: ""; display: block; width: 100%; height: 100%; background: #06c755; -webkit-mask: url("./assets/images/common/icon_line.svg") center / contain no-repeat; mask: url("./assets/images/common/icon_line.svg") center / contain no-repeat; }