/* Lore histories refresh */
.lore-history-overview{
  display:block;
}

.lore-history-title{
  font-size:clamp(2.2rem,3.15vw,3.05rem)!important;
  line-height:1!important;
  white-space:nowrap;
  letter-spacing:-.045em!important;
}

.lore-history-warning{
  margin:0 0 2rem;
  padding:.95rem 1.15rem 1rem;
  border-left:4px solid #D9A145;
  background:rgba(217,161,69,.10);
  color:#d7e0e4;
}
.lore-history-warning strong{
  display:block;
  margin-bottom:.28rem;
  color:#e1b663;
  font-size:.7rem;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.1em;
}
.lore-history-warning p{
  margin:0;
  max-width:92ch;
  font-family:var(--serif);
  font-size:.94rem;
  line-height:1.58;
}

.lore-contents-section .lore-rail-search{
  display:block;
  width:100%;
  margin:.25rem 0 .9rem;
}
.lore-contents-section .lore-rail-search input{
  height:39px;
  padding:0 11px;
  font-size:.78rem;
  background:rgba(7,16,22,.78);
}

.lore-four-hands>header{
  display:block;
  margin-bottom:1.2rem;
}
.lore-four-hands>header h2{
  white-space:nowrap;
  font-size:clamp(1.85rem,2.65vw,2.45rem);
  line-height:1.05;
}
.lore-four-hands>header p{
  margin:.55rem 0 0;
  color:#AAB8BF;
  font-size:.78rem;
  font-weight:600;
  text-transform:none;
  letter-spacing:.015em;
}
.lore-small-header{
  margin:1.55rem 0 .85rem;
  color:#8ED0EC;
  font-family:var(--sans);
  font-size:.73rem;
  font-weight:900;
  letter-spacing:.13em;
  line-height:1.35;
  text-transform:uppercase;
}

@media(max-width:1020px){
  .lore-history-title{font-size:clamp(2.15rem,5.4vw,3.15rem)!important}
}

@media(max-width:760px){
  .lore-history-title{
    white-space:normal;
    font-size:2.35rem!important;
  }
  .lore-four-hands>header h2{
    white-space:normal;
    font-size:2rem;
  }
  .lore-history-warning{padding:.85rem .95rem}
}

/* Long-form reading improvements */
.lore-four-hands>p{
  max-width:72ch;
  margin-bottom:1.22em;
  font-size:1.06rem;
  line-height:1.82;
  text-wrap:pretty;
}
.clean-wiki-section>p strong{
  color:#f4f8fa;
  font-weight:750;
}
.lore-four-hands>p strong{
  color:#ffffff;
}
.lore-history-warning p strong{
  color:#f3d08b;
  font-weight:800;
}
@media(max-width:760px){
  .lore-four-hands>p{
    font-size:1rem;
    line-height:1.74;
  }
}