.ya-marathons-app,
.ya-marathon-detail {
  width: min(100%, 1120px);
  margin: 0 auto;
  padding: 24px;
  color: var(--ya-text, #171717);
}

.ya-marathons-hero {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 28px;
  padding: 30px;
  margin-bottom: 18px;
  border: 1px solid var(--ya-line, #dedcd5);
  border-radius: 28px;
  background:
    radial-gradient(circle at 86% 14%, rgba(242, 201, 76, .34) 0 82px, transparent 83px),
    linear-gradient(135deg, #fff 0%, #f8f6ee 100%);
}

.ya-marathons-eyebrow,
.ya-section-heading span {
  display: block;
  margin-bottom: 7px;
  color: var(--ya-accent-strong, #9d7100);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.ya-marathons-hero h1,
.ya-marathon-detail__copy h1 {
  margin: 0;
  font-size: clamp(38px, 5vw, 68px);
  line-height: .98;
  letter-spacing: -.045em;
}

.ya-marathons-hero p {
  max-width: 680px;
  margin: 14px 0 0;
  color: var(--ya-muted, #6f6d67);
  font-size: 18px;
  line-height: 1.6;
}

.ya-marathon-tabs {
  display: flex;
  gap: 8px;
  overflow-x: auto;
  padding: 4px 0 16px;
  scrollbar-width: none;
}

.ya-marathon-tabs::-webkit-scrollbar { display: none; }

.ya-marathon-tabs button {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 44px;
  padding: 0 17px;
  border: 1px solid transparent;
  border-radius: 999px;
  background: transparent;
  color: var(--ya-muted, #6f6d67);
  font: inherit;
  font-weight: 800;
  white-space: nowrap;
  cursor: pointer;
}

.ya-marathon-tabs button span {
  display: grid;
  place-items: center;
  min-width: 24px;
  height: 24px;
  padding: 0 6px;
  border-radius: 999px;
  background: var(--ya-surface-soft, #f0efea);
  font-size: 12px;
}

.ya-marathon-tabs button.is-active {
  border-color: #d8af28;
  background: var(--ya-accent, #f2c94c);
  color: var(--ya-accent-text, #1d190d);
}

.ya-marathon-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}

.ya-marathon-grid[hidden] { display: none !important; }

.ya-marathon-card {
  min-width: 0;
  overflow: hidden;
  border: 1px solid var(--ya-line, #dedcd5);
  border-radius: 24px;
  background: var(--ya-surface, #fff);
  box-shadow: 0 14px 36px rgba(26, 23, 13, .055);
}

.ya-marathon-card__cover {
  position: relative;
  display: block;
  min-height: 164px;
  padding: 18px;
  background:
    linear-gradient(135deg, rgba(242, 201, 76, .86), rgba(255, 244, 198, .94)),
    var(--ya-card-cover);
  background-position: center;
  background-size: cover;
  text-decoration: none;
}

.ya-marathon-card__cover[style]::after,
.ya-marathon-detail__hero.has-cover::after {
  position: absolute;
  inset: 0;
  content: "";
  background: linear-gradient(180deg, rgba(16, 15, 11, .04), rgba(16, 15, 11, .48));
}

.ya-marathon-state {
  position: relative;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  min-height: 32px;
  padding: 0 12px;
  border-radius: 999px;
  background: rgba(255, 255, 255, .9);
  color: #171717;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .04em;
  text-transform: uppercase;
  backdrop-filter: blur(8px);
}

.ya-marathon-state--active::before {
  width: 8px;
  height: 8px;
  margin-right: 7px;
  border-radius: 50%;
  background: #2f7a4a;
  content: "";
  box-shadow: 0 0 0 4px rgba(47, 122, 74, .12);
}

.ya-marathon-state--completed { color: var(--ya-muted, #6f6d67); }

.ya-marathon-card__body {
  display: grid;
  gap: 16px;
  padding: 21px;
}

.ya-marathon-card__date {
  color: var(--ya-accent-strong, #9d7100);
  font-size: 12px;
  font-weight: 800;
}

.ya-marathon-card h2 {
  margin: 6px 0 0;
  font-size: 25px;
  line-height: 1.1;
  letter-spacing: -.025em;
}

.ya-marathon-card h2 a {
  color: inherit;
  text-decoration: none;
}

.ya-marathon-card p {
  margin: 0;
  color: var(--ya-muted, #6f6d67);
  line-height: 1.55;
}

.ya-marathon-card__stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px;
  overflow: hidden;
  border: 1px solid var(--ya-line, #dedcd5);
  border-radius: 15px;
  background: var(--ya-line, #dedcd5);
}

.ya-marathon-card__stats span {
  display: grid;
  gap: 3px;
  min-width: 0;
  padding: 12px 10px;
  background: var(--ya-surface-soft, #f0efea);
  color: var(--ya-muted, #6f6d67);
  font-size: 11px;
  text-align: center;
}

.ya-marathon-card__stats strong {
  color: var(--ya-text, #171717);
  font-size: 18px;
}

.ya-marathon-card__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.ya-button-compact {
  min-height: 42px !important;
  padding-inline: 16px !important;
}

.ya-membership-label {
  display: inline-flex;
  align-items: center;
  min-height: 42px;
  padding: 0 14px;
  border-radius: 999px;
  background: var(--ya-accent-soft, #fff2bd);
  font-weight: 800;
}

.ya-marathon-empty {
  grid-column: 1 / -1;
  display: grid;
  justify-items: center;
  gap: 7px;
  min-height: 220px;
  place-content: center;
  padding: 28px;
  border: 1px dashed var(--ya-line-strong, #c9c6bc);
  border-radius: 24px;
  color: var(--ya-muted, #6f6d67);
  text-align: center;
}

.ya-marathon-empty strong { color: var(--ya-text, #171717); font-size: 19px; }
.ya-marathon-empty--small { min-height: 130px; border: 0; background: var(--ya-surface-soft, #f0efea); }

.ya-marathon-back {
  display: inline-flex;
  margin: 0 0 14px;
  color: var(--ya-muted, #6f6d67);
  font-weight: 700;
  text-decoration: none;
}

.ya-marathon-detail__hero {
  position: relative;
  min-height: 330px;
  overflow: hidden;
  border-radius: 30px;
  background:
    radial-gradient(circle at 78% 18%, rgba(242, 201, 76, .9) 0 96px, transparent 98px),
    linear-gradient(135deg, #ebe8df, #f8f6ef);
  background-position: center;
  background-size: cover;
}

.ya-marathon-detail__overlay {
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(90deg, rgba(255,255,255,.96) 0 52%, rgba(255,255,255,.42) 100%);
}

.ya-marathon-detail__hero.has-cover .ya-marathon-detail__overlay {
  background: linear-gradient(90deg, rgba(18,17,13,.82) 0 48%, rgba(18,17,13,.18) 100%);
}

.ya-marathon-detail__copy {
  position: relative;
  z-index: 3;
  display: grid;
  align-content: center;
  gap: 14px;
  min-height: 330px;
  max-width: 650px;
  padding: clamp(28px, 5vw, 58px);
}

.ya-marathon-detail__hero.has-cover .ya-marathon-detail__copy,
.ya-marathon-detail__hero.has-cover .ya-marathon-detail__copy p { color: #fff; }

.ya-marathon-detail__copy p {
  margin: 0;
  color: var(--ya-muted, #6f6d67);
  font-size: 17px;
  font-weight: 650;
}

.ya-marathon-detail__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 8px;
}

.ya-marathon-summary-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1px;
  overflow: hidden;
  margin: 18px 0;
  border: 1px solid var(--ya-line, #dedcd5);
  border-radius: 22px;
  background: var(--ya-line, #dedcd5);
}

.ya-marathon-summary-grid > div {
  display: grid;
  gap: 4px;
  min-width: 0;
  padding: 22px;
  background: var(--ya-surface, #fff);
}

.ya-marathon-summary-grid strong { font-size: 27px; }
.ya-marathon-summary-grid span { color: var(--ya-muted, #6f6d67); font-size: 13px; }

.ya-marathon-description {
  padding: clamp(22px, 4vw, 38px);
  margin-bottom: 18px;
  border: 1px solid var(--ya-line, #dedcd5);
  border-radius: 24px;
  background: var(--ya-surface, #fff);
  font-size: 17px;
  line-height: 1.8;
}

.ya-reading-room,
.ya-leaderboard-card,
.ya-recent-reading-card {
  padding: clamp(20px, 3vw, 30px);
  border: 1px solid var(--ya-line, #dedcd5);
  border-radius: 24px;
  background: var(--ya-surface, #fff);
}

.ya-reading-room { margin-bottom: 18px; }

.ya-section-heading {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 18px;
  margin-bottom: 20px;
}

.ya-section-heading h2 {
  margin: 0;
  font-size: 28px;
  letter-spacing: -.025em;
}

.ya-section-heading > strong {
  padding: 9px 13px;
  border-radius: 999px;
  background: var(--ya-accent-soft, #fff2bd);
  color: var(--ya-accent-text, #1d190d);
  font-size: 13px;
}

.ya-marathon-callout {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 18px;
  padding: 20px;
  border-radius: 18px;
  background: var(--ya-surface-soft, #f0efea);
}

.ya-timer-card {
  display: grid;
  justify-items: center;
  gap: 15px;
  padding: clamp(24px, 5vw, 48px);
  border-radius: 22px;
  background:
    radial-gradient(circle at 50% 15%, rgba(242, 201, 76, .18), transparent 45%),
    var(--ya-surface-soft, #f0efea);
  text-align: center;
}

.ya-timer-card__status {
  display: flex;
  align-items: center;
  gap: 9px;
  color: var(--ya-muted, #6f6d67);
  font-size: 13px;
}

.ya-timer-card__status > span {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: var(--ya-line-strong, #c9c6bc);
}

.ya-timer-card.is-running .ya-timer-card__status > span {
  background: var(--ya-success, #2f7a4a);
  box-shadow: 0 0 0 5px rgba(47, 122, 74, .12);
  animation: ya-marathon-pulse 1.7s infinite;
}

@keyframes ya-marathon-pulse { 50% { box-shadow: 0 0 0 9px rgba(47, 122, 74, 0); } }

.ya-timer-card__clock {
  font-variant-numeric: tabular-nums;
  font-size: clamp(48px, 8vw, 88px);
  font-weight: 900;
  letter-spacing: -.055em;
  line-height: 1;
}

.ya-timer-card > p {
  max-width: 520px;
  margin: 0;
  color: var(--ya-muted, #6f6d67);
  line-height: 1.55;
}

.ya-timer-card__actions { display: flex; justify-content: center; gap: 10px; }

.ya-session-finish {
  display: grid;
  gap: 14px;
  width: min(100%, 560px);
  padding: 20px;
  margin-top: 8px;
  border: 1px solid var(--ya-line, #dedcd5);
  border-radius: 18px;
  background: var(--ya-surface, #fff);
  text-align: left;
}

.ya-session-finish[hidden] { display: none !important; }
.ya-session-finish label { display: grid; gap: 7px; font-weight: 800; }
.ya-session-finish input,
.ya-session-finish textarea {
  width: 100%;
  min-width: 0;
  padding: 13px 14px;
  border: 1px solid var(--ya-line-strong, #c9c6bc);
  border-radius: 13px;
  background: var(--ya-surface-soft, #f0efea);
  color: var(--ya-text, #171717);
  font: inherit;
  resize: vertical;
}
.ya-session-finish > div { display: flex; justify-content: flex-end; gap: 9px; }

.ya-form-message { min-height: 22px; color: var(--ya-muted, #6f6d67); font-size: 13px; }
.ya-form-message.is-error { color: var(--ya-danger, #c83f49); }
.ya-form-message.is-success { color: var(--ya-success, #2f7a4a); }

.ya-marathon-columns {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(320px, .85fr);
  gap: 18px;
}

.ya-leaderboard {
  display: grid;
  overflow: hidden;
  border: 1px solid var(--ya-line, #dedcd5);
  border-radius: 18px;
}

.ya-leaderboard__row {
  display: grid;
  grid-template-columns: 36px 44px minmax(0, 1fr) 78px 82px;
  align-items: center;
  gap: 10px;
  min-width: 0;
  padding: 12px 14px;
  border-bottom: 1px solid var(--ya-line, #dedcd5);
  color: inherit;
  text-decoration: none;
}

.ya-leaderboard__row:last-child { border-bottom: 0; }
.ya-leaderboard__row:hover { background: var(--ya-surface-soft, #f0efea); }
.ya-leaderboard__row.is-viewer { background: var(--ya-accent-soft, #fff2bd); }
.ya-leaderboard__row img { width: 44px; height: 44px; border-radius: 50%; object-fit: cover; }
.ya-leaderboard__rank { font-size: 20px; font-weight: 900; text-align: center; }
.ya-leaderboard__user { min-width: 0; }
.ya-leaderboard__user strong,
.ya-leaderboard__user small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ya-leaderboard__user small,
.ya-leaderboard__row > span > small { color: var(--ya-muted, #6f6d67); font-size: 11px; }
.ya-leaderboard__row > span:not(.ya-leaderboard__rank):not(.ya-leaderboard__user) { display: grid; gap: 2px; text-align: right; }

.ya-recent-readings { display: grid; gap: 14px; }
.ya-recent-reading {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) auto;
  align-items: start;
  gap: 11px;
  padding-bottom: 14px;
  border-bottom: 1px solid var(--ya-line, #dedcd5);
}
.ya-recent-reading:last-child { padding-bottom: 0; border-bottom: 0; }
.ya-recent-reading img { width: 42px; height: 42px; border-radius: 50%; object-fit: cover; }
.ya-recent-reading strong,
.ya-recent-reading span { display: block; }
.ya-recent-reading span,
.ya-recent-reading time { color: var(--ya-muted, #6f6d67); font-size: 12px; }
.ya-recent-reading p { margin: 7px 0 0; color: var(--ya-muted, #6f6d67); font-size: 13px; line-height: 1.45; }
.ya-recent-reading time { white-space: nowrap; }

.ya-marathons-page .ya-main-inner { max-width: none; }

button.is-busy { opacity: .62; cursor: wait; }

@media (max-width: 980px) {
  .ya-marathon-grid { grid-template-columns: 1fr; }
  .ya-marathon-columns { grid-template-columns: 1fr; }
  .ya-marathon-summary-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 720px) {
  .ya-marathons-app,
  .ya-marathon-detail { padding: 14px; }
  .ya-marathons-hero { align-items: stretch; flex-direction: column; padding: 22px; border-radius: 22px; }
  .ya-marathons-hero h1,
  .ya-marathon-detail__copy h1 { font-size: 40px; }
  .ya-marathons-hero p { font-size: 15px; }
  .ya-marathon-card__stats { grid-template-columns: 1fr 1fr; }
  .ya-marathon-card__stats span:last-child { grid-column: 1 / -1; }
  .ya-marathon-detail__hero { min-height: 290px; border-radius: 22px; }
  .ya-marathon-detail__copy { min-height: 290px; padding: 24px; }
  .ya-marathon-detail__overlay,
  .ya-marathon-detail__hero.has-cover .ya-marathon-detail__overlay { background: linear-gradient(180deg, rgba(18,17,13,.28), rgba(18,17,13,.85)); }
  .ya-marathon-detail__hero:not(.has-cover) .ya-marathon-detail__overlay { background: linear-gradient(180deg, rgba(255,255,255,.42), rgba(255,255,255,.94)); }
  .ya-marathon-summary-grid > div { padding: 17px; }
  .ya-marathon-summary-grid strong { font-size: 22px; }
  .ya-section-heading { align-items: flex-start; flex-direction: column; }
  .ya-marathon-callout { align-items: stretch; flex-direction: column; }
  .ya-timer-card { padding: 26px 16px; }
  .ya-timer-card__clock { font-size: 48px; }
  .ya-session-finish > div { flex-direction: column-reverse; }
  .ya-session-finish button { width: 100%; }
  .ya-leaderboard__row { grid-template-columns: 30px 38px minmax(0, 1fr) 68px; padding: 10px; }
  .ya-leaderboard__row img { width: 38px; height: 38px; }
  .ya-leaderboard__row > span:last-child { display: none !important; }
  .ya-recent-reading { grid-template-columns: 38px minmax(0, 1fr); }
  .ya-recent-reading img { width: 38px; height: 38px; }
  .ya-recent-reading time { grid-column: 2; }
}

@media (max-width: 430px) {
  .ya-marathons-app,
  .ya-marathon-detail { padding: 10px; }
  .ya-marathon-tabs button { min-height: 40px; padding-inline: 13px; font-size: 13px; }
  .ya-marathon-card { border-radius: 20px; }
  .ya-marathon-card__body { padding: 17px; }
  .ya-marathon-card h2 { font-size: 22px; }
  .ya-marathon-card__actions { display: grid; grid-template-columns: 1fr 1fr; }
  .ya-marathon-card__actions > * { width: 100%; justify-content: center; }
  .ya-marathon-detail__actions { display: grid; grid-template-columns: 1fr; }
  .ya-marathon-detail__actions > * { width: 100%; justify-content: center; }
  .ya-marathon-summary-grid { border-radius: 18px; }
  .ya-marathon-summary-grid > div { padding: 14px; }
  .ya-reading-room,
  .ya-leaderboard-card,
  .ya-recent-reading-card { padding: 16px; border-radius: 20px; }
  .ya-timer-card__clock { font-size: 42px; }
}

/* Topluluk + Kitaplık bütünleşmesi */
.ya-community-marathons,
.ya-book-marathons {
  width: 100%;
  min-width: 0;
}

.ya-community-marathons__header,
.ya-book-marathons > header {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 20px;
  padding: 22px;
  border: 1px solid var(--ya-line, #dedcd5);
  border-radius: 22px;
  background:
    radial-gradient(circle at 88% 12%, rgba(242, 201, 76, .25) 0 62px, transparent 64px),
    var(--ya-surface, #fff);
}

.ya-community-marathons__header span,
.ya-book-marathons > header span,
.ya-community-marathons__list > header span,
.ya-community-marathons__pending > header span {
  display: block;
  margin-bottom: 5px;
  color: var(--ya-accent-strong, #9d7100);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.ya-community-marathons__header h2,
.ya-book-marathons > header h2,
.ya-community-marathons__list h3,
.ya-community-marathons__pending h3 {
  margin: 0;
  line-height: 1.08;
  letter-spacing: -.025em;
}

.ya-community-marathons__header h2,
.ya-book-marathons > header h2 { font-size: clamp(26px, 4vw, 38px); }
.ya-community-marathons__list h3,
.ya-community-marathons__pending h3 { font-size: 24px; }

.ya-community-marathons__header p,
.ya-book-marathons > header p {
  max-width: 650px;
  margin: 9px 0 0;
  color: var(--ya-muted, #6f6d67);
  line-height: 1.55;
}

.ya-community-marathons .ya-marathon-callout { margin-top: 14px; }
.ya-community-marathons .ya-marathon-callout p { margin: 5px 0 0; color: var(--ya-muted, #6f6d67); }

.ya-community-marathon-form {
  display: grid;
  gap: 18px;
  padding: clamp(18px, 3vw, 28px);
  margin-top: 16px;
  border: 1px solid #d9b845;
  border-radius: 22px;
  background: linear-gradient(135deg, #fff7d6, #fffdf5);
  box-shadow: 0 18px 44px rgba(77, 59, 10, .08);
}

.ya-community-marathon-form[hidden] { display: none !important; }

.ya-community-marathon-form > header,
.ya-community-marathon-form > footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

.ya-community-marathon-form > header span {
  display: block;
  color: var(--ya-accent-strong, #9d7100);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .11em;
  text-transform: uppercase;
}

.ya-community-marathon-form > header h3 { margin: 4px 0 0; font-size: 28px; }
.ya-community-marathon-form .ya-icon-button {
  display: grid;
  width: 42px;
  height: 42px;
  flex: 0 0 42px;
  place-items: center;
  border: 1px solid var(--ya-line, #dedcd5);
  border-radius: 50%;
  background: var(--ya-surface, #fff);
  color: inherit;
  font: inherit;
  font-size: 25px;
  cursor: pointer;
}

.ya-community-marathon-form__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  min-width: 0;
}

.ya-community-marathon-form__grid > label,
.ya-book-picker > label {
  display: grid;
  gap: 7px;
  min-width: 0;
  font-weight: 850;
}

.ya-community-marathon-form__full { grid-column: 1 / -1; }

.ya-community-marathon-form input,
.ya-community-marathon-form textarea {
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
  padding: 13px 14px;
  border: 1px solid var(--ya-line-strong, #c9c6bc);
  border-radius: 14px;
  background: var(--ya-surface, #fff);
  color: var(--ya-text, #171717);
  font: inherit;
}

.ya-community-marathon-form textarea { resize: vertical; }
.ya-community-marathon-form small { color: var(--ya-muted, #6f6d67); font-weight: 500; }
.ya-community-marathon-form > footer > div:last-child { display: flex; gap: 9px; }

.ya-book-picker { position: relative; min-width: 0; }
.ya-book-picker__results {
  position: absolute;
  z-index: 30;
  top: 76px;
  right: 0;
  left: 0;
  max-height: 330px;
  overflow: auto;
  padding: 7px;
  border: 1px solid var(--ya-line-strong, #c9c6bc);
  border-radius: 17px;
  background: var(--ya-surface, #fff);
  box-shadow: 0 18px 42px rgba(24, 21, 13, .15);
}

.ya-book-picker__results[hidden],
.ya-book-picker__selected[hidden] { display: none !important; }

.ya-book-picker__result,
.ya-book-picker__selected {
  display: grid;
  grid-template-columns: 52px minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  width: 100%;
  min-width: 0;
  padding: 10px;
  border: 0;
  border-radius: 13px;
  background: transparent;
  color: inherit;
  text-align: left;
}

.ya-book-picker__result { grid-template-columns: 48px minmax(0, 1fr); cursor: pointer; }
.ya-book-picker__result:hover,
.ya-book-picker__result:focus-visible { background: var(--ya-surface-soft, #f0efea); }
.ya-book-picker__selected { margin-top: 9px; border: 1px solid var(--ya-line, #dedcd5); background: var(--ya-surface, #fff); }
.ya-book-picker__selected > button { border: 0; background: transparent; font-size: 24px; cursor: pointer; }

.ya-book-picker__cover {
  display: grid;
  width: 48px;
  height: 62px;
  overflow: hidden;
  place-items: center;
  border-radius: 9px;
  background: var(--ya-surface-soft, #f0efea);
}

.ya-book-picker__cover img { width: 100%; height: 100%; object-fit: cover; }
.ya-book-picker__result strong,
.ya-book-picker__selected strong,
.ya-book-picker__result small,
.ya-book-picker__selected span,
.ya-book-picker__result em,
.ya-book-picker__selected small {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ya-book-picker__result small,
.ya-book-picker__selected span { margin-top: 3px; color: var(--ya-muted, #6f6d67); }
.ya-book-picker__result em,
.ya-book-picker__selected small { margin-top: 3px; color: var(--ya-muted, #6f6d67); font-size: 11px; font-style: normal; }
.ya-book-picker__empty { padding: 16px; color: var(--ya-muted, #6f6d67); text-align: center; }

.ya-community-marathons__list,
.ya-community-marathons__pending { margin-top: 24px; }
.ya-community-marathons__list > header,
.ya-community-marathons__pending > header { margin-bottom: 12px; }

.ya-context-marathon-list { display: grid; gap: 12px; }
.ya-context-marathon-card {
  display: grid;
  grid-template-columns: 76px minmax(0, 1fr) auto;
  align-items: center;
  gap: 15px;
  min-width: 0;
  padding: 14px;
  border: 1px solid var(--ya-line, #dedcd5);
  border-radius: 18px;
  background: var(--ya-surface, #fff);
}
.ya-context-marathon-card--pending { border-style: dashed; background: #fffaf0; }
.ya-context-marathon-card__cover {
  display: grid;
  width: 76px;
  aspect-ratio: 3 / 4;
  overflow: hidden;
  place-items: center;
  border-radius: 12px;
  background: var(--ya-surface-soft, #f0efea);
  font-size: 28px;
}
.ya-context-marathon-card__cover img { width: 100%; height: 100%; object-fit: cover; }
.ya-context-marathon-card__body { min-width: 0; }
.ya-context-marathon-card__meta { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; }
.ya-context-marathon-card__meta > a,
.ya-marathon-card__context a,
.ya-marathon-context-links a {
  color: var(--ya-accent-strong, #8a6500);
  font-size: 12px;
  font-weight: 800;
  text-decoration: none;
}
.ya-context-marathon-card h4 { margin: 8px 0 5px; font-size: 20px; line-height: 1.15; }
.ya-context-marathon-card p { margin: 0; color: var(--ya-muted, #6f6d67); }
.ya-context-marathon-card p strong,
.ya-context-marathon-card p span { display: block; }
.ya-context-marathon-card__facts { display: flex; flex-wrap: wrap; gap: 8px 14px; margin-top: 9px; color: var(--ya-muted, #6f6d67); font-size: 12px; }
.ya-context-marathon-card__action { display: grid; justify-items: end; gap: 5px; max-width: 180px; color: var(--ya-muted, #6f6d67); font-size: 11px; text-align: right; }

.ya-marathon-state--pending { color: #8a6500; background: #fff0b3; }
.ya-marathon-card__context,
.ya-marathon-context-links { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 10px; }
.ya-marathon-card__context a,
.ya-marathon-context-links a { padding: 6px 9px; border-radius: 999px; background: rgba(255,255,255,.88); }
.ya-marathon-detail__hero.has-cover .ya-marathon-context-links a { color: #171717; }

.ya-book-marathons {
  padding: clamp(18px, 3vw, 28px);
  margin: 18px 0;
  border: 1px solid var(--ya-line, #dedcd5);
  border-radius: 24px;
  background: var(--ya-surface-soft, #f7f5ef);
}
.ya-book-marathons > header { padding: 0 0 18px; border: 0; border-radius: 0; background: transparent; }

@media (max-width: 760px) {
  .ya-community-marathons__header,
  .ya-book-marathons > header { align-items: stretch; flex-direction: column; }
  .ya-community-marathon-form__grid { grid-template-columns: 1fr; }
  .ya-community-marathon-form__full { grid-column: auto; }
  .ya-community-marathon-form > footer { align-items: stretch; flex-direction: column; }
  .ya-community-marathon-form > footer > div:last-child { display: grid; grid-template-columns: 1fr 1fr; }
  .ya-context-marathon-card { grid-template-columns: 62px minmax(0, 1fr); }
  .ya-context-marathon-card__cover { width: 62px; }
  .ya-context-marathon-card__action { grid-column: 1 / -1; justify-items: stretch; max-width: none; text-align: left; }
  .ya-context-marathon-card__action .ya-secondary-button { width: 100%; justify-content: center; }
}

@media (max-width: 430px) {
  .ya-community-marathon-form { padding: 15px; border-radius: 18px; }
  .ya-community-marathon-form > header h3 { font-size: 23px; }
  .ya-community-marathon-form > footer > div:last-child { grid-template-columns: 1fr; }
  .ya-book-picker__results { top: 74px; }
  .ya-context-marathon-card { grid-template-columns: 52px minmax(0, 1fr); gap: 11px; padding: 11px; }
  .ya-context-marathon-card__cover { width: 52px; border-radius: 9px; }
  .ya-context-marathon-card h4 { font-size: 17px; }
  .ya-context-marathon-card__meta .ya-marathon-state { min-height: 27px; padding-inline: 9px; font-size: 10px; }
}

.ya-marathon-detail__hero.has-cover {
  background-image: var(--ya-marathon-cover);
  background-position: center;
  background-size: cover;
}

/* 1.1.3 — koyu tema uyumu */
html[data-ya-theme="dark"] .ya-marathons-hero,
html[data-ya-theme="dark"] .ya-marathon-detail__hero:not(.has-cover),
html[data-ya-theme="dark"] .ya-community-marathons__header,
html[data-ya-theme="dark"] .ya-book-marathons > header{
  background:
    radial-gradient(circle at 86% 14%, rgba(242,201,76,.18) 0 82px, transparent 83px),
    linear-gradient(135deg,var(--ya-surface,#212121),var(--ya-surface-soft,#2a2a2a));
}
html[data-ya-theme="dark"] .ya-marathon-detail__hero:not(.has-cover) .ya-marathon-detail__overlay{
  background:linear-gradient(90deg,rgba(33,33,33,.96) 0 54%,rgba(33,33,33,.45) 100%);
}
html[data-ya-theme="dark"] .ya-community-marathon-form{
  border-color:#6f5a16;
  background:linear-gradient(135deg,#2a261b,#211f1a);
  box-shadow:0 18px 44px rgba(0,0,0,.22);
}
html[data-ya-theme="dark"] .ya-context-marathon-card--pending{
  border-color:#6f5a16;
  background:#29251a;
}
html[data-ya-theme="dark"] .ya-marathon-state--pending{background:#4a3d12;color:#f2c94c}
html[data-ya-theme="dark"] .ya-marathon-card__context a,
html[data-ya-theme="dark"] .ya-marathon-context-links a{
  background:rgba(33,33,33,.9);
  color:#f2c94c;
}
html[data-ya-theme="dark"] .ya-marathon-detail__hero.has-cover .ya-marathon-context-links a{
  background:rgba(255,255,255,.88);
  color:#171717;
}
html[data-ya-theme="dark"] .ya-community-marathon-form input,
html[data-ya-theme="dark"] .ya-community-marathon-form textarea,
html[data-ya-theme="dark"] .ya-book-picker__results,
html[data-ya-theme="dark"] .ya-book-picker__selected{
  background:var(--ya-surface,#212121);
  color:var(--ya-text,#f4f4f2);
}
html[data-ya-theme="dark"] .ya-marathon-card,
html[data-ya-theme="dark"] .ya-marathon-summary-grid > div,
html[data-ya-theme="dark"] .ya-marathon-description,
html[data-ya-theme="dark"] .ya-reading-room,
html[data-ya-theme="dark"] .ya-leaderboard-card,
html[data-ya-theme="dark"] .ya-recent-reading-card,
html[data-ya-theme="dark"] .ya-session-finish,
html[data-ya-theme="dark"] .ya-context-marathon-card{
  box-shadow:none;
}

@media(prefers-color-scheme:dark){
  html:not([data-ya-theme="light"]) .ya-marathons-hero,
  html:not([data-ya-theme="light"]) .ya-marathon-detail__hero:not(.has-cover),
  html:not([data-ya-theme="light"]) .ya-community-marathons__header,
  html:not([data-ya-theme="light"]) .ya-book-marathons > header{
    background:
      radial-gradient(circle at 86% 14%, rgba(242,201,76,.18) 0 82px, transparent 83px),
      linear-gradient(135deg,var(--ya-surface,#212121),var(--ya-surface-soft,#2a2a2a));
  }
  html:not([data-ya-theme="light"]) .ya-marathon-detail__hero:not(.has-cover) .ya-marathon-detail__overlay{
    background:linear-gradient(90deg,rgba(33,33,33,.96) 0 54%,rgba(33,33,33,.45) 100%);
  }
  html:not([data-ya-theme="light"]) .ya-community-marathon-form{
    border-color:#6f5a16;background:linear-gradient(135deg,#2a261b,#211f1a);box-shadow:0 18px 44px rgba(0,0,0,.22)
  }
  html:not([data-ya-theme="light"]) .ya-context-marathon-card--pending{border-color:#6f5a16;background:#29251a}
  html:not([data-ya-theme="light"]) .ya-marathon-state--pending{background:#4a3d12;color:#f2c94c}
  html:not([data-ya-theme="light"]) .ya-marathon-card__context a,
  html:not([data-ya-theme="light"]) .ya-marathon-context-links a{background:rgba(33,33,33,.9);color:#f2c94c}
  html:not([data-ya-theme="light"]) .ya-marathon-detail__hero.has-cover .ya-marathon-context-links a{background:rgba(255,255,255,.88);color:#171717}
  html:not([data-ya-theme="light"]) .ya-community-marathon-form input,
  html:not([data-ya-theme="light"]) .ya-community-marathon-form textarea,
  html:not([data-ya-theme="light"]) .ya-book-picker__results,
  html:not([data-ya-theme="light"]) .ya-book-picker__selected{background:var(--ya-surface,#212121);color:var(--ya-text,#f4f4f2)}
}

@media(max-width:720px){
  html[data-ya-theme="dark"] .ya-marathon-detail__hero:not(.has-cover) .ya-marathon-detail__overlay,
  html:not([data-ya-theme="light"]) .ya-marathon-detail__hero:not(.has-cover) .ya-marathon-detail__overlay{
    background:linear-gradient(180deg,rgba(33,33,33,.42),rgba(33,33,33,.96));
  }
}