*{box-sizing:border-box}html{scroll-padding-top:12px}body{margin:0;color:#222}a{color:inherit}img{max-width:100%;height:auto;display:block}
.skip{position:absolute;left:-999px}.skip:focus{left:8px;top:8px;background:#fff;padding:6px;z-index:2}
.kicker{letter-spacing:.04em;text-transform:uppercase;font-size:12px}.byline,.colophon,time,.note-end{color:#555}
.more-link{margin:18px 0 8px}.finder{display:block;margin:12px 0}.finder input{margin-left:8px;padding:6px 8px;border:1px solid #bbb;width:min(280px,70vw)}
.story h1{font-size:32px;line-height:1.25;margin:8px 0}.story p,.story li{font-size:18px;line-height:1.6}.photo{margin:16px 0}.photo figcaption{font-size:13px;color:#555;margin-top:6px}
.more ul{padding-left:18px}.more li{margin:8px 0}.note-end{font-size:15px}

body{font:15px/1.5 Arial, Helvetica, sans-serif;background:#f3f5f8;color:#1c2836}
.desk{display:grid;grid-template-columns:230px 1fr;min-height:70vh}.side{background:#1f3a5f;color:#fff;padding:22px 16px}
.brand{color:#fff;font-size:22px;text-decoration:none;display:block;font-weight:bold}.tag{color:#d5deea;font-size:14px}
.side nav{display:flex;flex-direction:column;margin-top:18px}.side nav a{color:#fff;text-decoration:none;padding:7px 0;border-top:1px solid rgba(255,255,255,.25)}
.desk-main{padding:24px 22px 48px;max-width:860px}table.index{width:100%;border-collapse:collapse;background:#fff}
table.index th,table.index td{text-align:left;padding:8px;border-bottom:1px solid #e3e8ef;vertical-align:top}
table.index th{font-size:12px;letter-spacing:.04em;text-transform:uppercase}.intro{max-width:62ch}
.colophon{padding:8px 16px 20px 246px}
@media(max-width:800px){.desk{grid-template-columns:1fr}.side nav{flex-direction:row;gap:14px;flex-wrap:wrap}.colophon{padding-left:16px}}