@import './tokens.css';
@import './utilities.css';

*, *::before, *::after { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
html { overflow-y: scroll; }
body { font: 400 12px/1.55 'Helvetica Neue', Helvetica, Arial, sans-serif; color: var(--color-text); background: var(--color-background); }
a { color: inherit; text-decoration: none; }

::selection { background: #d0d0d0; color: inherit; }
::-moz-selection { background: #d0d0d0; color: inherit; }


b, strong, h1, h2, h3, h4, h5, h6 {
  font-weight: 400 !important;
}

.content-grid ul,
.content-grid ol,
.container ul,
.container ol {
  padding-inline-start: 10px;
  margin-block-start: 0;
  margin-block-end: 0;
}

.legal-index {
  padding-inline-start: 10px !important;
}

.prose ul,
.prose ol {
  padding-inline-start: 10px;
}


.content-grid h2,
.container h2,
.prose h2 {
  margin-top: 12px !important;    
  margin-bottom: 12px !important; 
  font-weight: 400 !important;
}


a,
.link,          
.dd-link,       
.f-link,        
.f-privacy,     
.cta-link,      
.text-link,     
.crumb-link,    
.prose a,       
.sum            
{
  color: inherit;
  text-decoration: none;
  transition: none !important; 
}

a:hover,
a:focus-visible,
.link:hover,
.link.is-active,         
.link.is-active:hover,   
.dd-link:hover,
.f-link:hover,
.f-privacy:hover,
.cta-link:hover,
.text-link:hover,
.crumb-link:hover,
.prose a:hover,
.sum:hover,
.nav-item.has-dd:hover .link
{
  color: #999 !important;               
  font-weight: 400 !important; 
  text-decoration-color: #999 !important; 
  outline: none;
}

.cta-link, .text-link, .f-privacy, .prose a {
  text-decoration: underline;
  text-underline-offset: 3px;
  text-decoration-thickness: 1px;
}

.ghost { display: none !important; }