body { background: #fff; }

.main {
  display: flex;
  flex-direction: column;
  gap: 88px;
  margin-top: 24px;
  padding-bottom: 96px;
}

.container { width: 1200px; max-width: calc(100% - 32px); margin: 0 auto; }

.section-title {
  font-family: var(--display);
  font-size: 40px;
  font-weight: 800;
  line-height: 1.12;
  letter-spacing: -.02em;
  color: var(--ink);
}

.color-green { color: var(--teal); }

.guide-section__lead { font-weight: 400; line-height: 1.55; color: var(--text); }

.guide-eyebrow { color: var(--teal); }

.guide-hero__content {
  width: 1200px;
  max-width: calc(100% - 32px);
  gap: 20px;
  padding: 24px 0 0;
  border: 0;
  border-radius: 0;
  background: none;
  box-shadow: none;
  overflow: visible;
}

.guide-hero__eyebrow {
  background: var(--lemon);
  color: var(--ink);
  font-weight: 700;
  border: 2px solid var(--ink);
}

.guide-hero__title {
  max-width: 900px;
  font-family: var(--display);
  font-size: 48px;
  font-weight: 800;
  letter-spacing: -.02em;
  line-height: 1.08;
  color: var(--ink);
}

.guide-hero__subtitle { max-width: 720px; font-weight: 400; line-height: 1.55; color: var(--text); }

.guide-badge {
  background: #fff;
  border: 1.5px solid var(--ink);
  color: var(--ink);
  font-weight: 600;
}

.guide-badge b { color: var(--teal); }

.guide-hero__actions { margin-top: 4px; }

.guide-logic__card,
.guide-tariff,
.guide-note,
.guide-step,
.guide-video__side {
  border: 2px solid var(--ink);
  border-radius: var(--radius);
  background: #fff;
}

.guide-logic__title,
.guide-step__title,
.guide-support__title,
.guide-tariff__value,
.guide-video__label {
  font-family: var(--display);
  font-weight: 600;
  letter-spacing: -.01em;
  color: var(--ink);
}

.guide-prompt__title {
  font-family: var(--display);
  font-weight: 600;
  letter-spacing: -.01em;
  color: #CFF5EC;
}

.guide-tariff__value { font-weight: 800; color: var(--teal); }

.guide-ico {
  border: 2px solid var(--ink);
  border-radius: 14px;
  background: var(--lemon);
}

.guide-route__chip {
  border: 2px solid var(--ink);
  border-radius: 16px;
}

.guide-route__chip:hover {
  transform: translate(-2px, -2px);
  box-shadow: 4px 4px 0 var(--ink);
}

.guide-route__num,
.guide-step__num {
  border: 2px solid var(--ink);
  background: var(--lemon);
  color: var(--ink);
  font-family: var(--display);
  font-weight: 800;
}

.guide-tariff--accent {
  background: var(--teal);
  box-shadow: var(--shadow);
}

.guide-tariff--accent .guide-tariff__value { color: #fff; }

.guide-note__text b,
.guide-step__where b,
.guide-actions li b,
.guide-list b,
.guide-xref a { color: var(--teal); }

.guide-step__where,
.guide-hint { background: var(--mint-2); }

.guide-xref {
  background: var(--mint);
  border: 2px solid var(--ink);
}

.guide-actions li::before { background: var(--mint); color: var(--teal); }
.guide-list li::before { background: var(--teal); }

.guide-shot {
  border: 2px solid var(--ink);
  background: var(--paper);
}

.guide-prompt,
.guide-code { border: 2px solid var(--ink); }

.guide-prompt__copy.is-copied { background: var(--teal); }

.guide-totop {
  border: 2px solid var(--ink);
  background: var(--lemon);
  color: var(--ink);
  box-shadow: 4px 4px 0 var(--ink);
}

.guide-video__main {
  border: 2px solid var(--ink);
  border-radius: var(--radius);
  background: var(--ink);
  box-shadow: var(--shadow);
}

.guide-video__chip { background: var(--mint-2); color: var(--ink); font-weight: 600; }
.guide-video__chip:hover { background: var(--mint); }
.guide-video__chip.is-active { background: var(--teal); color: #fff; }

.guide-support__content {
  border: 2px solid var(--ink);
  border-radius: var(--radius);
  background: var(--ink);
}

.guide-support__title { color: #fff; }

.btn--tg {
  background: var(--lemon);
  color: var(--ink);
  border: 2px solid var(--ink);
  box-shadow: 4px 4px 0 var(--teal);
}

.btn--ghost {
  background: transparent;
  color: #fff;
  border: 2px solid #fff;
  box-shadow: none;
}

.btn--ghost:hover { background: rgba(255, 255, 255, .1); transform: none; }

.faq__item {
  border: 2px solid var(--ink);
  border-radius: 18px;
  background: #fff;
  box-shadow: none;
}

.faq__item--open { box-shadow: 5px 5px 0 var(--ink); }
.faq__question-text { font-family: var(--body); font-weight: 700; color: var(--ink); }

.faq__toggle {
  border: 2px solid var(--ink);
  border-radius: 10px;
  background: var(--mint);
}

.faq__item--open .faq__toggle { background: var(--lemon); }

@media (max-width: 768px) {
  .main { gap: 64px; padding-bottom: 64px; }
  .section-title { font-size: 28px; }
  .guide-hero__content { padding: 8px 0 0; border-radius: 0; }
  .guide-hero__title { font-size: 30px; }
  .guide-step, .guide-support__content { border-radius: 18px; }
}

.guide-ico img { filter: brightness(0); }

@media (min-width: 1025px) {
  .guide-nav__link { padding: 9px 8px; font-size: 13.5px; }
  .guide-nav__sep { margin: 0 2px; }
}
.guide-tariff__desc a { color: var(--teal); font-weight: 700; text-decoration: underline; text-underline-offset: 3px; }

.nw { white-space: nowrap; }