/* Page-specific adjustments only. Keep this file small. */

/* Home: tech strip sits on a ruled band under the hero */
.strip-band { border-bottom: 1px solid var(--grey-200); }

/* Home: compact section spacing between pillars and the dark lifecycle */
.home-pillars .section-head { margin-bottom: var(--space-6); }

/* AI-DLC: framework cards compare three spec-driven tools */
.frameworks .card { gap: var(--space-4); }
.frameworks code { color: var(--navy-700); background: var(--grey-100); padding: 0.05rem 0.35rem; border-radius: 4px; font-size: 0.85em; }

/* Technologies: sticky jump links */
.jump {
  position: sticky;
  top: var(--header-h);
  z-index: 10;
  background: rgba(255, 255, 255, 0.95);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  border-bottom: 1px solid var(--grey-200);
}
.jump ul { display: flex; gap: 0.25rem; overflow-x: auto; scrollbar-width: none; padding-block: 0.6rem; }
.jump ul::-webkit-scrollbar { display: none; }
.jump a { display: block; white-space: nowrap; padding: 0.4rem 0.8rem; border-radius: 6px; text-decoration: none; color: var(--grey-700); font-weight: 500; font-size: 0.9375rem; }
.jump a:hover { background: var(--grey-100); color: var(--navy-900); }
.tech-group { padding-block: var(--space-7); border-bottom: 1px solid var(--grey-200); }
.tech-group:last-of-type { border-bottom: 0; }
.tech-group__head { display: grid; gap: var(--space-3); margin-bottom: var(--space-5); }
@media (min-width: 960px) { .tech-group__head { grid-template-columns: 1fr 1.4fr; align-items: end; } }
.tech-group__head h2 { font-size: var(--step-3); display: flex; align-items: center; gap: 0.75rem; }
.tech-group__head p { color: var(--grey-500); }

/* Contact page layout */
.contact-layout { display: grid; gap: var(--space-6); align-items: start; }
@media (min-width: 1024px) { .contact-layout { grid-template-columns: 1.5fr 1fr; gap: var(--space-7); } }
.contact-form-card { padding: clamp(1.25rem, 1rem + 2vw, 2.5rem); border: 1px solid var(--grey-200); border-radius: var(--radius-l); background: #fff; box-shadow: var(--shadow-1); }

/* 404 */
.not-found { min-height: 60vh; display: grid; align-content: center; }