/* POI 指南页：继承 static-pages.css 的主站 token，仅补充内容页排版。 */
body.guide-page {
  min-height: 100vh;
  background:
    radial-gradient(circle at 82% 0%, rgba(30, 64, 175, 0.08) 0, transparent 55%),
    var(--static-background);
  color: var(--static-foreground);
}

.guide-page .static-container {
  max-width: 48rem;
  min-height: 100vh;
  padding: 1rem 1rem 2rem;
  background: transparent;
  border-radius: 0;
}

.guide-page .static-nav-bar {
  margin-bottom: 1.5rem;
}

.guide-page article {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.guide-page .static-subtitle {
  display: inline-flex;
  align-self: flex-start;
  width: fit-content;
  margin: 0 0 -0.55rem;
  padding: 0.125rem 0.6rem;
  border-radius: var(--static-radius-xl);
  background: var(--static-primary-soft);
  color: var(--static-primary);
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 0.04em;
}

.guide-page .static-container h1 {
  margin: 0;
  padding-left: 1rem;
  border-left: 3px solid var(--static-primary);
  color: var(--static-foreground);
  font-size: clamp(1.5rem, 1.35rem + 0.75vw, 1.875rem);
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0;
}

.guide-page article > h1 + p {
  margin: -0.25rem 0 0;
  padding-left: calc(1rem + 3px);
  color: var(--static-muted-foreground);
  font-size: 0.875rem;
  line-height: 1.7;
}

.guide-page .static-card {
  margin: 0;
  padding: 1.25rem;
  border-radius: var(--static-radius-xl);
  background: var(--static-card);
}

.guide-page .static-card:hover {
  border-color: rgba(30, 64, 175, 0.28);
  transform: translateY(-1px);
}

.guide-page .static-container h2,
.guide-page .static-card h2 {
  margin: 0 0 0.75rem;
  padding: 0;
  border: 0;
  color: var(--static-foreground);
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.45;
}

.guide-page .static-card h2 a {
  color: var(--static-primary);
  text-decoration: none;
}

.guide-page .static-card h2 a:hover {
  color: var(--static-primary-hover);
  text-decoration: underline;
}

.guide-page .static-container h3 {
  color: var(--static-foreground);
}

.guide-page .static-container p,
.guide-page .static-container li {
  color: var(--static-muted-foreground);
  font-size: 0.875rem;
  line-height: 1.7;
}

.guide-page .static-container p:last-child,
.guide-page .static-container li:last-child {
  margin-bottom: 0;
}

.guide-page .static-container strong {
  color: var(--static-foreground);
}

.guide-page .static-grid-2 {
  gap: 0.75rem;
  margin: 0;
}

.guide-page .static-grid-2 .static-card {
  background: rgba(255, 255, 255, 0.72);
}

.guide-page .static-cta-section {
  margin: 0;
  padding: 1.5rem;
  border-radius: var(--static-radius-xl);
  background: var(--static-primary);
  box-shadow: var(--static-shadow-hover);
}

.guide-page .static-cta-section h2 {
  margin-bottom: 0.5rem;
  color: #ffffff;
}

.guide-page .static-cta-section p {
  color: rgba(255, 255, 255, 0.88);
}

.guide-page .static-cta-button {
  padding: 0.625rem 1.125rem;
  border-radius: var(--static-radius-lg);
  color: var(--static-primary) !important;
  font-size: 0.875rem;
  font-weight: 700;
}

.guide-page .static-footer {
  margin-top: 2.5rem;
  padding-top: 0;
}

.guide-page .static-footer p {
  font-size: 0.75rem;
}

@media (max-width: 640px) {
  .guide-page .static-container {
    padding: 0.75rem 0.75rem 1.5rem;
  }

  .guide-page .static-nav-bar {
    margin-bottom: 1.25rem;
  }

  .guide-page .static-card,
  .guide-page .static-cta-section {
    padding: 1rem;
  }

  .guide-page .static-container h1 {
    padding-left: 0.875rem;
  }
}