/* Thought Leadership page styles
   Keep page-specific adjustments here. Global design remains in css/site.css and css/pages.css.
*/

/* Prevent important subjects from being accidentally cropped in page imagery. */
img {
  max-width: 100%;
}

/* Doctor portraits and story images: show more of the original frame. */
.story-tz img,
.split figure img,
.phero img {
  object-position: center top;
}

/* New patient education images: responsive, contained, and never clipped. */
.condition-feature-figure {
  margin: 28px 0 36px;
  width: 100%;
  max-width: 860px;
}
.condition-feature-image {
  display: block;
  width: 100%;
  height: auto;
  max-height: 560px;
  object-fit: contain;
  object-position: center;
  background: var(--ivory2, #EFE7D6);
  border-radius: 2px;
}
.condition-feature-figure figcaption {
  margin-top: 10px;
  color: var(--muted, #5A6468);
  font-size: 0.9375rem;
  line-height: 1.5;
}

@media (max-width: 640px) {
  .condition-feature-figure { margin: 20px 0 28px; }
  .condition-feature-image { max-height: 420px; }
}


/* Thought Leadership: four-section layout, using the existing site palette */
.publication-heading {
  margin: 28px 0 14px;
  color: var(--ink, #111A20);
  font-family: "Playfair Display", Georgia, serif;
  font-size: clamp(1.45rem, 2vw, 1.9rem);
}
.publication-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 12px;
  counter-reset: publication;
}
.publication-item {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  gap: 14px;
  align-items: start;
  padding: 18px 20px;
  border: 1px solid var(--line, #D9D4C8);
  background: var(--ivory, #FFFCF5);
}
.publication-item p {
  margin: 0;
  line-height: 1.7;
  overflow-wrap: anywhere;
}
.pub-number {
  color: var(--teal, #006D68);
  font-weight: 700;
  letter-spacing: .08em;
  font-size: 0.9625rem;
  padding-top: 2px;
}
.publication-item a {
  color: var(--teal, #006D68);
  overflow-wrap: anywhere;
}
.membership-feature {
  margin: 26px 0;
  padding: 26px 30px;
  background: var(--ivory2, #F1E9D9);
  border-left: 3px solid var(--gold, #CBA765);
}
.membership-feature h3,
.membership-group h3 {
  margin: 0 0 10px;
  color: var(--ink, #111A20);
  font-family: "Playfair Display", Georgia, serif;
  font-size: clamp(1.3rem, 2vw, 1.7rem);
}
.membership-feature p:last-child { margin-bottom: 0; }
.membership-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 22px;
}
.membership-group {
  padding: 24px;
  border: 1px solid var(--line, #D9D4C8);
  background: var(--ivory, #FFFCF5);
}
.membership-group ul {
  margin: 0;
  padding-left: 1.25rem;
}
.membership-group li {
  padding: 6px 0;
  line-height: 1.6;
}
@media (max-width: 680px) {
  .publication-item { grid-template-columns: 30px minmax(0, 1fr); padding: 15px; gap: 10px; }
  .membership-grid { grid-template-columns: 1fr; }
  .membership-feature, .membership-group { padding: 20px; }
}


/* Expandable Thought Leadership cards — retain the site's ivory, navy and gold palette. */
.tl-accordion-section { padding-top: clamp(32px, 5vw, 68px); }
.tl-accordion { display: grid; gap: 22px; }
.tl-card {
  background: var(--ivory, #fffaf0);
  border: 1px solid var(--line, #dfd4bd);
  border-radius: 3px;
  overflow: clip;
  box-shadow: 0 8px 24px rgba(17, 26, 32, .045);
}
.tl-card > summary {
  list-style: none;
  display: grid;
  grid-template-columns: 84px minmax(0, 1fr) 28px;
  align-items: start;
  gap: 24px;
  padding: clamp(22px, 3vw, 38px);
  cursor: pointer;
}
.tl-card > summary::-webkit-details-marker { display: none; }
.tl-icon {
  width: 78px; height: 78px; border-radius: 50%;
  display: grid; place-items: center;
  background: var(--ink, #111a20); color: var(--gold, #d9b878);
  font-size: 29px; line-height: 1;
}
.tl-card-copy { display: grid; gap: 10px; }
.tl-card-title {
  font-family: 'Playfair Display', Georgia, serif;
  color: var(--ink, #111a20);
  font-size: clamp(1.45rem, 2.4vw, 2rem);
  line-height: 1.25;
}
.tl-card-desc { color: var(--muted, #5a6468); font-size: 1.04rem; line-height: 1.65; max-width: 760px; }
.tl-card-action { color: var(--teal, #087c78); font-weight: 700; margin-top: 5px; }
.tl-chevron { color: var(--teal, #087c78); font-size: 1.5rem; font-weight: 500; }
.tl-card[open] .tl-chevron { transform: rotate(45deg); }
.tl-card-content { border-top: 1px solid var(--line, #dfd4bd); padding: clamp(22px, 3vw, 38px); }
.tl-card-content > .eyebrow:first-child { margin-top: 0; }
.tl-card-content .gallery { margin-top: 24px; }
.tl-card-content .publication-list { display: grid; gap: 12px; }
.tl-card-content .publication-item { padding: 14px 16px; background: rgba(255,255,255,.52); border: 1px solid var(--line, #dfd4bd); }
.tl-card-content .membership-grid { margin-top: 22px; }
@media (max-width: 640px) {
  .tl-card > summary { grid-template-columns: 54px minmax(0,1fr) 20px; gap: 14px; padding: 20px 16px; }
  .tl-icon { width: 52px; height: 52px; font-size: 22px; }
  .tl-card-title { font-size: 1.35rem; }
  .tl-card-desc { font-size: 1.0225rem; }
  .tl-card-content { padding: 20px 16px; }
}

/* Media & expert commentary: designed editorial thumbnails with click-to-play */
.tl-video{margin-top:28px}
.tl-video-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
@media(max-width:640px){.tl-video-grid{grid-template-columns:1fr;gap:18px}}
.tl-video-play,.tl-video iframe{display:block;width:100%;aspect-ratio:16/9;border:0;border-left:5px solid var(--gold);border-radius:3px;overflow:hidden}
.tl-video-play{position:relative;isolation:isolate;cursor:pointer;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:10px;background:radial-gradient(ellipse at 78% 28%,rgba(203,167,101,.36),transparent 29%),radial-gradient(ellipse at 16% 90%,rgba(0,109,104,.5),transparent 42%),linear-gradient(125deg,#10191d 0%,#153f42 54%,#0d292d 100%);color:#fff;font:600 1.05rem/1.35 var(--sans);padding:clamp(22px,3vw,34px);text-align:left;box-shadow:0 12px 28px rgba(17,26,32,.12);transition:transform .22s ease,box-shadow .22s ease}
.tl-video-play::before{content:"";position:absolute;z-index:-1;width:clamp(150px,23vw,280px);aspect-ratio:1;border:1px solid rgba(217,184,120,.48);border-radius:50%;right:8%;top:-28%;box-shadow:0 0 0 18px rgba(217,184,120,.055),0 0 0 42px rgba(217,184,120,.035),inset 0 0 55px rgba(217,184,120,.08)}
.tl-video-play::after{content:"LUNG CLINIX  /  EXPERT INSIGHTS";position:absolute;top:20px;left:clamp(22px,3vw,34px);font-size:0.7425rem;letter-spacing:.18em;font-weight:700;color:var(--gold2,#e2c17e)}
.tl-video-play:hover{transform:translateY(-3px);box-shadow:0 18px 34px rgba(17,26,32,.2)}
.tl-video-play:hover .tl-video-icon{background:var(--gold2);transform:scale(1.06)}
.tl-video-icon{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;width:68px;height:68px;border:1px solid rgba(255,255,255,.55);border-radius:50%;background:var(--gold);color:var(--ink);font-size:23px;padding-left:4px;box-shadow:0 8px 24px rgba(0,0,0,.2);transition:background .2s,transform .2s}
.tl-video-play:hover .tl-video-icon{transform:translate(-50%,-50%) scale(1.06)}
.tl-video-text{display:block;max-width:75%;font-family:'Playfair Display',Georgia,serif;font-size:clamp(1.25rem,2vw,1.7rem);font-weight:600;line-height:1.2;color:#fff}
.tl-video-play .tl-video-text::after{content:"Watch video";display:block;margin-top:7px;color:rgba(255,255,255,.78);font:500 0.9125rem/1.4 var(--sans);letter-spacing:.02em}
.tl-video iframe{background:#10191d}
.tl-video-note{margin:12px 0 0;font-size:0.9825rem;color:var(--muted)}
.tl-video-note a{color:var(--teal);font-weight:600}
@media(prefers-reduced-motion:reduce){.tl-video-play,.tl-video-icon{transition:none}.tl-video-play:hover{transform:none}}


/* Shared supplied thumbnail for all Lung Clinix video cards. */
.tl-video-play { background-image:linear-gradient(180deg,rgba(10,16,18,.08) 10%,rgba(10,16,18,.78) 100%),url("assets/img/lung-clinix-video-thumbnail.png") !important; background-position:center,center 43% !important; background-size:cover !important; background-repeat:no-repeat !important; }
.tl-video-play::before { display:none; }
.tl-video-play::after { padding:6px 9px; background:rgba(12,20,22,.72); border:1px solid rgba(217,184,120,.5); }

/* Hero: compact content block on the right */
.phero.photo.tl-hero-right{padding:clamp(40px,5vw,64px) 0}
.phero.photo.tl-hero-right::before{background:linear-gradient(270deg,rgba(17,21,23,.94) 0%,rgba(17,21,23,.72) 50%,rgba(17,21,23,.3) 100%)}
.tl-hero-right .wrap{display:flex;justify-content:flex-end}
.tl-hero-copy{width:min(100%,500px)}
.tl-hero-right h1{font-size:clamp(28px,3.1vw,42px);line-height:1.12}
.tl-hero-right .lead{font-size:1rem;line-height:1.65;margin-top:14px}
.tl-hero-right .hero-cta{margin-top:22px}
/* Video play buttons: transparent so the thumbnail stays visible */
.tl-video-icon{background:transparent!important;border:2px solid rgba(255,255,255,.9);color:#fff;box-shadow:none!important;text-shadow:0 1px 8px rgba(0,0,0,.65);filter:drop-shadow(0 1px 5px rgba(0,0,0,.5));transition:border-color .2s,color .2s,transform .2s}
.tl-video-play:hover .tl-video-icon,.tl-video-play:focus-visible .tl-video-icon{background:transparent!important;border-color:var(--gold2,#e2c17e);color:var(--gold2,#e2c17e)}

/* In-page video player (modal) */
.tl-modal{position:fixed;inset:0;z-index:2000;display:flex;align-items:center;justify-content:center;padding:clamp(12px,3vw,32px);background:rgba(8,12,14,.94)}
.tl-modal[hidden]{display:none}
.tl-modal-panel{position:relative;width:min(960px,100%);max-height:100%;display:flex;flex-direction:column;gap:12px}
.tl-modal-head{display:flex;align-items:center;justify-content:space-between;gap:16px}
.tl-modal-title{margin:0;color:#fff;font:600 clamp(1rem,2vw,1.35rem)/1.3 'Playfair Display',Georgia,serif}
.tl-modal-close{flex:none;display:grid;place-items:center;width:44px;height:44px;border:1px solid rgba(255,255,255,.6);border-radius:50%;background:transparent;color:#fff;font-size:22px;line-height:1;cursor:pointer}
.tl-modal-close:hover,.tl-modal-close:focus-visible{border-color:var(--gold2,#e2c17e);color:var(--gold2,#e2c17e)}
.tl-modal-frame{position:relative;width:100%;aspect-ratio:16/9;background:#000;border-left:5px solid var(--gold);overflow:hidden}
.tl-modal-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.tl-modal-note{margin:0;color:#e8e2d2;font-size:0.9625rem;line-height:1.5}
.tl-modal-note[hidden]{display:none}


/* Ensure the embedded YouTube player fills the existing responsive modal frame. */
.tl-modal-frame .yt-player-target,.tl-modal-frame .yt-player-target iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.tl-video-play .tl-video-text{max-width:86%;overflow-wrap:anywhere;text-shadow:0 1px 8px rgba(0,0,0,.9)}

/* Premium video cards: the video leads, headline sits beneath it in a caption. Scoped to the video section only. */
.tl-video .tl-video-grid{gap:44px 36px}
.tl-video .tl-yt-item{display:flex;flex-direction:column-reverse;gap:20px;margin:0;padding:14px 14px 28px;background:#fff;border:1px solid rgba(17,26,32,.08);border-radius:8px;box-shadow:0 16px 42px rgba(17,26,32,.08);transition:transform .35s ease,box-shadow .35s ease}
.tl-video .tl-yt-item:hover{transform:translateY(-4px);box-shadow:0 24px 54px rgba(17,26,32,.14)}
.tl-video .tl-yt-title{margin:0;padding:0 10px;font-family:'Playfair Display',Georgia,serif;font-size:clamp(1.15rem,1.6vw,1.38rem);font-weight:600;line-height:1.3;color:var(--ink,#111A20)}
.tl-video .tl-yt-title::before{content:"";display:block;width:48px;height:2px;margin-bottom:14px;background:var(--gold,#d6b77a)}
.tl-video .tl-yt.tl-video-play{border-left:0;border-radius:4px;box-shadow:none;transition:none}
.tl-video .tl-yt.tl-video-play:hover{transform:none}
.tl-video .tl-yt .tl-video-text::after{content:none}
.tl-video .tl-yt .tl-video-text{font-size:clamp(1.05rem,1.6vw,1.3rem)}


/* Thought Leadership hero: use a dedicated portrait crop on mobile only. */
.phero.photo .ph-bg-picture{position:absolute;inset:0;display:block;width:100%;height:100%;}
.phero.photo .ph-bg-picture .ph-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top;}