.cgl-journal-page {
  width: min(1160px,calc(100% - 40px));
  margin: 40px auto 80px;
  color: #174b60;
}

.cgl-journal-intro {
  max-width: 840px;
  margin-bottom: 32px;
}

.cgl-journal-intro .cgl-eyebrow {
  display: block;
  margin-top: 24px;
}

.cgl-journal-intro h1 {
  font: 400 clamp(36px,5vw,58px)/1.1 Georgia,serif;
  margin: 14px 0;
}

.cgl-journal-intro>p {
  font-size: 17px;
  line-height: 1.65;
}

.cgl-journal-nav {
  display: flex;
  gap: 10px;
  margin-top: 24px;
}

.cgl-journal-nav a {
  display: flex;
  gap: 22px;
  align-items: center;
  padding: 13px 23px;
  border: 1px solid #cfe0e7;
  border-radius: 12px;
  background: #ffffffb8;
  text-decoration: none;
  color: inherit;
}

.cgl-journal-nav span {
  font-size: 12px;
  color: #5d8391;
}

.cgl-journal-columns {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 26px;
  align-items: start;
}

.cgl-journal-section {
  min-width: 0;
  scroll-margin-top: 150px;
}

.cgl-journal-section-head {
  padding: 0 4px;
  margin-bottom: 20px;
}

.cgl-journal-section-head h2 {
  font: 400 32px/1.2 Georgia,serif;
  margin: 0;
}

.cgl-journal-section-head p {
  font-size: 13px;
  line-height: 1.6;
  margin: 10px 0 0;
  color: #608293;
}

.cgl-journal-grid {
  display: grid;
  grid-template-columns: minmax(0,1fr);
  gap: 18px;
  align-items: start;
}

