@charset "UTF-8";

/* Smartphone Common Styles */
body {
    font-size: 14px;
}

.container {
    padding: 0 15px;
}

h1 {
    font-size: 1.8rem;
}

h2 {
    font-size: 1.4rem;
}

h3 {
    font-size: 1.2rem;
}

/* Header */
.site-header .container {
    flex-direction: column;
    padding: 10px;
}

.logo {
    font-size: 1.2rem;
    margin-bottom: 10px;
}

nav {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

nav a {
    margin: 5px 10px !important;
    font-size: 0.9rem;
}

/* Footer */
.footer-links {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.footer-links a {
    display: block;
}

/* Table */
.table-responsive {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

th,
td {
    padding: 8px 10px;
    font-size: 0.9rem;
    /* Prevent line breaks on small screens for simple tables */
}

/* Form */
input,
select,
textarea {
    font-size: 16px;
    /* Prevent iOS zoom */
}