/* Investment Guide Page */
.guide-layout { display: grid; grid-template-columns: 1fr; gap: var(--space-10); }
@media (min-width: 1024px) { .guide-layout { grid-template-columns: 2fr 1fr; } }

.guide-section { margin-bottom: var(--space-12); }
.guide-section h2 { display: flex; align-items: center; gap: var(--space-3); font-size: 1.5rem; font-weight: 800; margin-bottom: var(--space-4); }
.guide-section h2 .material-symbols-outlined { color: var(--color-primary); }
.guide-section p { color: var(--color-text-secondary); line-height: 1.75; margin-bottom: var(--space-4); }

.guide-stat-card {
  padding: var(--space-6);
  background: rgba(30,59,138,0.04);
  border: 1px solid rgba(30,59,138,0.1);
  border-radius: var(--radius-xl);
  text-align: center;
}
.guide-stat-card h4 { font-size: 1.5rem; font-weight: 900; color: var(--color-primary); }
.guide-stat-card p { font-size: 0.75rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.1em; color: var(--color-text-muted); margin: var(--space-1) 0 0; }

.guide-checklist { display: flex; flex-direction: column; gap: var(--space-3); }
.guide-checklist li {
  display: flex; align-items: center; gap: var(--space-3);
  padding: var(--space-3) var(--space-4);
  background: var(--color-surface);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  font-size: 0.9375rem; font-weight: 500; color: var(--color-text-secondary);
}
.guide-checklist .material-symbols-outlined { color: var(--color-success); flex-shrink: 0; }

.guide-steps { counter-reset: step; display: flex; flex-direction: column; gap: var(--space-4); }
.guide-steps li {
  counter-increment: step;
  padding: var(--space-5) var(--space-6);
  padding-left: var(--space-16);
  background: var(--color-surface);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-xl);
  position: relative;
}
.guide-steps li::before {
  content: counter(step);
  position: absolute; left: var(--space-5); top: var(--space-5);
  width: 32px; height: 32px;
  background: var(--color-primary); color: white;
  border-radius: var(--radius-full);
  display: flex; align-items: center; justify-content: center;
  font-size: 0.8125rem; font-weight: 900;
}
.guide-steps h4 { font-size: 1rem; font-weight: 800; margin-bottom: var(--space-1); }
.guide-steps p { font-size: 0.875rem; color: var(--color-text-secondary); margin: 0; }

.faq-list { display: flex; flex-direction: column; gap: var(--space-3); }
.faq-item {
  background: var(--color-surface);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-xl);
  overflow: hidden;
}
.faq-item summary {
  padding: var(--space-4) var(--space-5);
  font-weight: 700;
  cursor: pointer;
  list-style: none;
  display: flex; justify-content: space-between; align-items: center;
  transition: color var(--transition-fast);
}
.faq-item summary::-webkit-details-marker { display: none; }
.faq-item summary::after { content: '+'; font-size: 1.25rem; font-weight: 900; color: var(--color-primary); }
.faq-item[open] summary::after { content: '−'; }
.faq-item[open] summary { color: var(--color-primary); border-bottom: 1px solid var(--color-border); }
.faq-item p {
  padding: var(--space-4) var(--space-5);
  font-size: 0.9375rem; color: var(--color-text-secondary); line-height: 1.7; margin: 0;
}

.guide-sidebar { display: flex; flex-direction: column; gap: var(--space-6); }
.guide-sidebar-card {
  background: var(--color-surface);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-2xl);
  padding: var(--space-6);
  position: sticky; top: 100px;
}
.guide-sidebar-card h3 { font-size: 1rem; font-weight: 800; margin-bottom: var(--space-3); }
.guide-sidebar-card p { font-size: 0.875rem; color: var(--color-text-secondary); line-height: 1.6; }
.guide-sidebar-card ul { display: flex; flex-direction: column; gap: var(--space-3); }
.guide-sidebar-card a { font-size: 0.875rem; color: var(--color-text-secondary); font-weight: 600; transition: color var(--transition-fast); }
.guide-sidebar-card a:hover { color: var(--color-primary); }