/* ============================================================
   index2026.css - новый дизайн ГЛАВНОЙ страницы lagnalord.com (август 2026)
   Основа: образец app/styles.css (этнический стиль: слоновая кость,
   золото, марун; шрифты Philosopher + PT Sans).
   Подключается ПОСЛЕ старых des/style.css и des/style1.css и потому
   частично переопределяет их (body, ссылки, заголовки в новых блоках).
   Используется ТОЛЬКО на index.php (des/header2.php); остальные
   страницы сайта этот файл не грузят и не затронуты.
   Кодировка файла: windows-1251 (комментарии на русском).
   ============================================================ */

/* ---------- палитра и базовые переменные дизайна ---------- */
:root{
  --bg:#faf3e3;          /* общий фон страницы - светлая слоновая кость */
  --bg-soft:#f4ead2;     /* фон полос-вставок (панчанга, подвал) */
  --ivory:#fffaf0;       /* фон карточек */
  --ink:#452f1b;         /* основной цвет текста - тёмно-коричневый */
  --muted:#8d7148;       /* приглушённый текст (подписи) */
  --gold:#b9862e;        /* золото - акценты */
  --gold-deep:#8a5f14;   /* тёмное золото */
  --gold-soft:#d9b877;   /* светлое золото */
  --maroon:#7c2a1c;      /* марун - заголовки и важное */
  --line:rgba(150,108,42,.38);              /* цвет рамок */
  --shadow:0 14px 34px -18px rgba(90,58,16,.45); /* тень карточек */
  --radius:14px;         /* скругление карточек */
}

/* ---------- переопределение базы старого style.css ---------- */
/* страховка от горизонтальной прокрутки: скрытые CSS-подсказки (data-tip)
   имеют width:max-content и без этого правила расширяют документ */
html{overflow-x:hidden}
/* старый body задаёт шрифт ElMessiri и белый фон - меняем на новую основу */
body{
  font-family:"PT Sans",system-ui,sans-serif;
  background:var(--bg);
  color:var(--ink);
  line-height:1.55;
  overflow-x:hidden;
  font-size:100%; /* сброс старого масштаба шрифта на узких экранах задаётся ниже */
}
/* выделение текста - в тон дизайна */
::selection{background:rgba(185,134,46,.28)}
/* картинки не должны распирать блоки */
img{max-width:100%}
/* заголовки и логотип - декоративный шрифт; text-decoration:none гасит
   подчёркивание из старого style.css (h1 { text-decoration: underline }) -
   в образце app/ заголовки не подчёркнуты */
h1,h2,h3,h4,.brand-name{font-family:"Philosopher","PT Sans",sans-serif;font-weight:700;line-height:1.15;text-decoration:none}
/* цвет и фон заголовков по образцу - перекрываем старые правила style.css */
h1{color:var(--maroon);background:none}
/* заголовки старых текстов интерпретаций: в массивах int/arr они хранятся как
   <p class="maintexth1"><b>ТЕКСТ</b></p>, а старый style.css красит этот класс
   вместе с h1 (подчёркивание, старый шрифт). Приводим к заголовкам нового
   дизайна - правило глобальное: работает и в модальных окнах, и в подсказках */
p.maintexth1, p.maintexth1 b{
  font-family:"Philosopher","PT Sans",sans-serif;color:var(--maroon);
  text-decoration:none;background:none;
}
p.maintexth1{
  font-size:1.22rem;line-height:1.3;letter-spacing:.05em;
  text-align:center;text-indent:0;margin:.7rem 0 .4rem;
}
/* центральная колонка страницы (сетка старого дизайна не используется) */
.wrap{width:min(1180px,94vw);margin:0 auto}

/* ---------- кнопки ---------- */
.btn{
  display:inline-block;padding:.78rem 1.9rem;border-radius:999px;
  font-family:"PT Sans",sans-serif;font-size:.95rem;font-weight:700;
  letter-spacing:.04em;text-decoration:none;cursor:pointer;border:1px solid transparent;
  transition:transform .25s ease, box-shadow .25s ease, background .25s ease;
}
/* золотая кнопка - главное действие */
.btn-gold{
  color:#fff8ea !important;
  background:linear-gradient(135deg,#d3a344 0%,#a97b1f 55%,#8a5f14 100%);
  box-shadow:0 10px 22px -10px rgba(138,95,20,.65), inset 0 1px 0 rgba(255,240,200,.5);
}
.btn-gold:hover{transform:translateY(-2px);box-shadow:0 16px 30px -12px rgba(138,95,20,.7);text-decoration:none}
/* прозрачная кнопка - второстепенное действие */
.btn-ghost{
  color:var(--maroon) !important;border-color:var(--line);
  background:rgba(255,250,240,.6);
}
.btn-ghost:hover{background:var(--ivory);transform:translateY(-2px);text-decoration:none}

/* ---------- верхняя шапка с меню ---------- */
.site-header{
  position:sticky;top:0;z-index:50;
  background:rgba(250,243,227,.88);
  backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
  border-bottom:1px solid var(--line);
}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.55rem 0;
  width:min(1215px,94vw); /* шапка шире обычной колонки .wrap (1180px) на 35px - наказ автора 11.08.2026 */
}
/* логотип: голова слона + название */
.brand{display:flex;align-items:center;gap:.7rem;text-decoration:none;color:var(--ink) !important}
.brand:hover{text-decoration:none}
.brand-mark{width:44px;height:44px;object-fit:contain;filter:drop-shadow(0 1px 1px rgba(90,60,15,.25))}
.brand-text{display:flex;flex-direction:column;line-height:1.05}
.brand-name{font-size:1.6rem;letter-spacing:.06em;color:var(--maroon)}
.brand-sub{font-size:.66rem;letter-spacing:.24em;text-transform:uppercase;color:var(--muted)}
/* быстрые ссылки (видны на широких экранах) */
.top-nav{display:flex;gap:1.5rem;align-items:center}
.top-nav > a{
  position:relative;text-decoration:none;color:var(--ink) !important;
  font-size:.92rem;letter-spacing:.05em;padding:.3rem 0;font-weight:400;
}
.top-nav > a::after{
  content:"";position:absolute;left:0;right:100%;bottom:0;height:1px;
  background:linear-gradient(90deg,var(--gold),transparent);
  transition:right .3s ease;
}
.top-nav > a:hover{color:var(--maroon) !important;text-decoration:none}
.top-nav > a:hover::after{right:0}
/* кнопка-бургер: открывает полное меню (соответствует мобильному меню сайта) */
.burger{
  display:flex;align-items:center;gap:.55rem;background:none;border:1px solid var(--line);
  border-radius:999px;cursor:pointer;padding:.45rem .95rem;color:var(--maroon);
  font-family:"PT Sans",sans-serif;font-size:.88rem;font-weight:700;letter-spacing:.06em;
  transition:background .25s ease;
}
.burger:hover{background:var(--ivory)}
.burger-lines{display:flex;flex-direction:column;gap:4px}
.burger-lines span{display:block;width:20px;height:2px;background:var(--maroon);border-radius:2px}
/* полное выпадающее меню - зеркало мобильного меню сайта */
.mega-menu{
  position:absolute;top:100%;right:0;left:0;
  display:none;background:var(--ivory);
  border-bottom:1px solid var(--line);
  box-shadow:0 24px 40px -22px rgba(90,58,16,.5);
  max-height:calc(100vh - 64px);overflow-y:auto;
  overflow-x:hidden; /* без горизонтальной прокрутки внутри меню: обёртка в 94vw шире клиентской ширины на толщину полос прокрутки */
}
.mega-menu.open{display:block}
/* внутри меню своя вертикальная полоса прокрутки съедает ширину - сужаем обёртку, чтобы пункты не резались справа */
.mega-menu .wrap{width:min(1180px,94vw - 22px)}
.mega-inner{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
  gap:0 2.2rem;padding:1.1rem 0 1.4rem;
}
.mega-menu a{
  display:block;padding:.5rem .2rem;border-bottom:1px dashed rgba(150,108,42,.22);
  color:var(--ink) !important;text-decoration:none;font-size:.92rem;font-weight:400;
}
.mega-menu a:hover{color:var(--maroon) !important;text-decoration:none;background:rgba(217,184,119,.12)}
.mega-menu a b{font-weight:700}
/* немаркированный пункт-заголовок внутри меню («Профессиональная версия:») */
.mega-title{
  padding:.9rem .2rem .35rem;color:var(--muted);
  font-size:.75rem;letter-spacing:.16em;text-transform:uppercase;font-weight:700;
}

