/* readings — экран «Разборы»: каталог, карточки, шторка, просмотр разбора.
   Только токены, ни одного сырого цвета. */

.s-readings{
  display:flex;
  flex-direction:column;
  gap:var(--space-6);
}

/* ——— сегментированный контрол ——— */
.s-readings-seg{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:var(--space-2);
  padding:var(--space-2);
  border-radius:var(--radius-pill);
  background:var(--c-sunken);
  border:1px solid var(--c-border);
}
.s-readings-seg__btn{
  appearance:none;
  min-height:var(--tap-min);
  padding:0 var(--space-4);
  border:1px solid transparent;
  border-radius:var(--radius-pill);
  background:transparent;
  color:var(--c-text-3);
  font-family:var(--font-text);
  font-size:var(--t-caption-size);
  line-height:var(--t-caption-lh);
  font-weight:600;
  letter-spacing:var(--t-caption-tracking);
  cursor:pointer;
  transition:background var(--motion-base) var(--motion-ease),
             color var(--motion-base) var(--motion-ease),
             box-shadow var(--motion-base) var(--motion-ease);
}
.s-readings-seg__btn:hover{color:var(--c-text-2)}
.s-readings-seg__btn:focus-visible{outline:none;box-shadow:var(--shadow-glow)}
.s-readings-seg__btn[aria-pressed="true"]{
  background:var(--c-surface);
  border-color:var(--c-border);
  color:var(--c-accent);
  box-shadow:var(--shadow-glass);
}

/* ——— панель сегмента ——— */
.s-readings-panel{
  display:flex;
  flex-direction:column;
  gap:var(--space-5);
}
.s-readings-hint{
  margin:0;
  font-size:var(--t-body-s-size);
  line-height:var(--t-body-s-lh);
  color:var(--c-text-3);
}
.section-title.s-readings-group{
  margin:var(--space-4) 0 0;
}

/* ——— сетка карточек ——— */
.s-readings-grid{
  list-style:none;
  margin:0;
  padding:0;
}
.s-readings-cell{display:flex}

.a-card.s-readings-card{
  width:100%;
  min-height:180px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:var(--space-3);
  padding:var(--space-6) var(--space-5);
  text-align:left;
  font-family:var(--font-text);
  color:var(--c-text);
  cursor:pointer;
  transition:transform var(--motion-fast) var(--motion-ease),
             box-shadow var(--motion-base) var(--motion-ease),
             border-color var(--motion-base) var(--motion-ease);
}
.a-card.s-readings-card:hover{box-shadow:var(--shadow-lift)}
.a-card.s-readings-card:active{transform:scale(.985)}
.a-card.s-readings-card:focus-visible{outline:none;box-shadow:var(--shadow-glow)}

.s-readings-card__ico{
  width:36px;
  height:36px;
  flex:none;
  display:grid;
  place-items:center;
  border-radius:var(--radius-md);
  background:var(--c-accent-quiet);
  color:var(--c-accent);
}
.s-readings-card__ico svg{width:20px;height:20px}

.s-readings-card__title{
  display:block;
  font-family:var(--font-display);
  font-size:var(--t-body-size);
  line-height:1.28;
  font-weight:var(--t-title-weight);
  letter-spacing:var(--t-title-tracking);
  color:var(--c-text);
}
.s-readings-card__sub{
  display:-webkit-box;
  -webkit-line-clamp:2;
  line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  font-size:var(--t-caption-size);
  line-height:var(--t-body-s-lh);
  color:var(--c-text-3);
}

.s-readings-card__foot{
  width:100%;
  margin-top:auto;
  padding-top:var(--space-4);
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:var(--space-3);
}
.s-readings-card__lockline{
  display:inline-flex;
  align-items:center;
  gap:var(--space-2);
}
.s-readings-card__lock{display:inline-flex;color:var(--c-text-3)}
.s-readings-card__mark{display:inline-flex;color:var(--success)}
.s-readings-card__lock svg,
.s-readings-card__mark svg{width:16px;height:16px}
.s-readings-card__foot-t{
  font-size:var(--t-caption-size);
  line-height:var(--t-caption-lh);
  letter-spacing:var(--t-caption-tracking);
  font-weight:600;
  color:var(--c-text-3);
}
.s-readings-card__price{
  display:inline-flex;
  align-items:center;
  min-height:26px;
  padding:0 var(--space-4);
  border-radius:var(--radius-pill);
  background:var(--c-accent-quiet);
  color:var(--c-accent);
  font-size:var(--t-caption-size);
  font-weight:700;
  font-variant-numeric:tabular-nums;
}
.s-readings-card__foot--open{
  width:auto;
  flex-wrap:nowrap;
  min-height:28px;
  padding:0 var(--space-4);
  border-radius:var(--radius-pill);
  background:var(--success-bg);
}
.s-readings-card__foot--open .s-readings-card__foot-t{color:var(--success)}

