/* Standalone 54: Open manuscript typography and spacing, with the same
   background-based interaction states as standalone 51. */
.m-02 .list-panel .list-head { padding: 48px 22px 20px; }
.m-02 .list-panel .list { padding: 9px 12px 9px 0; }

.m-02 .list-panel .item {
  position: relative;
  display: block;
  width: 100%;
  min-height: 38px;
  margin: 0;
  padding: 16px 8px 16px 20px;
  border-radius: 0;
  background: transparent;
  box-shadow: inset 0 -1px 0 #302d26;
  text-align: left;
  transition: background .18s ease, color .18s ease;
}

.m-02 .list-panel .item::before,
.m-02 .list-panel .item::after { display: none; }

.m-02 .list-panel .item-name {
  display: block;
  font: 300 21px/1.3 var(--serif);
  letter-spacing: .01em;
  text-transform: none;
  color: #aaa392;
  transition: color .18s ease;
}

.m-02 .list-panel .item:hover { background: #25221b; }

.m-02 .list-panel .item:hover .item-name { color: #dfc38d; }

.m-02 .list-panel .item.is-open {
  background: #25221b;
  box-shadow: inset 0 -1px 0 #302d26;
}

.m-02 .list-panel .item.is-open .item-name {
  color: #e9e3d6;
}

.m-02 .list-panel .item:focus-visible {
  background: #353026;
  outline: none;
  box-shadow: inset 0 -1px 0 #302d26;
}

@media (max-width: 860px) {
  .m-02 .list-panel .list-head { padding-top: 28px; }
  .m-02 .list-panel .item { min-height: 44px; }
}