*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:#FAF3E3;color:#262219;
  font-family:Verdana,Geneva,"DejaVu Sans",sans-serif;font-size:14px;line-height:1.62}
a{color:#7A4B06;text-decoration:underline}
a:hover{color:#262219}
a:focus-visible{outline:2px solid #C8860D;outline-offset:2px}
img{max-width:100%;height:auto;display:block}
.slab{font-family:Rockwell,"Roboto Slab","Bitstream Vera Serif",Georgia,serif;font-weight:700}
.wrap{max-width:1080px;margin:0 auto;padding:0 16px}
.skip{position:absolute;left:-9999px}
.skip:focus{left:8px;top:8px;position:fixed;background:#fff;padding:8px 12px;border:1px solid #C8860D;z-index:9}

/* ---- slab wordmark band ---- */
.band{background:#FAF3E3;border-bottom:1px solid #C8860D;
  box-shadow:0 2px 0 0 #D9CFB4}
.band .wrap{min-height:96px;display:flex;align-items:center;
  justify-content:space-between;gap:16px;flex-wrap:wrap;padding-top:12px;padding-bottom:12px}
.mark{display:flex;align-items:center;gap:12px;text-decoration:none;color:#262219}
.mark img{width:44px;height:44px}
.mark .name{font-size:30px;line-height:1.1;letter-spacing:.01em}
.mark .name,.mark .sub{display:block}
.mark .sub{font-size:13px;font-weight:400;font-family:Verdana,Geneva,sans-serif;color:#5A5140;margin-top:3px}
.bandnav{font-size:12px;text-transform:uppercase;letter-spacing:.09em}
.bandnav a{margin-left:14px}

/* ---- shell ---- */
.sheet{display:grid;grid-template-columns:240px minmax(0,1fr);
  grid-template-rows:repeat(12,min-content);gap:0 24px;
  align-items:start;padding:24px 16px 8px}
.rail{grid-column:1;grid-row:1 / -1;align-self:start}
.col{grid-column:2;margin-bottom:16px}
.panel{background:#fff;border:1px solid #D9CFB4;padding:16px}

/* ---- finder rail ---- */
.finder{background:#FDF8EC;border:1px solid #C8860D;padding:12px;margin-bottom:16px}
.finder h2,.finder h3{margin:0 0 8px;font-size:11px;text-transform:uppercase;
  letter-spacing:.1em;font-family:Arial,Helvetica,sans-serif;color:#5A5140;font-weight:700}
.finder ul{list-style:none;margin:0;padding:0}
.finder li{display:flex;justify-content:space-between;gap:8px;font-size:14px;
  padding:3px 0;border-bottom:1px dotted #D9CFB4}
.finder li:last-child{border-bottom:0}
.finder .ct{font-size:12px;color:#5A5140;font-variant-numeric:tabular-nums}
.finder p{margin:6px 0 0;font-size:13px;color:#5A5140}

/* ---- featured record ---- */
.feature{display:grid;grid-template-columns:180px minmax(0,1fr);gap:16px}
.feature .plate{width:180px;height:135px;border:1px solid #D9CFB4}
.feature h2{margin:0;font-size:22px;line-height:1.25}
.feature h2 a{text-decoration:none;color:#262219}
.feature h2 a:hover{text-decoration:underline}
.kicker{font-family:Arial,Helvetica,sans-serif;font-size:11px;text-transform:uppercase;
  letter-spacing:.1em;color:#5A5140;margin:6px 0 8px}
.feature p.lead{font-size:15px;margin:0 0 10px}
.facts{font-size:13px;color:#5A5140;border-top:1px solid #D9CFB4;padding-top:6px}
.facts span + span::before{content:"\00a0\00b7\00a0"}

/* ---- band headers ---- */
.bandhead{margin:24px 0 8px;border-top:2px solid #C8860D;padding-top:6px;
  display:flex;justify-content:space-between;align-items:baseline;gap:12px}
.bandhead h3{margin:0;font-size:18px}
.bandhead .ct{font-size:12px;color:#5A5140;font-family:Arial,Helvetica,sans-serif;
  text-transform:uppercase;letter-spacing:.08em}
.bandhead p{margin:0;font-size:13px;color:#5A5140}

/* ---- dotted leader rows ---- */
.rows{list-style:none;margin:0;padding:0}
.rows li{padding:8px 0;border-bottom:1px solid #EFE7D3}
.rows li:last-child{border-bottom:0}
.row{display:flex;align-items:baseline;gap:0}
.row .t{font-size:15px;font-weight:700}
.row .t a{text-decoration:none;color:#262219}
.row .t a:hover{text-decoration:underline}
.row .leader{flex:1 1 auto;min-width:12px;margin:0 6px;
  border-bottom:1px dotted #B9AC8C;transform:translateY(-3px)}
.row .meta{font-size:13px;color:#5A5140;white-space:nowrap;font-variant-numeric:tabular-nums}
.rows .sub{font-family:Arial,Helvetica,sans-serif;font-size:11px;text-transform:uppercase;
  letter-spacing:.1em;color:#5A5140;margin-top:2px}

/* ---- editorial notes ---- */
.quotes blockquote{margin:0 0 14px;padding:0 0 0 16px;border-left:3px solid #C8860D}
.quotes p{font-family:Georgia,"Times New Roman",serif;font-style:italic;font-size:14px;margin:0}
.quotes cite{display:block;font-style:normal;font-size:12px;color:#5A5140;margin-top:4px;
  font-family:Arial,Helvetica,sans-serif}
.quotes cite a{color:#7A4B06}

/* ---- methodology block ---- */
.method{border-top:1px solid #D9CFB4;border-bottom:1px solid #D9CFB4;padding:12px 0;margin-top:24px}
.method h3{margin:0 0 6px;font-size:16px}
.method p{margin:0 0 6px;font-size:13px;color:#3D372B}
.method .date{font-size:12px;color:#5A5140;font-family:Arial,Helvetica,sans-serif}

/* ---- colophon ---- */
.colophon{border-top:2px solid #C8860D;margin-top:24px;padding:16px 0 32px}
.colophon .cols{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.colophon h4{margin:0 0 6px;font-size:11px;text-transform:uppercase;letter-spacing:.1em;
  font-family:Arial,Helvetica,sans-serif;color:#5A5140}
.colophon ul{list-style:none;margin:0;padding:0;font-size:13px;
  columns:2;column-gap:16px}
.colophon li{padding:2px 0}
.colophon .info{border-top:1px solid #D9CFB4;margin-top:14px;padding-top:10px;
  font-size:12px;color:#5A5140}

/* ---- detail pages ---- */
.crumb{font-size:12px;color:#5A5140;margin:0 0 10px;font-family:Arial,Helvetica,sans-serif}
h1{font-size:26px;line-height:1.24;margin:0}
.reading{max-width:640px}
.reading p{font-size:15px;margin:0 0 14px}
.reading h2{font-size:18px;margin:22px 0 8px}
.detailplate{width:360px;height:270px;border:1px solid #D9CFB4;margin:14px 0}
table.factstable{border-collapse:collapse;width:100%;max-width:520px;margin:0 0 18px;font-size:13px}
table.factstable th,table.factstable td{border:1px solid #D9CFB4;padding:5px 8px;text-align:left}
table.factstable th{width:34%;background:#FDF8EC;font-family:Arial,Helvetica,sans-serif;
  font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#5A5140}
.adjacent{border-top:1px solid #D9CFB4;margin-top:22px;padding-top:12px;
  display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:13px}
.pull{border-left:3px solid #C8860D;padding-left:14px;margin:18px 0;
  font-family:Georgia,"Times New Roman",serif;font-style:italic;font-size:15px;color:#3D372B}

@media (max-width:820px){
  .band .wrap{min-height:64px}
  .mark img{width:34px;height:34px}
  .mark .name{font-size:22px}
  .bandnav{font-size:12px}
  .bandnav a{margin:0 14px 0 0}
  .sheet{display:block;padding:16px 16px 8px}
  .rail{margin-bottom:16px}
  .finder ul.subjects{display:flex;flex-wrap:wrap;gap:6px 10px}
  .finder ul.subjects li{display:inline-flex;border-bottom:0;padding:2px 0}
  .feature{display:block}
  .feature .plate{width:100%;height:auto;margin-bottom:12px}
  .row{display:block}
  .row .leader{display:none}
  .row .meta{white-space:normal;display:block;margin-top:2px}
  .bandhead{display:block;border-top:3px solid #C8860D}
  .colophon .cols{display:block}
  .colophon .cols > div + div{margin-top:16px}
  .colophon ul{columns:1}
  .detailplate{width:100%;height:auto}
  table.factstable{max-width:100%}
}