/* These bounded tokens apply only to explicitly registered components. */
[data-je-slot][data-je-tone="navy"] { background-color: #172d50; color: #fff; }
[data-je-slot][data-je-tone="purple"] { background-color: #442974; color: #fff; }
[data-je-slot][data-je-tone="navy"] :is(h1,h2,p,a,.jl-hi),
[data-je-slot][data-je-tone="purple"] :is(h1,h2,p,a,.jl-hi) { color: #fff; }
[data-je-slot][data-je-tone="navy"] :is(.jl-btn,button),
[data-je-slot][data-je-tone="purple"] :is(.jl-btn,button) { background-color: #fff; color: #172d50; }
[data-je-slot].jl-enquiry-intro:is([data-je-tone="navy"],[data-je-tone="purple"]) {
  padding-left: 20px;
  padding-right: 20px;
  border-radius: 16px;
}
[data-je-slot][data-je-layout="centred"] .jl-hero__col,
[data-je-slot].jl-enquiry-intro[data-je-layout="centred"] { text-align: center; }
[data-je-slot][data-je-layout="centred"] .jl-row__actions { justify-content: center; }
[data-je-slot][data-je-layout="compact"] { padding-top: 24px; padding-bottom: 24px; }
[data-je-slot][data-je-tone]:focus-within { outline-offset: 4px; }
@media (max-width: 600px) {
  [data-je-slot][data-je-layout="compact"] { padding-top: 20px; padding-bottom: 20px; }
}