:root {
    --color-bg-primary: #FAF9F6;
    --color-bg-secondary: #FFFFFF;
    --color-bg-tertiary: #F3F1EC;
    --color-surface-subtle: #EFECE6;
    --color-text-primary: #18181B;
    --color-text-secondary: #52525B;
    --color-text-muted: #71717A;
    --color-text-inverse: #FFFFFF;
    --color-border-subtle: #E4E2DC;
    --color-border-medium: #D4D2CA;
    --color-border-strong: #18181B;
    --color-accent-primary: #18181B;
    --color-accent-secondary: #78350F;
    --color-accent-subtle: #FEF3C7;
    --color-accent-muted: #E5E7EB;
    --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --font-serif: 'Newsreader', Georgia, serif;
    --font-mono: 'JetBrains Mono', monospace;
}

*,
*::before,
*::after {
    box-sizing: border-box;
}

body {
    font-family: var(--font-sans);
    background-color: var(--color-bg-primary);
    color: var(--color-text-primary);
    margin: 0;
    padding: 0;
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
}

.font-serif {
    font-family: var(--font-serif);
}

.font-mono {
    font-family: var(--font-mono);
}

.text-muted {
    color: var(--color-text-muted) !important;
}

.border-subtle {
    border-color: var(--color-border-subtle);
}

.border-medium {
    border-color: var(--color-border-medium);
}

.bg-paper {
    background-color: var(--color-bg-secondary);
}

.bg-alabaster {
    background-color: var(--color-bg-primary);
}

.bg-subtle {
    background-color: var(--color-bg-tertiary);
}

/* ===== header ===== */
.site-header {
    position: sticky;
    top: 0;
    background-color: #FAF9F6;
}

.site-header a {
    text-decoration: none;
}

.site-header .js-menu-icon-close.hidden {
    display: none;
}

/* ===== hero ===== */
.fieldbook-hero {
    background-color: #080b11;
    min-height: auto;
}

.fieldbook-hero-ambient-glow {
    background: radial-gradient(circle at 80% 20%, rgba(6, 182, 212, 0.15), transparent 45%), radial-gradient(circle at 20% 80%, rgba(59, 130, 246, 0.12), transparent 40%);
}

.fieldbook-hero-grid-pattern {
    background-size: 32px 32px;
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0.04) 1px, transparent 1px), linear-gradient(to bottom, rgba(255, 255, 255, 0.04) 1px, transparent 1px);
}

.fieldbook-hero .fieldbook-glowing-accent {
    text-shadow: 0 0 20px rgba(34, 211, 238, 0.45);
}

.fieldbook-hero .fieldbook-glass-panel {
    box-shadow: 0 20px 40px -15px rgba(0, 0, 0, 0.7), 0 0 25px 0 rgba(6, 182, 212, 0.1);
}

/* ===== transfer_purpose ===== */
.transfer-purpose-block .active-tab {
    border-color: #18181B !important;
    background-color: #FFFFFF !important;
}

.transfer-purpose-block button:focus {
    outline: 1px solid #18181B;
}

/* ===== delivery_method ===== */
.delivery-method-block {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

.delivery-method-block .font-serif {
    font-family: 'Newsreader', Georgia, serif;
}

.delivery-method-block .font-mono {
    font-family: 'JetBrains Mono', monospace;
}

.delivery-method-block .delivery-card {
    transition: border-color 0.15s ease, background-color 0.15s ease;
}

.delivery-method-block .delivery-card:hover {
    border-color: #18181B;
}

.delivery-method-block .js-channel-btn.active {
    background-color: #18181B;
    color: #FFFFFF;
    border-color: #18181B;
}

.delivery-method-block .delivery-card.is-hidden {
    display: none;
}

/* ===== free_audit ===== */
.tc-audit-block input::placeholder {
    color: #71717A;
    opacity: 1;
}

.tc-audit-block input:-ms-input-placeholder {
    color: #71717A;
}

.tc-audit-block input::-ms-input-placeholder {
    color: #71717A;
}

/* ===== tariffs ===== */
.transfer-tariffs-block .tariff-card.is-active {
    border-color: #18181B;
    box-shadow: 0 0 0 1px #18181B;
}

.transfer-tariffs-block input::placeholder {
    color: #71717A;
    opacity: 1;
}

.transfer-tariffs-block input:focus {
    border-color: #18181B;
}

/* ===== how_it_works ===== */
.how-it-works-block {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

.how-it-works-block h2 {
    font-family: 'Newsreader', Georgia, serif;
}

.how-it-works-block .how-it-works-step {
    transition: border-color 0.15s ease, background-color 0.15s ease;
}

/* ===== featured_scenario ===== */
.featured-scenario-section {
    font-feature-settings: 'cv02', 'cv03', 'cv04', 'cv11';
}

.featured-scenario-section .js-scenario-tab-btn.active {
    background-color: #18181B;
    color: #FFFFFF;
    border-color: #18181B;
}

.featured-scenario-section .js-scenario-tab-btn:not(.active) {
    background-color: #FFFFFF;
    color: #18181B;
    border-color: #D4D2CA;
}

.featured-scenario-section .js-scenario-tab-btn:not(.active):hover {
    background-color: #F3F1EC;
}

/* ===== guides_grid ===== */
#guides-grid-block .guide-card {
    transition: border-color 0.2s ease, background-color 0.2s ease;
}

#guides-grid-block .guide-card:hover {
    border-color: #18181B;
}

