/* Экран «Мой год» — соляр по методичке. Только токены из tokens.css. */

.s-year-back{align-self:flex-start;gap:var(--space-2);padding-left:var(--space-2)}
.s-year-back svg{width:18px;height:18px}

.s-year-content{display:flex;flex-direction:column;gap:var(--space-4)}

/* ——— шапка года ——— */
/* Фон карточки золотой в обеих темах, поэтому и текст на ней всегда тёмный —
   правило дизайн-системы «на золоте только тёмный текст». Иначе в тёмной теме
   светлый текст ложился на светлое золото и не читался. */
.a-card.s-year-hero{
  background:var(--gradient-gold-soft);
  border-color:var(--gold-200);
  color:var(--c-on-gold);
}
.a-card.s-year-hero .a-card__over,
.a-card.s-year-hero .a-card__text,
.a-card.s-year-hero .s-year-hero__title,
.a-card.s-year-hero .s-year-note{color:var(--c-on-gold)}
.a-card.s-year-hero .a-card__over,
.a-card.s-year-hero .s-year-note{opacity:.72}
.a-card.s-year-hero .a-chip.s-year-chip{
  background:var(--c-on-gold);
  color:var(--gold-100);
  border-color:transparent;
}
.s-year-hero__title{
  margin:0 0 var(--space-3);
  font-family:var(--font-display);
  font-size:var(--t-display-m-size);
  line-height:1.15;
}
.s-year-chips{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-3)}
.a-chip.s-year-chip{font-size:var(--t-caption-size)}
.s-year-note{margin:var(--space-3) 0 0;font-size:var(--t-caption-size);line-height:1.45}

/* ——— позиции соляра ——— */
.s-year-positions{list-style:none;margin:var(--space-2) 0 0;padding:0;
  display:flex;flex-direction:column;gap:var(--space-1)}
.s-year-pos{
  display:grid;grid-template-columns:auto minmax(0,1fr);
  align-items:center;gap:var(--space-3);
  padding:var(--space-3) 0;
  border-bottom:1px solid var(--c-border);
}
.s-year-positions li:last-child .s-year-pos{border-bottom:0}
.s-year-pos__glyph{
  display:inline-flex;align-items:center;justify-content:center;
  width:32px;height:32px;border-radius:var(--radius-pill);
  background:var(--c-sunken);color:var(--c-accent);
  font-size:var(--t-body-size);
}
.s-year-pos__col{display:flex;flex-direction:column;gap:2px;min-width:0}
.s-year-pos__title{color:var(--c-text);font-weight:600}
.s-year-pos__where{color:var(--c-text-3);font-size:var(--t-caption-size)}

/* ——— тексты методички ——— */
.s-year-text{display:flex;flex-direction:column;gap:var(--space-3);
  margin-top:var(--space-2)}
.s-year-text__p{margin:0;color:var(--c-text-2);line-height:1.6}
.a-btn.s-year-more{margin-top:var(--space-3);align-self:flex-start}

/* ——— месяцы ——— */
.s-year-months{list-style:none;margin:var(--space-3) 0 0;padding:0}
.s-year-month{
  display:grid;grid-template-columns:minmax(0,1fr) auto auto;
  align-items:center;gap:var(--space-3);
  width:100%;min-height:var(--tap-min);
  padding:var(--space-3);border:0;border-radius:var(--radius-md);
  background:transparent;text-align:left;cursor:pointer;
  transition:background var(--motion-fast) var(--motion-ease);
}
.s-year-month:hover,.s-year-month:active{background:var(--c-sunken)}
.s-year-month__name{color:var(--c-text);font-weight:600}
.s-year-month__houses{color:var(--c-text-3);font-size:var(--t-caption-size)}
.s-year-month__go{display:inline-flex;color:var(--c-text-3)}
.s-year-month__go svg{width:18px;height:18px}

/* ——— лист месяца ——— */
.s-year-sheet__title{
  margin:0 0 var(--space-4);
  font-family:var(--font-display);
  font-size:var(--t-title-size);
  color:var(--c-text);
}
.s-year-sheet__item{margin-bottom:var(--space-5)}
.s-year-sheet__head{
  margin:0 0 var(--space-2);
  color:var(--c-accent);
  font-size:var(--t-label-size);
  font-weight:600;
}
.s-year-slow{margin-bottom:var(--space-4)}
.s-year-slow:last-child{margin-bottom:0}

.s-year-caution{margin-top:var(--space-4);font-size:var(--t-caption-size);
  line-height:1.45;text-align:center}

@media (prefers-reduced-motion:reduce){
  .s-year-month{transition:none}
}