*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:#e7e3d9;color:#1e1c1a;
  font-family:Verdana,'Trebuchet MS',Geneva,sans-serif;font-size:16px;line-height:1.65}
a{color:#6b2436}
a:focus-visible,.skip:focus{outline:2px solid #6b2436;outline-offset:2px}
.skip{position:absolute;left:-9999px;top:0;background:#fff;color:#6b2436;padding:8px 12px;
  border:1px solid #6b2436;z-index:5}
.skip:focus{left:8px;top:8px}
.sheet{max-width:880px;margin:24px auto;background:#fff;border:1px solid #b9b3a7}
.banner{display:flex;align-items:center;gap:14px;padding:16px 18px 14px}
.banner img.mark{width:44px;height:44px;display:block;border:1px solid #b9b3a7}
.banner .name{font-family:'Trebuchet MS','Lucida Grande',Verdana,sans-serif;font-size:30px;
  font-weight:700;letter-spacing:.01em;line-height:1.15;color:#1e1c1a}
.banner .strap{font-family:'Trebuchet MS',Verdana,sans-serif;font-size:15px;color:#4a453e;margin-top:3px}
.rooflines{display:block;width:100%;height:auto;border-top:1px solid #b9b3a7;border-bottom:1px solid #b9b3a7}
.body{display:grid;grid-template-columns:190px 1fr}
.rail{border-right:1px solid #b9b3a7;padding:14px 0 22px;background:#fbfaf7}
.rail ul{list-style:none;margin:0;padding:0}
.rail a{display:block;padding:7px 12px;font-family:'Trebuchet MS',Verdana,sans-serif;font-size:13px;
  text-decoration:none;border-bottom:1px solid #e6e2d8;color:#6b2436}
.rail a:hover{background:#f2eee5;text-decoration:underline}
.rail a.active{background:#6b2436;color:#fff;font-weight:700}
.railnote{font-family:'Trebuchet MS',Verdana,sans-serif;font-size:13px;color:#4a453e;
  padding:14px 12px 0;line-height:1.55}
.content{padding:0 0 26px}
.titlebar{background:#6b2436;color:#fff;margin:0;padding:12px 18px;
  font-family:'Trebuchet MS',Verdana,sans-serif;font-size:30px;font-weight:700;line-height:1.2}
.pad{padding:18px 18px 0}
h2{font-family:'Trebuchet MS',Verdana,sans-serif;font-size:21px;font-weight:700;margin:26px 0 8px}
h3{font-family:'Trebuchet MS',Verdana,sans-serif;font-size:17px;font-weight:700;margin:18px 0 6px}
p{max-width:68ch;margin:0 0 12px}
ul.plain,ol.plain{max-width:68ch;margin:0 0 14px;padding-left:20px}
ul.plain{list-style:square}
ul.plain li,ol.plain li{margin-bottom:7px}
table.keyfacts{border-collapse:collapse;width:100%;margin:0;border-top:1px solid #b9b3a7;
  border-bottom:1px solid #b9b3a7}
table.keyfacts caption{text-align:left;font-family:'Trebuchet MS',Verdana,sans-serif;font-size:12px;
  text-transform:uppercase;letter-spacing:.06em;color:#6b2436;padding:12px 18px 8px;font-weight:700}
table.keyfacts th{width:190px;text-align:left;vertical-align:top;background:#f6f2ea;color:#6b2436;
  font-family:'Trebuchet MS',Verdana,sans-serif;font-size:13px;font-weight:700;
  padding:9px 14px;border-top:1px solid #d8d3c8}
table.keyfacts td{vertical-align:top;padding:9px 18px 9px 14px;font-size:15px;border-top:1px solid #d8d3c8}
table.keyfacts tr:nth-child(even) th{background:#f1ece1}
table.keyfacts tr:nth-child(even) td{background:#fbfaf7}
.topicrow{border-top:1px solid #d8d3c8;padding:11px 0}
.topicrow:first-child{border-top:0}
.topicrow a{font-family:'Trebuchet MS',Verdana,sans-serif;font-weight:700;font-size:16px}
.topicrow p{font-size:15px;margin:4px 0 0;color:#33302c}
.figure{margin:16px 0 18px}
.figure img{display:block;max-width:100%;height:auto;border:1px solid #b9b3a7}
.figure figcaption{font-family:'Trebuchet MS',Verdana,sans-serif;font-size:13px;color:#4a453e;
  margin-top:6px;max-width:68ch}
.notepanel{border:1px solid #b9b3a7;background:#fbfaf7;padding:12px 14px;margin:18px 0 0;max-width:68ch}
.notepanel .lab{font-family:'Trebuchet MS',Verdana,sans-serif;font-size:12px;font-weight:700;
  text-transform:uppercase;letter-spacing:.06em;color:#6b2436;display:block;margin-top:12px}
.notepanel .lab:first-child{margin-top:0}
.notepanel p{font-size:15px;margin:3px 0 0}
.startrow{border-top:1px solid #d8d3c8;padding:9px 0;font-size:15px;max-width:68ch}
.startrow:first-of-type{border-top:0}
.startrow b{font-family:'Trebuchet MS',Verdana,sans-serif}
.readnext{border-top:1px solid #b9b3a7;margin-top:26px;padding-top:12px}
.readnext span{font-family:'Trebuchet MS',Verdana,sans-serif;font-size:12px;text-transform:uppercase;
  letter-spacing:.06em;color:#6b2436;font-weight:700;display:block;margin-bottom:6px}
.readnext a{display:block;padding:5px 0;font-size:15px}
.sheetfooter{border-top:1px solid #b9b3a7;padding:12px 18px;font-family:'Trebuchet MS',Verdana,sans-serif;
  font-size:13px;color:#4a453e;background:#fbfaf7}
.sheetfooter a{margin-right:14px}
.sheetfooter .line{margin-bottom:5px}
dl.gloss{max-width:68ch;margin:0}
dl.gloss dt{font-family:'Trebuchet MS',Verdana,sans-serif;font-weight:700;font-size:16px;
  color:#6b2436;margin-top:14px}
dl.gloss dd{margin:3px 0 0;font-size:15px}
@media (max-width:700px){
  .sheet{margin:0;max-width:none;border-left:0;border-right:0}
  .banner{display:block;padding:14px 16px 12px}
  .banner img.mark{margin-bottom:8px}
  .banner .name{font-size:24px}
  .rooflines{object-fit:cover;object-position:left center;height:56px}
  .body{grid-template-columns:1fr}
  .rail{border-right:0;border-bottom:1px solid #b9b3a7;padding:10px 8px 12px;
    display:flex;flex-wrap:wrap;gap:0}
  .rail ul{display:flex;flex-wrap:wrap;width:100%}
  .rail li{width:50%}
  .rail a{border-bottom:1px solid #e6e2d8;padding:10px 10px}
  .railnote{padding:12px 8px 0}
  .titlebar{font-size:23px;padding:11px 16px}
  .pad{padding:16px 16px 0}
  table.keyfacts caption{padding:12px 16px 8px}
  table.keyfacts th,table.keyfacts td{display:block;width:auto;border-top:0}
  table.keyfacts tr{display:block;border-top:1px solid #d8d3c8}
  table.keyfacts th{background:transparent!important;font-size:12px;text-transform:uppercase;
    letter-spacing:.06em;padding:9px 16px 0}
  table.keyfacts td{background:transparent!important;padding:2px 16px 10px}
  .topicrow{padding:12px 0}
  .sheetfooter{padding:12px 16px}
  .figure.homeloop{order:2}
}
@media (max-width:480px){
  .rail li{width:100%}
}