#guides-grid-block .guide-card-media img {
    transition: opacity 0.2s ease;
}

#guides-grid-block .guide-card:hover .guide-card-media img {
    opacity: 0.95;
}

#guides-grid-block .guide-card-btn {
    text-decoration: none;
}

/* ===== footer ===== */
.transfercontext-footer {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

.transfercontext-footer .transfercontext-disclaimer-box {
    border-radius: 0px;
    box-shadow: none;
}

.transfercontext-footer .transfercontext-nav-item a {
    transition: color 0.15s ease-in-out;
}

.transfercontext-footer .transfercontext-nav-item a:hover {
    color: #18181B;
}

.site-header {
    position: sticky;
    top: 0;
    background-color: #FAF9F6;
}

.site-header a {
    text-decoration: none;
}

.site-header .js-menu-icon-close.hidden {
    display: none;
}

.category-editorial-hero h1 {
    font-family: 'Newsreader', Georgia, serif;
}

.category-editorial-hero p,
.category-editorial-hero span,
.category-materials-section p,
.category-materials-section span {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

.category-materials-section h2 {
    font-family: 'Newsreader', Georgia, serif;
}

.category-materials-section input::placeholder {
    color: #71717A;
    opacity: 1;
}

.category-materials-section .js-material-card {
    transition: border-color 0.15s ease-in-out;
}

.category-materials-section .js-material-card:hover {
    border-color: #18181B;
}

.transfercontext-footer {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

.transfercontext-footer .transfercontext-disclaimer-box {
    border-radius: 0px;
    box-shadow: none;
}

.transfercontext-footer .transfercontext-nav-item a {
    transition: color 0.15s ease-in-out;
}

.transfercontext-footer .transfercontext-nav-item a:hover {
    color: #18181B;
}


/* ===== PAGE: xoom-brand-support ===== */
.xoom-fieldbook-page .js-scenario-btn.active{background-color:#18181B!important;color:#FFFFFF!important;border-color:#18181B!important;}.xoom-fieldbook-page .js-scenario-btn{transition:background-color 0.15s ease,color 0.15s ease;}.xoom-fieldbook-page table th,.xoom-fieldbook-page table td{vertical-align:top;}

/* ===== PAGE: about-us ===== */
.about-section .about-tab-btn { transition: background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease; }
.about-section .about-tab-btn.is-active { background-color: #18181B; color: #FFFFFF; border-color: #18181B; }
.about-section .about-tab-btn:not(.is-active) { background-color: #FFFFFF; color: #18181B; border-color: #D4D2CA; }

/* ===== PAGE: contact ===== */
.contact-section .contact-input::placeholder,
.contact-section .contact-textarea::placeholder {
  color: #71717A;
  opacity: 1;
}
.contact-section .contact-input:focus,
.contact-section .contact-textarea:focus {
  border-color: #18181B;
  background-color: #FFFFFF;
}
.contact-section .contact-submit-btn:hover {
  background-color: #27272A;
  border-color: #27272A;
}

/* ===== PAGE: privacy ===== */
.tc-privacy-section a { outline-offset: 2px; }
.tc-privacy-section .js-nav-link.active { border-left-color: #18181B; font-weight: 600; color: #18181B; background-color: #FAF9F6; }

/* ===== PAGE: terms ===== */
.terms-page-section .terms-card { border-radius: 0px; }
.terms-page-section .terms-nav a.is-active { background-color: #F3F1EC; color: #18181B; font-weight: 500; }

/* ===== PAGE: disclaimer ===== */
.disclaimer-content { hyphens: auto; } .disclaimer-content a { text-decoration: none; }

.comment-card {
    background-color: #FFFFFF;
    border: 1px solid #E4E2DC;
    box-shadow: none;
}

.comment-avatar {
    width: 2.75rem;
    height: 2.75rem;
    min-width: 2.75rem;
    border: 1px solid #18181B;
    background-color: #F3F1EC;
    color: #18181B;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.875rem;
    font-weight: 600;
    letter-spacing: 0.05em;
    border-radius: 0px;
    object-fit: cover;
}

.comment-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.comment-btn {
    cursor: pointer;
    background: transparent;
    border: none;
    padding: 0.25rem 0.5rem;
}

.comment-btn:hover {
    background-color: #F3F1EC;
}

.reply-thread {
    position: relative;
}

.reply-card {
    background-color: #FAF9F6;
    border: 1px solid #E4E2DC;
    box-shadow: none;
}

.reply-avatar {
    width: 2.25rem;
    height: 2.25rem;
    min-width: 2.25rem;
    border: 1px solid #71717A;
    background-color: #EFECE6;
    color: #18181B;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.05em;
    border-radius: 0px;
    object-fit: cover;
}

.reply-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.reply-btn {
    cursor: pointer;
    background: transparent;
    border: none;
    padding: 0.2rem 0.4rem;
}

.reply-btn:hover {
    background-color: #EFECE6;
}


/* ===== PAGE TEMPLATE: guides ===== */
.site-header {
    position: sticky;
    top: 0;
    background-color: #FAF9F6;
}

.site-header a {
    text-decoration: none;
}

.site-header .js-menu-icon-close.hidden {
    display: none;
}

.detail-page-container {
    background-color: #FAF9F6;
}

.detail-page-container .detail-content-body p {
    line-height: 1.7;
}

.detail-page-container .detail-content-body h2 {
    font-family: 'Newsreader', Georgia, serif;
    color: #18181B;
}

.detail-page-container .detail-content-body h3 {
    font-family: 'Newsreader', Georgia, serif;
    color: #18181B;
}

.detail-page-container .detail-interactive-module .js-tab-panel.hidden {
    display: none;
}

.detail-page-container .detail-interactive-module .js-tab-panel.block {
    display: block;
}

.transfercontext-footer {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

.transfercontext-footer .transfercontext-disclaimer-box {
    border-radius: 0px;
    box-shadow: none;
}

.transfercontext-footer .transfercontext-nav-item a {
    transition: color 0.15s ease-in-out;
}

.transfercontext-footer .transfercontext-nav-item a:hover {
    color: #18181B;
}

/* ===== PAGE TEMPLATE: regional-destinations ===== */
.site-header {
    position: sticky;
    top: 0;
    background-color: #FAF9F6;
}

.site-header a {
    text-decoration: none;
}

.site-header .js-menu-icon-close.hidden {
    display: none;
}

.detail-page-container {
    background-color: #FAF9F6;
}

.detail-page-container .detail-content-body p {
    line-height: 1.7;
}

.detail-page-container .detail-content-body h2 {
    font-family: 'Newsreader', Georgia, serif;
    color: #18181B;
}

.detail-page-container .detail-content-body h3 {
    font-family: 'Newsreader', Georgia, serif;
    color: #18181B;
}

.detail-page-container .detail-interactive-module .js-tab-panel.hidden {
    display: none;
}

.detail-page-container .detail-interactive-module .js-tab-panel.block {
    display: block;
}

.transfercontext-footer {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

.transfercontext-footer .transfercontext-disclaimer-box {
    border-radius: 0px;
    box-shadow: none;
}

.transfercontext-footer .transfercontext-nav-item a {
    transition: color 0.15s ease-in-out;
}

.transfercontext-footer .transfercontext-nav-item a:hover {
    color: #18181B;
}

/* ===== PAGE TEMPLATE: fees-and-conversion ===== */
.site-header {
    position: sticky;
    top: 0;
    background-color: #FAF9F6;
}

.site-header a {
    text-decoration: none;
}

.site-header .js-menu-icon-close.hidden {
    display: none;
}

.detail-page-container {
    background-color: #FAF9F6;
}

.detail-page-container .detail-content-body p {
    line-height: 1.7;
}

.detail-page-container .detail-content-body h2 {
    font-family: 'Newsreader', Georgia, serif;
    color: #18181B;
}

.detail-page-container .detail-content-body h3 {
    font-family: 'Newsreader', Georgia, serif;
    color: #18181B;
}

.detail-page-container .detail-interactive-module .js-tab-panel.hidden {
    display: none;
}

.detail-page-container .detail-interactive-module .js-tab-panel.block {
    display: block;
}

.transfercontext-footer {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

.transfercontext-footer .transfercontext-disclaimer-box {
    border-radius: 0px;
    box-shadow: none;
}

.transfercontext-footer .transfercontext-nav-item a {
    transition: color 0.15s ease-in-out;
}

.transfercontext-footer .transfercontext-nav-item a:hover {
    color: #18181B;
}

/* ===== PAGE TEMPLATE: security-and-verification ===== */
.site-header {
    position: sticky;
    top: 0;
    background-color: #FAF9F6;
}

.site-header a {
    text-decoration: none;
}

.site-header .js-menu-icon-close.hidden {
    display: none;
}

.detail-page-container {
    background-color: #FAF9F6;
}

.detail-page-container .detail-content-body p {
    line-height: 1.7;
}

.detail-page-container .detail-content-body h2 {
    font-family: 'Newsreader', Georgia, serif;
    color: #18181B;
}

.detail-page-container .detail-content-body h3 {
    font-family: 'Newsreader', Georgia, serif;
    color: #18181B;
}

.detail-page-container .detail-interactive-module .js-tab-panel.hidden {
    display: none;
}

.detail-page-container .detail-interactive-module .js-tab-panel.block {
    display: block;
}

.transfercontext-footer {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

.transfercontext-footer .transfercontext-disclaimer-box {
    border-radius: 0px;
    box-shadow: none;
}

.transfercontext-footer .transfercontext-nav-item a {
    transition: color 0.15s ease-in-out;
}

.transfercontext-footer .transfercontext-nav-item a:hover {
    color: #18181B;
}