:root {
--setara-maroon-deep: #3B0506;
--setara-maroon: #6F0608;
--setara-maroon-warm: #8A0D10;
--setara-gold: #B8860B;
--setara-soft-gold: #D8B45A;
--setara-cream: #FAF6EE;
--setara-paper: #FFFDF8;
--setara-text: #1F1715;
--setara-muted: #6B5F58;
--setara-border: #E6D8C6;
}

.issues_archive.setara-archive-original {
display: none;
}

.page_issue_archive > h1,
.page_issue_archive h1 {
margin: 2.25rem 0 1.3rem !important;
color: var(--setara-maroon-deep) !important;
font-size: clamp(1.65rem, 1.2vw + 1.12rem, 2.18rem) !important;
font-weight: 680 !important;
line-height: 1.08 !important;
letter-spacing: 0 !important;
}

.setara-archive-groups {
margin-top: 1.35rem;
border-top: 1px solid rgba(184, 134, 11, 0.22);
}

.setara-archive-year {
border-bottom: 1px solid rgba(184, 134, 11, 0.22);
}

.setara-archive-year-toggle,
.setara-archive-issue-toggle {
appearance: none;
width: 100%;
border: 0;
background: transparent;
color: var(--setara-maroon-deep);
font: inherit;
text-align: left;
cursor: pointer;
}

.setara-archive-year-toggle {
display: flex;
align-items: center;
gap: 0.72rem;
padding: 0.88rem 0.25rem;
font-size: clamp(1rem, 0.42vw + 0.86rem, 1.16rem);
font-weight: 660;
line-height: 1.2;
letter-spacing: 0;
}

.setara-archive-year-toggle:hover,
.setara-archive-year-toggle:focus {
color: var(--setara-maroon);
}

.setara-archive-count {
margin-left: auto;
color: var(--setara-muted);
font-size: 0.78rem;
font-weight: 540;
line-height: 1.2;
}

.setara-archive-chevron {
display: inline-grid;
place-items: center;
width: 1rem;
height: 1rem;
color: var(--setara-gold);
font-size: 0.78rem;
line-height: 1;
transition: transform 0.18s ease;
}

.setara-archive-year.is-open > .setara-archive-year-toggle .setara-archive-chevron,
.setara-archive-issue.is-open > .setara-archive-issue-toggle .setara-archive-chevron {
transform: rotate(90deg);
}

.setara-archive-year-panel {
display: none;
padding-bottom: 1rem;
}

.setara-archive-year.is-open > .setara-archive-year-panel {
display: block;
}

.setara-archive-issue {
overflow: hidden;
border: 1px solid rgba(184, 134, 11, 0.22);
border-radius: 10px;
background: rgba(255, 253, 248, 0.86);
box-shadow:
0 12px 26px rgba(59, 5, 6, 0.055),
inset 0 1px 0 rgba(255, 255, 255, 0.68);
}

.setara-archive-issue + .setara-archive-issue {
margin-top: 0.62rem;
}

.setara-archive-issue-toggle {
display: flex;
align-items: center;
gap: 0.62rem;
padding: 0.72rem 0.95rem;
background: rgba(250, 246, 238, 0.78);
border-bottom: 1px solid transparent;
font-weight: 640;
line-height: 1.25;
}

.setara-archive-issue-toggle:hover,
.setara-archive-issue-toggle:focus {
background: rgba(216, 180, 90, 0.16);
color: var(--setara-maroon);
}

.setara-archive-issue.is-open > .setara-archive-issue-toggle {
border-bottom-color: rgba(184, 134, 11, 0.18);
background:
linear-gradient(180deg, rgba(255, 253, 248, 0.96), rgba(250, 246, 238, 0.88));
}

.setara-archive-issue-title {
color: var(--setara-maroon-deep);
font-size: clamp(0.92rem, 0.18vw + 0.86rem, 1.02rem);
font-weight: 680;
}

.setara-archive-issue-meta {
margin-left: auto;
color: var(--setara-muted);
font-size: 0.82rem;
font-weight: 540;
line-height: 1.2;
}

.setara-archive-issue-panel {
display: none;
grid-template-columns: 8.3rem minmax(0, 1fr);
gap: 1.35rem;
padding: 1.25rem 1.45rem 1.35rem;
}

.setara-archive-issue.is-open > .setara-archive-issue-panel {
display: grid;
}

.setara-archive-cover {
display: block;
width: 100%;
max-width: 8.3rem;
aspect-ratio: 2 / 3;
overflow: hidden;
border: 1px solid rgba(184, 134, 11, 0.3);
border-radius: 4px;
background: linear-gradient(145deg, var(--setara-maroon-deep), var(--setara-maroon), var(--setara-gold));
box-shadow: 0 14px 24px rgba(59, 5, 6, 0.14);
}

.setara-archive-cover img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}

.setara-archive-cover-placeholder {
display: grid;
place-items: center;
height: 100%;
padding: 0.9rem;
color: #fff;
font-weight: 800;
letter-spacing: 0.08em;
text-align: center;
}

.setara-archive-detail {
align-self: start;
min-width: 0;
}

.setara-archive-description {
max-width: 52rem;
margin: 0.1rem 0 0;
color: var(--setara-text);
font-size: 0.92rem;
font-style: italic;
font-weight: 450;
line-height: 1.74;
text-align: justify;
text-justify: inter-word;
}

.setara-archive-link {
display: inline-flex;
align-items: center;
margin-top: 1.05rem;
padding: 0.56rem 0.86rem;
border: 1px solid rgba(184, 134, 11, 0.38);
border-radius: 8px;
background: rgba(216, 180, 90, 0.14);
color: var(--setara-maroon-deep);
font-size: 0.86rem;
font-weight: 720;
line-height: 1.2;
text-decoration: none;
}

.setara-archive-link:hover,
.setara-archive-link:focus {
background: var(--setara-maroon);
border-color: var(--setara-maroon);
color: #fff;
}

@media (max-width: 768px) {
.setara-archive-year-toggle {
padding: 1rem 0;
font-size: 1.12rem;
}

.setara-archive-count,
.setara-archive-issue-meta {
display: none;
}

.setara-archive-issue-toggle {
padding: 0.9rem 1rem;
}

.setara-archive-issue-panel,
.setara-archive-issue.is-open > .setara-archive-issue-panel {
display: block;
padding: 1rem;
}

.setara-archive-cover {
max-width: 7.6rem;
margin-bottom: 1rem;
}
}