
:root{--ink:#15222d;--body:#2c3e4e;--mut:#637383;--line:#d9e0e7;--line2:#c3d0dc;--bg:#fff;--soft:#f3f6f8;--soft2:#e9eff4;--acc:#005ea8;--accd:#004b87;--navy:#10344f;--good:#146c43;--mid:#8a5a00;--bad:#b42318;--info:#005ea8}
*{box-sizing:border-box}
body{margin:0;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;color:var(--body);background:var(--bg);line-height:1.75;font-size:16px;-webkit-font-smoothing:antialiased}
a{color:var(--acc);text-decoration:none}a:hover{text-decoration:underline}
.wrap{max-width:940px;margin:0 auto;padding:0 24px}
.topbar{background:var(--navy);color:#cfdeeb;font-size:12.5px}
.topbar .wrap{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-top:7px;padding-bottom:7px}
.topbar a{color:#cfdeeb;margin-left:16px}
.topbar a:first-child{margin-left:0}
header.site{background:#fff}
header.site .bar{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding-top:18px;padding-bottom:16px}
.logo{display:flex;align-items:center;gap:12px;color:var(--navy);font-size:24px;font-weight:750;letter-spacing:-.02em;line-height:1}
.logo:hover{text-decoration:none}
.logo .mark{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:8px;background:var(--navy)}
.logo b{color:var(--acc);font-weight:750}
.tagline{color:var(--mut);font-size:13.5px;border-left:1px solid var(--line);padding-left:16px}
.mainnav{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.mainnav .wrap{display:flex;gap:4px;flex-wrap:wrap}
.mainnav a{display:inline-block;padding:10px 14px 10px 0;margin-right:10px;color:#34485c;font-size:13px;font-weight:650;letter-spacing:.05em;text-transform:uppercase}
.mainnav a:hover{color:var(--acc);text-decoration:none}
main{padding:36px 0 60px}.article{max-width:780px}
h1{font-size:36px;line-height:1.2;margin:0 0 14px;color:var(--ink);letter-spacing:-.025em;font-weight:780}
h2{font-size:22px;line-height:1.3;margin:42px 0 12px;padding-bottom:9px;border-bottom:1px solid var(--line);color:var(--ink);letter-spacing:-.015em}
h3{font-size:17px;margin:20px 0 6px;color:var(--ink)}
p{margin:0 0 14px}
.eyebrow{font-size:12px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--acc);margin-bottom:12px}
.lede{font-size:18.5px;line-height:1.6;color:#3c4f61;max-width:780px}
.crumb{font-size:13px;color:var(--mut);margin-bottom:16px}
.crumb a{color:var(--mut)}
.lookup{border:1px solid var(--line2);border-left:4px solid var(--acc);background:var(--soft);padding:24px;margin:28px 0 8px}
.lookup label{display:block;font-weight:700;color:var(--ink);font-size:17px;margin-bottom:4px}
.lookup .help{color:var(--mut);font-size:14px;margin-bottom:14px}
.search{width:100%;padding:14px 16px;font-size:17px;border:1px solid #a9bdcd;border-radius:4px;background:#fff;color:var(--ink)}
.search:focus{outline:2px solid rgba(0,94,168,.35);outline-offset:1px;border-color:var(--acc)}
#res{margin-top:6px}
#res a.result{display:flex;justify-content:space-between;gap:14px;padding:11px 2px;border-bottom:1px solid var(--line);font-weight:600}
#res a.result:hover{background:#fff;text-decoration:none}
.brand-row{display:grid;grid-template-columns:minmax(0,1fr) auto 28px;gap:8px 20px;align-items:center;padding:20px 0;border-bottom:1px solid var(--line)}
.brand-row .bt{font-size:19px;font-weight:700;color:var(--ink)}
.brand-row .bm{color:var(--mut);font-size:14.5px;margin-top:2px}
.brand-row .bc{text-align:right;color:var(--mut);font-size:14px;white-space:nowrap}
.brand-row .bc b{display:block;font-size:22px;color:var(--navy);line-height:1.1}
.brand-row .arr{color:var(--acc);font-size:22px;text-align:right}
a.brand-row:hover{text-decoration:none;background:#fbfcfd}
a.brand-row:hover .bt{color:var(--acc)}
.code-list{display:grid;grid-template-columns:1fr 1fr;column-gap:36px;border-top:1px solid var(--line)}
.code-item{display:flex;justify-content:space-between;align-items:baseline;gap:14px;padding:12px 0;border-bottom:1px solid var(--line)}
.code-item .cl{font-weight:650;color:var(--ink)}
.code-item .cm{color:var(--mut);font-size:14px;text-align:right}
a.code-item:hover{text-decoration:none}
a.code-item:hover .cl{color:var(--acc)}
.standards{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:16px}
.standard{border-top:3px solid var(--navy);padding-top:13px}
.standard .sn{font-size:12.5px;font-weight:700;letter-spacing:.1em;color:var(--acc);text-transform:uppercase;margin-bottom:6px}
.standard p{font-size:14.5px;color:var(--body);margin:0}
.stats{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);margin:24px 0}
.stat{padding:16px 18px;border-right:1px solid var(--line)}
.stat:last-child{border-right:none}
.stat b{display:block;font-size:24px;color:var(--navy);line-height:1.15}
.stat span{font-size:13px;color:var(--mut)}
.table-wrap{overflow-x:auto;margin:16px 0}
table{border-collapse:collapse;width:100%;min-width:560px}
th,td{padding:11px 12px;text-align:left;font-size:15px;vertical-align:top;border-bottom:1px solid var(--line)}
th{background:var(--soft);color:#243746;font-weight:650;border-bottom:2px solid var(--line2);white-space:nowrap}
tbody tr:hover td{background:#f8fafc}
.meta-row{display:flex;gap:6px 22px;flex-wrap:wrap;color:var(--mut);font-size:13.5px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:10px 0;margin:18px 0 28px}
.article-grid{display:grid;grid-template-columns:minmax(0,1fr) 292px;gap:44px;align-items:start}
.answer{border:1px solid var(--line2);border-left:5px solid var(--acc);background:#fbfcfd;padding:22px 24px;margin-bottom:8px}
.answer .alabel{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--acc);margin-bottom:8px}
.answer .acode{font-size:23px;font-weight:800;color:var(--ink);line-height:1.3;margin-bottom:6px}
.answer p{margin:0}
.aliases{margin-top:14px;font-size:14.5px;color:var(--mut)}
.chip{display:inline-block;border:1px solid var(--line);border-radius:999px;padding:2px 11px;font-size:13px;margin:2px 4px 2px 0;background:var(--soft);color:var(--body)}
.sev{display:inline-block;border-radius:4px;padding:2px 9px;font-size:12.5px;font-weight:700;letter-spacing:.02em}
.sev.good{background:#e4f1e9;color:var(--good)}.sev.mid{background:#fbf0da;color:var(--mid)}.sev.bad{background:#fae9e7;color:var(--bad)}.sev.info{background:#e8f1fa;color:var(--info)}
.checks{list-style:none;counter-reset:step;padding:0;margin:6px 0}
.checks li{counter-increment:step;display:flex;gap:15px;padding:15px 0;border-bottom:1px solid var(--line)}
.checks li:last-child{border-bottom:none}
.checks li::before{content:counter(step);flex:0 0 30px;width:30px;height:30px;border-radius:50%;border:1.5px solid var(--acc);color:var(--acc);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:15px;margin-top:1px}
.causes li{margin:7px 0}
.warn{background:#fff7e8;border-left:4px solid #d97706;padding:15px 18px;font-size:14.5px;margin:22px 0}
.warn b{color:#7c4a03}
.sidebox{border:1px solid var(--line);margin-bottom:20px}
.sidebox h3{background:var(--soft);margin:0;padding:11px 15px;font-size:12.5px;letter-spacing:.09em;text-transform:uppercase;color:#243746;border-bottom:1px solid var(--line)}
.sidebox .sc{padding:13px 15px}
.sidebox dl{margin:0;display:grid;grid-template-columns:auto 1fr;gap:7px 14px;font-size:14.5px}
.sidebox dt{color:var(--mut)}
.sidebox dd{margin:0;font-weight:600;color:var(--ink);text-align:right}
.toc a{display:block;padding:7px 0;border-bottom:1px dashed var(--line);font-size:14.5px}
.toc a:last-child{border-bottom:none}
.related-list{display:grid;grid-template-columns:1fr 1fr;column-gap:32px}
.related-list a{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid var(--line);font-size:14.5px}
.related-list a span:first-child{font-weight:650;color:var(--ink)}
.related-list a span:last-child{color:var(--mut);text-align:right}
.related-list a span:first-child{color:var(--ink)}.related-list a:hover span:first-child{color:var(--acc)}
.note{color:var(--mut);font-size:14px}
.hsearch{position:relative;flex:1 1 260px;max-width:430px;margin-left:auto}
.hsearch input{width:100%;padding:10px 13px;font-size:15px;border:1px solid #a9bdcd;border-radius:4px;background:#fff;color:var(--ink)}
.hsearch input:focus{outline:2px solid rgba(0,94,168,.35);outline-offset:1px;border-color:var(--acc)}
#hsres{position:absolute;left:0;right:0;top:calc(100% + 4px);background:#fff;border:1px solid var(--line2);box-shadow:0 10px 28px rgba(16,52,79,.14);z-index:60;text-align:left}
#hsres:empty{display:none}
#hsres a.result{display:flex;justify-content:space-between;gap:12px;padding:10px 13px;border-bottom:1px solid var(--line);font-weight:600;font-size:14.5px}
#hsres a.result span:last-child{color:var(--mut);font-weight:400;text-align:right}
#hsres a.result:hover{background:var(--soft);text-decoration:none}
#hsres .nores{padding:10px 13px;font-size:14px;color:var(--mut)}
.facts{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);margin:22px 0 4px}
.fact{padding:14px 17px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.fact:nth-child(2n){border-right:none}
.fact:nth-last-child(-n+2){border-bottom:none}
.fact .fl{font-size:11.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--mut);margin-bottom:4px}
.fact .fv{font-weight:700;color:var(--ink);font-size:15.5px;line-height:1.45}
.fact .fs{font-size:13.5px;color:var(--mut);line-height:1.55}
ol.causes{list-style:none;counter-reset:cause;padding:0;margin:6px 0}
ol.causes li{counter-increment:cause;display:flex;gap:13px;padding:10px 0;border-bottom:1px solid var(--line)}
ol.causes li:last-child{border-bottom:none}
ol.causes li::before{content:counter(cause);flex:0 0 25px;width:25px;height:25px;border-radius:50%;border:1.5px solid var(--line2);color:var(--mut);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13.5px;margin-top:2px}
.callout{border:1px solid var(--line2);border-left:5px solid var(--bad);background:#fffafa;padding:20px 22px;margin:26px 0}
.callout.replace{border-left-color:#c98a12;background:#fffdf7}
.callout h2{border:none;margin:0 0 10px;padding:0;font-size:20px}
.callout ul{margin:0;padding-left:20px}
.callout li{margin:6px 0}
.faq{border-top:1px solid var(--line)}
.faq .fq{padding:15px 0;border-bottom:1px solid var(--line)}
.faq .fq h3{margin:0 0 5px;font-size:16.5px}
.faq .fq p{margin:0;font-size:15px}
.sources{font-size:14px;color:var(--mut)}
.sources li{margin:5px 0}
.jumps{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0 4px}
.jumps a{border:1px solid var(--line2);border-radius:999px;padding:5px 14px;font-size:13.5px;font-weight:600;color:var(--navy);background:var(--soft)}
.jumps a:hover{text-decoration:none;border-color:var(--acc);color:var(--acc)}
.matrix td a{font-weight:650}
.before{border:1px solid var(--line);border-left:4px solid var(--navy);background:var(--soft);padding:20px 22px;margin:30px 0 6px}
.before h2{border:none;margin:0 0 8px;padding:0;font-size:19px}
.before ul{margin:0;padding-left:20px}
.before li{margin:5px 0;font-size:15px}
@media (max-width:640px){.facts{grid-template-columns:1fr}.fact{border-right:none}.fact:nth-last-child(-n+2){border-bottom:1px solid var(--line)}.fact:last-child{border-bottom:none}.hsearch{margin-left:0;max-width:none;flex-basis:100%}}
code{background:var(--soft);padding:1px 7px;border-radius:4px;font-size:15px;font-weight:650;color:var(--navy)}
footer.site{background:var(--navy);color:#c9d8e5}
footer.site .wrap{padding-top:34px;padding-bottom:34px}
.fgrid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:28px}
footer.site h4{margin:0 0 12px;color:#fff;font-size:12.5px;letter-spacing:.1em;text-transform:uppercase}
footer.site a{display:block;color:#a9c4dc;font-size:14px;margin:7px 0}
footer.site .fbrand{font-size:19px;font-weight:750;color:#fff;margin-bottom:8px}
footer.site .fnote{color:#8fa9c0;font-size:12.5px;line-height:1.65;max-width:300px}
.frow2{display:flex;justify-content:space-between;gap:10px 18px;flex-wrap:wrap;align-items:baseline}footer.site .frow2 a{display:inline;margin:0 0 0 16px}.fbottom{border-top:1px solid rgba(255,255,255,.16);margin-top:26px;padding-top:16px;font-size:12.5px;color:#8fa9c0}
@media (max-width:900px){.article-grid{grid-template-columns:1fr}.standards{grid-template-columns:1fr}.fgrid{grid-template-columns:1fr 1fr}}
@media (max-width:640px){h1{font-size:29px}.code-list{grid-template-columns:1fr}.related-list{grid-template-columns:1fr}.stats{grid-template-columns:1fr}.stat{border-right:none;border-bottom:1px solid var(--line)}.stat:last-child{border-bottom:none}.brand-row{grid-template-columns:minmax(0,1fr) 24px}.brand-row .bc{display:none}.tagline{display:none}main{padding-top:26px}}
