/* Additional custom styles for Task T-5 */

/* Ensure anchored sections are not hidden behind the fixed header */
section[id] {
  scroll-margin-top: var(--header-height);
}

/* Minimum tap target size for interactive elements (44px × 44px) */
.min-tap {
  min-width: 44px;
  min-height: 44px;
}

/* Responsive hero title scaling for small screens */
@media (max-width: 640px) {
  .hero-title {
    font-size: 2rem; /* ~32px */
    line-height: 1.2;
  }
}

/* Ensure non-interactive text and content elements display normal arrow cursor */
html,
body,
h1, h2, h3, h4, h5, h6,
p, span, li,
div, section, article, aside, header, footer, main, nav,
ul, ol, dl, dt, dd,
blockquote, figure, figcaption,
label:not([for]) {
  cursor: default;
}

/* Interactive elements explicitly show a clickable pointer cursor */
a,
a *,
button,
button *,
[role="button"],
[role="button"] *,
input[type="submit"],
input[type="button"],
input[type="reset"],
select,
label[for],
summary {
  cursor: pointer;
}

/* Form inputs display text input cursor */
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="search"],
input[type="password"],
input[type="number"],
input[type="url"],
textarea {
  cursor: text;
}