/* ---------- шапка-герой ---------- */
.hero{position:relative;min-height:min(calc(56vh + 150px),690px);display:flex;align-items:center} /* +75px и ещё +75px к высоте шапки (наказы автора 15.08.2026), было min(56vh,540px) */
/* фон - панорама индийского дворца */
.hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:url("/img/panorama.jpg") center 30%/cover no-repeat}
/* плавное растворение фона в цвет страницы */
.hero-fade{
  position:absolute;top:0;right:0;bottom:0;left:0;
  background:linear-gradient(180deg,rgba(250,243,227,.25) 0%,rgba(250,243,227,0) 30%,rgba(250,243,227,.55) 72%,var(--bg) 100%);
}
.hero-content{position:relative;text-align:center;padding:calc(3.6rem + 75px) 0 calc(4.6rem + 75px);width:100%} /* +75px и ещё +75px к высоте шапки (наказы автора 15.08.2026), было 3.6rem/4.6rem */
.hero-ornament{color:var(--gold-deep);opacity:.95}
/* орнамент-разделитель: голова слона между золотыми линиями */
.divider-orn{display:flex;align-items:center;justify-content:center;gap:14px}
.orn-line{display:block;width:120px;height:1px;background:linear-gradient(90deg,transparent,var(--gold) 55%,var(--gold-deep))}
.orn-line-r{background:linear-gradient(270deg,transparent,var(--gold) 55%,var(--gold-deep))}
.orn-img{width:38px;height:auto;object-fit:contain;filter:drop-shadow(0 1px 1px rgba(90,60,15,.3))}
/* небольшой пустой отступ на месте удалённого орнамента-логотипа героя */
.hero-spacer{height:34px}

/* логотип LaGna в орнаменте героя (вместо одиночной головы слона).
   БОЛЬШЕ НЕ ВЫВОДИТСЯ (блок удалён из des/header2.php 09.08.2026),
   правила сохранены на случай возврата знака.
   Высота знака = прежняя высота головы слона в орнаменте (38-40px).
   Вариант-оригинал: файл img/logo-lagna.png (прозрачный фон) -
   вставляется ЦЕЛИКОМ, без изменений */
.hero-logo-img{
  height:46px;width:auto;object-fit:contain; /* +15% (наказ автора 15.08.2026), было 40px */
  filter:drop-shadow(0 1px 1px rgba(90,60,15,.25));
  /* рисунок смещён вверх на 10px: боковые линии орнамента идут от середины
     строчных букв надписи, а не от середины всей картинки с головой */
  transform:translateY(-10px);
}
/* вариант-сборка, пока файла оригинала нет: La + фирменная голова слона (она же
   G в оригинале) + na, вплотную, низ хобота на базовой линии букв */
.hero-logo{display:inline-flex;align-items:flex-end;line-height:1}
.hero-logo .hl-txt{
  font-family:"Philosopher","PT Sans",sans-serif;font-weight:700;
  font-size:24px;color:var(--maroon);letter-spacing:.01em;
  text-shadow:0 1px 0 rgba(255,250,235,.55);
}
.hero-logo .hl-g{
  height:40px;width:auto;margin:0 -3px; /* буквы примыкают к голове, как в оригинале */
  transform:translateY(5%); /* хобот чуть ниже базовой линии, как в оригинале логотипа */
  filter:drop-shadow(0 1px 1px rgba(90,60,15,.25));
}

.hero h1{
  font-size:clamp(2.2rem,5.4vw,4rem);color:var(--maroon);
  margin:.8rem 0 1rem;text-shadow:0 2px 0 rgba(255,250,235,.55);
  background:none;text-align:center; /* сброс старых правил h1 */
}
/* .hero h1 em{font-style:italic;font-weight:400} -- заменено 21.09.2026 (наказ автора): строка «о вашем пути» уменьшена на 25% */
.hero h1 em{font-style:italic;font-weight:400;font-size:.75em} /* вторая строка заголовка героя - 75% от размера первой (.hero h1) */
.hero-lead{font-size:1.06rem;color:#5d4326;max-width:640px;margin:0 auto 1.8rem;text-indent:0;text-align:center}
.hero-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}

