*{box-sizing:border-box}
html{scroll-padding-top:20px}
body{margin:0;color:#333;background:#B0C4DE url('/images/bkground_06.gif') no-repeat;font:14px/1.6 Verdana,Arial,Helvetica,sans-serif}
a:link,a:visited{color:#9900ff;text-decoration:none}
a:hover{color:#f60}
a:focus-visible{outline:2px solid #006;outline-offset:3px}
.skip-link{position:absolute;left:8px;top:-100px;background:#fff;padding:8px;z-index:2}
.skip-link:focus{top:8px}
.history-site-header,main,.history-site-footer{width:calc(100% - 24px);max-width:778px;margin:0 auto 24px}
.history-site-header{margin-top:8px}
.history-site-header img{display:block;max-width:100%;height:auto}
.history-site-header nav{display:flex;flex-wrap:wrap;background:#ccc;border:1px solid #000}
.history-site-header nav a{padding:5px 12px;font:700 12px/1.5 Tahoma,Arial,sans-serif;color:#339;border-right:1px solid #000}
.history-site-header nav a:hover,.history-site-header nav a[aria-current=page]{color:#fff;background:#006}
.breadcrumb{font-size:12px;margin:0 0 12px}
.history-intro,.history-resources{padding:20px;background:#f5f5f5;border:2px solid #333;margin-bottom:24px}
h1,h2,h3{color:#900;line-height:1.4}
h1{font-size:24px;margin:0 0 14px}
h2{font-size:18px;margin:0 0 10px}
h3{font-size:15px;margin:0 0 12px;overflow-wrap:anywhere}
.eyebrow{margin:0 0 8px;color:#339;font:700 11px/1.5 Tahoma,Arial,sans-serif}
.history-intro p,.history-resources p,.history-group>p{font-size:12px}
.history-topics{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.history-topics a{padding:5px 9px;border:1px solid #777;background:#fff;font-size:11px}
.history-group{margin-bottom:28px}
.history-group>p{margin:0 0 16px;max-width:700px}
.history-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;list-style:none;padding:0;margin:0}
.history-cards>li{min-width:0}
.history-card{display:flex;flex-direction:column;height:100%;padding:16px;background:#f5f5f5;border:2px solid #333}
.history-card p{font-size:12px;margin:0 0 16px}
.history-card .history-read{font-size:11px;font-weight:700;margin: auto 0 0;color:#339}
.history-resources ul{padding-left:20px;font-size:12px}
.history-resources li{margin:10px 0}
.history-site-footer{padding-top:10px;border-top:1px solid #777;font-size:11px}
@media(max-width:540px){.history-cards{grid-template-columns:1fr}.history-intro,.history-resources,.history-card{padding:16px}h1{font-size:22px}.history-site-header nav a{flex:1 0 45%;border-bottom:1px solid #000}}
@media print{body{background:white}.history-site-header,.history-topics,.skip-link{display:none}main{max-width:none;width:auto}.history-card{break-inside:avoid}.history-site-footer{width:auto}}