/*! tailwindcss v4.2.0 | MIT License | https://tailwindcss.com */
@layer properties;
@layer theme, base, components, utilities;
@layer theme {
  :root, :host {
    --font-sans: "Montserrat", ui-sans-serif, system-ui, sans-serif;
    --font-serif: "ABC Otto", ui-serif, Georgia, serif;
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
      "Courier New", monospace;
    --spacing: 0.25rem;
    --text-4xl: 2.25rem;
    --text-4xl--line-height: calc(2.5 / 2.25);
    --default-transition-duration: 150ms;
    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
    --color-clir-maroon: #9A1C46;
    --color-clir-ink: #252114;
    --color-clir-white: #ffffff;
  }
}
@layer base {
  *, ::after, ::before, ::backdrop, ::file-selector-button {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0 solid;
  }
  html, :host {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }
  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }
  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }
  h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit;
  }
  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }
  b, strong {
    font-weight: bolder;
  }
  code, kbd, samp, pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em;
  }
  small {
    font-size: 80%;
  }
  sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  sub {
    bottom: -0.25em;
  }
  sup {
    top: -0.5em;
  }
  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }
  :-moz-focusring {
    outline: auto;
  }
  progress {
    vertical-align: baseline;
  }
  summary {
    display: list-item;
  }
  ol, ul, menu {
    list-style: none;
  }
  img, svg, video, canvas, audio, iframe, embed, object {
    display: block;
    vertical-align: middle;
  }
  img, video {
    max-width: 100%;
    height: auto;
  }
  button, input, select, optgroup, textarea, ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    border-radius: 0;
    background-color: transparent;
    opacity: 1;
  }
  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }
  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }
  ::file-selector-button {
    margin-inline-end: 4px;
  }
  ::placeholder {
    opacity: 1;
  }
  @supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px) {
    ::placeholder {
      color: currentcolor;
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }
  textarea {
    resize: vertical;
  }
  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }
  ::-webkit-datetime-edit {
    display: inline-flex;
  }
  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }
  ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }
  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }
  :-moz-ui-invalid {
    box-shadow: none;
  }
  button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button {
    appearance: button;
  }
  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
    height: auto;
  }
  [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }
}
@layer utilities {
  .visible {
    visibility: visible;
  }
  .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
    border-width: 0;
  }
  .fixed {
    position: fixed;
  }
  .relative {
    position: relative;
  }
  .static {
    position: static;
  }
  .start {
    inset-inline-start: var(--spacing);
  }
  .end {
    inset-inline-end: var(--spacing);
  }
  .contents {
    display: contents;
  }
  .hidden {
    display: none;
  }
  .bg-\[var\(--color-clir-white\)\] {
    background-color: var(--color-clir-white);
  }
  .text-4xl {
    font-size: var(--text-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height));
  }
  .font-\[var\(--font-sans\)\] {
    --tw-font-weight: var(--font-sans);
    font-weight: var(--font-sans);
  }
  .font-\[var\(--font-serif\)\] {
    --tw-font-weight: var(--font-serif);
    font-weight: var(--font-serif);
  }
  .text-\[var\(--color-clir-ink\)\] {
    color: var(--color-clir-ink);
  }
  .text-\[var\(--color-clir-maroon\)\] {
    color: var(--color-clir-maroon);
  }
  .underline {
    text-decoration-line: underline;
  }
  .outline {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }
  .grayscale {
    --tw-grayscale: grayscale(100%);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .filter {
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .transition {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
}
@font-face {
  font-family: "ABC Otto";
  src: url("./fonts/Otto/ABCOtto-Regular.woff2") format("woff2"),
    url("./fonts/Otto/ABCOtto-Regular.woff") format("woff");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "ABC Otto";
  src: url("./fonts/Otto/ABCOtto-RegularItalic.woff2") format("woff2"),
    url("./fonts/Otto/ABCOtto-RegularItalic.woff") format("woff");
  font-style: italic;
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "ABC Otto";
  src: url("./fonts/Otto/ABCOtto-Bold.woff2") format("woff2"),
    url("./fonts/Otto/ABCOtto-Bold.woff") format("woff");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.landing-page {
  margin: 0;
  color: #2d2e33;
  font-family: var(--font-sans);
  background: #f4f2f2;
}
.lp-container {
  width: min(1120px, calc(100% - 3rem));
  margin: 0 auto;
}
.lp-topbar {
  background: var(--color-clir-maroon);
  color: #fff;
}
.lp-topbar-inner {
  min-height: 118px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2rem;
}
.lp-brand {
  text-decoration: none;
  color: #fff;
  display: inline-flex;
  flex-direction: column;
  font-family: var(--font-serif);
}
.lp-brand-line1 {
  font-size: 4rem;
  line-height: 0.9;
  letter-spacing: 0.02em;
}
.lp-brand-line2 {
  font-size: 2rem;
  line-height: 0.9;
  letter-spacing: 0.08em;
}
.lp-main-nav {
  display: flex;
  gap: 2.25rem;
  align-items: center;
}
.lp-main-nav a {
  color: #fff;
  text-decoration: none;
  font-weight: 700;
  font-size: 1.45rem;
}
.lp-main-nav a:hover {
  text-decoration: underline;
}
.lp-main-nav a[aria-current="page"] {
  text-decoration: underline;
}
.lp-hero {
  background: #f6f4f4;
  padding: 5.5rem 0 3.2rem;
}
.lp-hero-inner {
  max-width: 820px;
  text-align: center;
}
.lp-hero h1 {
  margin: 0 0 1rem;
  font-family: var(--font-serif);
  color: #303743;
  font-size: clamp(2.2rem, 5vw, 4.9rem);
  line-height: 1.1;
}
.lp-hero p {
  margin: 0 auto 2.2rem;
  font-size: 2rem;
  line-height: 1.35;
  color: #46474c;
}
.lp-searchbar {
  display: grid;
  grid-template-columns: 1fr auto;
  background: #fff;
  border: 1px solid #d9d9dd;
  border-radius: 0.6rem;
  overflow: hidden;
  margin-bottom: 1rem;
}
.lp-searchbar input {
  min-height: 4.6rem;
  border: 0;
  padding: 0 1.2rem;
  font-size: 1.7rem;
}
.lp-searchbar input:focus {
  outline: 2px solid #762f45;
  outline-offset: -2px;
}
.lp-searchbar button {
  border: 0;
  background: var(--color-clir-maroon);
  color: #fff;
  min-width: 154px;
  font-size: 1.9rem;
  font-weight: 700;
  cursor: pointer;
}
.lp-search-results {
  margin: 0 0 1.2rem;
  padding: 1rem 1.2rem;
  border: 1px solid #d9d9dd;
  border-radius: 0.6rem;
  background: #fff;
  text-align: left;
}
.lp-search-status {
  margin: 0 0 0.75rem;
  color: #484d56;
  font-size: 1.1rem;
}
.lp-search-list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 0.85rem;
}
.lp-search-item a {
  color: #202431;
  font-weight: 700;
  font-size: 1.05rem;
  text-decoration: none;
}
.lp-search-item a:hover {
  text-decoration: underline;
}
.lp-search-item p {
  margin: 0.2rem 0 0;
  color: #5f6470;
  font-size: 0.95rem;
}
.lp-filters {
  border-top: 1px solid #d9d9dd;
  border-bottom: 1px solid #d9d9dd;
  margin: 0;
  padding: 1rem 0 0.8rem;
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.4rem;
  flex-wrap: wrap;
}
.lp-filters a {
  text-decoration: none;
  color: #2d2e33;
  font-size: 1.8rem;
  font-weight: 600;
}
.lp-filters .is-active {
  color: var(--color-clir-maroon);
  border-bottom: 3px solid var(--color-clir-maroon);
  padding-bottom: 0.3rem;
}
.lp-reports-link {
  margin: 1.2rem 0 0;
}
.lp-section {
  padding: 3.1rem 0 3.4rem;
}
.lp-section-alt {
  background: #f0eeee;
}
.lp-section h2,
.lp-cta h2 {
  margin: 0 0 1.4rem;
  color: var(--color-clir-maroon);
  font-family: var(--font-serif);
  font-size: clamp(2.2rem, 3vw, 3.3rem);
  border-bottom: 1px solid #d4d4d7;
  padding-bottom: 0.8rem;
}
.lp-grid {
  display: grid;
  gap: 1.5rem;
}
.lp-grid-reports {
  grid-template-columns: 1fr;
  gap: 1rem;
}
.lp-grid-podcasts {
  grid-template-columns: minmax(260px, 0.95fr) minmax(0, 1.25fr);
  align-items: stretch;
}
.lp-grid-videos {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.lp-grid-videos .lp-media {
  aspect-ratio: 16 / 9;
  height: auto;
  background-size: cover;
  background-position: center;
}
.lp-media-link {
  display: block;
}
.lp-card {
  background: #fff;
  border: 1px solid #d6d5da;
  box-shadow: 0 2px 4px rgb(14 14 20 / 8%);
}
.lp-report-card {
  display: grid;
  grid-template-columns: 220px 1fr;
  align-items: stretch;
}
.lp-media {
  height: 146px;
  position: relative;
}
.lp-report-card .lp-media {
  height: 100%;
  min-height: 260px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-color: #f3f3f4;
}
.lp-media picture {
  display: block;
  width: 100%;
  height: 100%;
}
.lp-media-image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.lp-media-image-contain {
  object-fit: contain;
  background-color: #f3f3f4;
}
.lp-media-report1 {
  background: linear-gradient(120deg, #7c3f20 5%, #d8b98e 55%, #d3d3ce);
}
.lp-media-report2 {
  background: linear-gradient(120deg, #1c3056 10%, #5b9ac2 52%, #8ed1e7);
}
.lp-media-report3 {
  background: linear-gradient(120deg, #9f4f1c 12%, #d9c5b6 57%, #ebe7e4);
}
.lp-media-report4 {
  background: linear-gradient(120deg, #21406c 12%, #8cb3c8 56%, #dcb179);
}
.lp-year-badge {
  position: absolute;
  top: 0;
  left: 0;
  font-weight: 700;
  color: #fff;
  font-size: 1.45rem;
  letter-spacing: 0.05em;
  padding: 0.65rem 1rem;
  background: rgb(26 53 102 / 65%);
}
.lp-media-report1 .lp-year-badge,
.lp-media-report3 .lp-year-badge {
  background: rgb(167 58 77 / 65%);
}
.lp-card-body {
  padding: 1rem 1rem 1.1rem;
}
.lp-report-card .lp-card-body {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 1rem 1.3rem 1.1rem;
}
.lp-report-card .lp-btn {
  align-self: flex-start;
}
.lp-card-body h3 {
  margin: 0 0 0.65rem;
  font-size: 1.95rem;
  line-height: 1.3;
  color: #2e2f34;
}
.lp-card-body p {
  margin: 0.16rem 0;
  color: #55595f;
  font-size: 1.32rem;
}
.lp-card-body p span {
  float: right;
}
.lp-report-card .lp-card-body p:nth-of-type(2) {
  font-size: 1.1rem;
  color: #6a6d75;
}
.lp-btn {
  margin-top: 1rem;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  min-height: 2.75rem;
  padding: 0.4rem 1.2rem;
  border-radius: 0.22rem;
  border: 1px solid var(--color-clir-maroon);
  background: var(--color-clir-maroon);
  color: #fff;
  text-decoration: none;
  font-size: 1.55rem;
  font-weight: 700;
}
.lp-btn:hover {
  background: #80173a;
}
.lp-btn-small {
  min-width: 120px;
}
.lp-featured-podcast {
  position: relative;
  isolation: isolate;
  color: #fff;
  display: grid;
  align-items: center;
  padding: 1.3rem;
}
.lp-featured-podcast::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(140deg, rgb(14 22 35 / 78%), rgb(28 38 55 / 80%));
}
.lp-featured-media {
  position: absolute;
  inset: 0;
}
.lp-featured-media picture,
.lp-featured-image {
  display: block;
  width: 100%;
  height: 100%;
}
.lp-featured-image {
  object-fit: cover;
}
.lp-featured-inner {
  position: relative;
  z-index: 2;
  display: block;
}
.lp-featured-podcast .lp-eyebrow {
  margin: 0;
  font-size: 0.82rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-weight: 700;
  color: #e8edf8;
}
.lp-featured-podcast h3 {
  margin: 0.55rem 0 0.65rem;
  font-size: 2rem;
  color: #f6f8fe;
}
.lp-featured-podcast p {
  margin: 0;
  font-size: 1.05rem;
  line-height: 1.5;
  color: #d4dceb;
}
.lp-podcast-list {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1rem;
}
.lp-podcast-card {
  display: grid;
}
.lp-podcast-card .lp-card-body {
  display: grid;
  gap: 0.7rem;
  padding: 1.2rem;
}
.lp-podcast-card .lp-eyebrow {
  margin: 0;
  font-size: 0.8rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-weight: 700;
  color: #7b6470;
}
.lp-podcast-card h3 {
  margin: 0;
}
.lp-podcast-meta {
  margin: 0;
  font-size: 1rem;
  color: #5e6169;
}
.lp-podcast-player {
  width: 100%;
  max-width: 100%;
}
.lp-media-podcast1 {
  background: linear-gradient(135deg, #8f908f, #d9c7ab);
}
.lp-media-podcast2 {
  background: linear-gradient(135deg, #9d6f54, #c7b7b1);
}
.lp-media-video1 {
  background: linear-gradient(135deg, #5a6673, #b9b8b4);
}
.lp-media-video2 {
  background: linear-gradient(135deg, #5c3e28, #b9926f);
}
.lp-media-video3 {
  background: linear-gradient(135deg, #a7a6a3, #d1bfab);
}
.lp-media-play::after {
  content: "▶";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 56px;
  height: 56px;
  border-radius: 999px;
  background: rgb(255 255 255 / 88%);
  color: #2f3540;
  font-size: 1.9rem;
  display: grid;
  place-items: center;
  text-indent: 2px;
}
.lp-cta {
  background: var(--color-clir-maroon);
  color: #fff;
  text-align: center;
  padding: 3.3rem 0 3.4rem;
}
.lp-cta h2 {
  color: #fff;
  border-color: rgb(255 255 255 / 40%);
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}
.lp-cta p {
  margin: 0.7rem 0 1.5rem;
  font-size: 1.4rem;
}
.lp-annual-covers {
  margin: 0 0 1.5rem;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
  text-align: left;
}
.lp-annual-cover {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: stretch;
  text-decoration: none;
  color: #252114;
  border: 1px solid rgb(255 255 255 / 35%);
  background: #fff;
  box-shadow: 0 2px 6px rgb(8 8 8 / 18%);
}
.lp-annual-cover .lp-media {
  width: 150px;
  aspect-ratio: 250 / 353;
  min-height: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-color: #f4f4f5;
}
.lp-annual-copy {
  padding: 0.8rem 0.85rem 0.95rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 0.4rem;
}
.lp-annual-copy p {
  margin: 0;
  line-height: 1.3;
}
.lp-annual-copy p:first-child {
  font-size: 1.03rem;
  font-weight: 700;
  color: #2c313a;
}
.lp-annual-copy p:last-child {
  font-size: 0.94rem;
  color: #5b616b;
}
.lp-annual-cover:hover .lp-annual-copy p:first-child {
  text-decoration: underline;
}
.lp-btn-outline {
  background: transparent;
  border-color: #fff;
}
.lp-btn-outline:hover {
  background: rgb(255 255 255 / 15%);
}
.lp-footer {
  background: #121722;
  color: #dbe0eb;
}
.lp-footer-inner {
  min-height: 62px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
}
.lp-footer nav {
  display: flex;
  gap: 1.1rem;
}
.lp-footer a {
  color: #dbe0eb;
  text-decoration: none;
  font-size: 0.95rem;
}
.lp-footer p {
  margin: 0;
  font-size: 0.95rem;
}
@media (max-width: 1050px) {
  .lp-grid-podcasts {
    grid-template-columns: 1fr;
  }
  .lp-grid-videos {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .lp-annual-covers {
    grid-template-columns: 1fr;
  }
  .lp-annual-cover {
    grid-template-columns: auto 1fr;
  }
  .lp-annual-cover .lp-media {
    width: 170px;
  }
}
@media (max-width: 760px) {
  .lp-container {
    width: min(1120px, calc(100% - 1.4rem));
  }
  .lp-topbar-inner {
    min-height: 92px;
    flex-wrap: wrap;
    justify-content: center;
    padding: 0.8rem 0;
  }
  .lp-brand-line1 {
    font-size: 2.4rem;
  }
  .lp-brand-line2 {
    font-size: 1.12rem;
  }
  .lp-main-nav {
    gap: 1rem;
    flex-wrap: wrap;
    justify-content: center;
  }
  .lp-main-nav a {
    font-size: 1.02rem;
  }
  .lp-hero {
    padding-top: 3rem;
  }
  .lp-hero p {
    font-size: 1.2rem;
  }
  .lp-searchbar {
    grid-template-columns: 1fr;
  }
  .lp-searchbar button {
    min-height: 3.2rem;
  }
  .lp-filters a {
    font-size: 1rem;
  }
  .lp-grid-reports,
  .lp-grid-videos {
    grid-template-columns: 1fr;
  }
  .lp-report-card {
    grid-template-columns: 1fr;
  }
  .lp-report-card .lp-media {
    min-height: 280px;
  }
  .lp-featured-inner {
    align-items: initial;
    flex-direction: initial;
  }
  .lp-footer-inner {
    padding: 0.6rem 0;
    flex-direction: column;
  }
  .lp-annual-cover {
    grid-template-columns: 1fr;
  }
  .lp-annual-cover .lp-media {
    width: 250px;
    justify-self: center;
  }
}
.reports-page {
  margin: 0;
  background: linear-gradient(180deg, #f4f7f8 0%, #ffffff 300px);
  color: #242a30;
  font-family: var(--font-sans);
}
.rp-topbar {
  background: #1f3945;
  color: #fff;
}
.rp-topbar-inner {
  min-height: 78px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}
.rp-brand {
  color: #fff;
  text-decoration: none;
  font-family: var(--font-serif);
  font-size: 1.55rem;
}
.rp-main-nav {
  display: flex;
  gap: 1rem;
}
.rp-main-nav a {
  color: #d8e5eb;
  text-decoration: none;
  font-weight: 600;
}
.rp-main-nav a[aria-current="page"] {
  color: #fff;
  text-decoration: underline;
}
.rp-hero {
  padding: 2.4rem 0 1.7rem;
}
.rp-eyebrow {
  margin: 0;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-size: 0.78rem;
  color: #49616e;
  font-weight: 700;
}
.rp-hero h1 {
  margin: 0.45rem 0 0.5rem;
  font-family: var(--font-serif);
  font-size: clamp(2rem, 4vw, 3.1rem);
  color: #1f3945;
}
.rp-hero p {
  margin: 0;
  color: #425159;
  max-width: 760px;
}
.rp-browser-wrap {
  padding: 0 0 2rem;
}
.rp-controls {
  background: #fff;
  border: 1px solid #d8e3e8;
  border-radius: 0.45rem;
  box-shadow: 0 10px 24px rgb(15 48 61 / 7%);
  display: grid;
  grid-template-columns: 1.4fr repeat(3, minmax(140px, 1fr));
  gap: 0.75rem;
  padding: 0.85rem;
}
.rp-control {
  display: grid;
  gap: 0.35rem;
}
.rp-control span {
  font-size: 0.8rem;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: #5a6973;
  font-weight: 700;
}
.rp-control input,
.rp-control select {
  min-height: 2.8rem;
  border: 1px solid #bcccd4;
  border-radius: 0.35rem;
  padding: 0 0.8rem;
  font-size: 1rem;
  background: #fff;
}
.rp-status {
  margin: 0.9rem 0;
  color: #44545f;
  font-size: 0.95rem;
}
.rp-results {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 0.8rem;
}
.rp-card {
  border: 1px solid #d8e3e8;
  border-radius: 0.45rem;
  background: #fff;
  padding: 1rem;
  box-shadow: 0 2px 12px rgb(16 53 69 / 5%);
}
.rp-card h2 {
  margin: 0 0 0.55rem;
  font-family: var(--font-serif);
  font-size: clamp(1.2rem, 2vw, 1.55rem);
  line-height: 1.3;
}
.rp-card h2 a {
  color: #1d3241;
  text-decoration: none;
}
.rp-card h2 a:hover {
  text-decoration: underline;
}
.rp-meta {
  margin: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.45rem 1rem;
}
.rp-meta dt {
  font-size: 0.73rem;
  text-transform: uppercase;
  letter-spacing: 0.07em;
  color: #58707b;
  font-weight: 700;
}
.rp-meta dd {
  margin: 0.12rem 0 0;
  color: #263844;
}
.rp-summary {
  margin: 0.8rem 0 0.7rem;
  color: #43515a;
  line-height: 1.55;
}
.rp-open {
  color: #8e2248;
  text-decoration: none;
  font-weight: 700;
}
.rp-open:hover {
  text-decoration: underline;
}
.rp-pagination {
  margin: 1rem 0 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.8rem;
}
.rp-pagination p {
  margin: 0;
  min-width: 130px;
  text-align: center;
  color: #39515c;
}
.rp-pagination button {
  min-width: 110px;
  min-height: 2.5rem;
  border: 1px solid #1f3945;
  background: #1f3945;
  color: #fff;
  border-radius: 0.3rem;
  cursor: pointer;
  font-weight: 700;
}
.rp-pagination button:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}
.item-page {
  margin: 0;
  background: linear-gradient(180deg, #f4efed 0%, #f8f5f3 220px, #f5f3f2 100%);
  color: #252114;
  font-family: var(--font-sans);
}
.item-main {
  padding: 2rem 0 3rem;
}
.item-view {
  display: grid;
  gap: 1.5rem;
}
.item-breadcrumb {
  margin: 0;
  color: #5b5760;
  font-size: 0.95rem;
}
.item-breadcrumb a {
  color: var(--color-clir-maroon);
  text-decoration: none;
}
.item-breadcrumb a:hover {
  text-decoration: underline;
}
.item-hero {
  background: #fff;
  border: 1px solid #dfdbda;
  border-radius: 0.5rem;
  box-shadow: 0 8px 24px rgb(34 20 22 / 7%);
  display: grid;
  grid-template-columns: minmax(210px, 300px) 1fr;
  gap: 1.25rem;
  padding: 1.25rem;
}
.item-cover {
  align-self: start;
  border: 1px solid #d7d1d0;
  border-radius: 0.45rem;
  background: #f4f0ef;
  overflow: hidden;
}
.item-cover img {
  display: block;
  width: 100%;
  height: auto;
}
.item-cover-fallback {
  min-height: 380px;
  display: grid;
  place-items: center;
  font-family: var(--font-serif);
  font-size: 2.4rem;
  color: #8a334f;
  background: linear-gradient(135deg, #e8d2d5, #f4efec);
}
.item-kicker {
  margin: 0;
  font-size: 0.82rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-weight: 700;
  color: #7b6470;
}
.item-summary h1 {
  margin: 0.45rem 0 0.9rem;
  font-family: var(--font-serif);
  color: #3a2d34;
  font-size: clamp(1.5rem, 3vw, 2.5rem);
  line-height: 1.2;
}
.item-meta {
  margin: 0;
  display: grid;
  gap: 0.75rem;
}
.item-meta div {
  display: grid;
  gap: 0.2rem;
}
.item-meta dt {
  font-size: 0.8rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-weight: 700;
  color: #7d6f78;
}
.item-meta dd {
  margin: 0;
  color: #31272c;
  line-height: 1.5;
}
.item-citation-controls {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.6rem;
}
.item-citation-controls label {
  font-size: 0.9rem;
  font-weight: 600;
  color: #4a4147;
}
.item-citation-controls select {
  min-height: 2.2rem;
  border: 1px solid #cdbdc5;
  border-radius: 0.3rem;
  padding: 0.2rem 0.45rem;
  color: #231b20;
  background: #fff;
}
.item-citation-output-row {
  margin-top: 0.65rem;
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 0.55rem;
  align-items: start;
}
.item-citation-copy {
  min-height: 2.2rem;
  min-width: 2.2rem;
  border: 1px solid #cfbec6;
  border-radius: 0.35rem;
  background: #fff;
  color: #6a555f;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: border-color 120ms ease,
    color 120ms ease,
    background-color 120ms ease;
}
.item-citation-copy:hover {
  border-color: #b89ba8;
  color: #4f3c44;
}
.item-citation-copy:focus-visible {
  outline: 2px solid #8e3e5a;
  outline-offset: 2px;
}
.item-citation-copy[data-copied="true"] {
  border-color: #97b6a0;
  color: #2d6a3c;
  background: #f3faf5;
}
.item-citation-copy-icon {
  width: 1rem;
  height: 1rem;
}
.item-citation-copy-icon-success {
  display: none;
}
.item-citation-copy[data-copied="true"] .item-citation-copy-icon-default {
  display: none;
}
.item-citation-copy[data-copied="true"] .item-citation-copy-icon-success {
  display: block;
}
.item-citation-output {
  margin: 0;
  padding: 0.7rem 0.8rem;
  border: 1px solid #dfdbda;
  border-radius: 0.35rem;
  background: #faf8f7;
  color: #302a2f;
  white-space: pre-wrap;
}
.item-citation-status {
  margin: 0.45rem 0 0;
  min-height: 1.1rem;
  font-size: 0.85rem;
  color: #6a555f;
}
.item-actions {
  margin-top: 1.15rem;
  display: flex;
  flex-wrap: wrap;
  gap: 0.8rem;
}
.item-hero-podcast {
  grid-template-columns: 1fr;
}
.item-audio-player {
  width: min(560px, 100%);
}
.item-btn-alt {
  color: var(--color-clir-maroon);
  border-color: #caa4b2;
}
.item-panel {
  background: #fff;
  border: 1px solid #dfdbda;
  border-radius: 0.5rem;
  box-shadow: 0 8px 20px rgb(34 20 22 / 5%);
  padding: 1.25rem;
}
.item-panel h2 {
  margin: 0 0 0.85rem;
  font-family: var(--font-serif);
  color: var(--color-clir-maroon);
  font-size: 1.7rem;
}
.item-description {
  color: #302a2f;
  line-height: 1.6;
}
.item-description p {
  margin: 0.65rem 0;
}
.item-description ul,
.item-description ol {
  padding-left: 1.2rem;
}
.item-files {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 0.6rem;
}
.item-files a {
  color: #27354e;
  text-decoration: none;
  font-weight: 600;
}
.item-files a:hover {
  text-decoration: underline;
}
.item-empty {
  margin: 0;
  color: #726d73;
  font-style: italic;
}
@media (max-width: 760px) {
  .rp-topbar-inner {
    min-height: 64px;
  }
  .rp-controls {
    grid-template-columns: 1fr;
  }
  .rp-meta {
    grid-template-columns: 1fr;
  }
  .rp-pagination {
    flex-wrap: wrap;
  }
  .item-hero {
    grid-template-columns: 1fr;
  }
  .item-cover {
    max-width: 340px;
    justify-self: center;
    width: 100%;
  }
  .item-cover-fallback {
    min-height: 280px;
  }
  .item-main {
    padding: 1rem 0 2rem;
  }
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false;
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *, ::before, ::after, ::backdrop {
      --tw-font-weight: initial;
      --tw-outline-style: solid;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
    }
  }
}