/* ---------- строка панчанги ---------- */
.panchang{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--bg-soft)}
.panchang-inner{
  display:flex;align-items:center;justify-content:center;gap:.4rem 1.05rem;
  flex-wrap:wrap;padding:.8rem 0;font-size:.93rem;
}
.panchang-title{
  font-family:"Philosopher","PT Sans",sans-serif;font-size:1.12rem;font-weight:700;
  letter-spacing:.08em;color:var(--maroon);margin-right:.5rem;white-space:nowrap;
}
.p-item{white-space:nowrap}
.p-item i{font-style:normal;color:var(--muted);font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;margin-right:.4rem}
.p-item b{font-weight:700;color:var(--ink)}
.p-item b a{color:var(--ink) !important;text-decoration:none;border-bottom:1px dotted rgba(124,42,28,.5)}
.p-item b a:hover{color:var(--maroon) !important}
/* кликабельные элементы строки (открывают текст вкладки Панчанга в модальном окне) */
.p-item[data-pan]{cursor:pointer}
.p-item[data-pan] b{border-bottom:1px dotted rgba(124,42,28,.5)}
.p-item[data-pan]:hover b{color:var(--maroon)}
/* цветовая метка благоприятности (цвета $pcveta сайта) */
.p-dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-left:.35rem;vertical-align:1px}
/* ромбик-разделитель между элементами */
.p-sep{width:5px;height:5px;background:var(--gold);transform:rotate(45deg);opacity:.7}

/* ---------- секции и карточки ---------- */
.section-head{text-align:center;margin:0 auto 2.2rem;max-width:720px}
.section-head h2{font-size:clamp(1.8rem,3.4vw,2.5rem);color:var(--maroon);margin:.6rem 0 .4rem;background:none}
.section-head p{color:var(--muted);text-indent:0}
.chart-section{position:relative;padding:3.4rem 0 3.4rem;overflow:hidden}
/* декоративные мандалы по углам секции карты */
.mandala{
  position:absolute;width:520px;height:520px;opacity:.28;pointer-events:none;
  background:url("/img/mandala_img.png") center/contain no-repeat;
}
.mandala-tl{top:-140px;left:-140px}
.mandala-br{bottom:2rem;right:-140px;transform:rotate(18deg)}
/* карточка в общем этническом стиле (двойная золотая рамка) */
.card{
  position:relative;background:var(--ivory);
  border:1px solid var(--line);border-radius:var(--radius);
  box-shadow:var(--shadow), inset 0 0 0 4px var(--ivory), inset 0 0 0 5px rgba(185,134,46,.28);
  padding:1.4rem 1.5rem;
}
.card h3{
  font-size:1.24rem;color:var(--maroon);letter-spacing:.06em;
  padding-bottom:.6rem;margin-bottom:.9rem;position:relative;background:none;text-align:left;
}
.card h3::after{
  content:"";position:absolute;left:0;bottom:0;height:1px;width:64px;
  background:linear-gradient(90deg,var(--gold),transparent);
}

/* ---------- заголовок карты (вывод gorohead.php) ---------- */
/* внутри - старая разметка <center><h1>, строки лагны/айанамсы, варги; переоформляем */
.goro-head h1{
  /* сбалансировано 10.08.2026: раньше clamp(1.25rem,2.6vw,1.8rem) - на широком
     экране заголовок разрастался, а строки лагны/варг оставались мелкими */
  font-size:clamp(1.15rem,1.5vw,1.45rem);color:var(--maroon);
  background:none;margin:.2rem 0 .6rem;line-height:1.4;text-decoration:none;
}
.goro-head{margin-bottom:1.4rem;text-align:center}
.goro-head .hide-wrap{margin-top:.5rem}
.goro-head b{color:var(--ink)}
/* маркеры-точки us.gif в новом дизайне не нужны */
.goro-head img[src*='us.gif']{display:none}
.goro-head a{color:var(--maroon) !important;text-decoration:none;border-bottom:1px dotted rgba(124,42,28,.5)}
.goro-head a:hover{color:var(--gold-deep) !important}
/* строки варг/аштакаварги - приглушённые; размер поднят с .88rem до .97rem
   (сбалансировано с уменьшенным заголовком карты, 10.08.2026) */
.goro-head .hide-wrap center{color:var(--muted);font-size:.97rem;line-height:1.9}
/* строка лагны/айанамсы (вне hide-wrap) - тот же увеличенный размер */
.goro-head center{font-size:.97rem}
.goro-head .hide-wrap b{color:var(--gold-deep);cursor:help;font-weight:700}

/* ---------- сетка карты с панелями ----------
   Карта 700px должна помещаться БЕЗ полосы прокрутки всегда, когда ширина
   окна позволяет (наказ автора: прокрутка только при ширине < 740px).
   Поэтому по умолчанию слон занимает всю ширину секции (панели под ним),
   а трёхколоночная сетка включается только от 1360px - там центральной
   колонке гарантированно хватает 700px+. */
.chart-section > .wrap{width:min(1340px,96vw)} /* секция карты шире обычной колонки */
.chart-grid{
  /* minmax(0,1fr) вместо 1fr: иначе дорожка не ужимается ниже содержимого
     (картинка 700px раздувала колонку на узких окнах, и прокрутка под картой
     не появлялась - контейнер сам становился 700px и обрезался краем окна) */
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:1.8rem;align-items:start;
}
.elephant-stage{grid-column:1/-1;order:-1;min-width:0} /* слон сверху, на всю ширину секции; min-width:0 - разрешаем ужиматься */
@media (min-width:1360px){
  .chart-grid{grid-template-columns:250px minmax(0,1fr) 280px;align-items:center}
  .elephant-stage{grid-column:auto;order:0} /* слон в центральной колонке */
}
/* панель со списком определений (Лагна, Накшатра Луны) */
.panel dl{display:flex;flex-direction:column;gap:.55rem;margin:0}
.panel dl div{display:flex;justify-content:space-between;gap:.8rem;font-size:.93rem}
.panel dt{color:var(--muted)}
.panel dd{font-weight:700;text-align:right;margin:0}
.panel dd a{color:var(--maroon) !important;text-decoration:none;border-bottom:1px dotted rgba(124,42,28,.5)}
.panel dd a:hover{color:var(--gold-deep) !important}
/* кликабельное значение панели (открывает длинный текст в модальном окне) */
.panel dd .lnk{cursor:pointer;color:var(--maroon);border-bottom:1px dotted rgba(124,42,28,.5)}
.panel dd .lnk:hover{color:var(--gold-deep)}
/* скрытые контейнеры с текстами для модального окна */
.nd-hidden{display:none}
.right-col{display:flex;flex-direction:column;gap:1.8rem}
/* список грах в правой панели */
.graha-list{list-style:none;display:flex;flex-direction:column;gap:.42rem;font-size:.93rem;margin:0;padding:0}
.graha-list li{display:flex;justify-content:space-between;gap:.6rem;padding:0;background:none}
.graha-list .g-name{color:var(--muted)}
.graha-list .g-val{font-weight:700;text-align:right}
.graha-list .g-val a{color:var(--ink) !important;text-decoration:none}
.graha-list .g-val a:hover{color:var(--maroon) !important}
/* пометка ретроградности */
.graha-list .g-retro{color:var(--maroon);font-size:.8em;vertical-align:super}

