/* Guide index: shared navigation and the approved pale guide-card palette. */
.guides-content { margin-top:1rem; }
.guides-content > h1 { margin:0; font-family:var(--ui-font); color:#132b47; font-size:clamp(2.1rem,3vw,2.8rem); font-weight:700; line-height:1.2; letter-spacing:-.03em; }
.guides-intro { max-width:55ch; margin-top:1.5rem; color:#536d80; font-size:1.125rem; line-height:1.7; }
.guides-content .guide-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1.25rem; margin-top:2rem; }
.guides-content .guide-card { display:flex; flex-direction:column; align-items:start; min-width:0; padding:1.5rem; border:1px solid #cfe2e9; border-radius:.85rem; background:#f0f7fa; color:#17314d; text-decoration:none; box-shadow:none; transition:background-color 150ms ease,border-color 150ms ease; }
.guides-content .guide-card-label { color:#536d80; font-size:.85rem; font-weight:500; letter-spacing:normal; text-transform:none; }
.guides-content .guide-card h2 { margin-top:.65rem; color:#0e7490; font-size:1.25rem; line-height:1.45; font-weight:600; }
.guides-content .guide-card p { margin:.75rem 0 1.25rem; color:#536d80; font-size:1rem; line-height:1.7; }
.guides-content .guide-card-cta { display:inline-flex; align-items:center; justify-content:center; min-height:44px; margin-top:auto; padding:.6rem .9rem; border:1px solid #0e7490; border-radius:.6rem; background:#0e7490; color:white; font-size:.9rem; font-weight:600; line-height:1.4; box-shadow:inset 0 1px 0 rgba(255,255,255,.32),inset 0 -2px 0 rgba(16,55,73,.16); }
.guides-content .guide-card:hover { background:#e7f2f7; border-color:#8cb8c8; }
.guides-content .guide-card:hover h2 { text-decoration:underline; text-underline-offset:3px; }
.guides-content .guide-card:hover .guide-card-cta { background:#155e75; }
.guides-content .guide-card:active .guide-card-cta { box-shadow:inset 0 2px 3px rgba(16,55,73,.22),inset 0 -1px 0 rgba(255,255,255,.12); }
.guides-content .guide-card:focus-visible { outline:3px solid #0e7490; outline-offset:4px; }
.guides-page .site-footer { margin-top:3rem; padding-top:0; }
.guides-page .site-footer > nav { padding-top:4.5rem; }
@media(max-width:700px) {
  .guides-content .guide-grid { grid-template-columns:minmax(0,1fr); }
}
@media(max-width:600px) {
  .guides-content .guide-card { padding:1.15rem; }
}
@media(prefers-reduced-motion:reduce) {
  .guides-content .guide-card { transition:none; }
}