
:root{
  --paper:#f4efe2; --ink:#16130f; --rule:#b9ab8e; --muted:#6d6353;
  --red:#a51c14; --mark:#f2dc93;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);
  font-family:"Palatino Linotype",Palatino,"Book Antiqua","Times New Roman",
    "Noto Serif","DejaVu Serif",Georgia,serif;
  font-size:18px;line-height:1.55}
.wrap{max-width:54rem;margin:0 auto;padding:0 1.15rem 4rem}
a{color:var(--ink);text-decoration:none;border-bottom:1px solid var(--rule)}
a:hover{color:var(--red);border-bottom-color:var(--red)}
header.mast{position:relative;overflow:hidden;text-align:center;
  padding:2rem 0 .9rem;border-bottom:3px double var(--ink);margin-bottom:.2rem}
header.mast .corner{position:absolute;top:0;left:0;width:11rem;height:11rem;
  background:var(--red);clip-path:polygon(0 0,100% 0,0 100%);pointer-events:none}
header.mast .cornerlink{position:absolute;top:2.9rem;left:-2.1rem;width:10.6rem;
  z-index:2;display:block;transform:rotate(-45deg);text-align:center;
  color:#fff;border:0;font-size:.63rem;letter-spacing:.2em;line-height:1.62;
  font-weight:700;white-space:nowrap;cursor:pointer}
header.mast .cornerlink:hover{color:#fff;text-decoration:underline}
header.mast .cornerlink .d{font-weight:400;letter-spacing:.28em;font-size:.56rem;
  display:block}
header.mast .name{font-size:3.1rem;letter-spacing:.36em;text-indent:.36em;
  margin:0 0 .35rem;font-weight:400;position:relative}
header.mast .name a{border:0}
header.mast .sub{font-size:.79rem;letter-spacing:.05em;color:var(--muted);
  max-width:32rem;margin:0 auto;position:relative}
header.mast .scale{font-size:.63rem;letter-spacing:.16em;color:var(--muted);
  margin:.55rem auto 0;position:relative;border-top:1px solid var(--rule);
  padding-top:.45rem;max-width:32rem}
nav.top{display:flex;gap:1.3rem;justify-content:center;flex-wrap:wrap;
  font-size:.72rem;letter-spacing:.15em;text-transform:uppercase;padding:.6rem 0}
nav.top a{border:0;color:var(--muted)}
nav.top a:hover{color:var(--red)}
form.search{border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);
  padding:.9rem 0;margin-bottom:1.5rem}
form.search .row{display:flex;gap:.5rem}
input[type=text]{flex:1;min-width:0;font-family:inherit;font-size:1.02rem;
  padding:.5rem .65rem;background:#fbf8f0;border:1px solid var(--rule);
  color:var(--ink);border-radius:0}
button{font-family:inherit;font-size:.74rem;letter-spacing:.16em;
  text-transform:uppercase;padding:.5rem 1.15rem;background:var(--ink);
  color:var(--paper);border:0;cursor:pointer}
button:hover{background:var(--red)}
.hint{font-size:.76rem;color:var(--muted);margin-top:.5rem;line-height:1.5;
  text-align:justify}
.hint em{color:var(--red);font-style:normal}
.hint b{color:var(--ink);font-weight:700}
.story{max-width:38rem;margin:0 auto}
.story h3{font-size:.76rem;letter-spacing:.2em;text-transform:uppercase;
  color:var(--red);font-weight:400;margin:2.1rem 0 .5rem}
.story p{margin:0 0 .95rem;line-height:1.72;text-align:justify}
.story em{font-style:italic}
.reading{font-size:.78rem;color:var(--muted);border-left:3px solid var(--rule);
  padding:.3rem .7rem;margin:0 0 1rem}
.reading b{color:var(--ink);letter-spacing:.04em}

h2.sec{font-size:.71rem;letter-spacing:.22em;text-transform:uppercase;
  color:var(--muted);border-bottom:1px solid var(--rule);padding-bottom:.3rem;
  margin:1.9rem 0 .8rem;font-weight:400}
.count{font-size:.8rem;color:var(--muted);margin:-.4rem 0 1rem}
.num{display:inline-block;background:var(--ink);color:var(--paper);
  font-size:.76rem;letter-spacing:.06em;padding:.06rem .45rem;margin-right:.45rem}
