/* Container */
.container{max-width:var(--container);margin:0 auto;padding:0 18px}

/* Simple navbar placeholder to match existing site look */
.vvn-navbar{
  border-bottom:1px solid #eee;
  background:#fff;
}
.vvn-navbar .container{display:flex;align-items:center;justify-content:space-between;padding:18px 0}
.brand{font-family:"Montserrat",sans-serif;font-size:1.2rem;color:var(--dark);text-decoration:none}
.mainnav a{margin-left:18px;text-decoration:none;color:var(--text);font-weight:600;font-size:0.9rem}
.mainnav a.active{color:var(--accent)}

/* Page header */
.page-inner{padding:48px 0 80px}
.page-title{font-family:"Montserrat",sans-serif;font-size:2.2rem;margin-bottom:6px}
.lead{color:var(--muted);margin-bottom:28px;max-width:820px}

/* Accordion styles */
.accordion{display:block;margin-top:8px}
.accordion-item{border-top:1px solid #eee}
.accordion-toggle{
  width:100%;
  background:transparent;
  border:0;
  padding:18px 0;
  display:flex;
  align-items:center;
  justify-content:space-between;
  cursor:pointer;
  text-align:left;
  outline:none;
}
.title-wrap{display:flex;flex-direction:column;align-items:flex-start}
.category{font-family:"Montserrat",sans-serif;letter-spacing:1px;font-weight:600;font-size:1.05rem;color:var(--dark)}
.meta{font-size:0.86rem;color:var(--muted);margin-top:6px}

/* plus indicator */
.indicator{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:36px;
  min-height:36px;
  border-radius:50%;
  border:1px solid var(--dark);
  color:var(--dark);
  font-weight:700;
  transition: transform .25s ease, background .2s;
}

/* panel */
.accordion-panel{
  overflow:hidden;
  max-height:0;
  transition:max-height .35s ease, opacity .3s ease;
  opacity:0;
  padding:0 0;
}
.accordion-panel.open{
  opacity:1;
  padding:14px 0 28px;
}

/* links inside panel */
.links-list{list-style:none;padding-left:0;margin:0}
.links-list li{padding:8px 0;border-bottom:1px dashed #f0f0f0}
.links-list a{
  text-decoration:none;color:var(--text);
  font-weight:600;font-size:0.98rem;
}
.links-list a:hover{color:var(--accent)}

/* kpop note */
.panel-note{color:var(--muted);padding:8px 0}

/* rotate indicator when open */
.accordion-toggle[aria-expanded="true"] .indicator{
  transform: rotate(45deg);
  background:var(--dark);
  color:#fff;
  border-color:var(--dark);
}

/* Responsive tweaks */
@media (max-width:740px){
  .title-wrap{gap:2px}
  .category{font-size:1rem}
  .indicator{min-width:34px;min-height:34px}
  .page-inner{padding:28px 0 60px}
}

.accordion-panel .links-list li a {
    text-decoration: underline !important;
    font-weight: normal !important;
}
            
.acordion-panel .links-list li a:hover {
    text-decoration: underline !important;
    font-weight: normal !important;
    color: red !important;
}