.ai-how-tos-shell { width: min(980px, calc(100% - 44px)); }
.ai-how-tos-toc { padding: 24px; margin-top: 30px; background: #ede9df; border-radius: 16px; }
.ai-how-tos-toc ul { display: flex; flex-wrap: wrap; gap: 8px 30px; padding-left: 20px; margin-bottom: 0; }
.ai-guide-grid, .ai-path-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
.ai-guide-card, .ai-path-grid article { padding: 24px; border: 1px solid var(--line-dark); border-radius: 16px; }
.ai-guide-card { display: flex; flex-direction: column; align-items: flex-start; }
.ai-guide-label { color: #48565e; font-size: 12px; font-weight: 700; letter-spacing: .06em; }
.ai-guide-card h3, .ai-path-grid h3 { font-size: 24px; line-height: 1.3; margin: 14px 0; }
.ai-guide-card p { margin-top: 0; }
.ai-guide-card > a { margin-top: auto; font-weight: 600; }
.ai-how-tos-shell section { scroll-margin-top: 24px; }
@media (max-width: 620px) {
  .ai-guide-grid, .ai-path-grid { grid-template-columns: minmax(0, 1fr); }
  .ai-how-tos-shell { width: calc(100% - 32px); }
  .ai-how-tos-toc, .ai-guide-card, .ai-path-grid article { padding: 20px; }
}