/* «Книга твоего года» — посадочные страницы /prognoz-na-god/, /de/jahresprognose/, /en/yearly-forecast/ (21.10.2026). Переменные и кнопки — из main.css */
.yl{background:var(--ivory);color:var(--text)}
.yl h1,.yl h2,.yl h3{font-family:var(--serif);color:var(--green);font-weight:500}
.yl h1{font-size:clamp(2.1rem,5.2vw,3.6rem);line-height:1.05;margin:.1em 0 .35em}
.yl h2{font-size:clamp(1.7rem,3.6vw,2.6rem);line-height:1.1;margin:0 0 .6em;text-align:center}
.yl h3{font-size:1.35rem;margin:0 0 .3em}
.yl-head{position:sticky;top:0;z-index:30;background:rgba(254,251,240,.92);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.yl-head__in{display:flex;align-items:center;gap:14px;min-height:64px}
.yl-head .logo span{font:500 1.25rem/1 var(--serif);color:var(--green)}
.yl-langs{display:flex;gap:2px;border:1px solid var(--line);border-radius:999px;padding:3px}
.yl-langs a{font:600 .78rem/1 var(--sans);padding:7px 10px;border-radius:999px;color:var(--bronze);text-decoration:none}
.yl-langs a[aria-current]{background:var(--green);color:#fff}
.yl-hero{padding:34px 0 56px;background:radial-gradient(1200px 500px at 80% 0%,#f8e8cd 0%,rgba(248,232,205,0) 70%)}
.yl-hero__grid{display:grid;gap:28px;align-items:center}
.yl-bc{font-size:.85rem;color:var(--muted);margin-bottom:14px}.yl-bc a{color:var(--bronze)}
.yl-hero__img{display:flex;justify-content:center}
.yl-book{display:block;width:min(62vw,380px);border-radius:14px;overflow:hidden;box-shadow:0 30px 70px -30px rgba(143,93,60,.7),0 0 0 1px rgba(215,173,134,.4);transform:rotate(-1.5deg);transition:transform .3s}
.yl-book:hover{transform:rotate(0) scale(1.01)}
.yl-book img,.yl-gal img{display:block;width:100%;height:auto}
.yl-sale{display:flex;gap:14px;align-items:center;margin:18px 0 14px;padding:14px 18px;border-radius:20px;background:linear-gradient(135deg,#fff7ea,#fbe9d0);border:1.5px solid #d7ad86;box-shadow:var(--glow);max-width:560px}
.yl-sale__badge{flex:none;display:grid;place-items:center;min-width:92px;height:92px;padding:0 8px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#c0304a,#7d1428);color:#fff;font:700 1.9rem/1 var(--sans);box-shadow:0 0 0 3px #e9c98f,0 12px 26px -10px rgba(125,20,40,.8)}
.yl-sale__b{display:flex;flex-direction:column;gap:3px;min-width:0}
.yl-sale__t{font:700 1.08rem/1.25 var(--sans);color:#7d1428}
.yl-sale__p{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
.yl-sale__p s{color:var(--muted);font-size:1.05rem}
.yl-sale__p strong{font:700 2rem/1 var(--sans);color:var(--green)}
.yl-sale__s{font-weight:600;color:var(--bronze);font-size:.95rem}
.yl-sale small{color:var(--muted);font-size:.82rem;line-height:1.35}
.yl-sale--plain .yl-sale__t{color:var(--green)}
.yl-chips{display:flex;flex-wrap:wrap;gap:10px;margin:6px 0 18px}
.yl-chips--c{justify-content:center}
.yl-chip{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:84px;padding:10px 14px;border-radius:16px;border:1.5px solid #d7ad86;background:#fffaf0;color:var(--green);text-decoration:none;transition:.15s}
.yl-chip:hover,.yl-chip:focus-visible{background:var(--green);border-color:var(--green);color:#fff}
.yl-chip b{font:700 1.35rem/1 var(--serif)}
.yl .so-chip__tag{font:600 .72rem/1.2 var(--sans);letter-spacing:.02em;opacity:.9}
.yl .so-chip__tag--sale{color:#fff;background:#a51f3a;border-radius:999px;padding:2px 8px;opacity:1}
.yl-cta{font-size:1.12rem;padding:18px 34px;min-width:min(100%,320px);justify-content:center}
.yl-note{font-size:.9rem;color:var(--muted);margin:10px 0 0;max-width:560px}
.yl-sec{padding:64px 0}
.yl-sec--alt{background:#fbf3e3}
.yl-sec--glow{background:radial-gradient(900px 400px at 50% 0%,#f8e8cd,rgba(248,232,205,0) 75%)}
.yl-sec .lead{text-align:center;max-width:760px;margin:0 auto 26px}
.yl-center{text-align:center;margin-top:26px}
.yl-cards{list-style:none;padding:0;margin:0;display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}
.yl-card{position:relative;padding:22px 22px 20px;border-radius:var(--r);background:#fffffff0;border:1px solid var(--line)}
.yl-card__n{position:absolute;top:16px;right:18px;font:500 1.6rem/1 var(--serif);color:var(--gold)}
.yl-card p{margin:0;color:var(--muted);font-size:.96rem;line-height:1.5}
.yl-gal{display:grid;gap:14px;grid-template-columns:repeat(2,1fr);align-items:start}
.yl-gal figure{margin:0;border-radius:14px;overflow:hidden;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow)}
.yl-gal figcaption{font-size:.85rem;color:var(--muted);padding:8px 12px;text-align:center}
.yl-gal__wide{grid-column:1/-1;justify-self:center;width:100%;max-width:560px}
.yl-video{max-width:860px;margin:0 auto;border-radius:18px;overflow:hidden;box-shadow:var(--shadow);background:#000}
.yl-video video,.yl-video iframe,.yl-video img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border:0}
.yl-video__yt{position:relative;display:block}
.yl-video__play{position:absolute;inset:0;margin:auto;width:84px;height:84px;border-radius:50%;background:rgba(165,31,58,.92)}
.yl-video__play:after{content:"";position:absolute;left:34px;top:26px;border-left:24px solid #fff;border-top:16px solid transparent;border-bottom:16px solid transparent}
.yl-calc{max-width:780px;text-align:center}
.yl-calc__f{display:flex;gap:10px;max-width:460px;margin:18px auto 0}
.yl-calc__f .input{flex:1}
.yl-calc__res{display:grid;gap:14px;grid-template-columns:1fr 1fr;margin-top:22px}
.yl-calc__box{padding:20px;border-radius:var(--r);background:#fff;border:1px solid var(--line)}
.yl-calc__num{display:block;font:500 3.4rem/1 var(--serif);color:#a51f3a;margin-bottom:6px}
.yl-calc__box p{margin:8px 0 0;color:var(--muted)}
.yl-calc__hook{grid-column:1/-1;font-weight:600;color:var(--green);margin:4px 0}
.yl-calc__res .btn{grid-column:1/-1;justify-self:center}
.yl-final .yl-sale{margin-left:auto;margin-right:auto;text-align:left}
.yl .faq details p{padding:0 20px 16px;margin:0}
.yl .faq summary{padding:16px 20px;cursor:pointer;font-weight:600}
.yl-foot{margin-top:0}
.yl-foot .logo span{color:var(--ivory)}
.yl-foot .footer__links a{color:#e8dfca}
.yl-sticky{position:fixed;left:0;right:0;bottom:0;z-index:40;padding:10px 14px calc(10px + env(safe-area-inset-bottom));background:rgba(254,251,240,.95);border-top:1px solid var(--line);display:flex;justify-content:center}
.yl-sticky .btn{width:100%;max-width:420px;justify-content:center}
.yl main{padding-bottom:70px}
@media (max-width:560px){.yl-head .logo span{display:none}.yl-head__cta{display:none}.yl-sale{flex-direction:column;align-items:flex-start}.yl-sale__badge{min-width:76px;height:76px;font-size:1.6rem}.yl-calc__res{grid-template-columns:1fr}.yl-calc__f{flex-direction:column}.yl-sec{padding:48px 0}}
@media (min-width:900px){.yl-hero{padding:56px 0 80px}.yl-hero__grid{grid-template-columns:1.15fr .85fr}.yl-gal{grid-template-columns:repeat(5,1fr)}.yl-sticky{display:none}.yl main{padding-bottom:0}}
/* информационные страницы (TopicPage) */
.yl-tp__txt{max-width:760px}.yl-tp__txt p{margin:0 0 .9em;line-height:1.65}
.yl-tp__cta{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:18px 0 0}
.yl-cmp-w{overflow-x:auto;-webkit-overflow-scrolling:touch}
.yl-cmp{width:100%;min-width:520px;border-collapse:collapse;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 6px 24px rgba(60,50,20,.06)}
.yl-cmp th,.yl-cmp td{padding:12px 14px;text-align:left;vertical-align:top;border-bottom:1px solid rgba(60,50,20,.08);font-size:.95rem}
.yl-cmp tr:first-child th{background:#2f4a3a;color:#fff}.yl-cmp th[scope=row]{font-weight:600;color:#2f4a3a;width:28%}
.yl-tp__links{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px}
.yl-tp__links a{display:block;padding:12px 16px;border-radius:14px;background:#fff;border:1px solid rgba(60,50,20,.1);text-decoration:none;color:inherit;font-weight:600}
.yl-tp__links a:hover{border-color:#c9a24a}