.radio-share {
  --share-paper: #f5efe3; --share-ink: #18343c; --share-soft: #4b6065; --share-line: #18343c30;
  color: var(--share-ink); background: var(--share-paper);
  border-top: 1px solid var(--share-line); margin-top: 2rem; padding-top: 1.5rem;
  font-family: var(--font-sans, "Manrope", sans-serif);
}
.radio-share h2, .radio-share h3 { font: 500 clamp(1.55rem, 3vw, 2rem)/1.15 var(--font-display, "Newsreader", serif); color: inherit; letter-spacing: -.02em; max-width: none; margin: 0 0 1.1rem; }
.radio-share__channels { display: flex; flex-wrap: wrap; gap: .6rem; }
.radio-share__button,
.radio-share__channels a,
.radio-share__more a {
  display: inline-flex; align-items: center; justify-content: center; gap: .5rem;
  min-height: 44px; padding: .72rem 1rem; border: 1px solid var(--share-line); border-radius: 3px;
  color: var(--share-ink); background: transparent; font: 750 .78rem/1.4 var(--font-sans, "Manrope", sans-serif);
  text-decoration: none; cursor: pointer;
}
.radio-share__button:hover,.radio-share a:hover { background: #18343c0a; }
.radio-share__button--primary { color: #fff5df; background: #18343c; border-color: #18343c; }
.radio-share__button--primary:hover { color: #fff5df; background: #294c55; }
.radio-share__button svg { width: 16px; height: 16px; }
.radio-share__link { margin-top: 1rem; display: flex; flex-wrap: wrap; gap: .5rem; align-items: center; }
.radio-share__link label { flex: 1 1 100%; font-size: .7rem; color: var(--share-soft); font-weight: 650; }
.radio-share input,
.radio-share textarea { display: block; border: 1px solid var(--share-line); border-radius: 3px; background: #ffffff40; color: var(--share-ink); font: 400 max(16px,.85rem)/1.65 var(--font-sans, "Manrope", sans-serif); padding: .65rem .8rem; box-sizing: border-box; }
.radio-share input { flex: 1 1 16rem; min-width: 0; max-width: 31rem; min-height: 44px; }
.radio-share textarea { width: 100%; min-height: 8rem; resize: vertical; margin-block: .6rem; }
.radio-share__status { min-height: 1.6em; font-size: .76rem; color: var(--share-soft); line-height: 1.6; margin: .7rem 0; }
.radio-share details { border-top: 1px solid var(--share-line); }
.radio-share summary { cursor: pointer; padding: 1rem .2rem; font-size: .8rem; font-weight: 750; min-height: 44px; box-sizing: border-box; }
.radio-share__more { display: flex; flex-wrap: wrap; gap: .5rem; padding-bottom: 1rem; }
.radio-share__assets-intro { color: var(--share-soft); font-size: .83rem; line-height: 1.8; margin: 0 0 1.3rem; max-width: 70ch; }
.radio-share__assets-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
.radio-share__asset { margin: 0; display: grid; grid-template-columns: 5rem minmax(0,1fr); gap: 1rem; align-items: start; padding: 1rem; border: 1px solid var(--share-line); }
.radio-share__asset img { width: 100%; height: auto; border-radius: 2px; }
.radio-share__asset strong { display: block; font-size: .8rem; line-height: 1.5; margin-bottom: .25rem; }
.radio-share__asset small { display: block; font-size: .7rem; color: var(--share-soft); margin-bottom: .6rem; }
.radio-share__asset a,.radio-share__asset button { width: 100%; margin-top: .3rem; padding-inline: .5rem; }
.radio-share__caption { margin-block: 1.5rem; }
.radio-share__caption label { font-size: .8rem; font-weight: 750; }
.radio-share :is(button,a,input,textarea,summary):focus-visible { outline: 3px solid #bd7e42; outline-offset: 3px; }
.radio-share [hidden] { display: none !important; }
.radio-landing .radio-feature { border-top: 0; padding-top: clamp(2rem, 5vw, 4rem); }
.radio-landing h1 { margin: 0 0 1.3rem; max-width: 14ch; font: 500 clamp(2.5rem, 4.5vw, 4rem)/1.04 var(--font-display, "Newsreader", serif); letter-spacing: -.035em; color: inherit; }
.radio-landing h1 em { color: var(--radio-rust); font-weight: inherit; }
.radio-landing .radio-feature__grid { align-items: start; }
.radio-landing .radio-crumb { display: block; margin-bottom: 2rem; color: var(--radio-ink); font-size: .74rem; text-underline-offset: .25em; }
.radio-landing .radio-feature__onward { margin-top: 1.8rem; }
.radio-landing .radio-source { margin-top: 1.3rem; color: var(--radio-ink); }
.radio-landing .radio-source summary { cursor: pointer; padding-block: .8rem; min-height: 44px; font-size: .73rem; font-weight: 650; }
.radio-landing .radio-source summary:focus-visible { outline: 3px solid #bd7e42; outline-offset: 3px; }
@media (max-width:650px) {
  .radio-share__assets-grid { grid-template-columns: 1fr; }
  .radio-share__link input { max-width: 100%; }
  .radio-share__channels > * { flex: 1 1 7.5rem; }
  .radio-landing .radio-feature__topics { margin-block: 1rem; }
}
@media (prefers-color-scheme:dark) {
  .radio-share { --share-paper:#12272e; --share-ink:#f2ebdf; --share-soft:#bccacd; --share-line:#ffffff30; }
  .radio-share input,.radio-share textarea { background:#ffffff08; }
  .radio-share__button--primary { background:#f3dfb8; color:#18343c; border-color:#f3dfb8; }
  .radio-share__button--primary:hover { background:#fff0d2; color:#18343c; }
  .radio-share__button:hover,.radio-share a:hover { background:#ffffff10; }
}