:root{--navy:#2c3e50;--navy2:#34495e;--ink:#333;--muted:#666;--bg:#f5f5f0;--card:#fff;--line:#ddd;--link:#1f6fa8}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.7 Georgia,"Times New Roman",serif}
.wrap{max-width:980px;margin:0 auto;padding:0 16px}
a{color:var(--link)}
#header{background:var(--navy);color:#fff;padding:18px 0 14px}
#header .site{margin:0;font-size:28px;line-height:1.2}#header .site a{color:#ecf0f1;text-decoration:none}
#header .sub{margin:4px 0 0;font-size:14px;color:#bdc3c7}
#navigation{background:var(--navy2)}
#navigation ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap}
#navigation a{display:block;padding:9px 12px;color:#dfe6ea;text-decoration:none;font:14px/1.4 Arial,Helvetica,sans-serif}
#navigation a:hover,#navigation a[aria-current]{background:var(--navy);color:#fff}
#main{padding:24px 0 40px}
.crumbs{font:13px Arial,sans-serif;color:var(--muted);margin-bottom:8px}.crumbs a{color:var(--muted)}
h1{font-size:34px;line-height:1.2;color:var(--navy);margin:.2em 0 .5em;font-weight:normal}
h2{font-size:24px;color:var(--navy);margin:1.6em 0 .4em;font-weight:normal;border-bottom:1px solid var(--line);padding-bottom:4px}
h3{font-size:19px;color:var(--navy);margin:1.2em 0 .3em}
article{max-width:720px;background:var(--card);padding:22px 28px;border:1px solid var(--line)}
.lede{font-size:19px}
.meta{font:13px Arial,sans-serif;color:var(--muted)}
table.t{border-collapse:collapse;width:100%;font-size:15px;margin:1em 0}
table.t td,table.t th{border:1px solid var(--line);padding:6px 9px;vertical-align:top;text-align:left}
ul.src{font-size:15px}
.faq{background:#f0f3f5;border:1px solid var(--line);padding:4px 18px 12px;margin-top:2em}
.note{background:#fdf9ec;border:1px solid #e8dcb0;padding:12px 16px;font:15px/1.55 Arial,Helvetica,sans-serif;margin:0 0 1.2em}
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;margin:1em 0 2em}
.card{background:var(--card);border:1px solid var(--line);border-top:3px solid var(--navy);padding:12px 16px}
.card h3{margin:.2em 0 .3em}.card h3 a{text-decoration:none;color:var(--navy)}.card p{margin:0;font-size:15px;color:var(--muted)}
.block{background:var(--card);border:1px solid var(--line);padding:14px 18px;margin-bottom:18px}
blockquote{margin:1em 0;padding:.2em 1em;border-left:4px solid var(--navy2);color:#444;background:#fafafa}
#footer{background:var(--navy);color:#bdc3c7;padding:24px 0 14px;font:14px/1.6 Arial,Helvetica,sans-serif}
#footer h2{color:#fff;border:0;font-size:16px;margin:0 0 .4em}#footer a{color:#cfe3f2}#footer ul{list-style:none;padding:0;margin:0}
.fcols{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.small{font-size:12px;color:#95a5a6;margin-top:16px}
@media(max-width:760px){body{font-size:16px}h1{font-size:27px}article{padding:16px}.fcols{grid-template-columns:1fr}}