*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:#FAF3E3;color:#262219;font:14px/1.55 Verdana,Geneva,sans-serif}
a{color:#8A5A06}
a:hover{color:#262219}
a:focus-visible,button:focus-visible{outline:2px solid #C8860D;outline-offset:2px}
.skip{position:absolute;left:-9999px;top:0;background:#fff;padding:8px 12px;z-index:9}
.skip:focus{left:8px;top:8px}
.sheet{max-width:1100px;margin:0 auto;background:#FAF3E3;border-left:1px solid #D9CFB4;border-right:1px solid #D9CFB4;min-height:100vh}
.band{padding:16px 24px 12px;border-bottom:1px solid #C8860D;background:#FAF3E3}
.band::after{content:"";display:block}
.bandwrap{border-bottom:1px solid #D9CFB4}
.wordmark{font:30px/1.1 Rockwell,"Roboto Slab",Georgia,serif;letter-spacing:.01em;margin:0}
.wordmark a{color:#262219;text-decoration:none}
.standing{font-size:13px;margin:5px 0 0;color:#5C543F;max-width:640px}
.bandrow{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap}
.bandlinks{font-size:12px;text-align:right}
.bandlinks a{display:inline-block;margin-left:14px}
main{padding:20px 24px 0}
.index-grid{display:grid;grid-template-columns:240px minmax(0,1fr);gap:24px;align-items:start}
.index-grid > .rail{grid-column:1;grid-row:1 / span 4}
.col2{grid-column:2}
.panel{background:#fff;border:1px solid #D9CFB4;padding:16px 18px;margin-bottom:16px}
h2{font:20px/1.25 Rockwell,"Roboto Slab",Georgia,serif;margin:0 0 8px}
h3{font:16px/1.3 Rockwell,"Roboto Slab",Georgia,serif;margin:18px 0 6px}
.label{font:11px/1.4 Arial,Helvetica,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#5C543F;margin:0 0 6px}
.featured{display:flex;gap:18px;align-items:flex-start}
.featured img{border:1px solid #D9CFB4;background:#fff;flex:0 0 auto}
.featured h2{font-size:22px}
.finder-box{background:#FAF3E3;border:1px solid #C8860D;padding:10px 12px;margin-bottom:14px}
.finder-box h2{font-size:15px;margin-bottom:6px}
.finder-box ul{list-style:none;margin:0;padding:0}
.finder-box li{display:flex;justify-content:space-between;gap:8px;font-size:14px;padding:3px 0;border-bottom:1px solid #EDE3CB}
.finder-box li:last-child{border-bottom:0}
.finder-box .count{color:#5C543F;font-size:12px;font-variant-numeric:tabular-nums}
.finder-box p{font-size:12px;margin:6px 0 0;color:#5C543F}
.bandhead{background:#C8860D;color:#fff;padding:5px 10px;margin:18px 0 0;font:18px/1.3 Rockwell,"Roboto Slab",Georgia,serif;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;align-items:baseline}
.bandhead .meta{font:11px/1.4 Arial,Helvetica,sans-serif;letter-spacing:.06em;text-transform:uppercase}
.rows{list-style:none;margin:0;padding:0;border:1px solid #D9CFB4;border-top:0;background:#fff}
.rows li{padding:8px 10px;border-bottom:1px solid #F1E9D5}
.rows li:last-child{border-bottom:0}
.rowline{display:flex;align-items:baseline}
.row-name{font-size:15px;font-weight:bold}
.leader{flex:1;border-bottom:2px dotted #B9A87C;margin:0 8px 5px;min-width:16px}
.row-figure{font-size:13px;font-variant-numeric:tabular-nums;white-space:nowrap}
.rows .label{margin:2px 0 0}
.note{font:italic 15px/1.6 Georgia,"Times New Roman",serif;margin:0 0 14px;padding-left:14px;border-left:2px solid #C8860D}
.note strong{font-style:normal;font-family:Rockwell,"Roboto Slab",Georgia,serif;display:block;margin-bottom:3px}
table.facts{border-collapse:collapse;width:100%;margin:12px 0;font-size:13px}
table.facts caption{text-align:left;font:11px/1.4 Arial,Helvetica,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#5C543F;padding-bottom:6px}
table.facts th,table.facts td{border:1px solid #D9CFB4;padding:6px 8px;text-align:left;vertical-align:top}
table.facts th{background:#FAF3E3;font-weight:bold}
table.facts td.num{font-variant-numeric:tabular-nums}
.colophon{border-top:1px solid #C8860D;margin-top:24px;padding:16px 24px 28px;font-size:13px}
.colophon .cols{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.colophon ul{list-style:none;margin:6px 0 0;padding:0}
.colophon li{padding:2px 0;border-bottom:1px dotted #E4DAC0}
.colophon .signoff{margin:16px 0 0;color:#5C543F;font-size:12px;border-top:1px solid #D9CFB4;padding-top:10px}
.crumb{font-size:12px;color:#5C543F;margin:0 0 10px}
.detail{display:grid;grid-template-columns:240px minmax(0,1fr);gap:24px;align-items:start}
.detail > .rail{grid-column:1;grid-row:1}
.detail > .col-body{grid-column:2;grid-row:1;min-width:0}
.detail h1{font:26px/1.25 Rockwell,"Roboto Slab",Georgia,serif;margin:0 0 4px}
h1{font:26px/1.25 Rockwell,"Roboto Slab",Georgia,serif;margin:0 0 4px}
.body-measure{max-width:640px}
.body-measure p{margin:0 0 12px}
.figure{margin:0 0 14px}
.figure img{border:1px solid #D9CFB4;background:#fff;max-width:100%;height:auto}
.figure figcaption{font-size:12px;color:#5C543F;margin-top:4px}
.work{background:#FAF3E3;border:1px solid #D9CFB4;padding:10px 12px;margin:0 0 14px;font-size:13px}
.work p{margin:0 0 6px}
.work p:last-child{margin:0}
.related{border-top:1px solid #D9CFB4;margin-top:18px;padding-top:12px;font-size:13px}
.related a{margin-right:14px}
.terms{list-style:none;margin:0;padding:0}
.terms li{padding:7px 0;border-bottom:1px dotted #E4DAC0}
.terms dfn{font-style:normal;font-weight:bold;font-size:15px}
@media (max-width:900px){
  .index-grid,.detail{display:flex;flex-direction:column}
  .rail{order:-1;width:100%}
  .finder-box li{font-size:13px}
  .featured{gap:12px}
}
@media (max-width:640px){
  .band{padding:12px 14px 10px}
  .wordmark{font-size:22px}
  .standing{font-size:12px}
  main{padding:14px}
  .colophon{padding:14px}
  .colophon .cols{grid-template-columns:1fr}
  .featured{flex-direction:column}
  .featured img{width:100%;height:auto}
  .rowline{display:block}
  .leader{display:none}
  .row-figure{display:block;margin-top:2px;color:#5C543F}
  .bandhead{display:block;font-size:16px}
  .bandhead .meta{display:block;margin-top:2px}
  table.facts,table.facts tbody,table.facts tr,table.facts th,table.facts td{display:block;width:100%}
  table.facts caption{display:block;width:100%;text-align:left}
  table.facts tr{border:1px solid #D9CFB4;margin-bottom:8px}
  table.facts th,table.facts td{border:0;border-bottom:1px dotted #E4DAC0}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}
