.library-index{padding-bottom:70px}.library-search{border:1px solid var(--line);background:var(--panel);border-radius:10px;margin:20px 0 25px;padding:24px}.library-search label{margin-bottom:10px;font-weight:600;display:block}.library-search>div{gap:12px;display:flex}.library-search input{border:1px solid var(--line);background:var(--bg);width:100%;min-width:0;color:var(--text);font:inherit;border-radius:6px;padding:12px 15px}.library-search .small{margin-top:12px}.cluster-nav{flex-wrap:wrap;gap:10px;margin-bottom:38px;display:flex}.cluster-nav a{border:1px solid var(--line);border-radius:30px;padding:8px 16px}.cluster-section{margin-block:40px;scroll-margin-top:100px}.index-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.index-card{border:1px solid var(--line);background:var(--panel);border-radius:9px;display:block;overflow:hidden}.index-card:hover{border-color:var(--gold)}.index-card img{aspect-ratio:1200/670;object-fit:cover;width:100%;height:auto;display:block}.index-card>div{padding:20px}.index-card h3{margin:0 0 12px;font-size:1.13rem;line-height:1.7}.index-card p{color:var(--muted);font-size:.85rem}.index-card span{color:var(--gold);font-size:.8rem}.index-card[hidden],.cluster-section[hidden]{display:none}.library-index h2{margin-bottom:23px;font-size:1.7rem}@media (width<=950px){.index-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.index-cards{grid-template-columns:1fr}.library-search{padding:18px}.library-search>div{flex-wrap:wrap}.library-search button{width:100%}.cluster-nav a{font-size:.8rem}}.learning-starts{margin-block:30px 40px}.learning-starts>div{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.learning-starts a{border:1px solid var(--line);background:var(--panel);border-radius:9px;padding:20px;text-decoration:none}.learning-starts a:hover,.learning-starts a:focus-visible{border-color:var(--gold)}.learning-starts h3{margin:0 0 8px;font-size:1.08rem}.learning-starts p{color:var(--muted);margin:0 0 12px;font-size:.85rem}.learning-starts span{color:var(--gold);font-size:.85rem}.clear-library-search{font:inherit;color:var(--gold);cursor:pointer;background:0 0;border:0;text-decoration:underline}.learning-starts a:focus-visible,.clear-library-search:focus-visible{outline:2px solid var(--gold);outline-offset:4px}@media (width<=950px){.learning-starts>div{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.learning-starts>div{grid-template-columns:1fr}}
