/* =========================================================
   DANIEL LUCIAN — LIBRARY CATEGORY PAGES
   V14 CENTRALISED CATEGORY-SPECIFIC STYLES ONLY

   Global shell, header, background, typography and menu are
   controlled by the current shared framework.
   ========================================================= */

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

.library-category-intro{
  text-align:center;
}

.library-breadcrumb{
  display:inline-block;
  margin:0 0 23px;
  color:var(--muted,#bcb6ab) !important;
  font-size:10px !important;
  line-height:normal;
  font-weight:400 !important;
  letter-spacing:0;
  text-decoration:none !important;
  cursor:pointer !important;
  transition:color 220ms ease !important;
}

.library-breadcrumb:hover,
.library-breadcrumb:focus-visible{
  color:var(--gold,#e5d49a) !important;
  text-decoration:none !important;
  outline:none !important;
}

.library-category-intro h1{
  margin:0 !important;
  color:var(--ivory,#ebe6dc) !important;
  font-size:18px !important;
  line-height:1.2 !important;
  font-weight:400 !important;
}

.library-category-title-rule{
  width:72px;
  height:0 !important;
  border-top:.5px solid rgba(229,212,154,.50) !important;
  margin:16px auto 27px;
}

.library-category-intro p{
  margin:0;
  color:var(--muted,#bcb6ab) !important;
  font-size:13px !important;
  line-height:1.85;
  font-weight:400 !important;
}

.library-category-directory{
  width:min(100%,900px);
  margin:47px auto 0;
  display:grid;
  grid-template-columns:1fr 1fr;
  column-gap:144px;
  align-items:start;
}

.library-category-column{
  min-width:0;
}

.library-category-link{
  min-height:60px;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:0 12px;
  color:#eee9df !important;
  font-size:17pt !important;
  line-height:1.25;
  font-weight:400;
  text-decoration:none !important;
  text-shadow:none !important;
  background:transparent !important;
  border-bottom:.5px solid rgba(229,212,154,.085) !important;
  transition:
    color 220ms ease,
    border-bottom-color 220ms ease !important;
}

@media (hover:hover) and (pointer:fine){
  .library-category-link:hover{
    color:#e5d49a !important;
    border-bottom-color:rgba(229,212,154,.62) !important;
    background:transparent !important;
  }
}

.library-category-link:focus-visible{
  color:#e5d49a !important;
  border-bottom-color:rgba(229,212,154,.62) !important;
  background:transparent !important;
  outline:none !important;
}

.library-index-prompt-row{
  min-height:60px !important;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:7px 12px !important;
  border-bottom:.5px solid rgba(229,212,154,.085) !important;
  transition:border-bottom-color 220ms ease !important;
}

.library-index-prompt-row p{
  margin:0 0 3px !important;
  color:var(--muted,#bcb6ab);
  font-size:11px;
  line-height:1.3 !important;
  font-weight:400;
}

.library-index-prompt-row > a{
  color:#eee9df !important;
  font-size:11px;
  line-height:1.3 !important;
  font-weight:400;
  text-decoration:none !important;
  text-shadow:none !important;
  transition:color 220ms ease !important;
}

@media (hover:hover) and (pointer:fine){
  .library-index-prompt-row:hover{
    border-bottom-color:rgba(229,212,154,.62) !important;
  }

  .library-index-prompt-row > a:hover{
    color:#e5d49a !important;
  }
}

.library-index-prompt-row:focus-within{
  border-bottom-color:rgba(229,212,154,.62) !important;
}

.library-index-prompt-row > a:focus-visible{
  color:#e5d49a !important;
  outline:none !important;
}

.reference-indexes{
  width:min(100%,900px);
  margin:46px auto 0 !important;
  text-align:center;
}

.reference-indexes h2{
  margin:0;
  color:var(--ivory,#ebe6dc);
  font-size:14px;
  line-height:1.2;
  font-weight:400;
  letter-spacing:.02em;
}

.reference-indexes-rule{
  width:56px;
  height:0;
  border-top:.5px solid rgba(229,212,154,.50) !important;
  margin:13px auto 20px !important;
}

.reference-index-list{
  width:min(100%,620px);
  margin:0 auto;
}

.reference-index-list .index-link{
  min-height:54px;
  display:flex;
  justify-content:center;
  align-items:center;
  padding:0 12px;
  color:#eee9df !important;
  font-size:17px;
  line-height:1.3;
  font-weight:400;
  text-decoration:none !important;
  text-shadow:none !important;
  background:transparent !important;
  border-bottom:.5px solid rgba(229,212,154,.085) !important;
  transition:
    color 220ms ease,
    border-bottom-color 220ms ease !important;
}

@media (hover:hover) and (pointer:fine){
  .reference-index-list .index-link:hover{
    color:#e5d49a !important;
    border-bottom-color:rgba(229,212,154,.62) !important;
  }
}

.reference-index-list .index-link:focus-visible{
  color:#e5d49a !important;
  border-bottom-color:rgba(229,212,154,.62) !important;
  outline:none !important;
}

#reference-indexes{
  scroll-margin-top:calc(var(--header-h,48px) + 28px);
}

.library-category-finishing-rule{
  width:min(100%,var(--standard-content-width,1040px)) !important;
  height:0 !important;
  border-top:.5px solid rgba(229,212,154,.50) !important;
  margin:clamp(48px,5vw,68px) auto 34px !important;
}

@media(max-width:753px){
  .library-category-directory{
    display:block !important;
  }
}

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

  .library-breadcrumb{
    margin-bottom:20px;
  }

  .library-category-intro h1{
    font-size:18px !important;
  }

  .library-category-intro p{
    font-size:12px !important;
    line-height:1.75;
  }

  .desktop-break{
    display:none;
  }

  .library-category-directory{
    width:100%;
    margin-top:38px !important;
  }

  .library-category-link{
    min-height:56px !important;
    font-size:18px !important;
  }

  .library-index-prompt-row{
    min-height:58px !important;
    padding:8px 10px !important;
  }

  .reference-indexes{
    margin-top:40px !important;
  }

  .reference-indexes h2{
    font-size:13px;
  }

  .reference-index-list .index-link{
    min-height:56px !important;
    font-size:16px;
  }
}

/* ==========================================================
   CATEGORY MASTER — INTRO WIDTH + SUBJECT TYPOGRAPHY
   ========================================================== */

.library-category-intro p{
  width:754px !important;
  max-width:100% !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

.library-category-link{
  font-size:17px !important;
}

@media(max-width:737px){
  .library-category-link{
    font-size:17px !important;
  }

  .library-category-intro p{
    width:100% !important;
    max-width:100% !important;
  }
}



/* =========================================================
LIBRARY CATEGORY DIRECTORY — 754PX SINGLE COLUMN V1
Matches the locked Library article reading measure.
========================================================= */
.library-category-directory{
width:min(100%,754px) !important;
display:block !important;
}
.library-category-column{
width:100%;
}