/*
 * Дизайн-система справочника rumoon.com.
 *
 * Правила переехали сюда из инлайновых стилей includes/seo_landing_shell.php,
 * чтобы страницы *_guide.php и хаб /guide использовали ОДИН набор классов,
 * а не два параллельных. Разметка не менялась, значения скопированы дословно.
 *
 * Что здесь есть:
 *   .guide-nav                    - строка ссылок по разделам
 *   .guide-section[.is-<тон>]     - тематический раздел, 6 тонов
 *   .guide-section-head           - заголовок раздела (h2 + подзаголовок)
 *   .guide-featured               - крупные карточки-акценты
 *   .guide-blocks[.is-split]      - сетка подблоков раздела
 *   .guide-block                  - подблок с h3
 *   .guide-chips/.guide-cards/.guide-list/.guide-zodiac - четыре стиля списка ссылок
 *   .guide-more                   - <details> «показать ещё»
 *
 * Файл самодостаточный: только литеральные цвета, ни одной CSS-переменной,
 * поэтому его можно подключать на любой странице. Кнопки (.primary-button,
 * .secondary-button) и базовая типографика приходят из Ui::publicStyles().
 */
.guide-nav{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 28px;padding:14px;border-radius:18px;background:#f8f7fc;border:1px solid #ece6fb}
.guide-nav a{padding:8px 14px;border-radius:999px;background:#fff;border:1px solid #e8e2f8;text-decoration:none;color:#3d2f6d;font-weight:700;font-size:.82rem}
.guide-nav a:hover{border-color:#c8b8ff;background:#faf8ff}
.guide-section{margin:36px 0 0;padding:22px 20px;border-radius:22px;border:1px solid #ece6fb;background:#fff}
.guide-section.is-violet{border-color:#ddd6fe;background:linear-gradient(165deg,#faf8ff,#fff 40%)}
.guide-section.is-amber{border-color:#fde68a;background:linear-gradient(165deg,#fffbeb,#fff 45%)}
.guide-section.is-blue{border-color:#bfdbfe;background:linear-gradient(165deg,#eff6ff,#fff 45%)}
.guide-section.is-rose{border-color:#fecdd3;background:linear-gradient(165deg,#fff1f2,#fff 45%)}
.guide-section.is-teal{border-color:#99f6e4;background:linear-gradient(165deg,#f0fdfa,#fff 45%)}
.guide-section.is-slate{border-color:#e2e8f0;background:linear-gradient(165deg,#f8fafc,#fff 45%)}
.guide-section-head{margin:0 0 16px}
.guide-section-head h2{margin:0 0 6px;font-size:1.35rem;color:#18103c}
.guide-section-head p{margin:0;color:#5c6478;font-size:.92rem;line-height:1.55}
.guide-featured{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px;margin:0 0 18px}
.guide-featured a{display:flex;flex-direction:column;gap:4px;padding:14px 16px;border-radius:16px;background:#fff;border:1px solid #e8e2f8;text-decoration:none;color:inherit;min-height:78px}
.guide-featured a.is-primary{background:linear-gradient(135deg,#5b46e8,#7a4df5);border-color:transparent;color:#fff;box-shadow:0 12px 28px rgba(91,70,232,.22)}
.guide-featured b{font-size:.95rem}
.guide-featured small{font-size:.78rem;opacity:.85;line-height:1.4}
.guide-blocks{display:grid;gap:18px}
.guide-blocks.is-split{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
.guide-block{padding:14px 0 0;border-top:1px solid rgba(36,28,77,.08)}
.guide-block:first-child{border-top:0;padding-top:0}
.guide-block h3{margin:0 0 10px;font-size:.95rem;color:#3d2f6d}
.guide-chips{display:flex;flex-wrap:wrap;gap:8px}
.guide-chips a{padding:7px 12px;border-radius:999px;background:#f8f7fc;border:1px solid #e8e2f8;text-decoration:none;color:#3d2f6d;font-weight:600;font-size:.8rem}
.guide-chips a:hover{border-color:#c8b8ff;background:#fff}
.guide-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px}
.guide-cards a{padding:12px 14px;border-radius:14px;background:#f8f7fc;border:1px solid #e8e2f8;text-decoration:none;color:#3d2f6d;font-weight:700;font-size:.86rem;line-height:1.35}
.guide-cards a:hover{border-color:#c8b8ff;background:#fff}
.guide-zodiac{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.guide-zodiac a{display:flex;align-items:center;justify-content:center;text-align:center;padding:10px 8px;min-height:46px;border-radius:14px;background:#f8f7fc;border:1px solid #e8e2f8;text-decoration:none;color:#3d2f6d;font-weight:700;font-size:.78rem;line-height:1.25;overflow-wrap:break-word;word-break:break-word;max-width:100%;box-sizing:border-box}
.guide-zodiac a:hover{border-color:#c8b8ff;background:#fff}
.guide-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:6px 14px}
.guide-list a{padding:6px 0;text-decoration:none;color:#4f46a8;font-weight:600;font-size:.86rem;border-bottom:1px dashed transparent}
.guide-list a:hover{border-bottom-color:#c8b8ff;color:#3d2f6d}
.guide-more{margin-top:10px}
.guide-more summary{cursor:pointer;font-weight:700;color:#6b5acb;font-size:.85rem;list-style:none}
.guide-more summary::-webkit-details-marker{display:none}
.guide-more[open] summary{margin-bottom:10px}
@media(max-width:640px){.guide-zodiac{grid-template-columns:repeat(3,minmax(0,1fr))}}