@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Noto+Sans+JP:wght@400;500;600;700&display=swap");

/* Oracle Fusion Cloud ERP specialist pages — Survate Experience System */

body.erp-page {
  --erp-navy: #0a182e;
  --erp-navy-soft: #153247;
  --erp-ivory: #f4f2ec;
  --erp-ivory-deep: #eae7df;
  --erp-sage: #6d8a7a;
  --erp-gold: #c7a45a;
  --erp-gold-text: #806223;
  --erp-ink: #243548;
  --erp-muted: #536473;
  --erp-line: rgba(10, 24, 46, .14);
  color: var(--erp-ink);
  background: var(--erp-ivory) !important;
  font-family: "Noto Sans JP", "Yu Gothic", "Hiragino Kaku Gothic ProN", sans-serif;
  line-height: 1.85;
  letter-spacing: .012em;
}

body.erp-page::before {
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  content: "";
  background: url("../img/home-connection-pattern.svg") center top / min(920px, 92vw) auto repeat-y;
  opacity: .075;
}

body.erp-page > :where(.site-header, main, .breadcrumb, .site-footer) {
  position: relative;
  z-index: 1;
}

body.erp-page :where(h1, h2, h3, .button, .site-nav, .footer-nav) {
  font-family: "Noto Sans JP", "Yu Gothic", "Hiragino Kaku Gothic ProN", sans-serif;
}

body.erp-page :where(p, li, dd, td, small) {
  color: var(--erp-muted);
}

body.erp-page .container {
  width: min(1180px, calc(100% - 48px));
}

body.erp-page .site-header,
body.erp-page .site-header.is-scrolled {
  color: var(--erp-navy);
  background: rgba(244, 242, 236, .94) !important;
  border-bottom: 1px solid var(--erp-line);
  box-shadow: none;
  backdrop-filter: blur(18px);
}

