.static-hero {
  background: #fafafa;
  padding: 56px 0 48px;
  border-bottom: 1px solid #f0f0f0;
}
.static-hero .container { max-width: 880px; }
.static-title {
  font-family: 'Lato', sans-serif;
  font-size: 40px;
  font-weight: 700;
  color: #030303;
  margin: 0 0 12px;
  line-height: 1.15;
  letter-spacing: -0.01em;
}
.static-subtitle {
  font-family: 'Manrope', sans-serif;
  font-size: 17px;
  color: #6b6b6b;
  line-height: 1.6;
  margin: 0;
  max-width: 720px;
}

.static-body { padding: 56px 0 96px; background: #fff; }
.static-body .container { max-width: 800px; }
.static-content { font-size: 16px; }
.static-content p,
.static-content li { line-height: 1.78; }

@media (max-width: 640px) {
  .static-hero { padding: 36px 0 30px; }
  .static-title { font-size: 30px; }
  .static-subtitle { font-size: 15px; }
  .static-body { padding: 36px 0 64px; }
}

/* ===== Guide Article (sidebar variant) ===== */
.static-body:has(.ga-grid) > .container { max-width: 1100px; }
.ga-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 320px;
  gap: 56px;
  align-items: start;
}
@media (max-width: 980px) {
  .ga-grid { grid-template-columns: 1fr; gap: 32px; }
}
.ga-content { min-width: 0; font-size: 16px; }
.ga-sidebar { position: sticky; top: 96px; display: flex; flex-direction: column; gap: 16px; }
.ga-card { background: #fafafa; border: 1px solid #ececec; border-radius: 10px; padding: 18px 20px; }
.ga-card-title { font-family: 'Lato', sans-serif; font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.06em; color: #b01733; margin: 0 0 12px; }
.ga-related { list-style: none; padding: 0; margin: 0; }
.ga-related li { border-top: 1px solid #ececec; }
.ga-related li:first-child { border-top: 0; }
.ga-related a { display: block; padding: 9px 0; font-family: 'Manrope', sans-serif; font-size: 14px; color: #333; text-decoration: none; line-height: 1.4; }
.ga-related a:hover { color: #b01733; }
.ga-card-cta { text-align: center; }
.ga-card-cta img { max-width: 140px; margin: 0 auto 10px; display: block; }
.ga-cta-name { font-family: 'Lato', sans-serif; font-weight: 700; font-size: 15px; color: #030303; margin-bottom: 4px; }
.ga-cta-price { font-family: 'Manrope', sans-serif; font-weight: 700; color: #b01733; margin-bottom: 12px; }
.ga-cta-btn { display: inline-flex; align-items: center; gap: 6px; background: #b01733; color: #fff !important; padding: 10px 18px; border-radius: 6px; font-family: 'Manrope', sans-serif; font-size: 13px; font-weight: 700; text-decoration: none; transition: background .15s; }
.ga-cta-btn:hover { background: #8a1229; }