/* ---------- сцена карты (вывод Goro: слон 700х700) ---------- */
.elephant-stage{width:100%;max-width:720px;margin:0 auto;text-align:center}
/* обёртка Goro() имеет классы .tab-wrap.kart-wrap - прокрутка на узких экранах */
.elephant-stage .kart-wrap{overflow-x:auto;overflow-y:hidden;height:auto}
.elephant-stage .kart-wrap img{
  max-width:none; /* image-map требует натуральный размер картинки */
  /* mix-blend-mode:multiply УБРАН (10.08.2026): прозрачность теперь настоящая -
     у исходника img/gor-u.gif назначен прозрачный цвет фона, генераторы
     horoscope2.php/karta-uds.php доносят её до всех карт-слонов на сайте;
     multiply к тому же затемнял бы новый цветной рисунок слона */
}
/* подпись под слоном */
.elephant-cap{
  text-align:center;font-family:"Philosopher","PT Sans",sans-serif;font-style:italic;
  color:var(--muted);font-size:1rem;margin-top:.4rem;
}

/* ---------- слайдер вкладок (Таблицы, Навамша, Панчанга...) ---------- */
.guide-section{padding:1rem 0 4rem}
.tslider{max-width:1080px;margin:0 auto}
/* закладки-пилюли */
.ts-tabs{display:flex;justify-content:center;gap:.5rem;flex-wrap:wrap;margin-bottom:1.3rem}
.ts-tab{
  font-family:"Philosopher","PT Sans",sans-serif;font-weight:700;font-size:1.05rem;
  padding:.52rem 1.35rem;border:1px solid var(--line);border-radius:999px;
  background:var(--ivory);color:var(--muted);cursor:pointer;transition:all .25s ease;
}
.ts-tab:hover{border-color:var(--gold);color:var(--gold-deep);transform:translateY(-1px)}
.ts-tab:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.ts-tab.active{
  background:linear-gradient(135deg,var(--gold),var(--gold-deep));color:#fff8ea;
  border-color:transparent;box-shadow:0 6px 14px rgba(138,95,20,.3);
}
/* окно и лента слайдера; высота выставляется скриптом по активной вкладке */
.ts-viewport{overflow:hidden;border-radius:20px;transition:height .35s ease}
.ts-track{display:flex;align-items:flex-start;transition:transform .45s cubic-bezier(.22,.8,.24,1)}
.ts-slide{flex:0 0 100%;min-width:0;padding:.2rem}
/* карточка-обёртка содержимого вкладки */
.ts-card{padding:1.7rem 1.9rem;overflow:hidden}
/* заголовок вкладки h2.title дублирует активную пилюлю - прячем (как это делал liquid-slider) */
.ts-slide h2.title{display:none}

