/* Журнальная тема Академии «Инвестиции Просто» · v1 · 24.10.2026
   Подключается ПОСЛЕДНЕЙ, после всех остальных стилей. Только оформление: разметку и скрипты не трогает. */
@import url("https://fonts.googleapis.com/css2?family=Oswald:wght@500;600&family=Playfair+Display:ital,wght@1,400;1,500&display=swap");

:root{
  --j-accent:#1F2FC9; --j-accent-dark:#1624A3;
  --j-ink:#0E1530; --j-night:#0B1233;
  --j-paper:#F4F0E8; --j-paper-2:#FBF9F4; --j-sand:#EAE4D8;
  --j-line:#D8D1C3; --j-muted:#5A6070; --j-on-night:#C9CEE2;
  --j-display:"Oswald","Arial Narrow",sans-serif;
  --j-serif:"Playfair Display",Georgia,serif;
  --j-sans:"Manrope",system-ui,sans-serif;
  /* старые токены сайта → новая палитра (подхватят тесты, курсы, калькуляторы) */
  --cobalt:var(--j-accent); --ink:var(--j-ink); --paper:var(--j-paper); --sky:var(--j-sand); --line:var(--j-line); --muted:var(--j-muted);
  --color-course-paper:var(--j-paper); --color-course-ink:var(--j-ink); --color-course-accent:var(--j-accent);
  --color-course-yellow:var(--j-accent); --color-course-lime:var(--j-sand); --color-course-lilac:var(--j-sand);
  --color-course-muted:var(--j-muted); --color-course-border:var(--j-line);
  --color-quiz-accent:var(--j-accent); --color-quiz-selected:#E9EBFB; --color-quiz-progress-track:var(--j-line);
}

