.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;
}

.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;
  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{
  font-size:12px !important;
  line-height:1 !important;
  font-weight:400 !important;
  letter-spacing:0 !important;
  text-transform:none !important;
}

.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{
    font-size:12px !important;
  }

  .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{
  font-size:18px !important;
  line-height:1.2 !important;
  font-weight:400 !important;
}

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

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

@media(max-width:737px){

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

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

  .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;
}


/* ==========================================================
   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;
  }

}