.ai-guide { max-width: 1000px; margin: 0 auto; padding: 0 24px 64px; }
.ai-guide .page-hero { padding-left: 0; padding-right: 0; }
.ai-guide > section, .ai-guide > footer { margin-top: 48px; scroll-margin-top: 32px; }
.ai-guide p { line-height: 1.75; max-width: 76ch; }
.ai-guide h2 { font-size: clamp(1.65rem, 3vw, 2.25rem); line-height: 1.2; }
.ai-guide h3 { margin-top: 28px; line-height: 1.35; }
.ai-guide a:not(.button) { text-decoration: underline; text-underline-offset: 3px; }
.ai-byline { font-size: .9rem; color: #4b5b54; }
.ai-answer, .ai-example, .ai-worksheet { background: #edf4ee; border: 1px solid #d3e0d6; border-radius: 20px; padding: 28px; }
.ai-guide .ai-answer { margin-top: 0; }
.ai-toc { display: flex; flex-wrap: wrap; gap: 12px 24px; padding: 26px 0; border-bottom: 1px solid #d3e0d6; }
.ai-evidence-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; margin: 24px 0; }
.ai-evidence { border: 1px solid #d3e0d6; border-radius: 16px; padding: 22px; }
.ai-evidence h3 { margin-top: 0; }
.ai-task-list { border-left: 3px solid #93b39d; padding-left: 24px; }
.ai-task-list article { padding-bottom: 12px; border-bottom: 1px solid #d3e0d6; }
.ai-worksheet label { display: block; font-weight: 700; margin: 24px 0 8px; }
.ai-worksheet textarea { display: block; width: 100%; box-sizing: border-box; font: inherit; line-height: 1.5; background: #fff; color: #18382b; border: 1px solid #708b7b; border-radius: 8px; padding: 12px; resize: vertical; min-height: 100px; }
.ai-worksheet textarea:focus-visible { outline: 3px solid #245a40; outline-offset: 3px; }
.ai-worksheet button { margin-top: 24px; }
.ai-editorial { border-top: 1px solid #d3e0d6; padding-top: 24px; font-size: .95rem; }
@media (max-width: 640px) {
  .ai-guide { padding: 0 18px 40px; }
  .ai-evidence-grid { grid-template-columns: 1fr; }
  .ai-answer, .ai-example, .ai-worksheet { padding: 20px; }
  .ai-task-list { padding-left: 16px; }
}