/* ——— плашка про подписку ——— */
.a-card.s-readings-note{
  display:flex;
  align-items:flex-start;
  gap:var(--space-5);
  padding:var(--space-6);
}
.s-readings-note__ico{
  width:var(--tap-min);
  height:var(--tap-min);
  flex:none;
  display:grid;
  place-items:center;
  border-radius:var(--radius-md);
  background:var(--c-accent-quiet);
  color:var(--c-accent);
}
.s-readings-note__ico svg{width:22px;height:22px}
.s-readings-note__body{
  min-width:0;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:var(--space-3);
}
.s-readings-note__t{
  margin:0;
  font-family:var(--font-display);
  font-size:var(--t-title-size);
  line-height:var(--t-title-lh);
  font-weight:var(--t-title-weight);
  letter-spacing:var(--t-title-tracking);
  color:var(--c-text);
}
.s-readings-note__x{
  margin:0;
  font-size:var(--t-body-s-size);
  line-height:var(--t-body-s-lh);
  color:var(--c-text-2);
}
.s-readings-note__btn{margin-top:var(--space-3)}

/* ——— пустое состояние ——— */
.s-readings-empty{margin-top:var(--space-6)}
.s-readings-empty__art{
  background-image:url("../assets/sparkles.webp");
}

/* ——— шторка разбора ——— */
.s-readings-sheet__title{
  margin:0;
  font-family:var(--font-display);
  font-size:var(--t-display-m-size);
  line-height:var(--t-display-m-lh);
  font-weight:var(--t-display-m-weight);
  letter-spacing:var(--t-display-m-tracking);
  color:var(--c-text);
  text-wrap:balance;
}
.s-readings-sheet__sub{
  margin:var(--space-4) 0 0;
  font-size:var(--t-body-s-size);
  line-height:var(--t-body-s-lh);
  color:var(--c-text-2);
}
.s-readings-sheet__meta{
  display:flex;
  flex-wrap:wrap;
  gap:var(--space-3);
  margin-top:var(--space-6);
}
.a-chip.s-readings-sheet__chip{color:var(--c-text-2)}
.s-readings-sheet__chip-ico{display:inline-flex;color:var(--c-accent)}
.s-readings-sheet__chip-ico svg{width:14px;height:14px}
.s-readings-sheet__cap{
  margin:var(--space-7) 0 var(--space-4);
  font-size:var(--t-overline-size);
  line-height:var(--t-overline-lh);
  font-weight:var(--t-overline-weight);
  letter-spacing:var(--t-overline-tracking);
  text-transform:uppercase;
  color:var(--c-accent);
}
.s-readings-sheet__list{
  margin:0;
  padding:0 0 0 1.15em;
  list-style:disc;
  display:flex;
  flex-direction:column;
  gap:var(--space-3);
}
.s-readings-sheet__li{
  font-size:var(--t-body-s-size);
  line-height:var(--t-body-s-lh);
  color:var(--c-text-2);
}
.s-readings-sheet__li::marker{color:var(--c-accent)}
.a-btn.s-readings-sheet__cta{
  width:100%;
  margin-top:var(--space-7);
  height:auto;
  min-height:var(--tap-comfort);
  padding:var(--space-4) var(--space-6);
  white-space:normal;
  text-align:center;
  line-height:1.35;
}
.a-btn.s-readings-sheet__ghost{
  width:100%;
  margin-top:var(--space-3);
}
.s-readings-sheet__status{
  margin:var(--space-4) 0 0;
  font-size:var(--t-body-s-size);
  line-height:var(--t-body-s-lh);
  color:var(--danger);
  text-align:center;
}
.s-readings-sheet__status:empty{margin:0}

