.skz-compact-accordion {margin: 0 10px; border:1px solid var(--border-strong); border-radius:var(--radius-sm); background:var(--bg-card); box-shadow:var(--shadow-soft); overflow:hidden}
.skz-compact-accordion__head {padding:8px 10px; border-bottom:1px solid var(--border-strong); background:var(--bg-card-base)}
.skz-compact-accordion__title {font-size:13px; line-height:1.2; font-weight:700; color:var(--text-main)}
.skz-compact-accordion__list,.skz-compact-accordion__sublist {list-style:none; margin:0; padding:0}
.skz-compact-accordion__item {border:1px solid var(--border-strong)}
.skz-compact-accordion__item:last-child {border-bottom:0}
.skz-compact-accordion__row {display:grid; grid-template-columns:minmax(0,1fr) 28px; align-items:stretch; min-width:0; transition:background .2s ease; position:relative}
.skz-compact-accordion__item.is-current > .skz-compact-accordion__row::before {content:''; position:absolute; left:0; top:4px; bottom:4px; width:3px; background:var(--primary); border-radius:0 3px 3px 0}
.level-2.skz-compact-accordion__item.is-current > .skz-compact-accordion__row::before,.level-3.skz-compact-accordion__item.is-current > .skz-compact-accordion__row::before {width:2px; top:3px; bottom:3px}
.skz-compact-accordion__link {display:flex; align-items:center; gap:6px; min-width:0; padding:7px 8px; color:var(--text-main); text-decoration:none; transition:background .2s ease,color .2s ease}
.skz-compact-accordion__link:hover {background:var(--bg-card-soft); color:var(--link-color); text-decoration:none}
.skz-compact-accordion__text {min-width:0; flex:1 1 auto; font-size:11px; line-height:1.2; word-break:break-word}
.level-1 > .skz-compact-accordion__row .skz-compact-accordion__text {font-weight:700; text-transform:uppercase; letter-spacing:.02em}
.level-2 > .skz-compact-accordion__row .skz-compact-accordion__link {padding-left:14px}
.level-3 > .skz-compact-accordion__row .skz-compact-accordion__link {padding-left:20px}
.skz-compact-accordion__count {flex:0 0 auto; display:inline-flex; align-items:center; justify-content:center; min-width:18px; height:16px; padding:0 5px; border-radius:999px; background:var(--bg-card-base); border:1px solid var(--border-gray); color:var(--text-muted); font-size:10px; font-weight:600; line-height:1}
.skz-compact-accordion__toggle {width:28px; min-height:28px; border:0; background-color:transparent; color:var(--text-muted); cursor:pointer; transition:background-color .2s ease,color .2s ease; position:relative; z-index:1}
.skz-compact-accordion__toggle:hover {background-color:var(--bg-card-soft); color:var(--text-main)}
.skz-compact-accordion__toggle span {transition:transform .22s ease}
.skz-compact-accordion__item.is-open > .skz-compact-accordion__row > .skz-compact-accordion__toggle span {transform:rotate(180deg)}
.skz-compact-accordion__panel {max-height:0; overflow:hidden; transition:max-height .24s ease; background:var(--bg-card-soft)}
.level-2,.level-3 {border-bottom-color:var(--border-strong)}
.skz-compact-accordion__item.is-current > .skz-compact-accordion__row {background:color-mix(in srgb,var(--note) 12%,transparent)}
.dark .skz-compact-accordion__item.is-current > .skz-compact-accordion__row {background:color-mix(in srgb,var(--note) 12%,transparent)}
.skz-compact-accordion__item.is-current > .skz-compact-accordion__row > .skz-compact-accordion__link {color:var(--primary); background:transparent; padding-left:12px}
@media (max-width:959px) {.skz-compact-accordion__text {font-size:12px}
    .skz-compact-accordion__link {padding-top:8px; padding-bottom:8px}
    .skz-compact-accordion__toggle {min-height:30px}
}
@media (max-width:639px) {.skz-compact-accordion__head {padding:7px 8px}
    .skz-compact-accordion__title {font-size:12px}
    .skz-compact-accordion__text {font-size:11px}
}