/* Editorial layer for the guide hub and articles; preserves the company palette. */
.gae-knowledge-page .page-header {
  background:#eef4e8; background-image:radial-gradient(ellipse at 100% 0,rgba(134,229,78,.18),transparent 60%);
  padding:62px 0 48px;
}
.gae-knowledge-page .page-header:before { display:none; }
.gae-knowledge-page .page-header h1 { color:#163300; max-width:980px; font-size:clamp(30px,4vw,54px); text-wrap:balance; }
.gae-knowledge-page .page-header .breadcrumb li,
.gae-knowledge-page .page-header .breadcrumb li:before { color:#4b6140; }
.gae-knowledge-page .gae-content { background:#fbfcf9; padding:52px 0 76px; }
.gae-guide-hub .gae-prose { max-width:1180px; }
.gae-hub-intro { max-width:720px; margin-bottom:28px; }
.gae-eyebrow { color:#40652b; font:600 11px/1.6 var(--default-font); letter-spacing:.12em; }
.gae-hub-intro h2 { margin:12px 0 16px; font-size:clamp(26px,3vw,38px); line-height:1.2; }
.gae-hub-intro p { color:#586351; font-size:18px; }
.gae-topic-nav { display:flex; flex-wrap:wrap; gap:9px; padding:0 0 30px; border-bottom:1px solid #dfe7d8; }
.gae-prose .gae-topic-nav a { color:#284717; font:500 13px/1.4 var(--default-font); text-decoration:none; padding:11px 15px; border:1px solid #dbe5d2; border-radius:24px; background:white; }
.gae-topic-nav a:hover,.gae-topic-nav a:focus-visible { background:#e3f3d6; border-color:#a5c58e; }
.gae-guide-topic { padding-top:42px; scroll-margin-top:100px; }
.gae-topic-heading { display:flex; align-items:center; gap:12px; margin-bottom:20px; }
.gae-topic-heading h2 { margin:0; font-size:clamp(22px,2.4vw,28px); line-height:1.25; }
.gae-topic-icon { display:grid; place-items:center; flex-shrink:0; width:44px; height:44px; border-radius:13px; background:#e9f3df; color:#3b6726; font-size:18px; }
.gae-guide-hub .gae-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.gae-guide-hub .gae-card { display:flex; flex-direction:column; position:relative; padding:27px; background:white; border:1px solid #e0e7db; border-radius:20px; box-shadow:0 5px 20px rgba(26,47,13,.035); transition:border-color .2s,box-shadow .2s; }
.gae-guide-hub .gae-card:hover { border-color:#a4c18f; box-shadow:0 10px 26px rgba(26,47,13,.08); }
.gae-card-meta { display:flex; flex-wrap:wrap; gap:8px; justify-content:space-between; color:#66755d; font:500 10px/1.5 var(--default-font); letter-spacing:.025em; margin-bottom:20px; }
.gae-card-meta span:first-child { color:#486b31; }
.gae-guide-hub .gae-card h3 { margin:0 0 15px; font-size:23px; line-height:1.3; }
.gae-prose .gae-card h3 a { color:#193b0a; text-decoration:none; }
.gae-guide-hub .gae-card p { margin-bottom:25px; color:#5c6656; font-family:var(--default-font); font-size:15px; line-height:1.75; }
.gae-prose .gae-card-action { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-top:auto; padding-top:17px; border-top:1px solid #edf1e8; color:#2a4d17; font:600 13px/1.5 var(--default-font); text-decoration:none; }
.gae-card-action > span[aria-hidden] { display:grid; place-items:center; width:28px; height:28px; border-radius:50%; background:#eff7e8; font-size:19px; }
.gae-editorial-note { margin:38px 0 0; padding:20px 24px; border-radius:12px; background:#eef3e8; font-family:var(--default-font); font-size:14px; color:#526348; }
.gae-guide-article .gae-prose { max-width:820px; }
.gae-guide-article .gae-meta { padding:0 0 24px; margin-bottom:25px; border-bottom:1px solid #e0e7da; font-family:var(--default-font); font-size:12px; line-height:1.9; }
.gae-guide-article .gae-prose > p, .gae-guide-article .gae-prose > ul, .gae-guide-article .gae-prose > ol { font-size:18px; color:#35462b; }
.gae-guide-article .gae-prose h2 { font-size:clamp(25px,3vw,32px); line-height:1.3; margin-top:2.5rem; }
.gae-guide-article .gae-prose h3 { font-size:22px; line-height:1.35; }
.gae-guide-article .gae-toc { background:white; border:1px solid #dfe8d5; border-left:4px solid #83d74e; border-radius:14px; padding:24px 28px; margin:0 0 32px; }
.gae-guide-article .gae-toc p { font:600 16px/1.5 var(--default-font); color:#214111; }
.gae-guide-article .gae-toc ul { columns:2; column-gap:30px; margin:0; }
.gae-guide-article .gae-toc li { break-inside:avoid; font:400 14px/1.6 var(--default-font); margin-bottom:10px; }
.gae-guide-article .gae-toc a { color:#3b5d29; }
.gae-knowledge-page .gae-prose .project-cta { padding:32px; border-radius:20px; background:#163300; color:white; }
.gae-knowledge-page .project-cta h2 { color:white; margin-top:0; }
.gae-knowledge-page .project-cta p { color:#e1ecd9; }
.gae-knowledge-page .gae-related { background:#eef4e8; border:0; border-radius:16px; padding:26px; }
.gae-knowledge-page .gae-related h2 { margin:0 0 16px; font-size:24px; }
.gae-knowledge-page .gae-prose a:focus-visible { outline:2px solid #315719; outline-offset:4px; }
@media(max-width:1199px) { .gae-guide-hub .gae-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:767px) {
  .gae-knowledge-page .page-header { padding:32px 0; }
  .gae-knowledge-page .page-header h1 { font-size:30px; line-height:1.18; }
  .gae-knowledge-page .gae-content { padding:32px 0 50px; }
  .gae-guide-hub .gae-grid { grid-template-columns:1fr; gap:16px; }
  .gae-guide-hub .gae-card { padding:24px; }
  .gae-hub-intro h2 { font-size:27px; }
  .gae-hub-intro p { font-size:16px; }
  .gae-topic-nav { gap:7px; padding-bottom:24px; }
  .gae-prose .gae-topic-nav a { font-size:12px; padding:9px 12px; }
  .gae-guide-topic { padding-top:32px; }
  .gae-guide-hub .gae-card h3 { font-size:23px; }
  .gae-guide-article .gae-toc { padding:20px; }
  .gae-guide-article .gae-toc ul { columns:1; }
  .gae-guide-article .gae-prose > p,.gae-guide-article .gae-prose > ul,.gae-guide-article .gae-prose > ol { font-size:17px; }
  .gae-knowledge-page .gae-prose .project-cta { padding:26px 22px; }
}
@media(prefers-reduced-motion:reduce) { .gae-guide-hub .gae-card { transition:none; } }