.artl{--artl-fg:#0a0a0a;--artl-muted:#71717a;--artl-border:#e4e4e7;--artl-surface:#fafafa;--artl-primary:#fff31e;--artl-accent-soft:#fffbc2;--artl-radius:8px;--artl-radius-lg:12px;--artl-shadow-md:0 4px 12px #0000000f, 0 1px 3px #0000000a;--artl-shadow-lg:0 20px 60px #0000002e, 0 4px 16px #00000014;--artl-ease:cubic-bezier(.16, 1, .3, 1);color:var(--artl-fg);overflow-wrap:anywhere}.artl svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.artl .artl-head{padding:8px 0 20px}.artl .artl-head h1{margin:0 0 8px;font-size:40px;line-height:1.2}.artl .artl-head p{color:var(--artl-muted);margin:0;font-size:15px}.artl .artl-bar{border-top:1px solid var(--artl-border);border-bottom:1px solid var(--artl-border);flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:22px;padding:14px 0 18px;display:flex}.artl .artl-bar__search{flex:0 50%;min-width:0;margin:0;position:relative}.artl .artl-bar__search input{border:1px solid var(--artl-border);border-radius:var(--artl-radius);width:100%;height:48px;color:var(--artl-fg);font:inherit;box-shadow:none;transition:border-color .2s var(--artl-ease), box-shadow .2s var(--artl-ease);background:#fff;margin:0;padding:12px 40px 12px 44px;font-size:15px}.artl .artl-bar__search input:focus{border-color:var(--artl-fg);box-shadow:0 0 0 3px var(--artl-accent-soft);outline:none}.artl .artl-bar__search-icon{width:18px;height:18px;stroke:var(--artl-muted);pointer-events:none;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.artl .artl-bar__clear{background:var(--artl-surface);width:28px;height:28px;color:var(--artl-muted);cursor:pointer;border:0;border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.artl .artl-bar__clear:hover{background:var(--artl-border)}.artl .artl-bar__clear svg{stroke-width:2.4px;width:12px;height:12px}.artl .artl-bar__active{flex-wrap:wrap;gap:6px;display:flex}.artl .artl-active-tag{border:1px solid var(--artl-primary);background:var(--artl-accent-soft);border-radius:999px;align-items:center;gap:8px;min-height:38px;padding:4px 6px 4px 4px;font-size:13px;font-weight:600;display:inline-flex}.artl .artl-active-tag__remove{width:26px;height:26px;color:var(--artl-muted);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.artl .artl-active-tag__remove:hover{color:var(--artl-fg);background:#0000000f}.artl .artl-active-tag__remove svg{stroke-width:2.4px;width:11px;height:11px}.artl .artl-bar__right{align-items:center;gap:8px;margin-left:auto;display:flex}.artl .artl-filter,.artl .artl-sort{position:relative}.artl .artl-filter__btn{border:1px solid var(--artl-border);border-radius:var(--artl-radius);min-height:48px;color:var(--artl-fg);font:inherit;white-space:nowrap;cursor:pointer;background:#fff;align-items:center;gap:8px;padding:12px 20px;font-size:14px;font-weight:500;line-height:1.4;display:inline-flex}.artl .artl-sort__btn{border:1px solid var(--artl-border);border-radius:var(--artl-radius);width:48px;height:48px;color:var(--artl-fg);cursor:pointer;background:#fff;justify-content:center;align-items:center;padding:0;display:flex}.artl .artl-filter__btn:hover,.artl .artl-filter__btn[aria-expanded=true],.artl .artl-sort__btn:hover,.artl .artl-sort__btn[aria-expanded=true]{border-color:var(--artl-fg)}.artl .artl-filter__btn svg{width:16px;height:16px}.artl .artl-sort__btn svg{width:18px;height:18px}.artl .artl-filter__dropdown{z-index:50;border:1px solid var(--artl-border);border-radius:var(--artl-radius-lg);width:520px;max-width:calc(100vw - 32px);box-shadow:var(--artl-shadow-lg);background:#fff;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden}.artl .artl-filter__head{border-bottom:1px solid var(--artl-border);justify-content:space-between;align-items:center;padding:16px 20px 12px;display:flex}.artl .artl-filter__head h3{margin:0;font-size:16px;font-weight:700}.artl .artl-filter__close{border:1px solid var(--artl-border);width:30px;height:30px;color:var(--artl-muted);cursor:pointer;background:#fff;border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex}.artl .artl-filter__close:hover{border-color:var(--artl-fg);color:var(--artl-fg)}.artl .artl-filter__close svg{stroke-width:2.4px;width:11px;height:11px}.artl .artl-filter__chips{flex-wrap:wrap;gap:8px;padding:14px 20px 18px;display:flex}.artl .artl-fchip{background:var(--artl-surface);min-height:38px;color:var(--artl-fg);border:1px solid #0000;border-radius:999px;align-items:center;gap:8px;padding:5px 15px 5px 5px;font-size:13px;font-weight:500;line-height:1.3;text-decoration:none;display:inline-flex}.artl .artl-fchip:hover,.artl .artl-fchip.active{border-color:var(--artl-primary);background:var(--artl-accent-soft);color:var(--artl-fg);text-decoration:none}.artl .artl-fchip.active{font-weight:600}.artl .artl-fchip__count{color:var(--artl-muted);font-weight:400}.artl .artl-emoji{border-radius:50%;flex:none;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex}.artl .artl-emoji svg{width:15px;height:15px}.artl .artl-sort__menu{z-index:50;border:1px solid var(--artl-border);border-radius:var(--artl-radius);min-width:200px;box-shadow:var(--artl-shadow-md);background:#fff;padding:6px;position:absolute;top:calc(100% + 8px);right:0}.artl .artl-sort__item{min-height:44px;color:var(--artl-fg);border-radius:6px;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;font-size:14px;font-weight:500;text-decoration:none;display:flex}.artl .artl-sort__item:hover{background:var(--artl-surface);color:var(--artl-fg);text-decoration:none}.artl .artl-sort__item.active{background:var(--artl-accent-soft);font-weight:600}.artl .artl-sort__item svg{stroke-width:3px;opacity:0;width:14px;height:14px}.artl .artl-sort__item.active svg{opacity:1}.artl .artl-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding-bottom:40px;display:grid}.artl .artl-card{border:1px solid var(--artl-border);border-radius:var(--artl-radius);transition:border-color .2s var(--artl-ease), box-shadow .2s var(--artl-ease), transform .2s var(--artl-ease);background:#fff;flex-direction:column;display:flex;position:relative;overflow:hidden}.artl .artl-card:hover,.artl .artl-card:focus-within{border-color:var(--artl-primary);box-shadow:var(--artl-shadow-md);transform:translateY(-2px)}.artl .artl-card__cover{aspect-ratio:16/9;background:var(--artl-surface);justify-content:center;align-items:center;display:flex;overflow:hidden}.artl .artl-card__cover img{object-fit:cover;width:100%;height:100%}.artl .artl-card__nocover{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.artl .artl-card__nocover svg{stroke-width:1.5px;width:48px;height:48px}.artl .artl-card__body{flex-direction:column;flex:1;gap:8px;padding:14px 16px 16px;display:flex}.artl .artl-card__title{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:17px;font-weight:600;line-height:1.35;display:-webkit-box;overflow:hidden}.artl .artl-card__title a{color:inherit;text-decoration:none}.artl .artl-card__title a:after{content:"";z-index:1;position:absolute;inset:0}.artl .artl-card__excerpt{color:var(--artl-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:13px;line-height:1.5;display:-webkit-box;overflow:hidden}.artl .artl-card__footer{border-top:1px solid var(--artl-border);min-height:32px;color:var(--artl-muted);font-variant-numeric:tabular-nums;align-items:center;gap:12px;margin-top:auto;padding-top:10px;font-size:12px;display:flex}.artl .artl-card__stat{align-items:center;gap:5px;display:inline-flex}.artl .artl-card__stat svg{width:14px;height:14px}.artl .artl-card__spacer{flex:auto}.artl .artl-empty{color:var(--artl-muted);text-align:center;padding:40px 0 56px}.artl .artl-empty strong{color:var(--artl-fg);margin-bottom:6px;font-size:17px;display:block}.artl .artl-pages{flex-wrap:wrap;justify-content:center;align-items:center;gap:4px;padding-bottom:48px;display:flex}.artl .artl-pages__nums{flex-wrap:wrap;justify-content:center;align-items:center;gap:2px;display:flex}.artl .artl-pages__arrow{border:1px solid var(--artl-border);width:40px;height:40px;color:var(--artl-fg);border-radius:6px;flex:none;justify-content:center;align-items:center;display:flex}.artl .artl-pages__arrow:hover{border-color:var(--artl-fg)}.artl .artl-pages__arrow.disabled{opacity:.35;pointer-events:none}.artl .artl-pages__arrow svg{stroke-width:2.4px;width:14px;height:14px}.artl .artl-pages__num,.artl .artl-pages__dots{min-width:40px;height:40px;color:var(--artl-muted);font-variant-numeric:tabular-nums;border-radius:6px;justify-content:center;align-items:center;padding:0 8px;font-size:14px;font-weight:500;text-decoration:none;display:inline-flex}.artl .artl-pages__num:hover{background:var(--artl-surface);color:var(--artl-fg);text-decoration:none}.artl .artl-pages__num.active{background:var(--artl-fg);color:#fff;font-weight:600}@media (max-width:899px){.artl .artl-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.artl .artl-head h1{font-size:36px}}@media (max-width:768px){.artl .artl-head{padding:0 0 14px}.artl .artl-head h1{font-size:26px}.artl .artl-bar{gap:8px;margin-bottom:18px;padding:12px 0 14px}.artl .artl-bar__search{flex:100%}.artl .artl-bar__active{flex:auto}.artl .artl-filter__btn{min-height:44px;padding:10px 16px;font-size:13px}.artl .artl-sort__btn{width:44px;height:44px}.artl .artl-filter{position:static}.artl .artl-filter__dropdown{border-radius:var(--artl-radius-lg) var(--artl-radius-lg) 0 0;z-index:1000;border-width:1px 0 0;width:auto;max-width:none;max-height:85dvh;position:fixed;inset:auto 0 0;overflow-y:auto}.artl .artl-grid{grid-template-columns:1fr;gap:14px}.artl .artl-card__title{font-size:16px}}