/* Semantic HTML keeps the existing design; this file owns behavior and fixes. */
h1, h2, h3 { margin: 0; }
a { color: inherit; text-decoration: none; }
main { display: flex; flex-direction: column; width: 100%; }
html { scroll-behavior: smooth; }
section { scroll-margin-top: 24px; }
a:focus-visible { outline: 3px solid #2DD4BF !important; outline-offset: 5px !important; }
.skip-link { position: fixed; top: 12px; left: 12px; z-index: 100; padding: 12px 16px; background: #fff; color: #07070A; transform: translateY(-200%); }
.skip-link:focus { transform: translateY(0); }
body > [data-pencil-name="JIAdev — Modern Redesign"] { height: auto !important; overflow: visible !important; }
[data-pencil-name="Footer"] { box-sizing: border-box !important; width: 100% !important; }
@media (max-width: 960px) {
  [data-pencil-name="Navigation"] { height: auto !important; min-height: 72px; flex-wrap: wrap; gap: 20px !important; padding-top: 20px !important; padding-bottom: 20px !important; }
  [data-pencil-name="Navigation Links"] { display: flex !important; flex-wrap: wrap; gap: 20px !important; width: 100% !important; }
  [data-pencil-name="Navigation Links"] a { display: inline-flex; align-items: center; min-height: 44px; }
  [data-pencil-name="AMD Project Card"], [data-pencil-name="Guess It Project Card"] { height: auto !important; min-height: 340px; }
  [data-pencil-name="AMD Project Title"], [data-pencil-name="Guess It Project Title"], [data-pencil-name$=" Detail"] { white-space: normal !important; }
  [data-pencil-name="Mindful Project Body"], [data-pencil-name="Pulse Project Body"] { padding: 20px !important; gap: 12px !important; }
  [data-pencil-name="Mindful Project Copy"] { min-width: 0; }
  [data-pencil-name="Experience and Education Card"], [data-pencil-name="Experience Panel Positioner"] { min-height: 0 !important; height: auto !important; }
}
@media (max-width: 480px) {
  [data-pencil-name="Mindful Project Arrow"] { display: none !important; }
  [data-pencil-name="Product Manager Entry"], [data-pencil-name="Swift Developer Program Entry"], [data-pencil-name="Licenciado en Psicología Entry"] { flex-wrap: wrap; }
  [data-pencil-name$=" Date"] { margin-left: auto; }
  [data-pencil-name="Footer Copyright"] { white-space: normal !important; }
}
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }