/* Reagent — regional institutional shell */
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:#eef1f4;color:#1d2733;font:16px/1.62 Arial,Helvetica,sans-serif}
a{color:#1a5a8f;text-decoration:underline}
a:hover{color:#0f3f68}
:focus-visible{outline:2px solid #0f3f68;outline-offset:2px}
.skip{position:absolute;left:-9999px}
.skip:focus{position:static;display:block;background:#0f3f68;color:#fff;padding:8px 12px}
.shell{max-width:1180px;margin:0 auto;padding:0 16px}

/* identity band */
.band{background:#1a5a8f;color:#fff}
.band a{color:#fff}
.band-in{display:flex;align-items:center;gap:16px;padding:20px 0 18px}
.mark{width:52px;height:52px;flex:0 0 52px}
.mark img{display:block;width:52px;height:52px}
.ident{flex:1 1 auto;min-width:0}
.ident .name{font:30px/1.2 Georgia,'Times New Roman',serif;display:block}
.ident .name a{text-decoration:none}
.ident .sub{display:block;margin-top:5px;font-size:13px;letter-spacing:.09em;text-transform:uppercase;color:#cfe2f1}
.regionlabel{font-size:12px;letter-spacing:.09em;text-transform:uppercase;color:#cfe2f1;white-space:nowrap}

/* tabs */
.tabs{background:#0f3f68}
.tabs ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap}
.tabs li{margin:0}
.tabs a{display:block;padding:11px 15px;font-size:12.5px;letter-spacing:.05em;text-transform:uppercase;color:#dce9f4;text-decoration:none;border-right:1px solid #1a5a8f}
.tabs a:hover{background:#17537f;color:#fff}
.tabs a[aria-current]{background:#eef1f4;color:#0f3f68;font-weight:bold}

/* breadcrumb */
.crumb{font-size:12px;color:#55616e;padding:10px 0 0}
.crumb a{color:#55616e}

/* page frame */
.frame{display:flex;gap:28px;align-items:flex-start;padding:14px 0 40px}
.main{flex:1 1 auto;min-width:0;background:#fff;border:1px solid #c7d2dc;padding:26px 30px 34px}
.rail{flex:0 0 306px;max-width:306px}
h1{font:34px/1.22 Georgia,'Times New Roman',serif;margin:0 0 6px;color:#12314c}
h2{font:21px/1.3 Georgia,'Times New Roman',serif;margin:30px 0 8px;color:#12314c}
h3{font:16px/1.35 Arial,Helvetica,sans-serif;margin:22px 0 6px;letter-spacing:.02em}
p{margin:0 0 14px;max-width:74ch}
.main ul,.main ol{max-width:74ch}
li{margin:0 0 7px}
.submitted{font-size:12px;color:#55616e;margin:0 0 18px;padding-bottom:10px;border-bottom:1px solid #c7d2dc}

/* highlighted region */
.highlight{background:#e8f0f7;border:1px solid #c7d2dc;padding:20px 24px 12px;margin:0 0 26px}
.highlight h2{margin-top:0}
.hl-grid{display:flex;gap:24px;flex-wrap:wrap}
.hl-copy{flex:1 1 300px;min-width:260px}
.hl-fig{flex:1 1 280px;min-width:250px}
figure{margin:0 0 14px}
figure img,figure svg{display:block;width:100%;height:auto;background:#fff;border:1px solid #c7d2dc}
figcaption{font-size:12px;color:#55616e;padding-top:6px}

/* node listing */
.nodes{border-top:1px solid #c7d2dc}
.node{padding:16px 0 14px;border-bottom:1px solid #c7d2dc;position:relative}
.node::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,#c7d2dc 0 12%,#e8f0f7 12% 26%,#c7d2dc 26% 60%,#e8f0f7 60% 72%,#c7d2dc 72% 100%)}
.node h3{margin:0 0 3px;font:19px/1.3 Georgia,'Times New Roman',serif}
.node h3 a{text-decoration:none}
.node h3 a:hover{text-decoration:underline}
.node .meta{font-size:12px;color:#55616e;margin:0 0 6px}
.node p{margin:0 0 6px}
.more{font-size:13px}

/* rail blocks */
.block{background:#f6f8fa;border:1px solid #c7d2dc;margin:0 0 18px}
.block h2{margin:0;font:14px/1.3 Arial,Helvetica,sans-serif;letter-spacing:.07em;text-transform:uppercase;background:#e8f0f7;border-bottom:1px solid #c7d2dc;padding:9px 14px;color:#12314c}
.block .body{padding:12px 14px 14px;font-size:14px}
.block ul{list-style:none;margin:0;padding:0}
.block li{margin:0;padding:6px 0;border-bottom:1px dotted #c7d2dc}
.block li:last-child{border-bottom:0}
.block .date{display:block;font-size:12px;color:#55616e}
.block dt{font-weight:bold;margin-top:8px}
.block dd{margin:0;font-size:13.5px;color:#3c4753}

/* tables and lists */
table{border-collapse:collapse;width:100%;max-width:640px;margin:6px 0 16px;font-size:14.5px}
caption{text-align:left;font-size:12px;color:#55616e;padding-bottom:7px}
th,td{border:1px solid #c7d2dc;padding:8px 10px;text-align:left;vertical-align:top}
th{background:#e8f0f7;font-size:13px;letter-spacing:.03em}
dl.terms dt{font-weight:bold;margin-top:14px}
dl.terms dd{margin:2px 0 0;max-width:74ch}

.related{margin-top:30px;border-top:1px solid #c7d2dc;padding-top:14px;font-size:14.5px}
.related ul{list-style:none;padding:0;margin:6px 0 0}
.retindex{margin-top:14px;font-size:14px}

/* footer region */
.foot{background:#0f3f68;color:#dce9f4;margin-top:10px}
.foot a{color:#fff}
.foot-in{display:flex;flex-wrap:wrap;gap:34px;padding:30px 0 26px}
.foot section{flex:1 1 220px;min-width:200px}
.foot h2{font:13px/1.3 Arial,Helvetica,sans-serif;letter-spacing:.09em;text-transform:uppercase;color:#8fb7d6;margin:0 0 10px}
.foot ul{list-style:none;margin:0;padding:0;font-size:14px}
.foot li{margin:0 0 7px}
.baseline{border-top:1px solid #1a5a8f;font-size:12px;padding:12px 0 18px;color:#8fb7d6}

@media (max-width:860px){
  .band-in{flex-wrap:wrap;gap:12px;padding:16px 0 14px}
  .regionlabel{width:100%}
  .tabs a{padding:11px 13px;border-bottom:1px solid #1a5a8f}
  .frame{flex-direction:column;gap:20px;padding-top:12px}
  .rail{flex:1 1 auto;max-width:none;width:100%}
  .main{padding:20px 18px 26px}
  h1{font-size:28px}
  .crumb{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .hl-grid{display:block}
  .hl-fig{margin-top:14px}
  table{font-size:14px}
}