.reference-index-main{
  width:min(100% - 36px,var(--standard-content-width,1040px)) !important;
  margin:0 auto !important;
  padding-top:calc(var(--header-h,48px) + 58px) !important;
  padding-bottom:0 !important;
}

.reference-index-main .article-intro{
  width:754px !important;
  max-width:100% !important;
  margin-left:auto !important;
  margin-right:auto !important;
  text-align:center !important;
}

.reference-index-main .article-intro h1{
  text-transform:none !important;
}

.reference-index-content{
  width:754px;
  max-width:100%;
  margin:42px auto 0;
  color:var(--ivory,#ebe6dc);
  font-family:"Lucida Grande","Lucida Sans Unicode",Arial,sans-serif;
  font-size:13px;
  line-height:1.75;
}

.reference-index-az{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:7px 11px;
  margin:0 auto 44px;
  padding:0 0 20px;
  border-bottom:.5px solid rgba(229,212,154,.18);
}

.reference-index-az a{
  color:#bcb6ab !important;
  font-size:11px;
  line-height:1;
  text-decoration:none !important;
  transition:color 220ms ease;
}

.reference-index-az a:hover,
.reference-index-az a:focus-visible{
  color:#e5d49a !important;
  outline:none;
}

.reference-index-letter{
  margin:42px 0 17px !important;
  padding:0 0 8px;
  color:#e5d49a !important;
  font-size:14px !important;
  line-height:1.2 !important;
  font-weight:400 !important;
  letter-spacing:0 !important;
  border-bottom:.5px solid rgba(229,212,154,.30);
  scroll-margin-top:calc(var(--header-h,48px) + 28px);
}

.reference-index-content p{
  margin:0 0 13px;
  color:#d9d4ca;
  font-size:13px;
  line-height:1.75;
  font-weight:400;
}

.reference-index-content strong,
.reference-index-content b{
  color:#eee9df;
  font-weight:400;
}

.reference-index-entry-link{
  color:#eee9df !important;
  text-decoration:none !important;
  transition:color 220ms ease;
}

.reference-index-entry-link:hover,
.reference-index-entry-link:focus-visible{
  color:#e5d49a !important;
  outline:none;
}

.reference-index-content ul,
.reference-index-content ol{
  margin:0 0 17px 21px;
  padding:0;
}

.reference-index-content li{
  margin:0 0 7px;
}

.reference-index-main .article-finishing-rule{
  width:min(100%,754px) !important;
  margin:56px auto 34px !important;
}

@media(max-width:737px){
  .reference-index-main{
    width:min(100% - 30px,520px) !important;
    padding-top:calc(var(--header-h,48px) + 42px) !important;
  }

  .reference-index-content{
    width:100%;
    margin-top:36px;
  }

  .reference-index-content p{
    font-size:12px;
    line-height:1.72;
  }

  .reference-index-az{
    gap:10px 14px;
    margin-bottom:36px;
  }

  .reference-index-az a{
    font-size:12px;
  }

  .reference-index-letter{
    margin-top:36px !important;
  }
}

/* ==========================================================
   REFERENCE INDEX — ALPHABET MARKER REFINEMENT
   ========================================================== */

/*
   Give linked and unlinked A–Z characters identical geometry.
   Linked letters remain interactive; unavailable letters are
   visually quieter rather than larger.
*/
.reference-index-az,
.reference-index-az a{
  font-size:12px !important;
  line-height:1 !important;
  font-weight:400 !important;
  letter-spacing:0 !important;
  text-transform:none !important;
}

.reference-index-az{
  color:rgba(188,182,171,.52) !important;
}

.reference-index-az a{
  color:#bcb6ab !important;
}

/*
   Make the alphabetical section dividers clearly structural.
*/
.reference-index-letter{
  font-size:18px !important;
  line-height:1.2 !important;
  font-weight:400 !important;
}

@media(max-width:737px){
  .reference-index-az,
  .reference-index-az a{
    font-size:12px !important;
  }

  .reference-index-letter{
    font-size:18px !important;
  }
}

/* ==========================================================
   REFERENCE INDEX — MATCH TOP A–Z TO SECTION LETTER SIZE
   ========================================================== */

.reference-index-az,
.reference-index-az a,
.reference-index-letter{
  font-size:18px !important;
  line-height:1.2 !important;
  font-weight:400 !important;
}

@media(max-width:737px){
  .reference-index-az,
  .reference-index-az a,
  .reference-index-letter{
    font-size:18px !important;
  }
}

/* ==========================================================
   REFERENCE INDEX — APPROVED A–Z NAVIGATION
   ========================================================== */

.reference-index-az{
  display:flex !important;
  flex-wrap:wrap !important;
  justify-content:center !important;
  align-items:center !important;
  gap:7px 11px !important;
}

/* All alphabet markers use the same 18px geometry. */
.reference-index-az a,
.reference-index-az span{
  display:inline-block;
  font-size:18px !important;
  line-height:1.2 !important;
  font-weight:400 !important;
  letter-spacing:0 !important;
}

/* Letters with a corresponding directory section. */
.reference-index-az a{
  color:#bcb6ab !important;
  text-decoration:none !important;
  cursor:pointer;
  transition:color 220ms ease !important;
}

.reference-index-az a:hover,
.reference-index-az a:focus-visible{
  color:#e5d49a !important;
  outline:none !important;
}

/* Letters for which the directory has no entries. */
.reference-index-jump-unavailable{
  color:rgba(188,182,171,.38) !important;
}

/* ==========================================================
   MAKERS WITH DEDICATED LIBRARY ARTICLES
   ========================================================== */

.reference-index-entry-link{
  color:#e5d49a !important;
  text-decoration:none !important;
  transition:color 220ms ease !important;
}

.reference-index-entry-link:hover,
.reference-index-entry-link:focus-visible{
  color:#f0eadf !important;
  outline:none !important;
}

/* Ensure jump destination clears the fixed header. */
.reference-index-letter{
  scroll-margin-top:calc(var(--header-h,48px) + 28px) !important;
}

/* ==========================================================
   BRITISH INDEX — DEDICATED ARTICLE LINKS
   Standard Daniel Lucian gold
   ========================================================== */

.reference-index-entry-link,
.reference-index-entry-link:hover,
.reference-index-entry-link:focus-visible{
  color:#e5d49a !important;
  text-decoration:none !important;
}

.reference-index-entry-link:focus-visible{
  outline:none !important;
}


/* ==========================================================
   COLLECTION BACK-TO-TOP
   Exact approved Collection implementation
   ========================================================== */

.dl-back-to-top {
  position: fixed;
  right: 18px;
  bottom: 22px;
  z-index: 50;

  width: 38px;
  height: 38px;

  border: 1px solid rgba(160, 137, 98, 0.55);
  border-radius: 50%;

  background: rgba(31, 28, 24, 0.88);
  color: rgba(232, 224, 209, 0.95);

  display: flex;
  align-items: center;
  justify-content: center;

  padding: 0;
  margin: 0;

  font-family: Georgia, "Times New Roman", serif;
  font-size: 0;
  line-height: 1;

  cursor: pointer;

  opacity: 0;
  transform: translateY(6px);

  transition:
    opacity 180ms ease,
    transform 180ms ease,
    background 180ms ease;
}

.dl-back-to-top-chevron {
  display: block;
  width: 12px;
  height: 12px;
  border-left: 2px solid currentColor;
  border-top: 2px solid currentColor;
  transform: rotate(45deg) translate(2px, 2px);
  transform-origin: center;
}

.dl-back-to-top[hidden] {
  display: none !important;
}

.dl-back-to-top.is-visible {
  opacity: 1;
  transform: translateY(0);
}

.dl-back-to-top:hover {
  background: rgba(42, 37, 31, 0.94);
}

.dl-back-to-top:focus-visible {
  outline: 1px solid rgba(214, 197, 165, 0.9);
  outline-offset: 3px;
}

@media (min-width: 701px) {
  .dl-back-to-top {
    right: 24px;
    bottom: 28px;
  }
}

/* ==========================================================
   REFERENCE INDEX — DIRECTORY ARTICLE LINKS
   Prevent browser visited-link purple.
   ========================================================== */

.reference-index-body a,
.reference-index-body a:link,
.reference-index-body a:visited,
.reference-index-body a:hover,
.reference-index-body a:active,
.reference-index-body a:focus-visible{
  color:#e5d49a !important;
  text-decoration:none !important;
}

/*
   Preserve the separate A–Z navigation treatment.
*/
.reference-index-az a,
.reference-index-az a:link,
.reference-index-az a:visited{
  color:#bcb6ab !important;
}

.reference-index-az a:hover,
.reference-index-az a:focus-visible{
  color:#e5d49a !important;
}


/* ==========================================================
   REFERENCE INDEX — CORRECT DIRECTORY LINK COLOUR
   Actual container is .reference-index-content
   ========================================================== */

.reference-index-content a.reference-index-entry-link,
.reference-index-content a.reference-index-entry-link:link,
.reference-index-content a.reference-index-entry-link:visited,
.reference-index-content a.reference-index-entry-link:hover,
.reference-index-content a.reference-index-entry-link:active,
.reference-index-content a.reference-index-entry-link:focus-visible{
  color:#e5d49a !important;
  -webkit-text-fill-color:#e5d49a !important;
  text-decoration:none !important;
}

/* Keep A–Z navigation separate. */
.reference-index-az a,
.reference-index-az a:link,
.reference-index-az a:visited{
  color:#bcb6ab !important;
  -webkit-text-fill-color:#bcb6ab !important;
}

.reference-index-az a:hover,
.reference-index-az a:focus-visible{
  color:#e5d49a !important;
  -webkit-text-fill-color:#e5d49a !important;
}


/* ==========================================================
   REFERENCE INDEX — DEFINITIVE CONTENT LINK COLOUR

   Genuine index links are gold.
   A-Z jump navigation is deliberately excluded.
   ========================================================== */

.reference-index-content a:not(.reference-index-jump-link),
.reference-index-content a:not(.reference-index-jump-link):link,
.reference-index-content a:not(.reference-index-jump-link):visited,
.reference-index-content a:not(.reference-index-jump-link):hover,
.reference-index-content a:not(.reference-index-jump-link):active,
.reference-index-content a:not(.reference-index-jump-link):focus-visible{
  color:#e5d49a !important;
  -webkit-text-fill-color:#e5d49a !important;
  text-decoration:none !important;
}

/* Preserve the approved A-Z treatment. */
.reference-index-content .reference-index-az a,
.reference-index-content .reference-index-az a:link,
.reference-index-content .reference-index-az a:visited{
  color:#bcb6ab !important;
  -webkit-text-fill-color:#bcb6ab !important;
}

.reference-index-content .reference-index-az a:hover,
.reference-index-content .reference-index-az a:focus-visible{
  color:#e5d49a !important;
  -webkit-text-fill-color:#e5d49a !important;
}



/* ==========================================================
   REFERENCE INDEX — V14 SHORT MOBILE LANDSCAPE TYPOGRAPHY

   Uses the proven V14 article-page Safari landscape treatment.
   Prevents text inflation when a phone is rotated into
   short landscape.

   Prototype only.
   ========================================================== */

@media (orientation:landscape) and (max-height:520px) and (max-width:1000px){

  .reference-index-main,
  .reference-index-main *{
    -webkit-text-size-adjust:100% !important;
    text-size-adjust:100% !important;
  }

  .reference-index-content p{
    font-size:12px !important;
  }

}