/* --- переоформление СТАРОГО содержимого вкладок (классы style.css) --- */
/* заголовки разделов внутри вкладок - шрифт и вид как в образце, без подчёркивания */
.ts-slide h1{
  font-size:1.3rem;color:var(--maroon);background:none;
  font-family:"Philosopher","PT Sans",sans-serif;margin:.6rem 0 .6rem;text-decoration:none;
}
/* абзацы пояснений */
.ts-slide p.maintext, .ts-slide p.nomaintext{
  color:var(--ink);font-size:.93rem;line-height:1.6;text-align:left;
}
.ts-slide p.maintext img[src*='us.gif'], .ts-slide p.nomaintext img[src*='us.gif']{display:none}
/* прокручиваемая обёртка таблиц */
.ts-slide .tab-wrap{overflow-x:auto;height:auto}
/* таблицы планет: светлая карточная сетка вместо пунктира */
.ts-slide table.tabout{
  border-collapse:collapse;background:none;font-size:.92rem;margin:0 auto;
}
.ts-slide table.tabout:hover{background:none}
.ts-slide table.tabout td{border:none;border-bottom:1px dashed rgba(150,108,42,.25);padding:.45rem .55rem}
.ts-slide tr.trhead td{
  border-bottom:1px solid var(--line);color:var(--muted);
  font-size:.74rem;letter-spacing:.12em;text-transform:uppercase;font-weight:700;background:none;
}
.ts-slide tr.trout:hover{background:rgba(217,184,119,.16)}
/* ссылки в таблицах и текстах вкладок */
.ts-slide a{color:var(--maroon) !important;text-decoration:none;border-bottom:1px dotted rgba(124,42,28,.4)}
.ts-slide a:hover{color:var(--gold-deep) !important}
/* поля форм: селекты и текстовые поля в общем стиле */
.ts-slide select, .ts-slide input[type=text]{
  font-family:"PT Sans",sans-serif;font-size:.95rem;color:var(--ink);
  background:var(--bg);border:1px solid var(--line);border-radius:9px;
  padding:.4rem .6rem;
}
.ts-slide select:focus, .ts-slide input[type=text]:focus{
  outline:none;border-color:var(--gold);box-shadow:0 0 0 3px rgba(185,134,46,.22);
}
/* рамки-филдсеты форм настроек и машины времени */
.ts-slide fieldset.ramas, .ts-slide fieldset.mvramas{
  border:1px dashed var(--line);border-radius:11px;padding:1rem 1.1rem;margin:0 auto 1rem;
}
.ts-slide fieldset legend{color:var(--muted);letter-spacing:.08em;padding:0 .5rem}
/* --- форма «Настройки»: аккуратные зазоры между полями и подписями --- */
.ts-slide fieldset.ramas{
  padding:1.1rem 1.2rem 1.2rem;margin-bottom:1.3rem;
  line-height:2.2; /* воздух между строками подписей и полей (разметка на <br>) */
}
/* селекты не прилипают друг к другу и к подписям */
.ts-slide fieldset.ramas select{margin:3px 5px 3px 2px}
/* группы координат (Ш: ... / Д: ...) - цельные, с зазором между группами */
.ts-slide fieldset.ramas nobr{display:inline-block;margin:2px 12px 2px 0}
/* флажки (транссатурновые, Мритью-бхага) - с отступом и в цветах дизайна */
.ts-slide fieldset.ramas input[type=checkbox]{
  margin:0 7px 0 2px;transform:scale(1.15);accent-color:var(--gold-deep);
}
/* разделительная черта <hr width=160> - тонкая золотая линия */
.ts-slide fieldset.ramas hr{
  border:none;height:1px;width:160px;margin:.7rem auto;
  background:linear-gradient(90deg,transparent,var(--gold),transparent);
}
/* подзаголовки блоков внутри формы - марун, как заголовки дизайна */
.ts-slide fieldset.ramas b{color:var(--maroon)}
/* значки градусов/минут - приглушённые */
.ts-slide fieldset.ramas sup{color:var(--muted)}
/* кнопка «Запомнить все» - с зазором от формы */
.ts-slide input[type=submit].nastbtn{margin:8px 4px}
/* кнопки форм (Запомнить все, Поехали, Построить) */
.ts-slide input[type=submit], .ts-slide .nastbtn, .ts-slide .prombtn{
  font-family:"PT Sans",sans-serif;font-size:.92rem;font-weight:700;color:#fff8ea;
  background:linear-gradient(135deg,#d3a344 0%,#a97b1f 55%,#8a5f14 100%);
  border:none;border-radius:999px;padding:.55rem 1.4rem;cursor:pointer;
  box-shadow:0 8px 18px -9px rgba(138,95,20,.6);
  transition:transform .2s ease, box-shadow .2s ease;
}
.ts-slide input[type=submit]:hover{transform:translateY(-1px);box-shadow:0 12px 22px -10px rgba(138,95,20,.7)}
/* блоки полей машины времени: подпись + поле в связке, блоки не слипаются */
.ts-slide .polediv{
  display:inline-flex;align-items:center;gap:.5rem;
  margin:.45rem .8rem .45rem 0;vertical-align:middle;
}
.ts-slide input.mvrem{width:7em} /* компактные поля - три блока помещаются в строку */
/* кнопки перемещения во времени (+1, -365 и т.п.) - стиль кнопки «Настройки
   сайта» из шапки (btn-ghost): светлая пилюля с золотой рамкой и маруном.
   Селектор с input[type=submit] - иначе их перекрывает общее золотое правило */
.ts-slide input[type=submit].nastbtn1{
  color:var(--maroon);background:rgba(255,250,240,.6);
  border:1px solid var(--line);border-radius:999px;
  padding:.45rem 1.05rem;margin:4px 3px;cursor:pointer;
  font-family:"PT Sans",sans-serif;font-size:.88rem;font-weight:700;letter-spacing:.03em;
  box-shadow:none;
}
.ts-slide input[type=submit].nastbtn1:hover{
  background:var(--ivory);border-color:var(--gold);color:var(--gold-deep);
  transform:translateY(-1px);box-shadow:none;
}
/* текстовые поля машины времени */
.ts-slide input.mvrem{
  font-family:"PT Sans",sans-serif;font-size:1rem;color:var(--ink);
  background:var(--bg);border:1px solid var(--line);border-radius:9px;padding:.45rem .6rem;
}
/* текстовые области вкладки Сохранить */
.ts-slide textarea.linkta{
  width:96%;background:var(--bg);border:1px solid var(--line);border-radius:9px;
  color:var(--ink);font-size:.85rem;padding:.5rem .6rem;
  font-family:"PT Sans",sans-serif; /* шрифт образца и для текстовых областей */
}

/* ---------- подвал ---------- */
.site-footer{background:var(--bg-soft);border-top:1px solid var(--line);margin-top:2.5rem;margin-left:3px;margin-right:3px} /* 3px от краёв страницы, как у main (наказ автора 14.08.2026) */
/* боковой отступ подвала от края страницы - не менее 3px (наказ автора 10.08.2026):
   94vw считается ВМЕСТЕ с полосой прокрутки, и на узких окнах с классическим
   скроллбаром зазор съедался почти до нуля; 100% - 6px гарантирует по 3px с боков */
.site-footer .wrap{width:min(1180px,94vw,100% - 6px)}
/* промо-строка (бывший баннер .lastob старой шапки) */
.f-promo{
  text-align:center;padding:.85rem 0;margin:0;font-size:.92rem;color:var(--ink);
  border-bottom:1px dashed var(--line);text-indent:0;
}
.f-promo a{color:var(--maroon) !important;text-decoration:none;border-bottom:1px dotted rgba(124,42,28,.5)}
/* верх подвала: колонка бренда слева + колонки ссылок справа */
.footer-top{
  display:grid;grid-template-columns:250px minmax(0,1fr);
  gap:1.6rem 2.2rem;padding:2.4rem 0 1.4rem;align-items:start;
}
/* группы ссылок раскладываются газетными колонками */
.footer-cols{columns:3 250px;column-gap:2.2rem}
.footer-cols .f-group{break-inside:avoid;-webkit-column-break-inside:avoid}
/* колонка бренда с Ганешей */
.f-brand{text-align:left}
.ganesha{width:104px;opacity:.92;margin-left:50px} /* +45px, потом ещё +5 вправо (наказы автора 14.08.2026) */
.f-motto{font-family:"Philosopher","PT Sans",sans-serif;font-style:italic;font-size:1.04rem;color:var(--maroon);margin:.7rem 0 .3rem;text-indent:0}
.f-note{font-size:.9rem;color:var(--muted);text-indent:0}
/* группа ссылок подвала (бывшие боксы левой/правой колонок) */
.f-group{margin-bottom:1.2rem}
.f-group h4{
  font-family:"PT Sans",sans-serif;font-size:.76rem;letter-spacing:.18em;
  text-transform:uppercase;color:var(--muted);margin:0 0 .55rem;
}
.f-group{font-size:.9rem;line-height:1.85;color:var(--ink)}
.f-group a{color:var(--ink) !important;text-decoration:none;border-bottom:1px dotted rgba(124,42,28,.35);font-weight:400}
.f-group a b{font-weight:400} /* жирность старых ссылок в подвале не нужна - выравниваем */
.f-group a:hover{color:var(--maroon) !important}
/* маркеры us.gif из старых строк ссылок прячем */
.f-group img[src*='us.gif']{display:none}
/* ряд круглых социальных иконок */
.social-row{display:flex;gap:.7rem;margin:.4rem 0 1rem;flex-wrap:wrap}
.social-row a{
  width:38px;height:38px;border-radius:50%;border:1px solid var(--line);
  display:flex;align-items:center;justify-content:center;color:var(--maroon) !important;background:var(--ivory);
  transition:transform .25s ease, background .25s ease;text-decoration:none;
}
.social-row a:hover{transform:translateY(-3px);background:#fff}
.social-row svg{width:19px;height:19px;fill:currentColor}
/* нижняя строка подвала (копирайт) */
.footer-line{
  display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;
  border-top:1px dashed var(--line);padding:1rem 0 1.3rem;
  font-size:.82rem;color:var(--muted);
}
.footer-line a{color:var(--maroon) !important;text-decoration:none}
/* блок счётчиков/поделиться - компактно и не бросается в глаза */
.f-counters{border-top:1px dashed var(--line);padding:1.2rem 0 1rem;text-align:center}
.f-share-title{
  font-family:"PT Sans",sans-serif;font-size:.76rem;letter-spacing:.18em;
  text-transform:uppercase;color:var(--muted);margin:0 0 .6rem;
}

/* ---------- всплывающие подсказки на data-tip (чистый CSS) ---------- */
/* ЕДИНЫЙ вид всплывающих подсказок на странице: CSS-пузырь (data-tip) и
   следящая подсказка #floatTip оформлены ОДИНАКОВО (фон, рамка, радиус,
   шрифт, тень). Длинные тексты подсказками не показываются - открываются
   по клику в модальном окне #dialog. */
[data-tip]{position:relative;cursor:help}
[data-tip]::after{
  content:attr(data-tip);
  position:absolute;left:50%;bottom:100%;margin-bottom:10px;z-index:60;
  transform:translate(-50%,6px);
  width:max-content;max-width:min(280px,72vw);
  padding:10px 14px;border-radius:12px;
  background:var(--ivory);
  border:1px solid rgba(185,134,46,.55);
  box-shadow:0 16px 34px -14px rgba(90,58,16,.55);
  color:var(--ink);font-family:"PT Sans",sans-serif;font-size:.85rem;line-height:1.5;font-weight:400;
  letter-spacing:0;text-transform:none;text-align:center;white-space:normal;
  opacity:0;visibility:hidden;pointer-events:none;
  transition:opacity .22s ease,transform .22s ease,visibility .22s;
}
/* показ по :focus-visible (только клавиатурная навигация), а НЕ по :focus:
   jquery-ui после закрытия окна возвращает фокус элементу-открывателю, и
   с обычным :focus подсказка зависала на экране после закрытия окна */
[data-tip]:hover::after,[data-tip]:focus-visible::after{
  opacity:1;visibility:visible;transform:translate(-50%,0);
}
/* у крайних элементов строки панчанги подсказка не должна вылезать за экран;
   2-й ребёнок - "Дата" (1-й - заголовок строки), последний - "Закат" */
.panchang .p-item:nth-child(2)[data-tip]::after{left:0;transform:translate(0,6px)}
.panchang .p-item:nth-child(2)[data-tip]:hover::after{transform:translate(0,0)}
.panchang .p-item:last-child[data-tip]::after{left:auto;right:0;transform:translate(0,6px)}
.panchang .p-item:last-child[data-tip]:hover::after{transform:translate(0,0)}

/* ---------- переоформление старой следящей подсказки floatTip ---------- */
#floatTip{
  position:absolute;display:none;z-index:999;
  pointer-events:none; /* пузырь не перехватывает клики: большая подсказка могла
     оказаться под курсором (особенно у краёв экрана после прижатия) и глотала
     клик по активному месту - окно «Подсказка» не открывалось (замечено автором
     на sarvatobhadra-chakra-pro, 10.08.2026); кликать внутрь пузыря и так было
     нельзя - он прячется при уходе курсора с элемента */
  width:min(410px,86vw); /* старая ширина 410 фикс. - ограничиваем на узких экранах */
  background:var(--ivory);border:1px solid rgba(185,134,46,.55);border-radius:12px;
  box-shadow:0 16px 34px -14px rgba(90,58,16,.55);
  padding:10px 14px;font-family:"PT Sans",sans-serif;font-size:.85rem;line-height:1.5;color:var(--ink);text-align:left;
}

/* ---------- содержимое модального окна (#dialog): блоки вкладки Панчанга ---------- */
/* маркеры us.gif в модалке не нужны */
#dialog img[src*='us.gif']{display:none}
#dialog p.maintext{
  color:var(--ink);font-size:.92rem;line-height:1.6;text-align:left;
  text-indent:0;margin:.5rem 0;
}
#dialog a{color:var(--maroon) !important;text-decoration:none;border-bottom:1px dotted rgba(124,42,28,.4)}
#dialog a:hover{color:var(--gold-deep) !important}
/* картинки внутри окна подсказки: по ширине окна, пропорции сохраняются */
#dialog img{max-width:100%;height:auto}
/* картинка-символ накшатры (из блока вкладки Панчанга) - компактная */
#dialog img[src*='nakshatry']{max-width:120px}
/* карта варги в окне подсказки не должна быть меньше 200х200 (наказ автора) */
#dialog img.vargaimg{min-width:200px;min-height:200px}

