ol,ul{margin:0;padding-left:0;list-style:none}ol{padding-left:1rem}.Topics-list{margin:0;padding:0;list-style:none}.Topic-container{box-sizing:border-box;background:#fff;border:1px solid #eef2f7;border-radius:16px;width:100%;margin-bottom:1.4rem;padding-top:1.2rem;transition:transform .25s,box-shadow .25s,border .25s;overflow:hidden;box-shadow:0 8px 20px #00000014}.Topic-container:hover{border-left:5px solid #1e3a8a;transform:translateY(-3px);box-shadow:0 12px 25px #0000001f}.Topic-container.active{border-left:5px solid #1e3a8a}.Topic-header{cursor:pointer;box-sizing:border-box;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:0 1rem 1rem;transition:background .2s;display:flex}.Topic-header:hover{background:#f8fafc}.left{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.icon-box{color:#1e3a8a;background-color:#0000;border-radius:30%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:.9rem;display:flex}.spin{animation:1s linear infinite pulse}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}.title-group{min-width:0}.title-group h4{color:#111827;word-break:break-word;margin:0;font-size:1.05rem;font-weight:600;line-height:1.4}.meta{color:#6b7280;margin-top:2px;font-size:.75rem}.description{color:#6b7280;margin-top:4px;font-size:.75rem;line-height:1.5}.Topic-header .right{flex-shrink:0;align-items:center;gap:10px;display:flex}.add-subtopic-btn{color:#fff;cursor:pointer;z-index:10;background:#4caf50;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;padding:6px 10px;transition:background .2s,transform .2s;display:inline-flex}.add-subtopic-btn:hover{background:#45a049;transform:scale(1.03)}.toggle-arrow{flex-shrink:0;font-size:1rem;transition:transform .3s}.toggle-arrow.open{transform:rotate(180deg)}.Topic-content{opacity:0;max-height:0;transition:max-height .35s,opacity .35s,margin .35s;overflow:hidden}.Topic-content.show{opacity:1;border-left:2px solid #e5e7eb;max-height:5000px;margin-top:10px;padding-left:12px}.Topic-content.hide{opacity:0;border-left:none;max-height:0;margin-top:0;padding-left:0}.Topic-content-wrapper{box-sizing:border-box;background:#f9f9f9;border-radius:10px;flex-flow:wrap;gap:16px;width:100%;height:auto;padding:12px;display:flex;box-shadow:0 2px 6px #00000014}.Topic-content-wrapper>div:first-child{width:100%;min-width:0}.Topic-content-wrapper>div:last-child{justify-content:flex-start;width:100%;display:flex}@media (max-width:900px){.Topic-container{border-radius:14px}.Topic-header{padding:0 .9rem .9rem}.Topic-content-wrapper{gap:14px;padding:10px}}@media (max-width:600px){.Topic-container{border-radius:12px;margin-bottom:1rem;padding-top:1rem}.Topic-header{align-items:flex-start;gap:10px;padding:0 .8rem .8rem}.left{gap:10px}.icon-box{width:34px;height:34px;font-size:.8rem}.title-group h4{font-size:.95rem}.meta,.description{font-size:.72rem}.Topic-header .right{gap:8px}.add-subtopic-btn{padding:5px 8px;font-size:.8rem}.Topic-content.show{padding-left:8px}.Topic-content-wrapper{flex-direction:column;gap:12px;padding:10px}}@media (max-width:400px){.Topic-header{padding:0 .65rem .75rem}.title-group h4{font-size:.9rem}.meta,.description{font-size:.68rem}.add-subtopic-btn{padding:4px 7px}.Topic-content-wrapper{padding:8px}}