/* Radio, careers and Yenilikler: the homepage "On air and open" band and the /yenilikler page.
   Loaded after site.css (and home.css on the homepage); uses its theme tokens. */

/* Homepage */
.devran-spread > div { max-width: 780px; }

.home-now { padding: 74px 0 82px; border-top: 1px solid var(--ink); }
.home-now > .shell { display: grid; grid-template-columns: 4fr 8fr; gap: 24px; }
.home-now h2 { margin: 0; font: 600 clamp(48px, 5vw, 68px)/.92 var(--display); letter-spacing: -.03em; }
.now-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 40px; }
.now-item { padding: 22px 0 30px; border-top: 1px solid var(--line); }
.now-item h3 { margin: 0 0 10px; font: 600 clamp(26px, 2.4vw, 34px)/1 var(--display); letter-spacing: -.025em; }
.now-item p { max-width: 460px; margin: 0 0 14px; font-size: 18px; line-height: 1.45; color: var(--ink-soft); }

/* Yenilikler page */
.changelog { border-top: 1px solid var(--ink); }
.changelog-day { display: grid; grid-template-columns: 4fr 8fr; gap: 24px; padding: 32px 0 40px; border-bottom: 1px solid var(--ink); }
.changelog-day h2 { margin: 0; font: 600 clamp(28px, 3vw, 44px)/.98 var(--display); letter-spacing: -.04em; }
.changelog-day ul { margin: 0; padding: 0; list-style: none; }
.changelog-day li { padding-bottom: 22px; font-size: 19px; line-height: 1.5; color: var(--ink-soft); }
.changelog-day li + li { padding-top: 22px; border-top: 1px solid var(--line); }
.changelog-day li:last-child { padding-bottom: 0; }
.changelog-day li strong { display: block; margin-bottom: 6px; font: 600 14px/1.2 var(--display); text-transform: uppercase; letter-spacing: .06em; color: var(--signal); }

@media (max-width: 760px) {
  .home-now { padding: 64px 0; }
  .home-now > .shell, .now-list, .changelog-day { grid-template-columns: 1fr; }
  .home-now > .shell { gap: 28px; }
  .changelog-day { gap: 18px; }
  .changelog-day li { font-size: 17px; }
}