body.erp-page .header-inner { min-height: 82px; }
body.erp-page .brand { color: var(--erp-navy); background: transparent; border: 0; }
body.erp-page .site-nav a { color: var(--erp-navy); font-weight: 600; letter-spacing: .035em; }
body.erp-page .site-nav a:hover { color: var(--erp-gold-text); background: rgba(199, 164, 90, .11); }
body.erp-page .site-nav a[aria-current="page"] {
  color: var(--erp-navy);
  background: rgba(199, 164, 90, .18);
  box-shadow: inset 0 -2px var(--erp-gold);
}
body.erp-page .site-nav .nav-cta {
  color: #fff;
  background: var(--erp-navy);
  border-color: var(--erp-navy);
}
body.erp-page .site-nav .nav-cta:hover { color: #fff; background: var(--erp-navy-soft); }

body.erp-page > .breadcrumb,
body.erp-page > .breadcrumb a,
body.erp-page .breadcrumb,
body.erp-page .breadcrumb a { color: var(--erp-muted); }
body.erp-page .breadcrumb a:hover { color: var(--erp-gold-text); }

/* Article and hub heroes */
body.erp-page .page-hero,
body.erp-page.oracle-specialist .hero {
  position: relative;
  overflow: hidden;
  color: var(--erp-navy);
  background:
    radial-gradient(circle at 87% 12%, rgba(109, 138, 122, .17) 0 230px, transparent 231px),
    radial-gradient(circle at 15% 84%, rgba(199, 164, 90, .12) 0 170px, transparent 171px),
    linear-gradient(115deg, #f8f6f0 0%, var(--erp-ivory) 58%, #e6ebe5 100%) !important;
  border: 0;
  isolation: isolate;
}

body.erp-page .page-hero::before,
body.erp-page .page-hero::after { display: none !important; content: none !important; }
body.erp-page .page-hero-bg {
  background: url("../img/home-connection-pattern.svg") 89% center / min(760px, 61vw) auto no-repeat !important;
  opacity: .2 !important;
}
body.erp-page .page-hero-grid { position: relative; z-index: 1; }
body.erp-page .page-hero-copy { max-width: 900px; }
body.erp-page .page-hero :where(.eyebrow, .section-kicker),
body.erp-page.oracle-specialist .hero .eyebrow,
body.erp-page.oracle-specialist .section-kicker {
  color: var(--erp-gold-text) !important;
  font-family: Inter, "Noto Sans JP", sans-serif;
  font-weight: 700;
  letter-spacing: .16em;
}

body.erp-page .page-hero h1,
body.erp-page.oracle-specialist .hero h1 {
  color: var(--erp-navy) !important;
  font-weight: 700;
  letter-spacing: -.045em;
  text-shadow: none !important;
  text-wrap: balance;
}
body.erp-page .page-hero .page-lead,
body.erp-page.oracle-specialist .hero .lead {
  color: var(--erp-muted) !important;
  font-weight: 400;
  line-height: 2;
  text-shadow: none !important;
}

body.erp-page .page-hero .button-primary,
body.erp-page.oracle-specialist .hero .button-primary {
  color: #fff !important;
  background: var(--erp-navy) !important;
  border-color: var(--erp-navy) !important;
  box-shadow: none !important;
}
body.erp-page .page-hero .button-primary:hover,
body.erp-page.oracle-specialist .hero .button-primary:hover {
  color: #fff !important;
  background: var(--erp-navy-soft) !important;
  border-color: var(--erp-navy-soft) !important;
}
body.erp-page .page-hero .button-secondary,
body.erp-page.oracle-specialist .hero .button-secondary {
  color: var(--erp-navy) !important;
  background: rgba(255, 255, 255, .62) !important;
  border-color: rgba(10, 24, 46, .28) !important;
}
body.erp-page .page-hero .button-secondary:hover,
body.erp-page.oracle-specialist .hero .button-secondary:hover {
  color: var(--erp-navy) !important;
  background: #fff !important;
  border-color: var(--erp-sage) !important;
}

/* Shared sections and content cards */
body.erp-page main { color: var(--erp-ink); background: transparent !important; }
body.erp-page .section { position: relative; }
body.erp-page .section-alt,
body.erp-page .section-muted { background: rgba(234, 231, 223, .56) !important; }
body.erp-page :where(.section-head h2, .section-heading h2) { color: var(--erp-navy) !important; }
body.erp-page :where(.section-head p, .section-heading p) { color: var(--erp-muted); }

body.erp-page :where(
  .erp-side-card,
  .erp-article-card,
  .erp-related-hub,
  .erp-faq-card,
  .erp-hub-side-card,
  .erp-hub-card,
  .erp-hub-related-card,
  .erp-hub-flow-card,
  .erp-module-card
) {
  color: var(--erp-ink);
  background: rgba(255, 255, 255, .9) !important;
  border-color: var(--erp-line) !important;
  border-radius: 2px 30px 2px 2px !important;
  box-shadow: none !important;
}
body.erp-page :where(.erp-article-card, .erp-hub-card) { border-top: 3px solid var(--erp-sage) !important; }
body.erp-page :where(.erp-side-card h2, .erp-article-card h2, .erp-faq-card h3, .erp-hub-card h2, .erp-hub-card h3, .erp-module-card strong, .erp-hub-flow-card h3, .erp-related-card strong, .erp-hub-related-card strong) {
  color: var(--erp-navy) !important;
}
body.erp-page :where(.erp-side-card p, .erp-article-card p, .erp-faq-card p, .erp-hub-card p, .erp-module-card p, .erp-hub-flow-card p, .erp-related-card small, .erp-hub-related-card small) {
  color: var(--erp-muted) !important;
}
body.erp-page :where(.erp-side-card li::before, .erp-article-card li::before, .erp-hub-side-card li::before, .erp-hub-card li::before) {
  background: var(--erp-gold) !important;
}
body.erp-page .erp-side-card li::before,
body.erp-page .erp-article-card li::before,
body.erp-page .erp-hub-side-card li::before,
body.erp-page .erp-hub-card li::before {
  background: var(--erp-gold) !important;
}
body.erp-page :where(.erp-related-card span, .erp-hub-related-card span, .erp-module-card span, .erp-hub-flow-card span) {
  color: var(--erp-gold-text) !important;
}
body.erp-page .erp-article-note,
body.erp-page .erp-hub-note {
  color: var(--erp-muted) !important;
  background: rgba(199, 164, 90, .1) !important;
  border-left-color: var(--erp-gold) !important;
}

/* Buttons placed inside ordinary ERP content cards */
body.erp-page main .button-light {
  color: #fff !important;
  background: var(--erp-navy) !important;
  border-color: var(--erp-navy) !important;
  box-shadow: none !important;
}
body.erp-page main .button-light:hover,
body.erp-page main .button-light:focus-visible {
  color: #fff !important;
  background: var(--erp-navy-soft) !important;
  border-color: var(--erp-navy-soft) !important;
}

/* Specialist template */
body.erp-page.oracle-specialist .section { background: transparent; }
body.erp-page.oracle-specialist .section-alt { background: rgba(234, 231, 223, .56) !important; }
body.erp-page.oracle-specialist .card,
body.erp-page.oracle-specialist .table-wrap,
body.erp-page.oracle-specialist .faq details,
body.erp-page .erp-specialist-directory-card {
  color: var(--erp-ink);
  background: rgba(255, 255, 255, .9) !important;
  border-color: var(--erp-line) !important;
  box-shadow: none !important;
}
body.erp-page.oracle-specialist .card {
  border-top: 3px solid var(--erp-sage) !important;
  border-radius: 2px 28px 2px 2px !important;
}
body.erp-page.oracle-specialist .card :where(h2, h3),
body.erp-page.oracle-specialist .faq summary,
body.erp-page .erp-specialist-directory-card strong { color: var(--erp-navy) !important; }
body.erp-page .faq summary::after,
body.erp-page .faq-list summary::after { color: var(--erp-gold-text) !important; }
body.erp-page.oracle-specialist .card :where(p, li),
body.erp-page.oracle-specialist .faq details > p,
body.erp-page .erp-specialist-directory-card small { color: var(--erp-muted) !important; }
body.erp-page.oracle-specialist .card-number,
body.erp-page .erp-specialist-directory-card span { color: var(--erp-gold-text) !important; }
body.erp-page.oracle-specialist .table-wrap { border-radius: 2px 24px 2px 2px; }
body.erp-page.oracle-specialist th {
  color: var(--erp-navy) !important;
  background: rgba(109, 138, 122, .11) !important;
}
body.erp-page.oracle-specialist td { color: var(--erp-muted) !important; background: rgba(255, 255, 255, .96); }
body.erp-page.oracle-specialist .note {
  color: var(--erp-muted);
  background: rgba(199, 164, 90, .1);
  border-left-color: var(--erp-gold);
}
body.erp-page.oracle-specialist .check-list li::before { color: var(--erp-gold-text); }
body.erp-page.oracle-specialist .related a {
  color: var(--erp-navy);
  background: rgba(255, 255, 255, .72);
  border-color: var(--erp-line);
}
body.erp-page.oracle-specialist .related a:hover { color: var(--erp-gold-text); border-color: var(--erp-gold); }

/* CTA panels */
body.erp-page :where(.entry-box, .cta) {
  position: relative;
  overflow: hidden;
  color: #fff !important;
  background: var(--erp-navy) !important;
  border: 1px solid rgba(199, 164, 90, .42) !important;
  border-radius: 2px 56px 2px 2px !important;
  box-shadow: none !important;
}
body.erp-page :where(.entry-box, .cta)::after {
  position: absolute;
  right: -100px;
  bottom: -170px;
  width: 430px;
  height: 430px;
  pointer-events: none;
  content: "";
  background: url("../img/home-connection-pattern.svg") center / contain no-repeat;
  opacity: .28;
}
body.erp-page :where(.entry-box, .cta) > * { position: relative; z-index: 1; }
body.erp-page :where(.entry-box, .cta) :where(h2, h3) { color: #fff !important; }
body.erp-page :where(.entry-box, .cta) p { color: rgba(255, 255, 255, .84) !important; }
body.erp-page :where(.entry-box, .cta) :where(.eyebrow, .section-kicker) { color: #f0dca9 !important; }
body.erp-page :where(.entry-box, .cta) .button-light,
body.erp-page.oracle-specialist .cta .button-secondary {
  color: var(--erp-navy) !important;
  background: var(--erp-gold) !important;
  border-color: var(--erp-gold) !important;
  font-weight: 700;
}

/* Footer */
body.erp-page .site-footer {
  color: rgba(255, 255, 255, .86) !important;
  background: #071322 !important;
  border-top: 3px solid var(--erp-gold);
}
body.erp-page .site-footer :where(p, a, li, small) { color: rgba(255, 255, 255, .86) !important; }
body.erp-page .site-footer .footer-brand { color: #fff !important; }
body.erp-page .site-footer a:hover,
body.erp-page .site-footer a:focus-visible { color: #eed9a4 !important; }

@media (max-width: 980px) {
  body.erp-page .site-nav {
    background: rgba(244, 242, 236, .98);
    border-color: var(--erp-line);
  }
  body.erp-page .site-nav a { color: var(--erp-navy); }
}

@media (max-width: 700px) {
  body.erp-page .container { width: min(100% - 32px, 1180px); }
  body.erp-page .page-hero h1,
  body.erp-page.oracle-specialist .hero h1 { font-size: clamp(2rem, 10vw, 3rem); }
  body.erp-page :where(.entry-box, .cta) { border-radius: 2px 34px 2px 2px !important; }
  body.erp-page :where(.erp-side-card, .erp-article-card, .erp-faq-card, .erp-hub-card, .card) {
    border-radius: 2px 24px 2px 2px !important;
  }
}