/* ============================================================
   Bluegrass Oral Pathology — interior page styles
   (loaded in addition to style.css)
   ============================================================ */

/* ---- Page header band ---- */
.pagehead{position:relative;text-align:center;padding:56px 26px 44px;
  background:linear-gradient(180deg,#fdfbf6 0%,var(--cream) 100%)}
.pagehead__eyebrow{font-size:.8rem;letter-spacing:3px;text-transform:uppercase;
  color:var(--gold);font-weight:500;margin-bottom:12px}
.pagehead h1{font-family:'IM Fell English SC',Georgia,serif;font-weight:400;color:var(--navy);
  font-size:clamp(2.1rem,4.8vw,3.4rem);line-height:1.1;letter-spacing:.5px}
.pagehead p{max-width:660px;margin:16px auto 0;color:#4a4843;font-size:1.05rem}
.pagehead .rule-diamond{margin:20px auto 0}

/* ---- Generic content sections ---- */
.section{padding:58px 0}
.section--tint{background:#fdfbf6}
.section--sage{background:var(--sage-band);color:#37402a}
.section__head{text-align:center;margin-bottom:34px}
.section__head h2{font-family:'IM Fell English SC',Georgia,serif;font-weight:400;color:var(--navy);
  font-size:clamp(1.7rem,3.4vw,2.4rem);line-height:1.15}
.lead{font-size:1.1rem;color:#3f3d38;max-width:760px;margin:0 auto;line-height:1.85;text-align:center}

/* ---- Pathologist bio ---- */
.bio{display:grid;grid-template-columns:300px 1fr;gap:46px;align-items:start;max-width:1020px;margin:0 auto}
.bio__photo{width:100%;border-radius:8px;box-shadow:var(--shadow);border:6px solid #fff}
.bio__aside{position:sticky;top:170px}
.bio__name{font-family:'IM Fell English SC',Georgia,serif;color:var(--navy);font-size:1.9rem;
  line-height:1.1;margin:20px 0 4px}
.bio__title{color:var(--gold);font-weight:500;letter-spacing:.6px;text-transform:uppercase;font-size:.78rem}
.bio__body p{margin-bottom:15px;color:#403e39;line-height:1.8}
.bio__body h3{font-family:'IM Fell English SC',Georgia,serif;font-weight:400;color:var(--navy);
  font-size:1.3rem;margin:26px 0 12px}
.credentials{list-style:none;display:grid;gap:11px}
.credentials li{padding-left:26px;position:relative;color:#403e39;line-height:1.55}
.credentials li::before{content:'\25C6';position:absolute;left:0;top:.32em;color:var(--gold);font-size:.68rem}

/* ---- Action cards (providers) ---- */
.actions{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;max-width:920px;margin:0 auto}
.action{background:#fff;border:1px solid var(--cream-2);border-radius:10px;padding:48px 40px;
  box-shadow:var(--shadow-sm);text-align:center;display:flex;flex-direction:column;align-items:center;
  transition:.24s}
.action:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
.action__icon{font-size:2.35rem;color:var(--gold);margin-bottom:20px;line-height:1}
.action h3{font-family:'IM Fell English SC',Georgia,serif;font-weight:400;color:var(--navy);
  font-size:1.85rem;margin-bottom:14px}
.action p{color:var(--muted);font-size:1.02rem;margin-bottom:28px;flex:1;line-height:1.65}
.action .btn{margin-top:auto}

/* ---- FAQ (native <details> accordion) ---- */
.faq{max-width:840px;margin:0 auto}
.faq__item{border-bottom:1px solid var(--cream-2)}
.faq__item summary{list-style:none;cursor:pointer;padding:20px 44px 20px 0;position:relative;
  font-weight:500;font-size:1.04rem;color:var(--navy)}
.faq__item summary::-webkit-details-marker{display:none}
.faq__item summary::after{content:'+';position:absolute;right:8px;top:50%;transform:translateY(-50%);
  color:var(--gold);font-size:1.5rem;line-height:1;transition:.2s}
.faq__item[open] summary::after{content:'\2013'}
.faq__item summary:hover{color:var(--gold)}
.faq__a{padding:0 44px 22px 0;color:#403e39;line-height:1.8}
.faq__a a{color:var(--navy);text-decoration:underline}
.faq__a a:hover{color:var(--gold)}

/* ---- Embedded form (Jotform iframe) ---- */
.formembed{max-width:840px;margin:0 auto}
.formembed iframe{width:100%;min-height:1050px;border:none;background:#fff;
  border-radius:8px;box-shadow:var(--shadow-sm)}

/* ---- Callout box ---- */
.callout{max-width:820px;margin:36px auto 0;background:#fff;border:1px solid var(--cream-2);
  border-left:4px solid var(--gold);border-radius:6px;padding:26px 30px;box-shadow:var(--shadow-sm)}
.callout h3{font-family:'IM Fell English SC',Georgia,serif;font-weight:400;color:var(--navy);
  font-size:1.3rem;margin-bottom:8px}
.callout p{color:#403e39;line-height:1.7}
.callout a{color:var(--navy);font-weight:500}
.callout a:hover{color:var(--gold)}

/* ---- Prose blocks (patients) ---- */
.prose{max-width:760px;margin:0 auto}
.prose h2{font-family:'IM Fell English SC',Georgia,serif;font-weight:400;color:var(--navy);
  font-size:clamp(1.5rem,3vw,2rem);margin:34px 0 12px;line-height:1.2}
.prose h2:first-child{margin-top:0}
.prose p{color:#403e39;line-height:1.85;margin-bottom:16px}
.prose ul{margin:0 0 16px;padding-left:22px}
.prose li{color:#403e39;line-height:1.75;margin-bottom:9px}
.prose li::marker{color:var(--gold)}

@media (max-width:820px){
  .bio{grid-template-columns:1fr;gap:24px;max-width:560px}
  .bio__aside{position:static;text-align:center}
  .bio__photo{max-width:280px;margin:0 auto}
  .actions{grid-template-columns:1fr;max-width:460px}
}