/* ═══════════ ЙОГОДА · единая дизайн-система (v1, 10.10.2026) ═══════════
   Безопасно для существующих страниц: только переменные и классы с префиксом .yg-
   Новые блоки (уроки, статьи, книги) берут цвета и шрифты отсюда:
   color: var(--yg-gold); background: var(--yg-paper); и т.д. */

:root {
  /* Палитра «Лахири Махасая»: тёмно-зелёный + золото + кремовая бумага */
  --yg-forest-900: #0d2418;
  --yg-forest-800: #12301f;
  --yg-forest-700: #1a3d2a;
  --yg-forest-600: #1f4a3c;
  --yg-gold: #c9a24a;
  --yg-gold-light: #e3c77d;
  --yg-gold-dark: #9c7a2e;
  --yg-paper: #f7f1e3;
  --yg-paper-2: #efe6d0;
  --yg-ink: #2b2418;
  --yg-ink-soft: #5c5240;
  --yg-line: rgba(156, 122, 46, .28);

  /* Типографика */
  --yg-font-serif: "Cormorant Garamond", "Playfair Display", Georgia, "Times New Roman", serif;
  --yg-font-sans: "Inter", "PT Sans", -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --yg-text: clamp(17px, 1.05vw + 12px, 20px);
  --yg-leading: 1.7;
  --yg-measure: 68ch;

  /* Ритм и форма */
  --yg-radius: 14px;
  --yg-radius-sm: 8px;
  --yg-shadow: 0 10px 30px rgba(13, 36, 24, .14);
  --yg-gap: clamp(16px, 3vw, 32px);
  --yg-ease: cubic-bezier(.2, .7, .2, 1);
}

/* ── Общие мелочи, которые ничего не ломают ── */
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
::selection { background: rgba(201, 162, 74, .35); color: inherit; }
:focus-visible { outline: 2px solid var(--yg-gold); outline-offset: 3px; }

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; scroll-behavior: auto !important; }
}

