/* Responsive dashboard polish for laptop, Full HD, and 2K monitors. */
@media screen {
  #home .hero { min-height: 0; gap: clamp(14px, 2vw, 32px); padding: clamp(18px, 2vw, 30px); }
  #home .hero h1 { font-size: clamp(28px, 2.35vw, 42px); line-height: 1.07; max-width: 660px; margin: 8px 0 12px; }
  #home .hero p { font-size: 13px; line-height: 1.5; margin-bottom: 15px; max-width: 590px; }
  #home .hero-actions { display: flex; align-items: stretch; flex-wrap: wrap; gap: 8px; }
  #home .hero-actions .hero-button { display: inline-flex; width: auto; max-width: 100%; min-height: 37px; align-items: center; justify-content: space-between; gap: 9px; padding: 9px 12px; line-height: 1.2; font-size: 12px; white-space: nowrap; }
  /* Some theme presets turn the unstyled SVG path into a solid black triangle. */
  #home .hero-actions .hero-button svg { display: none !important; }
  #home .hero-actions .hero-button::after { content: '\2197'; display: inline-block; flex: none; font-size: 14px; line-height: 1; color: inherit; opacity: .75; }
  #home .quick { min-width: 0; }
  #home #quick-tools a { min-width: 0; }
}
@media screen and (min-width: 1500px) {
  #home .hero { grid-template-columns: minmax(0,1.55fr) minmax(310px,.8fr); }
  #home .hero h1 { font-size: clamp(34px, 2.3vw, 46px); }
}
@media screen and (max-width: 1040px) {
  #home .hero { grid-template-columns: 1fr; }
  #home .hero h1 { font-size: clamp(27px, 3vw, 37px); }
}
@media screen and (max-width: 600px) {
  #home .hero { padding: 16px; }
  #home .hero-actions .hero-button { white-space: normal; }
}