/* Additions layered on top of the theme's css/custom.css.
   Kept in a separate file: a project-level static/css/custom.css would
   shadow themes/premierV1/static/css/custom.css entirely and silently
   drop its rules (video sizing, .wow animations, layout backgrounds). */

/* --- topical cluster links (internal linking) --- */
/* --- breadcrumbs: minimal inline trail on a hairline rule (the toc hero restyles it in toc.css) --- */
.breadcrumbs{
  font-family:var(--pd-body);
  font-size:13px;
  line-height:1.4;
  color:var(--pd-muted);
  margin:.35rem 0 1.5rem;
  padding-bottom:.75rem;
  border-bottom:1px solid var(--pd-hair);
}
nav.breadcrumbs ol{
  list-style:none !important;
  padding:0 !important;
  margin:0;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
}
nav.breadcrumbs ol li{
  list-style:none !important;
  list-style-type:none !important;
  margin:0;padding:0;
  display:inline-flex;
  align-items:center;
}
nav.breadcrumbs ol li::marker{content:none;}
nav.breadcrumbs li:not(:last-child):after{
  content:"/";
  margin:0 .6em;
  color:var(--pd-hair);
}
nav.breadcrumbs a{color:var(--pd-navy);font-family:var(--pd-body);font-weight:600;text-decoration:none;}
nav.breadcrumbs a:hover{text-decoration:underline;}
nav.breadcrumbs a:focus-visible{outline:2px solid var(--pd-navy);outline-offset:2px;border-radius:2px;}
.breadcrumbs [aria-current="page"]{
  color:var(--pd-muted);font-weight:400;
  display:inline-block;max-width:44ch;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom;
}
nav.breadcrumbs ol li:last-child{min-width:0;}
@media (max-width:575px){
  .breadcrumbs{font-size:12.5px;margin-bottom:1.15rem;padding-bottom:.6rem;}
  nav.breadcrumbs li:not(:last-child):after{margin:0 .45em;}
  .breadcrumbs [aria-current="page"]{max-width:22ch;}
}

/* --- FAQ accordion (native <details>, no Bootstrap dependency) --- */
.faq{margin:2.75rem 0 1.5rem;}
.faq > h2#faq-heading{font-size:1.5rem;margin:0 0 1.15rem;color:var(--pd-ink);padding:0;}
.faq-list{border:1px solid var(--pd-hair);border-radius:8px;overflow:hidden;background:#fff;}
.faq-item + .faq-item{border-top:1px solid var(--pd-hair);}

.faq-q{
  display:flex;align-items:flex-start;gap:1rem;justify-content:space-between;
  padding:1.05rem 1.25rem;cursor:pointer;
  font-family:var(--pd-body);font-weight:700;font-size:1.02rem;line-height:1.45;color:var(--pd-ink);
  list-style:none;transition:background-color .15s ease;
}
.faq-q::-webkit-details-marker{display:none;}
.faq-q::marker{content:none;}
.faq-q:hover{background:var(--pd-paper);}
.faq-item[open] > .faq-q{background:var(--pd-paper);}
.faq-q:focus-visible{outline:2px solid var(--pd-navy);outline-offset:-2px;background:var(--pd-paper);}
.faq-q-text{flex:1 1 auto;}

.faq-chevron{
  flex:0 0 auto;width:20px;height:20px;margin-top:.15rem;color:var(--pd-navy);
  transition:transform .2s ease;
}
.faq-item[open] > .faq-q .faq-chevron{transform:rotate(180deg);}

.faq-a{padding:0 1.25rem 1.25rem;color:var(--pd-text);line-height:1.68;}
.faq-a > :first-child{margin-top:0;}
.faq-a > :last-child{margin-bottom:0;}
.faq-a p{margin:0 0 .75rem;}
.faq-a a{color:var(--pd-ink);font-weight:600;}
.faq-a ul,.faq-a ol{margin:0 0 .75rem;padding-left:1.25rem;}

@media (max-width:575px){
  .faq-q{padding:.95rem 1rem;font-size:.98rem;}
  .faq-a{padding:0 1rem 1.1rem;}
}
@media (prefers-reduced-motion:reduce){
  .faq-q,.faq-chevron{transition:none;}
}

/* --- clinician byline (visible E-E-A-T attribution, audit item 3.1) ---
   One quiet row on a hairline: portrait, attestation, then role and the page's single date.
   The theme gives every <p> in .hp-section-text an 18px/34px face and a 30px bottom margin; the byline
   paragraphs opt out explicitly. */
.clinician-byline{
  display:flex;align-items:center;gap:14px;
  margin:0 0 28px;padding:0 0 20px;
  background:transparent;border:0;border-bottom:1px solid var(--pd-hair);border-radius:0;
  font-family:var(--pd-body);
}
.clinician-byline-photo{flex:0 0 auto;line-height:0;}
.clinician-byline .clinician-byline-photo img{
  width:44px;height:44px;border-radius:50%;object-fit:cover;display:block;margin:0;padding:0;
}
.clinician-byline-body{min-width:0;}
.clinician-byline .clinician-byline-body p{
  margin:0 !important;padding:0;line-height:1.4 !important;letter-spacing:0;font-family:var(--pd-body);
}
.clinician-byline .clinician-byline-review{font-size:15.5px !important;color:var(--pd-ink);}
.clinician-byline .clinician-byline-review a{color:var(--pd-navy);font-family:var(--pd-body);font-weight:700;text-decoration:none;display:inline;}
.clinician-byline .clinician-byline-meta{
  font-size:13.5px !important;color:var(--pd-muted);margin-top:3px !important;
  display:flex;flex-wrap:wrap;gap:0;
}
.clinician-byline-meta span + span::before{content:"\00B7";margin:0 .5em;color:var(--pd-muted);}
.clinician-byline .clinician-byline-meta a{color:var(--pd-navy);font-family:var(--pd-body);font-weight:700;text-decoration:none;display:inline;}
.clinician-byline a:hover,.clinician-byline a:focus{text-decoration:underline;}
.clinician-byline a:focus-visible{outline:2px solid var(--pd-navy);outline-offset:2px;border-radius:2px;}
@media (max-width:575px){
  .clinician-byline{gap:12px;align-items:flex-start;}
  .clinician-byline .clinician-byline-photo img{width:40px;height:40px;}
}
