form {
   
    border: 1px solid #ddd;
    border-radius: 8px;
}
fieldset {
    
    padding: 15px;
    border: 1px solid #ccc;
}
.align-center {text-align:center;}
.align-left {text-align:left;}
.form-lang-select {font-size: 10pt;font-weight:bold;margin: 15px;}
.form-entree {margin:7px 10px 5px;}
table {
 border-collapse: collapse;
        margin: auto; /* Horizontal centering if not using flexbox */
        background: white; width:80%;
        box-shadow: 0 0 10px rgba(0,0,0,0.1);}

/* ============================
   CUSTOM PAGINATION STYLE
   ============================ */

.results-container {
    position: relative;
}
.results-container::after {
    content: "";
    display: block;
    clear: both;
}

nav[aria-label="Search results pages"] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 4px;
    margin: 15px 0;
    font-size: 22px;font-weight:bold;
}

/* Links */
nav[aria-label="Search results pages"] a {
    padding: 4px 8px;
    text-decoration: none;    
    transition: background 0.15s ease, color 0.15s ease;
}

/* Hover */
nav[aria-label="Search results pages"] a:hover {
    background: #f2f2f2;
}

/* Active page number */
nav[aria-label="Search results pages"] .active {
    padding: 2px 3px;
    color: #fff;
    border-radius: 1px;
    
}

/* Ellipsis or plain text */
nav[aria-label="Search results pages"] span {
    padding: 5px;
    color: #777; border-radius: 1px;
}

.pagination {
    display: flex;
    gap: 6px;
    margin: 20px 0;
    justify-content: center;
    font-size: 16px;
}

.pagination a {
    padding: 6px 12px;
    border: 1px solid #ccc;
    text-decoration: none;
    color: #333;
    border-radius: 4px;
}

.pagination a:hover {
    background-color: #eee;
}

.pagination a.active {
    background-color: #333;
    color: white;
    border-color: #333;
}


.audio-controls {
    display: flex;
    justify-content: flex-end; /* aligns everything to the right */
    gap: 10px;
    margin: 20px 0;
    flex-wrap: wrap;
}

.audio-btn {
    background: #1e293b;
    color: #e2e8f0;
    border: 1px solid #334155;
    padding: 10px 18px;
    border-radius: 8px;
    font-size: 15px;
    font-weight: 500;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 6px;
    transition: background 0.2s ease, transform 0.1s ease;
    touch-action: manipulation;
}

.audio-btn:hover {
    background: #273449;
}

.audio-btn:active {
    transform: scale(0.97);
}

/* Subtle color accents */
.audio-btn.pause {
    background: #facc15;
    color: #1e1e1e;
    border-color: #eab308;
}

.audio-btn.resume {
    background: #22c55e;
    color: #0f2917;
    border-color: #16a34a;
}

.audio-btn.stop {
    background: #ef4444;
    color: #fff;
    border-color: #dc2626;
}