/* ─────────────────────────────────────────────────────────────────────────
   Карта дня — карточка в hero главной (kdh-*) и точка «карта не открыта»
   в шапке сайта.

   ⚠️ Сама страница /karta-dnya здесь больше не живёт. 12.09.2026 она
   переведена на канон калькулятора: разметка собрана из .hv-rep-*, а свои
   классы уехали в hv.css секцией .hv-rep-kd-* (решение вкуса 6 в DESIGN.md —
   страница не заводит своего файла стилей). Вместе со старым CSS ушли
   веер рубашек, коллекция 22, вечерний градиент и 27 литеральных цветов.
   ТЗ: plans/tz_karta_dnya_redesign_2026_09_12.md, план: plans/design_plan_karta_dnya_2026_09_12.md.

   Этот файл подключает только главная (app/views/home/index.html.erb).
   Hero главной тёмный (сливовый), карточка — крем с золотом: контраст даёт
   «журнал». Её типографика и цвета — часть главной, а не калькулятора,
   и этим ТЗ они не пересматривались.
   ───────────────────────────────────────────────────────────────────────── */
.kdh{ width:100%; max-width:520px; justify-self:end; background:linear-gradient(160deg,#fffdf9,#f4ecdf); color:#2a2130; border-radius:22px; padding:20px 22px 18px; box-shadow:0 30px 70px rgba(0,0,0,.35), 0 0 0 1px rgba(217,180,90,.45); position:relative; z-index:2; font-family:'Inter',system-ui,sans-serif; }
.kdh-head{ display:flex; justify-content:space-between; align-items:baseline; gap:10px; margin-bottom:14px; }
.kdh-eb{ font:700 .68rem/1 'Inter',sans-serif; letter-spacing:.22em; text-transform:uppercase; color:#8a6a1c; }
.kdh-date{ font-size:.8rem; color:#77697a; }
.kdh-body{ display:grid; grid-template-columns:132px 1fr; gap:18px; align-items:center; }
.kdh-card{ display:block; border-radius:12px; overflow:hidden; border:2px solid rgba(217,180,90,.65); background:#4c2168; box-shadow:0 18px 36px rgba(51,22,63,.28); transform:rotate(-3deg); transition:transform .3s; }
.kdh:hover .kdh-card{ transform:rotate(-1deg) translateY(-3px); }
.kdh-card img{ display:block; width:100%; height:auto; }
.kdh-who{ font:600 .68rem/1 'Inter',sans-serif; letter-spacing:.16em; text-transform:uppercase; color:#77697a; }
.kdh.is-personal .kdh-who{ color:#8a6a1c; }
.kdh-roman{ font-family:'Playfair Display',Georgia,serif; font-weight:700; letter-spacing:.2em; color:#8a6a1c; font-size:.9rem; margin-top:8px; }
.kdh-name{ font-family:'Playfair Display',Georgia,serif; font-weight:700; font-size:1.9rem; line-height:1.05; color:#2a2130; }
.kdh-label{ font-family:'Playfair Display',Georgia,serif; font-style:italic; color:#6b3a8f; font-size:.95rem; margin-top:4px; }
.kdh-action{ font-size:.9rem; line-height:1.5; color:#514357; margin:10px 0 0; }
.kdh-cta{ display:flex; flex-wrap:wrap; gap:8px; align-items:center; margin-top:14px; }
.kdh-btn{ display:inline-flex; align-items:center; padding:11px 18px; border-radius:100px; background:#4c2168; color:#fff !important; font:600 .84rem/1 'Inter',sans-serif; text-decoration:none; box-shadow:0 10px 22px rgba(51,22,63,.25); }
.kdh-btn:hover{ background:#33163f; }
.kdh-form{ display:inline-flex; align-items:center; border:1px solid #e7dcc9; border-radius:100px; background:#fffdf9; overflow:hidden; height:38px; }
.kdh-form input{ width:128px; border:0; background:transparent; padding:0 12px; font:500 .84rem 'Inter',sans-serif; color:#2a2130; outline:none; }
.kdh-form button{ border:0; background:#f3e6c6; color:#8a6a1c; height:100%; width:38px; font-weight:800; cursor:pointer; }
.kdh-form[hidden]{ display:none; }
.kdh-week{ display:grid; grid-template-columns:repeat(7,1fr); gap:4px; margin-top:16px; padding-top:12px; border-top:1px dashed #e7dcc9; }
.kdh-wd{ display:flex; flex-direction:column; align-items:center; gap:2px; padding:6px 0; border-radius:10px; }
.kdh-wd i{ font:600 .58rem/1 'Inter',sans-serif; letter-spacing:.12em; text-transform:uppercase; color:#77697a; font-style:normal; }
.kdh-wd b{ font-family:'Playfair Display',Georgia,serif; font-size:.72rem; letter-spacing:.1em; color:#514357; font-weight:700; }
.kdh-wd.is-today{ background:#4c2168; } .kdh-wd.is-today i,.kdh-wd.is-today b{ color:#fff; }
.kdh-wd.is-strong b{ color:#a8842b; }
.kdh-wd.is-today.is-strong b{ color:#f6e7bd; }

.kdh-inline{ display:none; }
@media (max-width: 880px){
  .kdh-inline{ display:flex; align-items:center; gap:12px; margin:0 0 22px; padding:10px 12px; border-radius:16px; background:linear-gradient(160deg,#fffdf9,#f4ecdf); color:#2a2130; text-decoration:none; box-shadow:0 18px 40px rgba(0,0,0,.35), 0 0 0 1px rgba(217,180,90,.45); }
  .kdh-inline img{ width:44px; height:74px; border-radius:6px; border:1.5px solid rgba(217,180,90,.7); background:#4c2168; object-fit:cover; flex:0 0 auto; transform:rotate(-3deg); }
  .kdh-inline-t{ display:flex; flex-direction:column; gap:2px; min-width:0; }
  .kdh-inline-eb{ font:700 .6rem/1 'Inter',sans-serif; letter-spacing:.18em; text-transform:uppercase; color:#8a6a1c; }
  .kdh-inline b{ font-family:'Playfair Display',Georgia,serif; font-size:1.05rem; line-height:1.15; color:#2a2130; }
  .kdh-inline span[data-kdh-sub]{ font-size:.8rem; color:#514357; line-height:1.3; }
}

/* Точка «карта за сегодня не открыта» уехала в hv.css: шапка сайта глобальная,
   а этот файл подключает только главная. */