.af-gallery{--violet:#7b61ff;--violet-d:#5538d9;--coral:#ff6b7e;--gold:#ffb73d;--mint:#1fcbb0;--mint-d:#0e9c84;--ink:#241d49;--muted:#8e89ae;--line:#e8e5f4;--bg:#f2f1fa;--violet-soft:#ede9ff;background:var(--bg);min-height:82vh;padding:100px 18px 70px;font-family:var(--font-body),"DM Sans",system-ui,sans-serif;color:var(--ink)}.af-gallery-inner{max-width:1180px;margin:0 auto;scroll-margin-top:96px}.af-gallery-head h1{font-family:var(--font-display),"Nunito",sans-serif;font-weight:900;font-size:clamp(26px,6vw,34px);letter-spacing:-.01em;margin-bottom:6px}.af-gallery-head p{color:#6a6588;font-size:14.5px;margin-bottom:22px}.af-layout{display:grid;grid-template-columns:1fr;gap:18px;align-items:start}.af-side{display:flex;flex-direction:column;gap:14px}.af-search{width:100%;font-family:inherit;font-size:14.5px;padding:12px 15px;border-radius:13px;border:1.5px solid var(--line);background:#fff;color:var(--ink);box-shadow:0 8px 18px -14px rgba(50,32,110,.5)}.af-search:focus{outline:2px solid var(--violet);border-color:var(--violet)}.af-side-desktop{display:none;flex-direction:column;gap:16px}.af-side-mobile{display:block}.afs-toggle{width:100%;font-family:var(--font-display),sans-serif;font-weight:900;font-size:14px;color:var(--violet-d);background:linear-gradient(180deg,#fff,var(--violet-soft));border:1.5px solid #e0dafa;border-radius:13px;padding:12px 16px;cursor:pointer;box-shadow:0 8px 18px -14px rgba(123,97,255,.6)}.afs-drawer{margin-top:12px;display:flex;flex-direction:column;gap:16px}.afs-group{background:linear-gradient(180deg,#fff,#fbfafe);border:1.5px solid var(--line);border-radius:18px;padding:15px 14px;box-shadow:0 12px 24px -22px rgba(50,32,110,.5),inset 0 1.5px 0 hsla(0,0%,100%,.8)}.afs-group h3{font-family:var(--font-display),sans-serif;font-weight:900;font-size:12px;letter-spacing:.8px;text-transform:uppercase;color:var(--violet-d);margin-bottom:10px;display:flex;align-items:center;gap:8px}.afs-group h3:before{content:"";width:4px;height:15px;border-radius:3px;background:linear-gradient(180deg,var(--violet),var(--coral))}.afs-item{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;text-align:left;font-family:inherit;font-weight:700;font-size:13.5px;color:var(--ink);background:transparent;border:0;border-radius:10px;padding:8px 10px;cursor:pointer;transition:.13s}.afs-item:hover{background:var(--violet-soft)}.afs-item.on{background:linear-gradient(135deg,var(--violet),var(--violet-d));color:#fff;box-shadow:0 8px 16px -8px rgba(123,97,255,.8),inset 0 2px 3px hsla(0,0%,100%,.3)}.afs-item em{font-style:normal;font-family:var(--font-display),sans-serif;font-weight:800;font-size:11px;color:var(--muted);background:var(--bg);padding:2px 8px;border-radius:8px}.afs-item.on em{color:#fff;background:hsla(0,0%,100%,.22)}.afs-item:disabled{opacity:.38;cursor:default}.afs-item:disabled:hover{background:transparent}.afs-reset{font-family:var(--font-display),sans-serif;font-weight:800;font-size:13px;color:var(--coral);background:#fff;border:1.5px dashed #ffd3da;border-radius:12px;padding:10px 14px;cursor:pointer;transition:.13s}.afs-reset:hover{background:#fff5f6}.af-count{display:flex;align-items:center;flex-wrap:wrap;gap:9px;font-size:14px;color:#6a6588;margin-bottom:16px}.af-count b{font-weight:900;font-size:17px;color:var(--ink)}.af-chip,.af-count b{font-family:var(--font-display),sans-serif}.af-chip{font-weight:800;font-size:12px;color:var(--violet-d);border:1px solid #e0dafa;background:linear-gradient(180deg,#fff,var(--violet-soft));padding:5px 12px;border-radius:20px;cursor:pointer}.af-chip:hover{border-color:var(--violet)}.af-pageinfo{margin-left:auto;font-size:12.5px;font-weight:700;color:var(--muted)}.af-pagination{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:7px;margin-top:26px}.af-pagination button{min-width:38px;font-family:var(--font-display),sans-serif;font-weight:800;font-size:13.5px;color:var(--ink);background:linear-gradient(180deg,#fff,#fbfafe);border:1.5px solid var(--line);border-radius:11px;padding:9px 12px;cursor:pointer;transition:.13s;box-shadow:0 8px 16px -14px rgba(50,32,110,.5)}.af-pagination button:hover:not(:disabled){border-color:var(--violet);color:var(--violet-d);transform:translateY(-1px)}.af-pagination button.on{background:linear-gradient(135deg,var(--violet),var(--violet-d));color:#fff;border-color:transparent;box-shadow:0 10px 20px -10px rgba(123,97,255,.9),inset 0 2px 3px hsla(0,0%,100%,.35)}.af-pagination button:disabled{opacity:.4;cursor:default}.af-ellipsis{color:var(--muted);font-weight:700;padding:0 2px}.af-empty{background:#fff;border:1.5px solid var(--line);border-radius:16px;padding:48px;text-align:center;color:#6a6588}.af-empty button{margin-left:8px;background:var(--violet);color:#fff;border:0;padding:8px 16px;border-radius:10px;font-weight:700;cursor:pointer;font-family:inherit}@media (min-width:760px){.af-gallery{padding:108px 24px 70px}.af-layout{grid-template-columns:248px 1fr;gap:24px}.af-side{position:sticky;top:96px}.af-side-desktop{display:flex}.af-side-mobile{display:none}.af-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1080px){.af-grid{grid-template-columns:repeat(3,1fr)}}.af-grid{display:grid;grid-template-columns:1fr;gap:16px;align-items:stretch}.af-card{display:grid;grid-template-columns:128px 1fr;gap:14px;align-items:start;background:linear-gradient(180deg,#fff,#fbfafe);border:1.5px solid var(--line);border-radius:18px;padding:14px;text-decoration:none;color:inherit;height:100%;box-shadow:0 12px 24px -22px rgba(50,32,110,.5),inset 0 1.5px 0 hsla(0,0%,100%,.8);transition:transform .15s cubic-bezier(.34,1.15,.5,1),box-shadow .15s,border-color .15s}.af-card:hover{transform:translateY(-3px);border-color:var(--violet);box-shadow:0 0 0 2px var(--violet),0 16px 28px -16px rgba(123,97,255,.5)}.af-card .af-cover{width:128px}.af-card-body{display:flex;flex-direction:column;gap:7px;min-width:0;height:100%}.af-card-meta{display:flex;flex-wrap:wrap;align-items:center;gap:7px}.af-lvl{background:var(--violet);color:#fff;font-family:var(--font-display),sans-serif;font-weight:800;font-size:11px;padding:3px 10px;border-radius:7px}.af-subj{font-size:12.5px;font-weight:700;color:var(--muted)}.af-card-body h3{font-family:var(--font-display),"Nunito",sans-serif;font-weight:900;font-size:16px;line-height:1.28;margin:0;overflow-wrap:anywhere}.af-notion{font-size:12.5px;line-height:1.4;color:#6a6488;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.af-card-info{display:flex;flex-wrap:wrap;gap:7px;margin-top:2px}.af-corr{font-weight:800;font-size:10.5px;color:var(--mint-d);background:linear-gradient(180deg,#fff,#e9fbf6);border:1px solid #c9f0e6;border-radius:999px}.af-corr,.af-pages{font-family:var(--font-display),sans-serif;padding:4px 10px}.af-pages{font-weight:900;font-size:10px;color:#fff;background:linear-gradient(135deg,var(--violet),var(--violet-d));border-radius:8px;box-shadow:0 6px 12px -7px var(--violet)}.af-cta{margin-top:auto;padding-top:4px;font-family:var(--font-display),sans-serif;font-weight:900;font-size:13.5px;color:var(--violet-d)}.af-card:hover .af-cta{text-decoration:underline}@media (max-width:420px){.af-card{grid-template-columns:108px 1fr;gap:12px;padding:12px}.af-card .af-cover{width:108px}.af-card-body h3{font-size:15px}}@media (max-width:330px){.af-card{grid-template-columns:1fr}.af-card .af-cover{width:140px}}@media (min-width:1024px){.af-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.af-card{grid-template-columns:150px 1fr;gap:16px;padding:16px}.af-card .af-cover{width:150px}.af-card-body h3{font-size:17px}}