/* ── Готовые классы для новых блоков ── */
.yg-paper   { background: var(--yg-paper); color: var(--yg-ink); }
.yg-forest  { background: var(--yg-forest-900); color: var(--yg-paper); }
.yg-prose   { font-family: var(--yg-font-sans); font-size: var(--yg-text); line-height: var(--yg-leading); max-width: var(--yg-measure); margin-inline: auto; }
.yg-prose h2, .yg-prose h3, .yg-title { font-family: var(--yg-font-serif); font-weight: 600; line-height: 1.2; color: var(--yg-forest-700); }
.yg-forest .yg-title, .yg-forest h2, .yg-forest h3 { color: var(--yg-gold-light); }
.yg-prose a { color: var(--yg-gold-dark); text-decoration-thickness: 1px; text-underline-offset: 3px; }
.yg-quote   { border-left: 3px solid var(--yg-gold); padding: .2em 0 .2em 1.1em; margin: 1.6em 0; font-family: var(--yg-font-serif); font-size: 1.15em; font-style: italic; color: var(--yg-forest-700); }
.yg-card    { background: #fff; border: 1px solid var(--yg-line); border-radius: var(--yg-radius); box-shadow: var(--yg-shadow); padding: var(--yg-gap); }
.yg-frame   { border-radius: var(--yg-radius); border: 2px solid var(--yg-gold); box-shadow: var(--yg-shadow); overflow: hidden; }
.yg-btn     { display: inline-flex; align-items: center; gap: .5em; padding: .8em 1.5em; border-radius: 999px; background: var(--yg-gold); color: var(--yg-forest-900); font-family: var(--yg-font-sans); font-weight: 600; text-decoration: none; transition: transform .2s var(--yg-ease), background .2s var(--yg-ease); }
.yg-btn:hover { background: var(--yg-gold-light); transform: translateY(-1px); }
.yg-btn--ghost { background: transparent; color: inherit; border: 1px solid currentColor; }
.yg-divider { height: 1px; border: 0; background: linear-gradient(90deg, transparent, var(--yg-gold), transparent); margin: 2.5em auto; max-width: 320px; }
.yg-visually-hidden { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

/* ═══════════ ЙОГОДА · страницы техник (префикс .tk-, v1, 16.10.2026) ═══════════
   Для страниц: /kriya-yoga, /tehnika-hong-so, /energiziruyushchie-uprazhneniya, /affirmations.
   Корневой контейнер .tk; все классы начинаются с tk-, на другие страницы не влияют. */
.tk{--tk-bg:#071f16;--tk-bg2:#0b2a1e;--tk-card:#0f3123;--tk-gold:#c9a45c;--tk-gold2:#e8c885;--tk-ink:#ded5bd;--tk-ink2:#f3ead6;position:relative;background:var(--tk-bg);color:var(--tk-ink);font-family:'Lora',Georgia,serif;font-size:19px;line-height:1.8;overflow:hidden}
.tk *{box-sizing:border-box}
.tk [id]{scroll-margin-top:70px}
.tk a{color:var(--tk-gold2);text-decoration-thickness:1px;text-underline-offset:3px}
.tk a:hover{color:#fff}
.tk img{max-width:100%;height:auto;display:block}
.tk p{margin:0 0 20px;padding:0}
.tk em{color:var(--tk-gold2)}
.tk b,.tk strong{color:var(--tk-ink2)}
.tk-w{max-width:1040px;margin:0 auto;padding:0 24px;position:relative;z-index:2}
.tk-n{max-width:780px;margin:0 auto}
.tk-sec{padding:96px 0;position:relative}
.tk-sec--alt{background:var(--tk-bg2)}
.tk-k{display:block;font-size:12px;letter-spacing:.32em;text-transform:uppercase;color:var(--tk-gold);margin-bottom:16px}
.tk h1,.tk h2{font-weight:700;line-height:1.2;background:linear-gradient(180deg,#f6ecd4 20%,#e8c885 60%,#c9a45c 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin:0 0 22px;padding:0}
.tk h1{font-size:clamp(34px,5.4vw,60px)}
.tk h2{font-size:clamp(27px,3.5vw,42px)}
.tk h3{font-size:21px;color:var(--tk-ink2);margin:0 0 8px;padding:0;font-weight:600;line-height:1.35}
.tk-hero{padding:64px 0 84px;text-align:center;background:radial-gradient(ellipse at 50% 0%,rgba(201,164,92,.16),transparent 60%),var(--tk-bg)}
.tk-bc{font-size:14px;opacity:.85;margin-bottom:28px}
.tk-bc a{text-decoration:none}
.tk-lead{font-size:clamp(19px,2.2vw,24px);font-style:italic;color:var(--tk-ink2);max-width:780px;margin:0 auto 32px}
.tk-btns{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;margin-bottom:34px}
.tk .tk-btn{display:inline-block;padding:14px 28px;border-radius:999px;border:1px solid var(--tk-gold);color:var(--tk-gold2);text-decoration:none;font-size:17px;transition:.25s}
.tk .tk-btn:hover{background:rgba(201,164,92,.14);color:#fff}
.tk .tk-btn--g{background:linear-gradient(135deg,#e9d39c,#c9a961);color:#1b1408;border-color:transparent}
.tk .tk-btn--g:hover{color:#000;filter:brightness(1.08);background:linear-gradient(135deg,#f0dca8,#d4b46d)}
.tk-chips{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;list-style:none;margin:0;padding:0}
.tk-chips li{padding:7px 16px;border:1px solid rgba(201,164,92,.3);border-radius:999px;font-size:15px;color:var(--tk-gold2);margin:0}
.tk-tabs{background:#05170f;border-bottom:1px solid rgba(201,164,92,.2);padding:12px 24px;text-align:center;font-size:15px;line-height:1.5}
.tk-tabs a{display:inline-block;margin:4px 10px;text-decoration:none;color:var(--tk-ink)}
.tk-tabs a[aria-current]{color:var(--tk-gold2);border-bottom:1px solid var(--tk-gold)}
.tk-ans{border:1px solid rgba(201,164,92,.35);background:linear-gradient(160deg,rgba(29,67,49,.6),rgba(7,31,22,.9));border-radius:20px;padding:30px 34px;font-size:clamp(19px,2vw,22px);color:var(--tk-ink2);margin:0 0 34px}
.tk-ans p:last-child{margin:0}
.tk-g2{display:grid;grid-template-columns:.85fr 1.15fr;gap:52px;align-items:center}
.tk-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;margin:30px 0}
.tk-card{background:var(--tk-card);border:1px solid rgba(201,164,92,.22);border-radius:18px;padding:26px 26px 16px;transition:.3s}
.tk-card:hover{border-color:rgba(201,164,92,.55);transform:translateY(-3px)}
.tk-card p{font-size:17px;line-height:1.65;margin:0 0 10px}
.tk a.tk-card{display:block;text-decoration:none;color:var(--tk-ink)}
.tk-go{color:var(--tk-gold2);font-size:15px}
.tk-fig{margin:0}
.tk-fig img{border-radius:20px;border:1px solid rgba(201,164,92,.25);box-shadow:0 30px 70px rgba(0,0,0,.5)}
.tk-fig figcaption{text-align:center;margin-top:14px;font-style:italic;font-size:15px;color:var(--tk-gold)}
.tk-steps{list-style:none;margin:28px 0;padding:0;counter-reset:s}
.tk-steps li{counter-increment:s;position:relative;padding:0 0 22px 70px;margin:0}
.tk-steps li::before{content:counter(s);position:absolute;left:0;top:0;width:46px;height:46px;border-radius:50%;border:1px solid var(--tk-gold);color:var(--tk-gold2);display:flex;align-items:center;justify-content:center;font-size:20px;background:var(--tk-card)}
.tk-steps b{display:block;font-size:20px;margin-bottom:2px}
.tk-q{margin:36px 0;padding:6px 0 6px 28px;border-left:3px solid var(--tk-gold);font-size:clamp(20px,2.3vw,25px);font-style:italic;color:var(--tk-ink2);line-height:1.6}
.tk-q cite{display:block;margin-top:10px;font-size:15px;font-style:normal;color:var(--tk-gold)}
.tk-note{border-radius:16px;padding:20px 26px;margin:28px 0;background:rgba(201,164,92,.08);border:1px solid rgba(201,164,92,.3);font-size:17px;line-height:1.7}
.tk-note>b:first-child{display:block;color:var(--tk-gold2);margin-bottom:4px;letter-spacing:.04em}
.tk-note p{margin:0 0 8px}
.tk-note--w{background:rgba(180,80,60,.09);border-color:rgba(214,120,96,.4)}
.tk-note--w>b:first-child{color:#f0b4a4}
.tk-tl{list-style:none;margin:30px 0;padding:0 0 0 28px;border-left:1px solid rgba(201,164,92,.4)}
.tk-tl li{position:relative;margin:0 0 26px;padding:0}
.tk-tl li::before{content:'';position:absolute;left:-35px;top:9px;width:13px;height:13px;border-radius:50%;background:var(--tk-gold);box-shadow:0 0 14px rgba(201,164,92,.6)}
.tk-tl b{color:var(--tk-gold2);display:block}
.tk-tw{overflow-x:auto;margin:28px 0}
.tk-t{width:100%;border-collapse:collapse;font-size:16px;line-height:1.55;min-width:560px}
.tk-t th{text-align:left;color:var(--tk-gold2);font-weight:600;padding:12px 14px;border-bottom:1px solid var(--tk-gold)}
.tk-t td{padding:12px 14px;border-bottom:1px solid rgba(201,164,92,.18);vertical-align:top}
.tk-t tr.tk-me td{background:rgba(201,164,92,.09)}
.tk-ul{margin:0 0 22px;padding:0;list-style:none}
.tk-ul li{position:relative;padding:0 0 10px 28px;margin:0}
.tk-ul li::before{content:'✦';position:absolute;left:0;top:0;color:var(--tk-gold);font-size:14px;line-height:2.4}
.tk-faq details{border:1px solid rgba(201,164,92,.25);border-radius:16px;margin:0 0 12px;background:var(--tk-card)}
.tk-faq summary{cursor:pointer;list-style:none;padding:18px 54px 18px 24px;position:relative;font-size:18px;color:var(--tk-ink2);font-weight:600;line-height:1.45}
.tk-faq summary::-webkit-details-marker{display:none}
.tk-faq summary::after{content:'+';position:absolute;right:22px;top:50%;transform:translateY(-50%);font-size:26px;color:var(--tk-gold)}
.tk-faq details[open] summary::after{content:'–'}
.tk-faq details>div{padding:0 24px 8px;font-size:17px;line-height:1.7}
.tk-cta{text-align:center;padding:100px 0;background:radial-gradient(ellipse at 50% 100%,rgba(201,164,92,.16),transparent 65%),var(--tk-bg)}
.tk-src{font-size:14px;line-height:1.6;opacity:.85}
.tk-src ul{margin:8px 0 0;padding-left:20px}
@media(max-width:860px){.tk-g2{grid-template-columns:1fr;gap:34px}}
@media(max-width:640px){.tk{font-size:17px;line-height:1.7}.tk-sec{padding:68px 0}.tk-ans{padding:22px}.tk-steps li{padding-left:58px}.tk-hero{padding:44px 0 60px}}
