.series-teaser,.series-group { background:#fff9e8; border:1px solid #ccb67c; }
.series-teaser { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:1rem 2rem; padding:clamp(1.15rem,3vw,2rem); margin:1.5rem 0 2rem; }
.series-teaser h3 { font:clamp(1.4rem,3vw,2rem)/1.15 Georgia,serif; margin:.35rem 0 .5rem; }
.series-teaser p:last-child,.series-description { color:#594b38; }
.series-teaser .button { justify-content:center; min-height:48px; }
.series-page { max-width:960px; margin-inline:auto; padding-top:clamp(2rem,5vw,4rem); padding-bottom:4rem; }
.series-heading { margin:1.5rem 0 2rem; }
.series-heading h1 { font:clamp(2.2rem,6vw,4rem)/1.08 Georgia,serif; margin:.5rem 0 .8rem; }
.series-group { margin-bottom:.9rem; }
.series-group summary { cursor:pointer; padding:1rem; display:grid; grid-template-columns:minmax(0,1fr) auto 1rem; gap:.75rem; align-items:center; list-style:none; }
.series-group summary::-webkit-details-marker { display:none; }
.series-group summary::after { content:"+" / ""; font-size:1.4rem; line-height:1; }
.series-group[open] summary::after { content:"−" / ""; }
.series-group summary strong { display:block; font:700 clamp(1.2rem,3vw,1.5rem)/1.2 Georgia,serif; }
.series-description { display:block; margin-top:.35rem; font-size:.93rem; }
.series-count { font-size:.78rem; white-space:nowrap; }
.series-titles { list-style:none; margin:0; padding:0 1rem; }
.series-titles a { display:grid; grid-template-columns:44px minmax(0,1fr) auto; gap:.8rem; align-items:center; min-height:72px; padding:.5rem 0; border-top:1px solid #d9c99f; }
.series-titles a:hover { text-decoration:underline; }
.series-titles img { object-fit:contain; }
.series-titles small { display:block; color:#594b38; }
.series-action { text-decoration:underline; font-size:.85rem; }
.series-collection { padding:1rem; border-top:1px solid #d9c99f; }
.series-collection a { text-decoration:underline; }
@media (max-width:480px) {
  .series-teaser .button { width:100%; }
  .series-action { display:none; }
}