/* ——— предупреждение про время рождения ——— */
.s-readings-warn{
  display:flex;
  align-items:flex-start;
  gap:var(--space-5);
  margin-top:var(--space-6);
  padding:var(--space-5);
  border-radius:var(--radius-md);
  background:var(--c-surface-2);
  border:1px solid var(--warning);
}
.s-readings-warn__ico{
  display:inline-flex;
  flex:none;
  color:var(--warning);
}
.s-readings-warn__ico svg{width:20px;height:20px}
.s-readings-warn__body{
  min-width:0;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:var(--space-2);
}
.s-readings-warn__t{
  margin:0;
  font-size:var(--t-body-s-size);
  line-height:var(--t-body-s-lh);
  font-weight:600;
  color:var(--c-text);
}
.s-readings-warn__x{
  margin:0;
  font-size:var(--t-body-s-size);
  line-height:var(--t-body-s-lh);
  color:var(--c-text-2);
}
.a-btn.s-readings-warn__btn{
  padding:0;
  min-height:var(--tap-min);
}

/* ——— просмотр разбора ——— */
.s-readings-result{
  display:flex;
  flex-direction:column;
  gap:var(--space-6);
  align-items:stretch;
}
.a-btn.s-readings-back{
  align-self:flex-start;
  padding-left:var(--space-3);
}
.s-readings-back__ico{display:inline-flex}
.s-readings-back__ico svg{width:18px;height:18px}

.a-card.s-readings-res{
  padding:var(--space-7) var(--space-6) var(--space-8);
}
.s-readings-res__title{
  margin:0;
  font-family:var(--font-display);
  font-size:var(--t-display-m-size);
  line-height:var(--t-display-m-lh);
  font-weight:var(--t-display-m-weight);
  letter-spacing:var(--t-display-m-tracking);
  color:var(--c-text);
  text-wrap:balance;
}
.s-readings-res__meta{
  margin:var(--space-3) 0 0;
  font-size:var(--t-caption-size);
  line-height:var(--t-caption-lh);
  letter-spacing:var(--t-caption-tracking);
  color:var(--c-text-3);
}

.s-readings-body{display:block}
.s-readings-body__h{
  margin:var(--space-7) 0 var(--space-4);
  font-family:var(--font-display);
  font-size:var(--t-title-size);
  line-height:var(--t-title-lh);
  font-weight:var(--t-title-weight);
  letter-spacing:var(--t-title-tracking);
  color:var(--c-accent);
}
.s-readings-body__h:first-child{margin-top:0}
.s-readings-body__p{
  margin:0 0 var(--space-5);
  font-size:var(--t-body-size);
  line-height:var(--t-body-lh);
  color:var(--c-text-2);
}
.s-readings-body__p:last-child{margin-bottom:0}
.s-readings-body__note{
  margin:var(--space-6) 0 0;
  padding-top:var(--space-5);
  border-top:1px solid var(--c-border);
  font-size:var(--t-body-s-size);
  line-height:var(--t-body-s-lh);
  font-style:italic;
  color:var(--c-text-3);
}

.s-readings-actions{
  display:flex;
  flex-direction:column;
  gap:var(--space-4);
}
.s-readings-actions .a-btn{width:100%}

/* ——— узкие экраны ——— */
@media (max-width:340px){
  .s-readings-seg__btn{font-size:var(--t-caption-size);padding:0 var(--space-2)}
  .a-card.s-readings-card{min-height:168px;padding:var(--space-5) var(--space-4)}
}

@media (prefers-reduced-motion:reduce){
  .s-readings-seg__btn,
  .a-card.s-readings-card{transition:none}
  .a-card.s-readings-card:active{transform:none}
}

/* Поля второго человека в шторке разбора */
.s-readings-field{display:flex;flex-direction:column;gap:var(--space-3);margin:var(--space-5) 0}
.s-readings-field__cap{margin:0 0 var(--space-2);font-size:var(--t-label-size);
  font-weight:var(--t-label-weight);color:var(--c-text)}
.s-readings-field__label{font-size:var(--t-caption-size);color:var(--c-text-3)}
.s-readings-field__input{
  min-height:var(--tap-min);padding:0 var(--space-5);border-radius:var(--radius-md);
  border:1px solid var(--c-border);background:var(--c-surface);color:var(--c-text);
  font-family:var(--font-text);font-size:var(--t-body-s-size);width:100%;
}
.s-readings-field__input:focus-visible{outline:none;border-color:var(--c-accent);box-shadow:var(--shadow-focus)}
.s-readings-field__err:empty{display:none}
.s-readings-field__err{margin:var(--space-2) 0 0;font-size:var(--t-caption-size);color:var(--danger)}