/* ---------- модальное окно интерпретаций (js/inttext.js, #int-overlay) ----------
   Вид как у модального окна образца app/: карточка слоновой кости с двойной
   золотой рамкой и орнаментом с головой слона вверху. Инлайн-стили inttext.js
   перекрываются !important; правила действуют только на главной. */
#int-overlay-box{
  background:var(--ivory) !important;
  border:1px solid var(--line);
  border-radius:14px !important;
  box-shadow:0 30px 70px -20px rgba(50,28,8,.6), inset 0 0 0 4px var(--ivory), inset 0 0 0 5px rgba(185,134,46,.28) !important;
  padding:64px 26px 24px !important; /* сверху место под орнамент */
}
/* орнамент-разделитель с головой слона вверху окна (как .divider-orn образца) */
#int-overlay-box::before{
  content:"";position:absolute;top:16px;left:50%;transform:translateX(-50%);
  width:min(320px,82%);height:36px;
  background:
    url('/img/ganesha_head.png') center/auto 100% no-repeat,
    linear-gradient(90deg,transparent,var(--gold) 55%,var(--gold-deep)) left center/calc(50% - 32px) 1px no-repeat,
    linear-gradient(270deg,transparent,var(--gold) 55%,var(--gold-deep)) right center/calc(50% - 32px) 1px no-repeat;
}
/* крестик закрытия - в цветах дизайна */
#int-overlay-x{color:var(--maroon) !important;top:10px !important;right:14px !important}
#int-overlay-x:hover{color:var(--gold-deep) !important}
/* текст внутри окна - шрифт нового дизайна */
#int-overlay-box .int-overlay-body{font-family:"PT Sans",sans-serif;color:var(--ink)}
#int-overlay-box .int-overlay-body a{color:var(--maroon)}
/* кнопка «Закрыть» из фрагмента int-text.php - золотая пилюля нового дизайна */
#int-overlay-box input[type=button], #int-overlay-box input[type=submit], #int-overlay-box button{
  font-family:"PT Sans",sans-serif;font-size:.95rem;font-weight:700;color:#fff8ea;
  background:linear-gradient(135deg,#d3a344 0%,#a97b1f 55%,#8a5f14 100%);
  border:none;border-radius:999px;padding:.6rem 1.9rem;cursor:pointer;
  letter-spacing:.04em;
  box-shadow:0 10px 22px -10px rgba(138,95,20,.65), inset 0 1px 0 rgba(255,240,200,.5);
  transition:transform .2s ease, box-shadow .2s ease;
}
#int-overlay-box input[type=button]:hover, #int-overlay-box input[type=submit]:hover, #int-overlay-box button:hover{
  transform:translateY(-1px);box-shadow:0 14px 26px -11px rgba(138,95,20,.7);
}

