.library-hero{background:var(--cream);padding:30px 0 32px;border-bottom:1px solid #f0e5d6}.breadcrumb{font-size:12px;color:#81718b}.library-intro{display:grid;grid-template-columns:1fr 270px;gap:70px;align-items:center;margin:24px 0}.library-intro h1{font-size:47px;max-width:680px;line-height:1.13;margin:14px 0 17px}.library-intro p{font-size:15px;color:#75677f;max-width:590px;margin:0}.library-intro img{width:270px;height:180px;object-fit:cover;border-radius:45% 40% 45% 36%;mix-blend-mode:multiply}.library-note{display:flex;gap:10px;align-items:center;font-size:12px;background:#fffefa;border:1px solid #ece1d3;border-radius:12px;padding:12px 16px;color:#71617c}.note-dot{width:8px;height:8px;border-radius:50%;background:#49cda9;flex-shrink:0}.library-section{padding-top:32px;padding-bottom:40px}.library-toolbar{display:flex;gap:20px;align-items:center;justify-content:space-between;margin-bottom:30px}.library-toolbar .search-label{max-width:660px;padding:14px 17px;background:white}.sort-label{display:flex;align-items:center;gap:12px;font-size:12px;font-weight:800;white-space:nowrap}select{border:1px solid #dfd5e7;background:white;color:var(--ink);border-radius:9px;padding:10px 32px 10px 12px;font:700 12px Nunito,sans-serif;max-width:100%;min-height:44px}select:focus-visible{outline:3px solid #228af5;outline-offset:3px}.library-layout{display:grid;grid-template-columns:235px 1fr;gap:32px;align-items:start}.filter-sidebar{background:#f7f4fb;border:1px solid #e9e1ef;border-radius:18px;overflow:hidden;position:sticky;top:115px}.filter-sidebar details{padding:20px}.filter-sidebar summary{font-size:16px;font-weight:900;list-style:none;cursor:pointer;line-height:1.4}.filter-sidebar summary:after{content:'−';float:right}.filter-sidebar details:not([open]) summary:after{content:'+'}.filter-sidebar summary span{display:block;font-size:11px;font-weight:600;color:#7f6e8d;margin-top:4px}#filterForm{margin-top:20px}#filterForm>label{display:block;font-weight:900;font-size:12px;margin:18px 0 7px}#filterForm>select{width:100%}fieldset{padding:0;border:0;margin:23px 0 0}legend{font-size:12px;font-weight:900;margin-bottom:9px}.check{display:flex;gap:9px;align-items:center;font-size:12px;min-height:36px;cursor:pointer}.check input{accent-color:#7651bd;width:16px;height:16px;margin:0}.clear-btn{background:white;color:#7651bd;border:1px solid #ddd0ed;border-radius:8px;width:100%;font-size:12px;font-weight:900;padding:11px;margin-top:22px}.filter-tip{border-top:1px solid #e9e0ef;padding:14px 18px;margin:0;font-size:11px;color:#796a87;text-align:center}.library-results .activity-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.library-results{min-width:0}.result-heading{display:flex;align-items:center;justify-content:space-between;margin:0 0 18px;min-height:32px}.result-heading h2{font-family:Nunito;font-size:16px;font-weight:900;margin:0;letter-spacing:0}.result-heading button{border:0;background:none;padding:0}.active-filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.active-filters:empty{display:none}.filter-chip{display:flex;align-items:center;gap:10px;padding:7px 11px;border-radius:30px;background:#eee6fa;border:1px solid #e2d7f0;color:#65448d;font-size:11px;font-weight:800;max-width:100%;overflow-wrap:anywhere;text-align:left}.filter-chip span{font-size:17px}.skill-line{font-size:12px;color:#7c6c85;margin:0 0 10px}.library-results h3{font-size:23px}.library-results .activity-content{padding:20px}.library-end{text-align:center;border-top:1px dashed #ded3e8;margin-top:35px;padding-top:25px}.library-end span{font-family:Fredoka;font-size:20px;color:#7651bd}.library-end p{font-size:12px;color:#82718c}.library-empty{background:#f9f6fc;border:1px dashed #d9cce9;border-radius:20px;padding:55px 25px;min-height:340px;display:flex;align-items:center;justify-content:center;flex-direction:column}.library-empty p{font-size:14px;max-width:360px}.empty-shapes{display:flex;align-items:center;gap:10px;margin-bottom:25px}.empty-shapes i{width:35px;height:35px;background:#ffce43;border-radius:50%;display:block}.empty-shapes i:nth-child(2){border-radius:7px;background:#8662df;transform:rotate(15deg)}.empty-shapes i:nth-child(3){background:#49cda9;clip-path:polygon(50% 0,100% 100%,0 100%)}.preview-notice{background:#f2ebfa;border-radius:12px;padding:14px;font-size:12px!important}.library-section+.footer{margin-top:0}.nav a[aria-current=page]{color:#7651bd}button[hidden]{display:none!important}
@media(max-width:1000px){.library-layout{grid-template-columns:210px 1fr;gap:22px}.library-intro{gap:25px}.library-intro h1{font-size:40px}.library-results .activity-content{padding:16px}.library-results h3{font-size:21px}}
@media(max-width:760px){.library-hero{padding:20px 0 24px}.library-intro{grid-template-columns:1fr;gap:15px;margin:22px 0}.library-intro h1{font-size:37px;max-width:420px;letter-spacing:-.6px}.library-intro p{font-size:14px}.library-intro img{display:none}.library-note{font-size:11px;align-items:start;padding:12px}.note-dot{margin-top:6px}.library-section{padding-top:23px}.library-toolbar{flex-direction:column;align-items:stretch;gap:15px;margin-bottom:20px}.library-toolbar .search-label{max-width:none;flex-basis:auto}.sort-label{justify-content:space-between}.sort-label select{flex:1;max-width:210px}.library-layout{grid-template-columns:1fr;gap:25px}.filter-sidebar{position:static}.filter-sidebar details{padding:17px 18px}.filter-sidebar summary{font-size:15px;display:flex;align-items:center;gap:15px}.filter-sidebar summary span{margin:0 0 0 auto}.filter-sidebar summary:after{margin-left:4px}.filter-tip{display:none}#filterForm{display:grid;grid-template-columns:1fr 1fr;gap:10px 15px}#filterForm>label{margin:9px 0 0;grid-column:1/-1}#filterForm>select{grid-column:1/-1}fieldset{margin-top:12px}.clear-btn{grid-column:1/-1;margin-top:8px}.library-results .activity-grid{grid-template-columns:1fr;gap:20px}.library-results .activity-content{padding:20px}.library-results h3{font-size:24px}.result-heading{margin-bottom:15px}.library-end p{font-size:11px}.library-empty{padding:35px 20px}.library-results .activity-art img{aspect-ratio:1.8}}