/* Daily: карта дня з малюнком, розшифровка дня й посилання на таро. */

/* Карта з малюнком: синя «підкладка» лишається, а на ній вертикальна карта, трохи під кутом. */
.daily-card-face--art{aspect-ratio:auto;max-height:none;justify-content:center;gap:18px;padding:24px 30px 26px}
.daily-card-art{width:min(220px,64%);transform:rotate(5deg)}
.daily-card-art .card-art{box-shadow:5px 5px 0 var(--ink)}

/* Розшифровка дня */
.daily-insight{margin-top:26px;background:var(--ivory);border:2px solid var(--ink);box-shadow:5px 5px 0 var(--ink);padding:20px 22px 8px}
.daily-insight-title{display:flex;align-items:center;justify-content:space-between;gap:12px;font-family:var(--font-body);font-size:11px;font-weight:900;letter-spacing:.12em;line-height:1.4;text-transform:uppercase;color:var(--ink);margin:0 0 14px}
.daily-insight-title svg{flex-shrink:0;color:var(--blue)}
.daily-insight-item{display:grid;grid-template-columns:128px minmax(0,1fr);gap:16px;padding:14px 0;border-top:2px solid var(--ink)}
.daily-insight-item h4{display:flex;align-items:baseline;gap:9px;font-family:var(--font-display);font-size:13px;font-weight:700;line-height:1.35;letter-spacing:-.02em;margin:0}
.daily-insight-item h4::before{content:'';flex-shrink:0;width:10px;height:10px;border:2px solid var(--ink);background:var(--coral)}
.daily-insight-item--2 h4::before{background:var(--mint)}
.daily-insight-item--3 h4::before{background:var(--blue)}
.daily-insight-item p{font-size:14px;line-height:1.55;margin:0;overflow-wrap:break-word}
.daily-insight-item--3 p{font-family:var(--font-display);font-size:14px;line-height:1.5;color:var(--blue)}

/* М'яке посилання на таро */
.daily-ask{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;margin-top:22px;font-size:14px;font-weight:750;line-height:1.5}
.daily-ask .text-link,.daily-ask .text-link:hover{color:var(--ink)}
.daily-ask .text-link:hover{text-decoration-thickness:2.5px}
.daily-card-panel a:focus-visible{outline-color:var(--ink)}

/* Посилання на нумерологію внизу: на телефоні стрілка йде одразу за текстом, а не відлітає до краю. */
.daily-next .text-link{display:block;justify-self:start;line-height:1.6}
.daily-next .text-link svg{display:inline-block;vertical-align:-2px;margin-left:7px}

/* Кнопка «Персональний рік» унизу не переносить «₴» на окремий рядок */
@media(min-width:621px){.daily-next .button{flex-shrink:0;white-space:nowrap}}

@media(max-width:620px){
  .daily-card-face--art{min-height:0;padding:20px 20px 22px;gap:16px}
  .daily-card-art{width:min(200px,62%)}
  .daily-insight{padding:16px 16px 4px;box-shadow:4px 4px 0 var(--ink)}
  .daily-insight-item{grid-template-columns:minmax(0,1fr);gap:6px;padding:12px 0}
}

/* «Докладніше про карту …» — сторінка карти дня в бібліотеці значень */
.daily-card-copy .daily-card-more{margin-top:16px;font-size:14px}
.daily-card-more .text-link{display:inline;line-height:1.6}
.daily-card-more .text-link svg{display:inline-block;vertical-align:-3px;margin-left:6px}

/* Друге посилання під картою дня: таро «так чи ні» (/tarot/tak-chy-ni/) */
.daily-card-panel .daily-ask--yesno{margin-top:14px}