.grp{border-bottom:1px solid var(--rule);padding:.5rem 0;font-size:.95rem}
.grp .side{font-size:.78rem;color:var(--muted)}
article.hit{display:flex;gap:.9rem;border-bottom:1px solid var(--rule);
  padding:.95rem 0}
article.hit .body{flex:1;min-width:0}
article.hit .meta{font-size:.74rem;letter-spacing:.09em;text-transform:uppercase;
  color:var(--muted);margin-bottom:.3rem}
article.hit .meta a{border:0}
article.hit .snip{font-size:1rem;line-height:1.6}
svg.pmap{flex:none;display:block}
mark{background:var(--mark);padding:0 .08em}
.tag{display:inline-block;font-size:.64rem;letter-spacing:.09em;
  text-transform:uppercase;border:1px solid var(--rule);padding:0 .35rem;
  margin-left:.35rem;color:var(--muted)}
.pager{display:flex;gap:1.4rem;justify-content:center;padding:1.8rem 0;
  font-size:.84rem}
.ptext{white-space:pre-wrap;font-size:1.02rem;line-height:1.72;background:#fbf8f0;
  border:1px solid var(--rule);padding:1.5rem}
.side{font-size:.8rem;color:var(--muted)}
.maprow{display:flex;gap:1.3rem;align-items:flex-start;margin:0 0 1.3rem;
  flex-wrap:wrap}
dl.facts{display:grid;grid-template-columns:auto 1fr;gap:.28rem 1.1rem;
  font-size:.87rem;margin:0;flex:1;min-width:14rem}
dl.facts dt{color:var(--muted);text-transform:uppercase;font-size:.68rem;
  letter-spacing:.1em;padding-top:.2rem}
dl.facts dd{margin:0}
ol.arts{padding-left:1.3rem}
ol.arts li{margin:.4rem 0}
ul.years{list-style:none;padding:0;margin:0 0 1.2rem;display:flex;flex-wrap:wrap;
  gap:.15rem .55rem;font-size:.78rem}
ul.years a{border:0;color:var(--muted)}
ul.years a:hover{color:var(--red)}
table.idx{width:100%;border-collapse:collapse;font-size:.92rem}
table.idx td{padding:.22rem .4rem .22rem 0;border-bottom:1px dotted var(--rule);
  vertical-align:baseline}
table.idx td.n{width:4.6rem;white-space:nowrap}
table.idx td.r{text-align:right;white-space:nowrap;font-size:.76rem;
  color:var(--muted)}
.kindhead{font-size:.7rem;letter-spacing:.22em;text-transform:uppercase;
  color:var(--red);margin:1.8rem 0 .3rem}
.limit{border-bottom:1px solid var(--rule);padding:.85rem 0}
.limit .h{font-weight:700}
.limit .n{color:var(--red);font-size:.93rem}
.limit .d{font-size:.9rem;color:#332c24;margin-top:.25rem}
.limit .e{font-size:.71rem;color:var(--muted);margin-top:.25rem;letter-spacing:.05em}
.note{background:#eae3d2;border-left:3px solid var(--red);padding:.65rem .9rem;
  font-size:.85rem;margin:1rem 0}
.pdfbtn{display:inline-block;border:1px solid var(--ink);padding:.28rem .8rem;
  font-size:.7rem;letter-spacing:.13em;text-transform:uppercase}
.pdfbtn:hover{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.pdfbtn+.pdfbtn{margin-left:.4rem}
footer{border-top:3px double var(--ink);margin-top:2.6rem;padding-top:.9rem;
  font-size:.74rem;color:var(--muted);text-align:center;line-height:1.6}
footer a{border:0}
@media (max-width:640px){
  body{font-size:17px}
  header.mast .name{font-size:2rem;letter-spacing:.24em;text-indent:.24em}
  header.mast .corner{width:8.2rem;height:8.2rem}
  header.mast .cornerlink{top:2.15rem;left:-1.6rem;width:7.9rem;font-size:.48rem;
    letter-spacing:.12em;line-height:1.55}
  header.mast .cornerlink .d{font-size:.44rem;letter-spacing:.18em}
  header.mast .scale{font-size:.54rem;letter-spacing:.1em}
  .ptext{padding:.9rem}
  article.hit{gap:.65rem}
}
