/* Couche responsive légère et commune à toutes les pages. */
html{box-sizing:border-box;overflow-x:hidden}*,*:before,*:after{box-sizing:inherit}body{max-width:100%;overflow-x:hidden}img,svg,video,iframe{max-width:100%;height:auto}input,select,textarea,button{max-width:100%;font:inherit}table{max-width:100%}.container,.main-container,.content,.page-wrapper{width:100%;max-width:100%;margin-left:auto;margin-right:auto}
@media screen and (max-width:768px){.container,.main-container{padding-left:1rem;padding-right:1rem}.row{margin-left:0;margin-right:0}.navbar{flex-wrap:wrap;padding:1rem}.navbar a{white-space:normal}.dashboard-grid,.tips-grid,.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.card,.dash-card,.tip-card,.stat-card{width:100%;min-width:0}.table-container{width:100%;overflow-x:auto}.table-container table{min-width:600px}.action-buttons{flex-wrap:wrap}.btn{min-width:0}.auth-container,.register-container,.profile-container{width:calc(100% - 2rem);max-width:100%;margin-left:auto;margin-right:auto;padding:1.5rem}.quiz-container{width:100%;padding:1rem}.question-text{font-size:1.1rem}.option{max-width:100%;overflow-wrap:anywhere}}
@media screen and (max-width:480px){.container,.main-container{padding-left:.75rem;padding-right:.75rem}.navbar{flex-direction:column;align-items:stretch;text-align:center}.dashboard-grid,.tips-grid,.stats-grid{grid-template-columns:1fr;gap:.75rem}.auth-container,.register-container,.profile-container{width:calc(100% - 1rem);padding:1rem}.form-group input,.form-control,button,.btn{width:100%;min-height:44px}.action-buttons{flex-direction:column;gap:.75rem}.table-container{padding:.75rem}h1{font-size:1.6rem}h2{font-size:1.35rem}.dash-card,.tip-card,.stat-card,.quiz-container .card{padding:1rem}.result-container{padding:1.5rem}}