/* ---------- основа ---------- */
body.home-journey{background:var(--j-paper)!important;color:var(--j-ink)!important;font-family:var(--j-sans)}
body.home-journey ::selection{background:var(--j-accent);color:#fff}

/* ---------- шапка ---------- */
body.home-journey .public-site-header{background:var(--j-paper)!important;border-bottom:1px solid var(--j-line)!important;box-shadow:none!important}
body.home-journey .public-site-brand span{color:var(--j-ink)!important;font-weight:700;letter-spacing:.01em}
body.home-journey .public-menu-toggle{background:transparent!important;color:var(--j-ink)!important;border:1px solid var(--j-ink)!important;border-radius:0!important;box-shadow:none!important;font-weight:600;letter-spacing:.02em}
body.home-journey .public-site-nav a{color:var(--j-ink)!important}
body.home-journey .public-site-nav a:hover{color:var(--j-accent)!important}

/* ---------- кнопки (все варианты: blue / yellow) ---------- */
body.home-journey .home-button{background:var(--j-accent)!important;color:#fff!important;border:0!important;border-radius:2px!important;box-shadow:none!important;transition:transform .25s ease,box-shadow .25s ease,background .25s ease}
body.home-journey .home-button:hover{background:var(--j-accent-dark)!important;transform:translateY(-2px);box-shadow:0 12px 26px -14px rgba(14,21,48,.7)!important}
body.home-journey .home-button small,body.home-journey .guided-time{color:inherit!important;opacity:.78;font-weight:600;letter-spacing:.06em;text-transform:uppercase}

/* ---------- герой ---------- */
body.home-journey .home-hero{background:var(--j-paper)!important;color:var(--j-ink)!important}
body.home-journey .hero-poster{background:transparent!important;border:0!important;box-shadow:none!important;color:var(--j-ink)!important}
body.home-journey .home-eyebrow,body.home-journey .guided-step-label{color:var(--j-accent)!important;font-family:var(--j-sans)!important;font-size:12px!important;font-weight:700!important;letter-spacing:.2em!important;text-transform:uppercase!important}
body.home-journey .hero-poster{container-type:inline-size}
body.home-journey #home-title{font-family:var(--j-display)!important;font-weight:600!important;font-size:clamp(34px,11cqi,104px)!important;line-height:.95!important;letter-spacing:-.005em!important;text-transform:uppercase;color:var(--j-ink)!important}
body.home-journey #home-title>*{display:block;font:inherit!important;color:inherit;animation:j-up 1s cubic-bezier(.2,.7,.1,1) both}
body.home-journey #home-title>*:nth-child(2){animation-delay:.12s}
body.home-journey #home-title>*:nth-child(3){animation-delay:.24s}
body.home-journey #home-title s{color:#7D786E;text-decoration:line-through;text-decoration-color:var(--j-accent);text-decoration-thickness:.085em}
body.home-journey #home-title strong{color:var(--j-accent)!important}
body.home-journey .hero-trust{background:transparent!important;border:0!important;padding:0!important}
body.home-journey .hero-trust p{color:var(--j-muted)!important;font-size:15px!important;line-height:1.5}
body.home-journey .hero-trust-photo{display:none!important}
body.home-journey .hero-note{font-family:var(--j-serif)!important;font-style:italic!important;font-weight:400!important;font-size:clamp(21px,2vw,28px)!important;line-height:1.32!important;color:var(--j-ink)!important}
body.home-journey .hero-choices{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important}
body.home-journey .hero-choices h2{font-family:var(--j-sans)!important;font-size:12px!important;font-weight:700!important;letter-spacing:.2em!important;text-transform:uppercase!important;color:var(--j-muted)!important;margin-bottom:8px!important}
body.home-journey .hero-choice-grid,body.home-journey .situation-choice-grid{display:grid!important;grid-template-columns:1fr!important;gap:0!important;border-top:1px solid var(--j-ink)}
body.home-journey .hero-choice,body.home-journey .situation-choice{background:transparent!important;color:var(--j-ink)!important;border:0!important;border-bottom:1px solid var(--j-line)!important;border-radius:0!important;box-shadow:none!important;padding:16px 4px!important;font-size:clamp(17px,1.5vw,21px)!important;font-weight:600!important;transform:none!important;transition:color .25s ease,padding .35s ease!important}
body.home-journey .hero-choice:hover,body.home-journey .situation-choice:hover{color:var(--j-accent)!important;padding-left:14px!important;background:transparent!important;box-shadow:none!important}
body.home-journey .situation-choice small{color:var(--j-muted)!important;opacity:1}
body.home-journey .hero-choice-more a,body.home-journey .guided-library-link,body.home-journey .home-text-link{color:var(--j-ink)!important;font-weight:600;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
body.home-journey .hero-choice-more a:hover,body.home-journey .guided-library-link:hover,body.home-journey .home-text-link:hover{color:var(--j-accent)!important}
body.home-journey .home-portrait{background:var(--j-sand)!important;transform:none!important;rotate:none!important}
body.home-journey .home-portrait img{filter:none!important}
body.home-journey .portrait-caption{transform:none!important;rotate:none!important;background:var(--j-paper)!important;color:var(--j-ink)!important;border:0!important;border-radius:0!important;box-shadow:none!important}
body.home-journey .hero-stamp{background:var(--j-night)!important;color:var(--j-paper)!important;border:0!important;box-shadow:none!important}
body.home-journey .hero-stamp b{font-family:var(--j-display)!important;font-weight:600!important;color:var(--j-paper)!important}
body.home-journey .hero-stamp span{color:var(--j-on-night)!important}

/* ---------- лента ---------- */
body.home-journey .home-ribbon{background:var(--j-night)!important;color:var(--j-paper)!important;border:0!important}
body.home-journey .home-ribbon span{font-family:var(--j-display)!important;font-weight:500!important;letter-spacing:.06em}
body.home-journey .home-ribbon span:last-child{font-family:var(--j-serif)!important;font-style:italic;text-transform:none;letter-spacing:0}
body.home-journey .home-ribbon b{color:var(--j-accent)!important;filter:brightness(1.6)}

/* ---------- шаги маршрута ---------- */
body.home-journey .journey-band,body.home-journey .journey-band.band-lilac,body.home-journey .journey-band.band-blue{background:var(--j-paper)!important;color:var(--j-ink)!important}
body.home-journey .journey-band.band-blue{background:var(--j-sand)!important}
body.home-journey .journey-step,body.home-journey .journey-extra{border-color:var(--j-line)!important;background:transparent!important;box-shadow:none!important}
body.home-journey .journey-band+.journey-band{border-top:1px solid var(--j-line)}
body.home-journey .step-index{font-family:var(--j-display)!important;font-weight:600!important;color:var(--j-accent)!important;border:0!important;background:transparent!important;font-size:clamp(40px,4.4vw,68px)!important;line-height:.9!important;width:auto!important;height:auto!important;border-radius:0!important}
body.home-journey .is-route-future .step-index{color:transparent!important;-webkit-text-stroke:1.5px var(--j-ink)}
body.home-journey .step-overview h2,body.home-journey .journey-extra h2,body.home-journey .journey-step summary h2{font-family:var(--j-display)!important;font-weight:600!important;font-size:clamp(34px,4vw,60px)!important;line-height:.95!important;text-transform:uppercase;letter-spacing:0!important;color:inherit!important}
body.home-journey .step-overview p{color:var(--j-muted)!important}
body.home-journey .step-overview .home-eyebrow{color:var(--j-muted)!important}
body.home-journey .guided-step-status{color:var(--j-muted)!important;font-size:14px!important}
body.home-journey .is-route-future .step-action{background:transparent!important;color:var(--j-ink)!important;border:1px solid var(--j-ink)!important}
body.home-journey .is-route-future .step-action:hover{background:var(--j-ink)!important;color:var(--j-paper)!important}

/* шаг 07 · диагностика — тёмная карточка */
body.home-journey .journey-band.band-cobalt{background:var(--j-night)!important;color:var(--j-paper)!important}
body.home-journey .band-cobalt .step-index{color:var(--j-paper)!important;-webkit-text-stroke:0}
body.home-journey .band-cobalt h2{color:var(--j-paper)!important}
body.home-journey .band-cobalt .step-overview p{color:#DDE1F0!important}
body.home-journey .band-cobalt .step-overview>p:not([class]){font-family:var(--j-serif);font-style:italic;font-size:clamp(19px,1.7vw,23px)}
body.home-journey .band-cobalt .guided-step-label,body.home-journey .band-cobalt .home-eyebrow,body.home-journey .band-cobalt .guided-step-status{color:var(--j-on-night)!important}
body.home-journey .band-cobalt .step-action,body.home-journey .band-cobalt.is-route-future .step-action,body.home-journey .band-cobalt .is-route-future .step-action{background:var(--j-accent)!important;color:#fff!important;border:0!important}

@media (min-width:760px){body.home-journey .journey-step summary,body.home-journey .journey-extra summary{grid-template-columns:minmax(80px,120px) minmax(0,1fr) auto!important}}
body.home-journey .band-cobalt .journey-step,body.home-journey .band-cobalt h2,body.home-journey .band-cobalt .step-overview p{opacity:1!important;filter:none!important}

/* материалы по ситуации */
body.home-journey .guided-reading{background:transparent!important;border:0!important;box-shadow:none!important;padding-left:0!important;padding-right:0!important}
body.home-journey .guided-reading h3{font-family:var(--j-display)!important;font-weight:600!important;text-transform:uppercase;font-size:clamp(26px,2.6vw,38px)!important;color:var(--j-ink)!important}
body.home-journey .guided-reading-card{background:var(--j-paper-2)!important;border:1px solid var(--j-line)!important;border-radius:0!important;box-shadow:none!important;color:var(--j-ink)!important;transition:border-color .25s ease,transform .35s ease}
body.home-journey .guided-reading-card:hover{border-color:var(--j-accent)!important;transform:translateY(-4px)}
body.home-journey .guided-reading-card small{color:var(--j-accent)!important;font-weight:700;letter-spacing:.2em;text-transform:uppercase;font-size:11px}
body.home-journey .guided-reading-card strong{font-size:clamp(19px,1.6vw,23px);line-height:1.25}
body.home-journey .guided-reading-card span{color:var(--j-ink)!important;font-weight:600}

/* ---------- финал ---------- */
body.home-journey .home-signoff{background:var(--j-paper)!important;color:var(--j-ink)!important;border-top:1px solid var(--j-ink);border-bottom:0!important}
body.home-journey .home-signoff span{font-family:var(--j-display)!important;font-weight:600!important;text-transform:uppercase;font-size:clamp(40px,6vw,96px)!important;line-height:.95}
body.home-journey .home-signoff strong{font-family:var(--j-serif)!important;font-style:italic!important;font-weight:400!important;color:var(--j-accent)!important;font-size:clamp(30px,4.4vw,70px)!important;line-height:1.05}
body.home-journey .question-panel{background:var(--j-paper)!important}

/* ---------- подвал ---------- */
body.home-journey .site-footer{background:var(--j-night)!important;color:var(--j-on-night)!important;border:0!important}
body.home-journey .site-footer a,body.home-journey .site-footer .brand span{color:var(--j-paper)!important}
body.home-journey .site-footer a:hover{color:#fff!important;opacity:1}
body.home-journey .site-footer p{color:var(--j-on-night)!important}
body.home-journey .site-footer .brand img{filter:brightness(0) invert(1)}

/* ---------- движение ---------- */
@keyframes j-up{from{opacity:0;transform:translateY(40%)}to{opacity:1;transform:none}}
@keyframes j-rise{from{opacity:0;transform:translateY(44px)}to{opacity:1;transform:none}}
@keyframes j-zoom{from{transform:scale(1.08)}to{transform:scale(1)}}
@supports (animation-timeline: view()){
  body.home-journey .journey-step,body.home-journey .journey-extra,body.home-journey .home-signoff,body.home-journey .guided-reading-card{animation:j-rise linear both;animation-timeline:view();animation-range:entry 0% cover 24%}
  body.home-journey .home-portrait img{animation:j-zoom linear both;animation-timeline:view();animation-range:cover 0% cover 100%}
}
@media (prefers-reduced-motion:reduce){
  body.home-journey *{animation:none!important;transition:none!important}
}