/* ================= ARCHIVE WRAPPER ================= */

.archive-wrap{
max-width:900px;
margin:auto;
}

/* ================= PAGE TITLE ================= */

.archive-title{
font-size:30px;
margin-bottom:18px;
color:#1f2d1f;
}

/* ================= ARCHIVE TABLE ================= */

.archive-table{
width:100%;
border-collapse:collapse;
background:#ffffff;
border:1px solid #d9e3db;
border-radius:10px;
overflow:hidden;
table-layout:fixed;
}

/* HEADER */

.archive-table th{
background:#256c3b;
color:#ffffff;

padding:10px 12px;
font-size:14px;
font-weight:600;

border-right:1px solid #2f7c47;
text-align:left;
}

/* BODY CELLS */

.archive-table td{
padding:10px 12px;
font-size:14px;

border-right:1px solid #e5ece7;
border-bottom:1px solid #e5ece7;

vertical-align:top;
}

/* REMOVE LAST RIGHT BORDER */

.archive-table th:last-child,
.archive-table td:last-child{
border-right:none;
}

/* ROW HOVER */

.archive-table tr:hover{
background:#f7faf8;
}

/* ================= COLUMN WIDTH CONTROL ================= */

.archive-table th:nth-child(1),
.archive-table td:nth-child(1){
width:50px;
text-align:center;
}

.archive-table th:nth-child(2),
.archive-table td:nth-child(2){
width:42%;
}

.archive-table th:nth-child(3),
.archive-table td:nth-child(3){
width:28%;
}

.archive-table th:nth-child(4),
.archive-table td:nth-child(4){
width:14%;
}

.archive-table th:nth-child(5),
.archive-table td:nth-child(5){
width:10%;
}

.archive-table th:nth-child(6),
.archive-table td:nth-child(6){
width:8%;
text-align:center;
}

/* ================= TITLE ================= */

.archive-table td:nth-child(2){
font-weight:500;
}

/* ================= ROMAN TITLE ================= */

.roman-title{
font-style:italic;
color:#4d5d50;
line-height:1.5;
}

/* ================= READ BUTTON ================= */

.archive-read{
background:#9b0000;
color:#ffffff;

padding:6px 14px;
border-radius:6px;

text-decoration:none;
font-size:13px;
font-weight:600;

display:inline-block;
}

.archive-read:hover{
background:#7c0000;
}

/* ================= READ BUTTON ================= */

.archive-read{
display:inline-block;

background:#8b0000;
color:#ffffff;

padding:6px 14px;
border-radius:5px;

text-decoration:none;
font-size:13px;
font-weight:600;

transition:.2s;
}

.archive-read:hover{
background:#6d0000;
}

/* ================= MOBILE ================= */

@media (max-width:768px){

.archive-title{
font-size:24px;
}

.archive-table th,
.archive-table td{
font-size:13px;
padding:10px 8px;
}

.archive-read{
padding:5px 10px;
font-size:12px;
}

}

/* ================= FILTER PANEL ================= */

.archive-filters{
display:flex;
justify-content:center;
align-items:center;
gap:12px;

flex-wrap:wrap;

background:#f7faf7;
border:1px solid #e5efe7;

padding:14px 16px;
border-radius:10px;

margin:0 auto 26px auto;
max-width:700px;
}

/* ================= DROPDOWNS ================= */

.archive-filters select{
appearance:none;

padding:7px 12px;
font-size:14px;

border:1px solid #d6e2d8;
border-radius:6px;

background:#ffffff;

cursor:pointer;

transition:.2s;
}

.archive-filters select:hover{
border-color:#1f6b3a;
}

/* ================= FILTER BUTTON ================= */

.archive-filter-btn{
background:#1f6b3a;
color:#ffffff;

border:none;
border-radius:6px;

padding:7px 16px;
font-size:14px;
font-weight:600;

cursor:pointer;

transition:.25s;
}

.archive-filter-btn:hover{
background:#15522c;
transform:translateY(-1px);
}
.roman-title{
font-style:italic;
color:#5a6b5c;
font-size:13px;
}

/* TITLE LINK */

.story-title a{
text-decoration:none;
color:#1c2c20;
font-weight:500;
}

.story-title a:hover{
color:#256c3b;
}