body {
margin: 0;
font-family: "Garamond", serif;
background: #0f0b0b;
color: #2a1d1d;
}


.archive-bg {
min-height: 100vh;
background-image: url("https://thumbs.dreamstime.com/b/flower-tile-gothic-3-black-1677971.jpg");
background-size: 200px;
background-repeat: repeat;
display: flex;
justify-content: center;
padding: 60px 20px;
}


.document {
width: 750px;
background: #f4efe6;
border: 2px solid #3a1f1f;
box-shadow: 0 0 40px rgba(0,0,0,0.6);
padding: 40px;
position: relative;
}


.stamp-row {
display: flex;
justify-content: space-between;
margin-bottom: 20px;
}

.stamp {
border: 1px solid #3a1f1f;
padding: 6px 10px;
font-size: 12px;
letter-spacing: 1px;
}

.level {
background: #1b1414;
color: #e0d6d6;
}

.id {
font-family: monospace;
}


.title {
font-size: 26px;
margin-bottom: 20px;
border-bottom: 1px solid #b9aaa0;
padding-bottom: 10px;
}


.meta {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 6px 20px;
font-size: 14px;
margin-bottom: 20px;
}

.label {
font-weight: bold;
}


img {
width: 100%;
margin: 20px 0;
border: 2px solid #3a1f1f;
}


.section {
margin-top: 20px;
}

h2 {
font-size: 16px;
letter-spacing: 1px;
border-left: 3px solid #3a1f1f;
padding-left: 10px;
}


details {
margin-top: 12px;
border-top: 1px solid #c9b8ad;
padding-top: 10px;
}

summary {
cursor: pointer;
font-weight: bold;
}

summary:hover {
color: #6b1f1f;
}


.footer {
margin-top: 40px;
border-top: 1px solid #b9aaa0;
padding-top: 10px;
font-size: 12px;
text-align: center;
}

.small {
font-size: 10px;
opacity: 0.7;
}