@font-face{font-family:"Source Sans 3";font-style:normal;font-weight:400;
  font-display:swap;src:url(/assets/font/ss3-400-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:"Source Sans 3";font-style:normal;font-weight:400;
  font-display:swap;src:url(/assets/font/ss3-400-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:"Source Sans 3";font-style:normal;font-weight:600;
  font-display:swap;src:url(/assets/font/ss3-600-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:"Source Sans 3";font-style:normal;font-weight:600;
  font-display:swap;src:url(/assets/font/ss3-600-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:"Source Sans 3";font-style:normal;font-weight:700;
  font-display:swap;src:url(/assets/font/ss3-700-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:"Source Sans 3";font-style:normal;font-weight:700;
  font-display:swap;src:url(/assets/font/ss3-700-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}

/* nexustor.site - what you are seeing, and what it usually turns out to be.
   Built to the supplied reference: a health information hub. Grey page, white
   content blocks, one blue family and no second colour, numbered chapters with
   an anchor strip, link lists with grey annotations, pale blue chips, dark navy
   footer. One typeface throughout, self hosted so it does not depend on anyone.
   No search box, no signup form, no advertising slots and no trust badges,
   because this site has nothing to sell and nobody to certify it. */

:root{
  --carbon:#1b1b1b;
  --navy:#00157c;
  --blue:#3557ff;
  --link:#0000ee;
  --grey:#676767;
  --chip:#d2d9ff;
  --pale:#edf0ff;
  --rule:#cccce7;
  --paper:#f8f8f8;
  --font:"Source Sans 3","Segoe UI",Arial,sans-serif;
}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--carbon);
  font:16px/1.6 var(--font);overflow-x:hidden}
img{max-width:100%;height:auto}

.wrap{max-width:1100px;margin:0 auto;padding:0 18px}
.narrow{max-width:820px}
.block{background:#fff;border:1px solid var(--rule);padding:28px 32px;margin:0 0 22px}

/* ---------- header ---------- */
.head{background:var(--navy);color:#fff}
.head .wrap{display:flex;flex-wrap:wrap;align-items:center;gap:14px;padding-top:14px;padding-bottom:14px}
.mark{display:flex;align-items:center;gap:11px;text-decoration:none;color:#fff}
.mark img{width:34px;height:34px;display:block}
.mark b{font:700 21px/1.15 var(--font);letter-spacing:.01em}
.mark span{display:block;font:400 13px/1.3 var(--font);color:#b9c1ee}
.head nav{margin-left:auto;display:flex;flex-wrap:wrap;gap:6px 20px}
.head nav a{color:#fff;text-decoration:none;font:600 15px/1.2 var(--font);
  padding:6px 0;border-bottom:2px solid transparent}
.head nav a:hover,.head nav a.on{border-bottom-color:var(--chip)}

/* ---------- hero ---------- */
.hero{background:var(--pale);border-bottom:1px solid var(--rule);padding:38px 0 42px}
.hero h1{margin:0 0 14px}
.hero p{max-width:64ch;font-size:18px;color:#2b2b2b;margin:0 0 16px}
.hero .who{font-size:14.5px;color:var(--grey);margin:0}

/* ---------- type ---------- */
h1{font:700 clamp(30px,4.2vw,40px)/1.16 var(--font);color:var(--carbon);margin:0 0 16px}
h2{font:600 clamp(24px,3vw,30px)/1.22 var(--font);color:var(--navy);margin:34px 0 12px}
h3{font:700 21px/1.3 var(--font);color:var(--carbon);margin:26px 0 8px}
p{margin:0 0 16px}
a{color:var(--link);text-decoration:underline}
a:hover{color:var(--navy)}
ul,ol{margin:0 0 18px;padding-left:22px}
li{margin-bottom:8px}
strong,b{font-weight:700}
code{font:14.5px/1.5 "Consolas","DejaVu Sans Mono",monospace;background:var(--pale);padding:2px 6px}
.lede{font-size:18.5px;line-height:1.55;color:#2b2b2b;margin:0 0 22px;max-width:66ch}
.by{font-size:14px;color:var(--grey);border-top:1px solid var(--rule);
  border-bottom:1px solid var(--rule);padding:11px 0;margin:0 0 26px}

/* ---------- the chapter overline, the navigation pattern of the reference --- */
.over{font:700 20px/1.3 var(--font);color:var(--navy);letter-spacing:.04em;
  text-transform:uppercase;margin:0 0 10px}
.over span{color:var(--grey)}

/* ---------- anchor strip ---------- */
.strip{background:#fff;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);
  position:sticky;top:0;z-index:20}
.strip ul{display:flex;flex-wrap:wrap;gap:0 26px;margin:0;padding:0;list-style:none}
.strip li{margin:0}
.strip a{display:inline-block;padding:13px 0;text-decoration:none;color:var(--navy);
  font:600 15px/1.2 var(--font);border-bottom:3px solid transparent}
.strip a:hover{border-bottom-color:var(--blue)}

/* ---------- link list with annotations, the core component ---------- */
.list{margin:0;padding:0;list-style:none;border-top:1px solid var(--rule)}
.list li{margin:0;border-bottom:1px solid var(--rule)}
.list a{display:block;padding:15px 2px;text-decoration:none;color:inherit}
.list a b{display:block;font:700 17.5px/1.35 var(--font);color:var(--link);
  text-decoration:underline;margin-bottom:3px}
.list a span{display:block;font-size:15px;color:var(--grey);line-height:1.5}
.list a:hover b{color:var(--navy)}
.list a:hover{background:var(--pale)}

/* ---------- chips ---------- */
.chips{display:flex;flex-wrap:wrap;gap:9px;margin:0 0 8px;padding:0;list-style:none}
.chips li{margin:0}
.chips a{display:inline-block;background:var(--chip);color:var(--navy);border-radius:4px;
  padding:7px 13px;font:600 14.5px/1.3 var(--font);text-decoration:none}
.chips a:hover{background:var(--navy);color:#fff}

/* ---------- the differential table, this site's own component ---------- */
.diff{width:100%;border-collapse:collapse;margin:0 0 22px;font-size:15.5px}
.diff th,.diff td{text-align:left;vertical-align:top;padding:11px 14px 11px 0;
  border-bottom:1px solid var(--rule)}
.diff th{font:700 13.5px/1.4 var(--font);text-transform:uppercase;letter-spacing:.05em;
  color:var(--grey);border-bottom:2px solid var(--navy)}
.diff td:first-child{font-weight:700;width:34%}
.tw{overflow-x:auto;margin:0 0 22px}
.tw .diff{min-width:540px;margin:0}

/* ---------- callout ---------- */
.note{background:var(--pale);border-left:5px solid var(--blue);padding:18px 22px;margin:24px 0}
.note h4{font:700 14px/1.3 var(--font);text-transform:uppercase;letter-spacing:.06em;
  color:var(--navy);margin:0 0 8px}
.note p:last-child{margin-bottom:0}
.note.warn{border-left-color:#b3261e}
.note.warn h4{color:#b3261e}

/* ---------- steps ---------- */
.steps{counter-reset:s;list-style:none;padding:0;margin:0 0 22px}
.steps li{counter-increment:s;position:relative;padding-left:44px;margin-bottom:14px}
.steps li::before{content:counter(s);position:absolute;left:0;top:0;width:30px;height:30px;
  background:var(--navy);color:#fff;border-radius:50%;text-align:center;
  font:700 15px/30px var(--font)}

/* ---------- the addresses, on the pale blue panel the reference uses ------ */
.finder{background:var(--pale);border:1px solid var(--rule);padding:26px 30px;margin:0 0 22px}
.finder h2{margin-top:0}
.finder .row{display:flex;flex-wrap:wrap;gap:10px;align-items:center;background:#fff;
  border:1px solid var(--rule);padding:11px 13px;margin-bottom:8px}
.finder code{flex:1 1 300px;min-width:0;background:none;padding:0;word-break:break-all}
.btn{display:inline-block;background:var(--blue);color:#fff;border:0;border-radius:4px;
  padding:9px 18px;font:600 15px/1.2 var(--font);cursor:pointer;text-decoration:none}
.btn:hover{background:var(--navy);color:#fff}
.btn.done{background:var(--navy)}

/* ---------- chapter cards on the front ---------- */
.chapters{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:22px;margin:0 0 8px}
.chapters a{display:block;background:#fff;border:1px solid var(--rule);padding:22px 24px;
  text-decoration:none;color:inherit}
.chapters a:hover{border-color:var(--navy)}
.chapters .n{font:700 13px/1.3 var(--font);letter-spacing:.08em;text-transform:uppercase;
  color:var(--grey);margin-bottom:8px}
.chapters b{display:block;font:700 22px/1.25 var(--font);color:var(--link);
  text-decoration:underline;margin-bottom:7px}
.chapters a:hover b{color:var(--navy)}
.chapters span{display:block;font-size:15px;color:var(--grey);line-height:1.5}

/* ---------- prev / next ---------- */
.pn{display:flex;flex-wrap:wrap;gap:22px;border-top:1px solid var(--rule);
  padding-top:20px;margin-top:36px}
.pn a{flex:1 1 240px;text-decoration:none;color:inherit}
.pn em{display:block;font:700 12.5px/1.4 var(--font);letter-spacing:.07em;text-transform:uppercase;
  color:var(--grey);font-style:normal;margin-bottom:5px}
.pn b{font:700 18px/1.3 var(--font);color:var(--link);text-decoration:underline}
.pn a:hover b{color:var(--navy)}

.crumb{font-size:14px;color:var(--grey);margin:20px 0 0}
.crumb a{color:var(--link)}

/* ---------- related links, the multi column seo block ---------- */
.rel{background:#fff;border-top:1px solid var(--rule);padding:34px 0 8px;margin-top:34px}
.rel h2{margin-top:0}
.rel .cols{columns:3 210px;column-gap:34px}
.rel .cols a{display:block;padding:5px 0;font-size:15px;break-inside:avoid}

/* ---------- footer ---------- */
.foot{background:var(--navy);color:#c8cfef;padding:38px 0 42px;margin-top:0}
.foot .cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:28px}
.foot h5{font:700 13px/1.3 var(--font);letter-spacing:.07em;text-transform:uppercase;
  color:#fff;margin:0 0 10px}
.foot a{display:block;color:#c8cfef;text-decoration:none;font-size:14.5px;padding:3px 0}
.foot a:hover{color:#fff;text-decoration:underline}
.foot .fine{margin:30px 0 0;padding-top:18px;border-top:1px solid #2a3d95;
  font-size:13.5px;color:#9fa9dc;max-width:none}

@media (max-width:700px){
  .block{padding:20px 18px}
  .head nav{margin-left:0;width:100%}
  .rel .cols{columns:1}
  .diff td:first-child{width:auto}
}