/* ---------- лёгкое переоформление диалога jquery-ui (окно подсказки) ----------
   ОТКАТ (наказ автора 09.08.2026): вид окна возвращён к состоянию до пятой
   итерации - полоса-титлбар без орнамента со слоном и без внутренних колец
   рамки. Ограничение высоты экраном (maxHeight в des/footer2.php) сохранено. */
.ui-dialog{
  background:var(--ivory);border:1px solid var(--line);border-radius:14px;
  box-shadow:0 30px 70px -20px rgba(50,28,8,.6);font-family:"PT Sans",sans-serif;
}
.ui-dialog .ui-dialog-titlebar{
  background:var(--bg-soft);border:none;border-bottom:1px solid var(--line);
  color:var(--maroon);font-family:"Philosopher","PT Sans",sans-serif;border-radius:14px 14px 0 0;
}
.ui-widget-overlay{background:rgba(69,37,14,.5)}

/* ---------- типографика СОДЕРЖИМОГО подсказок и модальных окон ----------
   Внутри следящей подсказки #floatTip, окна подсказки #dialog и окна
   интерпретаций #int-overlay-box всё в новом дизайне: шрифты PT Sans /
   Philosopher, марун-заголовки без подчёркивания, таблицы в светлой сетке. */
#floatTip, #dialog, #int-overlay-box{font-family:"PT Sans",sans-serif;color:var(--ink)}
#dialog{font-size:.92rem;line-height:1.55}
/* заголовки внутри подсказок и окон */
#floatTip h1, #floatTip h2, #floatTip h3,
#dialog h1, #dialog h2, #dialog h3,
#int-overlay-box h1, #int-overlay-box h2, #int-overlay-box h3{
  font-family:"Philosopher","PT Sans",sans-serif;color:var(--maroon);
  background:none;text-decoration:none;text-align:center;
  font-size:1.15rem;line-height:1.3;margin:.55rem 0 .4rem;
}
/* абзацы и ссылки */
#dialog p, #int-overlay-box p{text-indent:0;margin:.45rem 0;line-height:1.55}
#floatTip a{color:var(--maroon);text-decoration:none;border-bottom:1px dotted rgba(124,42,28,.4)}
/* таблицы общего вида (tabout: 8 карак и другие) - как во вкладках */
#floatTip table.tabout, #dialog table.tabout, #int-overlay-box table.tabout{
  border-collapse:collapse;background:none;font-size:.85rem;margin:.3rem auto;
}
#floatTip table.tabout td, #dialog table.tabout td, #int-overlay-box table.tabout td{
  border:none;border-bottom:1px dashed rgba(150,108,42,.25);padding:.32rem .5rem;
}
#floatTip tr.trhead td, #dialog tr.trhead td, #int-overlay-box tr.trhead td{
  border-bottom:1px solid var(--line);color:var(--muted);
  font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;font-weight:700;background:none;
}
/* таблицы аштакаварги (12 ячеек-знаков) - тона нового дизайна вместо старых */
#floatTip table.taboutav td, #dialog table.taboutav td,
#floatTip table.taboutar td, #dialog table.taboutar td{
  border:1px solid rgba(150,108,42,.3);background:var(--ivory);color:var(--ink);
  font-family:"PT Sans",sans-serif;
}
#floatTip table.taboutav td.tdred, #dialog table.taboutav td.tdred,
#floatTip table.taboutar td.tdred, #dialog table.taboutar td.tdred{
  background:#fdeaea; /* слабые знаки - мягкий красный оттенок в палитре дизайна */
}
#floatTip table.taboutav td.tdgrey, #dialog table.taboutav td.tdgrey,
#floatTip table.taboutar td.tdgrey, #dialog table.taboutar td.tdgrey{
  background:var(--bg-soft); /* ячейка знака лагны/планеты - тон полос дизайна */
}
#floatTip table.taboutav td:hover, #dialog table.taboutav td:hover,
#floatTip table.taboutar td:hover, #dialog table.taboutar td:hover{
  background:rgba(217,184,119,.3);
}
/* картинки в подсказках: символы планет/знаков - с мягким скруглением */
#floatTip img.hintimg, #floatTip img.hintimgl{border-radius:8px;margin-right:8px}
#floatTip img{max-width:100%}

/* ---------- заголовок и кнопка закрытия окна подсказки (jquery-ui) ---------- */
/* заголовок по центру, шрифтом заголовков дизайна */
.ui-dialog .ui-dialog-title{
  float:none;display:block;width:auto;margin:0;text-align:center;
  color:var(--maroon);font-size:1.08rem;letter-spacing:.04em;
}
/* круглая кнопка закрытия с крестиком вместо спрайта jquery-ui */
.ui-dialog .ui-dialog-titlebar-close{
  position:absolute;right:10px;top:8px;width:26px;height:26px;
  background:var(--ivory);border:1px solid var(--line);border-radius:50%;
  font-size:0;overflow:hidden;cursor:pointer;padding:0;margin:0;
}
.ui-dialog .ui-dialog-titlebar-close .ui-icon{display:none} /* спрайт-иконка старой темы не нужна */
/* крестик "x" - два штриха под 45 градусов (как у крестика модалки образца).
   Текстовый вариант (content "\d7") не работал: тема jquery-ui даёт кнопке
   наследуемый text-indent:-9999px, и символ уезжал за обрез кнопки. */
