.topic-nav{background:var(--card);border-top:1px solid var(--line);}
.topics .topic-link[data-collection=secretbox]{color:#8924B5;}
.topics .topic-link[data-collection=secretbox] .collection-visual{color:#C02988;}
.topics .topic-link[data-collection=secretbox]:hover,.topics .topic-link[data-collection=secretbox].collection-active{color:#B22488;}
.topics .topic-link[data-collection=secretbox].collection-active{box-shadow:inset 0 -2px #C02988;}
:root[data-theme=dark] .topics .topic-link[data-collection=secretbox]{color:#D99AF2;}
:root[data-theme=dark] .topics .topic-link[data-collection=secretbox] .collection-visual{color:#F38BBC;}
@supports ((background-clip:text) or (-webkit-background-clip:text)){
  .topics .topic-link[data-collection=secretbox] .collection-title{background-image:linear-gradient(110deg,#7924AF 0%,#B62483 35%,#842EB8 65%,#B62483 85%,#7924AF 100%);background-size:300% 100%;background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent;animation:secretbox-color-flow 7s ease-in-out infinite alternate;}
  :root[data-theme=dark] .topics .topic-link[data-collection=secretbox] .collection-title{background-image:linear-gradient(110deg,#D99AF2 0%,#F38BBC 35%,#D6A6FF 65%,#F38BBC 85%,#D99AF2 100%);}
}
@keyframes secretbox-color-flow{from{background-position:0% 50%}to{background-position:100% 50%}}
@media(prefers-reduced-motion:reduce){.topics .topic-link[data-collection=secretbox] .collection-title{animation:none;background-position:50% 50%;}}
@media(forced-colors:active){.topics .topic-link[data-collection=secretbox] .collection-title{background:none;animation:none;color:LinkText;-webkit-text-fill-color:LinkText;}}
.topics{max-width:1440px;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 12px;padding:14px 20px;}
.topics a span{margin-left:0;color:inherit;}
.topics .topic-link{position:relative;display:flex;align-items:center;gap:8px;min-height:48px;padding:10px 0;font-size:14px;font-weight:600;text-transform:none;white-space:normal;color:var(--ink);}
.topics .topic-link:hover,.topics .topic-link.collection-active{color:var(--blue);}
.topics .topic-link.collection-active{box-shadow:inset 0 -2px var(--blue);}
.topics .topic-link:focus-visible{outline:2px solid var(--blue);outline-offset:4px;}
.topic-item{min-width:0;}
.topic-item summary,.topics .topic-all{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:8px;padding:10px 0;min-height:48px;font-size:14px;line-height:1.35;text-align:left;text-transform:none;white-space:normal;font-weight:600;color:var(--ink);}
.topic-item summary::after{position:static;margin:0 0 0 2px;color:var(--copper);font-size:18px;line-height:1;}
.collection-visual{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;flex:0 0 24px;color:var(--copper);}
.collection-visual svg{width:22px;height:22px;}
.collection-title{max-width:150px;}
.topic-item summary::before,.topics .topic-all::before{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--blue);transform:scaleX(0);transition:transform .2s ease;}
.topic-item summary:hover,.topic-item[open] summary,.topic-item.collection-active summary,.topics .topic-all.collection-active{color:var(--blue);}
.topic-item summary:hover .collection-visual,.topic-item[open] .collection-visual,.topic-item.collection-active .collection-visual{color:var(--blue);}
.topic-item[open] summary::before,.topic-item.collection-active summary::before,.topics .topic-all.collection-active::before,.topic-item summary:hover::before,.topics .topic-all:hover::before{transform:scaleX(1);}
.topic-item summary:focus-visible,.topics .topic-all:focus-visible{outline:2px solid var(--blue);outline-offset:4px;}
.topic-panel{gap:8px 28px;padding:20px 28px;border-top:2px solid var(--blue);}
.topics .topic-panel a{font-size:16px;min-height:44px;display:flex;align-items:center;padding:8px 0;white-space:normal;}
@media(max-width:1000px) and (min-width:601px){.topics{gap:4px 24px;padding:12px 24px;}}
@media(max-width:600px){
 .mobile-categories{background:var(--card);min-height:60px;font-size:17px;border-bottom:1px solid var(--line);}
 .mobile-category-label{display:flex;align-items:center;gap:12px;}
 .topic-nav.collection-open{max-height:65dvh;overflow:auto;overscroll-behavior:contain;}
 .topics{display:flex;flex-direction:column;align-items:stretch;gap:0;padding:0 20px 12px;}
 .topics .topic-link{font-size:15px;gap:12px;min-height:60px;padding:12px 0;border-bottom:1px solid var(--line);}
 .topics .topic-all{min-height:60px;padding:12px 0;font-size:16px;border-bottom:1px solid var(--line);}
 .topic-item{border-top:0;border-bottom:1px solid var(--line);}
 .topic-item summary{display:flex;gap:12px;min-height:60px;padding:12px 0;font-size:15px;line-height:1.35;text-align:left;}
 .collection-title{max-width:none;flex:1;min-width:0;}
 .topic-item summary::after{margin-left:auto;}
 .topic-panel{position:static;padding:0 0 12px 16px;border-top:0;border-left:2px solid var(--blue);background:transparent;gap:0;}
 .topics .topic-panel a{font-size:15px;}
}
@media(prefers-reduced-motion:reduce){.topic-item summary::before,.topics .topic-all::before{transition:none;}}