.cgl-journal-card,.cgl-journal-placeholder {
  border: 3px solid #fff;
  border-radius: 18px;
  overflow: hidden;
  background: linear-gradient(130deg,#f1f8fa,#fff8f4);
  box-shadow: 0 10px 35px #33515a08;
}

.cgl-journal-card figure {
  position: relative;
  margin: 0;
  aspect-ratio: 16/9;
  overflow: hidden;
}

.cgl-journal-card figure img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.cgl-video-cover{position:relative}.cgl-video-cover iframe{display:block;width:100%;height:100%;border:0}.cgl-video-play{position:absolute;inset:0;margin:auto;width:68px;height:68px;border:0;border-radius:50%;background:#fff;color:#174b60;box-shadow:0 8px 30px #173f5066;font-size:25px;cursor:pointer}.cgl-video-play:hover{transform:scale(1.05)}.cgl-video-play:focus-visible{outline:3px solid #174b60;outline-offset:4px}

.cgl-journal-copy {
  padding: 24px;
}

.cgl-journal-copy h3 {
  font: 400 26px/1.18 Georgia,serif;
  margin: 12px 0;
  overflow-wrap: anywhere;
}

.cgl-journal-copy>p,.cgl-journal-fulltext {
  font-size: 14px;
  line-height: 1.75;
}

.cgl-journal-action,.cgl-journal-article summary {
  display: inline-flex;
  align-items: center;
  gap: 20px;
  padding: 10px 0;
  color: #225a6c;
  text-decoration: none;
  border-bottom: 1px solid #a8c3cc;
  cursor: pointer;
  font-size: 14px;
}

.cgl-journal-action:focus-visible,.cgl-journal-nav a:focus-visible,.cgl-journal-article summary:focus-visible {
  outline: 2px solid #225a6c;
  outline-offset: 5px;
}

.cgl-journal-article[open] summary span {
  transform: rotate(45deg);
}

.cgl-journal-fulltext {
  margin-top: 24px;
}

.cgl-journal-fulltext img {
  max-width: 100%;
  height: auto;
}

.cgl-journal-fulltext h2,.cgl-journal-fulltext h3 {
  font-family: Georgia,serif;
}

.cgl-journal-placeholder {
  padding: 30px;
}

.cgl-journal-placeholder p {
  font: 400 23px/1.45 Georgia,serif;
  margin: 12px 0 0;
}

.cgl-journal-pending {
  color: #668292;
}

.cgl-journal-scroll{max-height:min(640px,70vh);overflow-y:auto;overscroll-behavior-y:contain;scrollbar-gutter:stable;padding:3px 8px 6px 3px;scrollbar-color:#9abcc7 #edf5f7;scrollbar-width:thin}
.cgl-journal-scroll:focus-visible{outline:2px solid #225a6c;outline-offset:3px;border-radius:16px}
.cgl-journal-card h3{font-size:clamp(20px,2vw,26px)}
.cgl-journal-copy>p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.cgl-journal-modal-open{overflow:hidden}
dialog.cgl-journal-dialog{box-sizing:border-box;position:fixed;inset:0;margin:auto;padding:0;width:min(900px,calc(100vw - 32px));max-height:90vh;max-height:90dvh;border:2px solid white;border-radius:22px;background:#f8fbfc;color:#174b60;overflow:hidden;box-shadow:0 24px 100px #173f5055}
.cgl-journal-dialog[open]{display:flex;flex-direction:column}
.cgl-journal-dialog::backdrop{background:#173f5080;backdrop-filter:blur(8px)}
.cgl-journal-dialog>header{display:flex;align-items:flex-start;gap:20px;padding:24px 26px;background:linear-gradient(110deg,#edf7fa,#fff3ed)}
.cgl-journal-dialog h2{font:400 clamp(23px,3vw,36px)/1.2 Georgia,serif;margin:0;overflow-wrap:anywhere;flex:1}
.cgl-journal-dialog [data-journal-close]{flex:0 0 44px;width:44px;height:44px;background:white;border:0;border-radius:50%;font-size:30px;color:inherit;cursor:pointer}
.cgl-journal-dialog-body{min-height:0;overflow:auto;overscroll-behavior:contain;padding:24px 30px 32px;line-height:1.7}
.cgl-journal-dialog .cgl-journal-fulltext{margin:0;overflow-wrap:anywhere;font-size:16px}
.cgl-journal-fulltext table{display:block;max-width:100%;overflow:auto}
.cgl-journal-player{aspect-ratio:16/9;background:#eaf3f6;border-radius:14px;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:18px;box-sizing:border-box;text-align:center;gap:12px}
.cgl-journal-player:has(iframe){padding:0}
.cgl-journal-player iframe{width:100%;height:100%;border:0}
.cgl-journal-player p{font-size:13px;max-width:450px;margin:0}
.cgl-journal-play-confirm{background:#225a6c;color:white;border:0;border-radius:10px;padding:12px 18px;font:inherit;cursor:pointer}
.cgl-journal-dialog button:focus-visible{outline:3px solid #6596a7;outline-offset:3px}

/* Compact rows: one publication below another, not tall photo tiles. */
.cgl-journal-page .cgl-journal-card{display:flex;align-items:center;gap:16px;padding:16px;min-height:0;height:auto}
.cgl-journal-page .cgl-journal-card figure{flex:0 0 126px;width:126px;height:84px;aspect-ratio:auto;border-radius:10px}
.cgl-journal-page .cgl-journal-copy{padding:0;min-width:0;flex:1;display:block}
.cgl-journal-page .cgl-journal-copy h3{font-size:21px;line-height:1.25;margin:5px 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.cgl-journal-page .cgl-journal-copy>p{font-size:13px;line-height:1.45;margin:6px 0;-webkit-line-clamp:2}
.cgl-journal-page .cgl-journal-entry{padding:0;margin:0;border:0;background:none;min-height:0}
.cgl-journal-page .cgl-journal-action{font-size:13px;padding:5px 0;gap:10px}
.cgl-journal-page .cgl-video-play{width:40px;height:40px;font-size:17px}
.cgl-journal-page .cgl-journal-placeholder{padding:20px;min-height:0}
.cgl-journal-page .cgl-journal-placeholder p{font-size:19px}

@media(max-width:700px) {
  .cgl-journal-page {
    width: calc(100% - 28px);
    margin-top: 24px;
  }
  .cgl-journal-columns {
    grid-template-columns: minmax(0,1fr);
    gap: 32px;
  }
  .cgl-journal-grid{grid-template-columns:minmax(0,1fr)}
  .cgl-journal-scroll{max-height:460px;max-height:60dvh}
  .cgl-journal-page .cgl-journal-card{gap:12px;padding:12px}
  .cgl-journal-page .cgl-journal-card figure{flex-basis:100px;width:100px;height:75px}
  .cgl-journal-page .cgl-journal-copy h3{font-size:19px}
  .cgl-journal-dialog>header{padding:18px 16px}
  .cgl-journal-dialog-body{padding:18px 16px}
  .cgl-journal-copy {
    padding: 21px;
  }
  .cgl-journal-placeholder {
    padding: 24px;
  }
  .cgl-journal-section {
    scroll-margin-top: 190px;
  }
  .cgl-journal-nav a {
    flex: 1;
    justify-content: space-between;
  }
  .cgl-journal-nav [aria-selected=true] {
    background: #dfedf2;
    border-color: #98bac9;
  }
  .cgl-journal-page.has-mobile-tabs .cgl-journal-section[hidden] {
    display: none;
  }
}

/* The video cover is the sole launch control; no duplicate text action. */
.cgl-journal-page .cgl-journal-card figure{background:#e2eef2}
.cgl-journal-page .cgl-video-play{width:100%;height:100%;border-radius:0;background:transparent;box-shadow:none;display:grid;place-items:center}
.cgl-journal-page .cgl-video-play span{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#fff;box-shadow:0 3px 15px #173f5044}
.cgl-journal-page .cgl-video-play:hover{transform:none;background:#ffffff18}
.cgl-journal-page .cgl-video-play:focus-visible{outline-offset:-3px}

/* Article summaries are the entire compact, keyboard-accessible card. */
.cgl-journal-page .cgl-journal-card.is-article{display:block;padding:0;height:auto;min-height:0}
.cgl-journal-page .is-article>.cgl-journal-entry{display:block;height:auto;min-height:0}
.cgl-journal-page .cgl-journal-card-trigger{display:flex;align-items:center;gap:16px;padding:16px;list-style:none;cursor:pointer;min-height:0;height:auto}
.cgl-journal-card-trigger::-webkit-details-marker{display:none}
.cgl-journal-card-trigger::marker{content:''}
.cgl-journal-card-trigger:focus-visible{outline:3px solid #6596a7;outline-offset:-4px;border-radius:15px}
.cgl-journal-card-trigger:hover{background:#ffffff50}
.cgl-journal-page .is-article .cgl-journal-copy{height:auto;min-height:0;display:block}
.cgl-journal-page .is-article .cgl-journal-copy>p{margin-bottom:0}
.cgl-journal-page .is-article details[open]>.cgl-journal-fulltext{padding:16px}
.cgl-journal-dialog.has-body-title>header{position:absolute;z-index:2;right:12px;top:12px;padding:0;background:none}
.cgl-journal-dialog [data-journal-title][hidden]{display:none}
.cgl-journal-dialog.has-body-title .cgl-journal-dialog-body{padding-top:28px}
.cgl-journal-dialog.has-body-title .cgl-journal-fulltext>:first-child{padding-right:48px;margin:0 0 18px;font-weight:400}
.cgl-journal-fulltext pre{max-width:100%;overflow-x:auto;white-space:pre;font-size:12px;line-height:1.4}
@media(max-width:700px){.cgl-journal-page .cgl-journal-card-trigger{padding:12px;gap:12px}.cgl-journal-dialog.has-body-title .cgl-journal-dialog-body{padding-top:22px}.cgl-journal-dialog.has-body-title>header{right:8px;top:8px}}

.cgl-program-reading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:9px 14px;margin-top:22px;border:1px solid #bfd4dd;border-radius:9px;background:#f1f7f9;color:#184f66;text-decoration:none;font-size:14px;line-height:1.45}.cgl-program-reading:hover{background:#e5f1f5}.cgl-program-reading:focus-visible{outline:2px solid #184f66;outline-offset:3px}.cgl-journal-copy .cgl-journal-author,.cgl-journal-fulltext .cgl-journal-author{font-size:12px;line-height:1.5;color:#5b7a88;margin:5px 0 10px;display:block;-webkit-line-clamp:unset}.cgl-journal-entry:target{scroll-margin-top:24px}
