:root{
  --bg:#e8ecef;
  --paper:#fff;
  --ink:#20262b;
  --muted:#667079;
  --line:#aeb8bf;
  --line2:#d5dce0;
  --nav:#41525d;
  --nav2:#596b76;
  --pale:#f4f7f8;
  --notice:#fff9df;
  --danger:#fff0ed;
  --good:#eef7ee;
  --link:#0645ad;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;background:var(--bg);color:var(--ink);
  font-family:Arial,"Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;
  line-height:1.75;font-size:14px
}
a{color:var(--link)}
a:hover{text-decoration:none}
.utility{background:#26343d;color:#e9eef1;font-size:11px}
.utility .inner,.mast .inner,.nav .inner,.wrap,.footer .inner{max-width:1080px;margin:auto}
.utility .inner{padding:5px 16px;display:flex;justify-content:space-between;gap:12px}
.mast{background:#f9fbfc;border-bottom:1px solid var(--line)}
.mast .inner{padding:16px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.logo{display:flex;gap:12px;align-items:center;text-decoration:none;color:var(--ink)}
.emblem{
  width:48px;height:48px;border:2px solid #586a75;display:grid;place-items:center;
  font:700 14px Georgia,serif;letter-spacing:1px;background:#fff
}
.logo h1{font-size:22px;margin:0;letter-spacing:.03em}
.logo small{display:block;color:var(--muted);font-size:11px;font-weight:normal}
.site-tools{display:flex;gap:7px;align-items:center}
.toolbtn{border:1px solid #87949c;background:#fff;padding:6px 10px;color:#26343d;text-decoration:none;font-size:12px;cursor:pointer}
.nav{background:var(--nav);border-bottom:4px solid #95a2a9}
.nav .inner{display:flex;overflow:auto}
.nav a{color:#fff;text-decoration:none;padding:9px 14px;white-space:nowrap;border-right:1px solid #667781;font-size:13px}
.nav a:hover,.nav a.active{background:#26343d}
.wrap{padding:14px 16px 36px}
.breadcrumb{font-size:11px;color:var(--muted);margin:2px 0 12px}
.layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:18px}
.sidebar section{background:#fff;border:1px solid var(--line);margin-bottom:12px}
.sidebar h2{font-size:13px;margin:0;background:#dfe5e8;border-bottom:1px solid var(--line);padding:7px 9px}
.sidebar ul{margin:0;padding:7px 10px 7px 28px}
.sidebar li{margin:5px 0;font-size:12px}
.sidebar .mini{padding:9px 10px;font-size:11px;color:var(--muted)}
.main{min-width:0}
.hero,.panel,.article{
  background:var(--paper);border:1px solid var(--line);margin-bottom:16px
}
.hero{padding:20px 22px}
.hero .eyebrow{font-size:11px;color:var(--muted);letter-spacing:.12em}
.hero h2{font-size:28px;line-height:1.35;margin:3px 0 8px}
.hero p{margin:0;max-width:760px}
.alert{border:1px solid #c9b56d;background:var(--notice);padding:11px 13px;margin:12px 0}
.danger{border:1px solid #c9968c;background:var(--danger);padding:11px 13px;margin:12px 0}
.good{border:1px solid #9eb99e;background:var(--good);padding:11px 13px;margin:12px 0}
.panel h3,.article>h2{
  margin:0;padding:9px 12px;background:#eef2f4;border-bottom:1px solid var(--line);
  font-size:16px
}
.panel .body,.article .body{padding:14px 16px}
.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.card{border:1px solid var(--line2);background:#fff;padding:12px}
.card h4{margin:0 0 5px;font-size:14px}
.card p{margin:0;color:#4f5a61;font-size:12px}
.card a.title{font-weight:bold}
.news{width:100%;border-collapse:collapse}
.news th,.news td{border-bottom:1px dotted #aab2b7;padding:7px 5px;text-align:left;vertical-align:top}
.news th{width:110px;color:#5e6870;font-size:11px;font-weight:normal}
.article h3{font-size:18px;border-left:5px solid #6c7d87;padding-left:9px;margin:28px 0 8px}
.article h4{font-size:15px;margin:19px 0 6px}
.article table{width:100%;border-collapse:collapse;margin:12px 0}
.article th,.article td{border:1px solid var(--line);padding:8px;text-align:left;vertical-align:top}
.article th{background:#edf1f3;width:28%}
.article ul,.article ol{padding-left:24px}
.article .lead{font-size:15px}
.qa dt{font-weight:bold;margin-top:14px}
.qa dd{margin:4px 0 0 22px}
.tag{display:inline-block;border:1px solid #aeb8bf;background:#f4f6f7;padding:1px 6px;margin:0 3px 3px 0;font-size:10px;color:#4f5a61}
.checklist label{display:block;border-bottom:1px dotted #bbb;padding:7px 0}
.checklist input{margin-right:8px}
.callout-number{font-size:28px;font-weight:bold;color:#4a5d68;line-height:1}
.footer{background:#d9dfe2;border-top:1px solid #aab4ba;color:#5f6a72;font-size:11px}
.footer .inner{padding:16px}
.footer .links{margin-bottom:7px}
.footer a{color:#465963}
.searchbox{display:none;background:#fff;border:1px solid #87949c;padding:8px;margin:0 0 12px}
.searchbox.open{display:block}
.searchbox input{width:100%;padding:8px;border:1px solid #a8b2b8}
.search-results{font-size:12px;margin-top:7px}
.printonly{display:none}
@media(max-width:760px){
  .utility .inner{display:block}
  .mast .inner{align-items:flex-start}.site-tools{display:none}
  .logo h1{font-size:18px}.emblem{width:42px;height:42px}
  .layout{grid-template-columns:1fr}.sidebar{order:2}
  .hero h2{font-size:23px}
  .grid2,.grid3{grid-template-columns:1fr}
  .wrap{padding:10px 10px 28px}
}
@media print{
  body{background:#fff;font-size:11pt}
  .utility,.mast,.nav,.sidebar,.breadcrumb,.footer,.toolbtn,.searchbox{display:none!important}
  .wrap{max-width:none;padding:0}.layout{display:block}
  .hero,.panel,.article{border:0}
  .printonly{display:block}
}