/* Frontend responsive overrides */
img,svg,video{max-width:100%;height:auto}
.container, .container-fluid{padding-left:12px;padding-right:12px}

/* Keep hero and sliders readable on small screens */
@media (max-width:992px){
    .hero-title{font-size:1.6rem}
    .hero-subtitle{font-size:1rem}
}

/* Responsive nav adjustments (Bootstrap handles most) */
@media (max-width:576px){
    .navbar-brand{font-size:1rem}
}

/* Tables and forms */
.table-responsive{overflow-x:auto}
form .form-control{width:100%}

/* Utility helpers */
.text-truncate-2{display:block;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.break-word{word-break:break-word;overflow-wrap:anywhere}