ol,ul{margin:0;padding-left:0;list-style:none}ol{padding-left:1rem}.Topics-list>li{box-sizing:border-box;width:100%;min-width:0;margin:0;padding:0;display:block}.Topic-container{box-sizing:border-box;background:#fff;border:1px solid #eef2f7;border-left:5px solid #0000;border-radius:16px;width:100%;min-width:0;max-width:100%;margin:0;padding-top:1.2rem;transition:transform .25s,box-shadow .25s,border-color .25s;display:block;overflow:hidden;box-shadow:0 8px 20px #00000014}.Topic-container:hover{border-left-color:#1e3a8a;transform:translateY(-3px);box-shadow:0 12px 25px #0000001f}.Topic-container.active{border-left-color:#1e3a8a}.Topic-header{cursor:pointer;box-sizing:border-box;flex-flow:wrap;justify-content:space-between;align-items:center;gap:12px;width:100%;min-width:0;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{flex:1;min-width:0}.title-group h4{color:#111827;overflow-wrap:anywhere;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;overflow-wrap:anywhere;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;box-sizing:border-box;width:100%;min-width: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:0 0;border-radius:10px;flex-flow:wrap;gap:0;width:100%;min-width:0;max-width:1000px;height:auto;margin:0 auto;padding:0;display:flex}.Topic-content-wrapper>div:first-child{box-sizing:border-box;width:100%;min-width:0}.Topic-content-wrapper>div:last-child{box-sizing:border-box;justify-content:flex-start;width:100%;min-width:0;display:flex}@media (max-width:900px){.Topics-list{gap:.9rem;width:100%;max-width:100%;padding:0 .75rem}.Topics-list>li{width:100%}.Topic-container{border-radius:14px;width:100%;max-width:100%;margin:0}.Topic-header{padding:0 .9rem .9rem}.Topic-content-wrapper{gap:0;width:100%;max-width:100%;margin:0 auto;padding:0}}@media (max-width:600px){.Topics-list{gap:.8rem;width:100%;max-width:100%;padding:0 .5rem}.Topics-list>li{width:100%}.Topic-container{border-radius:12px;width:100%;max-width:100%;margin:0;padding-top:1rem}.Topic-header{align-items:flex-start;gap:10px;padding:0 .8rem .8rem}.left{gap:10px;min-width:0}.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:0;width:100%;max-width:100%;margin:0 auto;padding:0}}@media (max-width:400px){.Topics-list{gap:.7rem;width:100%;max-width:100%;padding:0 .3rem}.Topics-list>li{width:100%}.Topic-container{border-radius:10px;width:100%;max-width:100%;margin:0;padding-top:.9rem}.Topic-header{gap:8px;padding:0 .65rem .75rem}.left{gap:8px}.title-group h4{font-size:.9rem}.meta,.description{font-size:.68rem}.add-subtopic-btn{padding:4px 7px}.Topic-content.show{padding-left:6px}.Topic-content-wrapper{width:100%;max-width:100%;margin:0 auto;padding:0}}.Topic-content-wrapper{box-sizing:border-box;flex-direction:column;align-items:center;width:100%;max-width:1100px;margin:0 auto;padding:0;display:flex}.Topic-content-wrapper>:first-child{box-sizing:border-box;width:100%}.Topics-list{box-sizing:border-box;flex-direction:column;align-items:stretch;gap:1rem;width:100%;max-width:1100px;margin:0 auto;padding:0;list-style:none;display:flex}.Topics-list>.Topic-container{box-sizing:border-box;width:100%;min-width:0;max-width:none;margin:0;padding-top:1rem;display:block}.Topic-header{box-sizing:border-box;justify-content:space-between;align-items:center;gap:1rem;width:100%;min-height:85px;padding:.8rem 1rem;display:flex}.Topic-header h4{text-align:center;overflow-wrap:anywhere;flex:1;min-width:0;margin:0}.Topic-header .description{white-space:nowrap;flex-shrink:0;margin:0}@media (max-width:900px){.Topic-content-wrapper{width:100%;padding:0 .75rem}.Topics-list{width:100%;padding:0}.Topics-list>.Topic-container{width:100%}}@media (max-width:600px){.Topic-content-wrapper{padding:0 .5rem}.Topics-list{gap:.75rem;width:100%}.Topics-list>.Topic-container{width:100%}.Topic-header{gap:.5rem;min-height:75px;padding:.7rem}.Topic-header h4{font-size:.9rem}.Topic-header .description{font-size:.7rem}}