.ui-dialog .ui-dialog-titlebar-close::before,
.ui-dialog .ui-dialog-titlebar-close::after{
  content:"";position:absolute;left:50%;top:50%;
  width:12px;height:2px;border-radius:1px;background:var(--maroon);
}
.ui-dialog .ui-dialog-titlebar-close::before{transform:translate(-50%,-50%) rotate(45deg)}
.ui-dialog .ui-dialog-titlebar-close::after{transform:translate(-50%,-50%) rotate(-45deg)}
.ui-dialog .ui-dialog-titlebar-close:hover{background:#fff;border-color:var(--gold)}
.ui-dialog .ui-dialog-titlebar-close:hover::before,
.ui-dialog .ui-dialog-titlebar-close:hover::after{background:var(--gold-deep)}

/* ---------- появление блоков при прокрутке ---------- */
.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}
.reveal.visible{opacity:1;transform:none}
/* если скрипты не загрузились - блоки всё равно видимы */
.no-jsnd .reveal{opacity:1;transform:none}

/* ---------- адаптивность ---------- */
/* блок 1080px удалён (10.08.2026): раскладка «слон сверху» стала базовой -
   см. .chart-grid выше; ограничение max-width:640px мешало карте 700px */
@media (max-width:820px){
  .top-nav{display:none} /* быстрые ссылки прячем - остаётся бургер с полным меню */
  .footer-top{grid-template-columns:1fr} /* колонка бренда встаёт над ссылками */
  .hero{min-height:44vh}
}
@media (max-width:640px){
  .chart-grid{grid-template-columns:1fr}
  .panchang-inner{font-size:.88rem;gap:.3rem .8rem}
  .p-sep{display:none}
  .ts-card{padding:1.1rem .9rem}
  .ts-tab{font-size:.92rem;padding:.45rem 1rem}
  .hero-content{padding:2.6rem 0 3.4rem}
  [data-tip]::after{max-width:62vw}
}

/* уважение к настройке уменьшенного движения */
@media (prefers-reduced-motion:reduce){
  .reveal{opacity:1;transform:none;transition:none}
  .ts-track{transition:none}
}

/* ---------- таблицы старых классов ВО ВСЁМ новом каркасе (10.08.2026) ----------
   Раньше переоформление действовало только внутри вкладок слайдера (.ts-slide) и
   в модальных окнах; автор увидел старые таблицы на страницах вне вкладок
   (sravnenie, panchanga, goroskopy, справки). Правила уровня .nd-main работают
   везде: main#maincc несёт класс nd-main и на главной, и на внутренних страницах.
   Смысловые цвета ячеек (tdred/tdgrey) сохранены тонами дизайна - как в #dialog. */
.nd-main table.tabout, .nd-main table.taboutsm{
  border-collapse:collapse;background:none;font-size:.92rem;
}
.nd-main table.tabout:hover, .nd-main table.taboutsm:hover{background:none}
.nd-main table.tabout td, .nd-main table.taboutsm td{
  border:none;border-bottom:1px dashed rgba(150,108,42,.25);padding:.45rem .55rem;
}
.nd-main tr.trhead td{
  border-bottom:1px solid var(--line);color:var(--muted);
  font-size:.74rem;letter-spacing:.12em;text-transform:uppercase;font-weight:700;background:none;
}
.nd-main tr.trout:hover{background:rgba(217,184,119,.16)}
/* квадратные сетки: аштакаварга (taboutav), аспекты/массивы (taboutar) */
.nd-main table.taboutav, .nd-main table.taboutar{border-collapse:collapse}
.nd-main table.taboutav td, .nd-main table.taboutar td{
  border:1px solid rgba(150,108,42,.3);background:var(--ivory);color:var(--ink);
  font-family:"PT Sans",sans-serif;
}
.nd-main table.taboutav td:hover, .nd-main table.taboutar td:hover{background:rgba(217,184,119,.3)}
.nd-main table.taboutav td.tdred, .nd-main table.taboutar td.tdred{background:#fdeaea} /* слабые знаки - мягкий красный в палитре */
.nd-main table.taboutav td.tdgrey, .nd-main table.taboutar td.tdgrey{background:var(--bg-soft)} /* ячейки-подписи - тон полос дизайна */
/* обёрточная таблица разворотов карт (tavout): подписи-ячейки ober */
.nd-main table.tavout td.ober{color:var(--maroon);font-family:"Philosopher","PT Sans",sans-serif}
/* тексты интерпретаций вне вкладок - как внутри вкладок */
.nd-main p.maintext, .nd-main p.nomaintext{color:var(--ink);line-height:1.6}

/* вложенный .goro-head: с 10.08.2026 gorohead.php несёт СВОЮ стандартную
   обёртку, а на главной внешняя уже стоит в index.php - убираем двойной
   нижний отступ у внутренней */
.goro-head .goro-head{margin-bottom:0}

/* точка характера накшатры ПЕРЕД названием в главной таблице гороскопа
   (наказ автора 14.08.2026): правило здесь, а не в site2026.css - этот файл
   грузится и на главной; стоит ниже .p-dot, перекрывая его margin-left */
.ndnkdot{margin-left:0;margin-right:.35rem;cursor:help}

/* у точек с подсказкой (title) - курсор помощи и на панелях главной (14.08.2026) */
.p-dot[title]{cursor:help}

/* пара «Восход/Закат» панчанга-строки: единый блок, не рвётся при переносе (наказ автора 15.08.2026) */
.p-pair{display:inline-flex;flex-wrap:nowrap;white-space:nowrap;gap:.3rem .8rem}


/* Карта гороскопа (вывод Goro() из names.php: слон или квадрат с картой ссылок)
   на ЛЮБОЙ странице - всегда натуральный размер с горизонтальной прокруткой
   в обёртке .tab-wrap.kart-wrap, как на главной (наказ автора 17.08.2026,
   замечено на Пуруша-чакре): глобальное img{max-width:100%} выше ужимало
   слона 700x700 под ширину колонки, и пиксельные координаты карты ссылок
   (всплывающие подсказки домов и планет) уезжали с рисунка; прежде от этого
   была защищена только главная - правилом .elephant-stage .kart-wrap img */
.tab-wrap.kart-wrap{overflow-x:auto;overflow-y:hidden;height:auto}
.tab-wrap.kart-wrap img{max-width:none} /* image-map требует натуральный размер картинки */