/* THOR ONE: shared layer loaded after each page's own styles.
   Fonts, the brand mark, the transition notice, light-ground buttons, focus. */

@font-face{font-family:"Inter";font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/inter-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Inter";font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/inter-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Newsreader";font-style:normal;font-weight:200 800;font-display:swap;src:url(/fonts/newsreader-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Newsreader";font-style:normal;font-weight:200 800;font-display:swap;src:url(/fonts/newsreader-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113}
@font-face{font-family:"Newsreader";font-style:italic;font-weight:200 800;font-display:swap;src:url(/fonts/newsreader-italic-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Newsreader";font-style:italic;font-weight:200 800;font-display:swap;src:url(/fonts/newsreader-italic-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113}

:root{
  --serif:"Newsreader","Iowan Old Style",Georgia,serif;
  --sans:"Inter","Helvetica Neue",Helvetica,Arial,sans-serif;
  --mono:"Inter","Helvetica Neue",Helvetica,Arial,sans-serif;
  --dmute:#7E8C99;
  --slate:#1C232B; --slate3:#161C23; --iron:#39424C; --steel:#9FB0BE; --frost:#E9EDF0; --ivory:#F5F1E8;
}

/* the mark */
.brandlink{display:inline-flex;align-items:center;text-decoration:none}
.brandmark{display:block;height:40px;width:auto}
footer .brandmark{height:44px}
@media(max-width:600px){nav .brandmark{height:36px;width:36px}}
@media(max-width:940px){nav{padding-top:16px!important;padding-bottom:16px!important}}

/* transition notice */
.thor-note{background:var(--slate3);color:var(--steel);font:400 13px/1.45 var(--sans);
  padding:8px 24px;text-align:center;border-bottom:1px solid #2E3843}
.thor-note b{color:var(--frost);font-weight:500}
html.from-ux .thor-note{background:var(--iron);color:#C6D2DC}
@media(max-width:600px){.thor-note{padding:7px 14px;font-size:12.5px;line-height:1.4}}
.thor-note .from{display:none}
html.from-ux .thor-note .from{display:inline}
html.from-ux .thor-note .std{display:none}

/* buttons: Frost on dark ground, Slate on light ground. Never gold. */
.env.light .cta:not(.ghost),.env.flat .cta:not(.ghost),.light .midcta a:first-of-type,
.env.light .a1,.env.flat .a1{background:var(--slate)!important;color:var(--ivory)!important}
.env.light .cta.ghost,.env.flat .cta.ghost{color:var(--slate)!important;border-color:var(--iron)!important}

/* focus: visible on both grounds */
:focus-visible{outline:2px solid var(--steel);outline-offset:3px}
.light :focus-visible,.flat :focus-visible,.env.light :focus-visible,.env.flat :focus-visible,
.cardbox :focus-visible,.hh :focus-visible{outline-color:var(--slate)}

[id]{scroll-margin-top:90px}
p,li{text-wrap:pretty}

/* wide data tables scroll inside themselves on a phone, never the page */
.tscroll{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}

/* skip link */
.skip{position:absolute;left:-9999px;top:8px;z-index:100;background:var(--frost);color:var(--slate);padding:10px 14px;font:500 14px var(--sans);border-radius:2px}
.skip:focus{left:16px;outline:2px solid var(--slate);outline-offset:2px}

footer .flinks a{text-decoration:none;border-bottom:1px solid rgba(159,176,190,.35)}