:root{--accent:#E2601F;}
html,body{margin:0;padding:0;background:#0E2233;}
body{font-family:'IBM Plex Sans',sans-serif;color:#F7F7F5;-webkit-font-smoothing:antialiased;}
a{color:#F7F7F5;text-decoration:none;}
a:hover{color:#E2601F;}
h1,h2,h3{text-wrap:balance;}
p{text-wrap:pretty;}
[style*="IBM Plex Mono"]{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px;}
@media(max-width:991px){
  [style*=" 80px"]{padding-left:48px !important;padding-right:48px !important;}
  [data-row]{grid-template-columns:14px 1fr !important;gap:8px 20px !important;}
  [data-row] [data-desc]{grid-column:2 !important;}
  [data-row] [data-meta]{grid-column:2 !important;justify-self:start !important;}
}
@media(max-width:767px){
  [style*=" 80px"]{padding-left:32px !important;padding-right:32px !important;}
  [data-h1]{font-size:44px !important;}
}
@media(max-width:479px){
  [style*=" 80px"]{padding-left:20px !important;padding-right:20px !important;}
  [data-h1]{font-size:34px !important;}
}

/* hover states */
.h1:hover{background:rgba(247,247,245,0.05) !important;padding-left:24px !important;}