.site-header{position:sticky;top:0;z-index:20;border-bottom:1px solid rgba(58,48,38,.6);background:#1a1410d9;backdrop-filter:blur(12px)}.site-header-inner{max-width:960px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:14px 20px}.site-logo{font-family:Tajawal,sans-serif;font-size:20px;font-weight:700;text-decoration:none;color:var(--ink)}.site-nav{display:flex;align-items:center;gap:16px}.site-nav-link{font-size:14px;color:var(--muted);text-decoration:none;font-family:Tajawal,sans-serif}.site-nav-link:hover{color:var(--ink)}.site-lang{border:1px solid var(--line);color:var(--muted);font-size:12px;padding:6px 12px;border-radius:999px;text-decoration:none}.site-lang:hover{border-color:color-mix(in srgb,var(--gold) 50%,transparent);color:var(--ink)}.wrap{max-width:960px;margin:0 auto;padding:40px 20px 80px;font-family:Tajawal,sans-serif}.page-title{font-family:Tajawal,sans-serif;font-weight:700;font-size:clamp(30px,5vw,44px);margin:0;color:var(--ink)}.page-sub{color:var(--muted);font-size:17px;margin:12px 0 28px}.search-wrap{margin-bottom:20px}#search{width:100%;max-width:400px;direction:rtl;background:var(--surface);border:1px solid var(--line);border-radius:10px;color:var(--ink);font-size:15px;padding:11px 16px;font-family:Tajawal,sans-serif;outline:none;transition:border-color .2s}#search:focus{border-color:color-mix(in srgb,var(--gold) 60%,transparent)}#search::placeholder{color:var(--faint)}.tabs-wrap{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px;direction:rtl}.tab{background:var(--surface);border:1px solid var(--line);color:var(--muted);font-size:13px;font-weight:500;padding:7px 14px;border-radius:999px;cursor:pointer;transition:.15s;white-space:nowrap;font-family:Tajawal,sans-serif}.tab:hover{border-color:color-mix(in srgb,var(--gold) 50%,transparent);color:var(--ink)}.tab.active{background:var(--gold);border-color:var(--gold);color:var(--bg);font-weight:600}.gender-wrap{display:flex;gap:8px;margin-bottom:20px;direction:rtl}.pill{background:transparent;border:1px solid var(--line);color:var(--muted);font-size:13px;padding:5px 16px;border-radius:999px;cursor:pointer;transition:.15s;font-family:Tajawal,sans-serif}.pill:hover{border-color:color-mix(in srgb,var(--gold) 50%,transparent);color:var(--ink)}.pill.active{border-color:var(--gold);color:var(--gold);font-weight:600}.count-line{font-size:13px;color:var(--faint);margin-bottom:20px;direction:rtl}.art-grid{display:grid;gap:12px;grid-template-columns:1fr}@media(min-width:640px){.art-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.art-grid{grid-template-columns:repeat(3,1fr)}}.art-card{display:flex;align-items:center;gap:16px;border:1px solid #3a2e1e;border-right:3px solid #caa46a;background:#232016;padding:18px 20px;border-radius:14px 0 0 14px;text-decoration:none;transition:all .22s ease;direction:rtl}.art-card:hover{border-right-color:#e0b87a;border-color:#4a3c24;background:#2e2a18;transform:translate(-3px);box-shadow:0 6px 24px #00000080}.art-card-emoji{font-size:24px;flex-shrink:0;width:52px;height:52px;display:flex;align-items:center;justify-content:center;background:#caa46a26;border:1px solid rgba(202,164,106,.4);border-radius:10px}.art-card-body{flex:1;min-width:0}.art-card-occ{display:block;font-size:11px;color:var(--gold);letter-spacing:.04em;margin-bottom:4px;font-family:Tajawal,sans-serif;font-weight:700}.art-card-title{margin:0;font-size:14px;font-weight:600;line-height:1.4;color:#ddd0bb;font-family:Tajawal,sans-serif}.art-card:hover .art-card-title{color:#ecdfc8}.art-arrow{color:#caa46a73;flex-shrink:0;font-size:15px;transition:.2s}.art-card:hover .art-arrow{color:var(--gold)}.empty-msg{color:var(--muted);font-size:15px;padding:40px 0;text-align:center;font-family:Tajawal,sans-serif}.reset-btn{background:none;border:1px solid var(--line);color:var(--gold);font-size:14px;padding:6px 16px;border-radius:8px;cursor:pointer;margin-right:8px;font-family:Tajawal,sans-serif}.reset-btn:hover{border-color:var(--gold)}.site-footer{border-top:1px solid rgba(58,48,38,.6);background:#1d1610;text-align:center;padding:40px 20px;font-size:12px;color:var(--faint);font-family:Tajawal,sans-serif}.site-footer-logo{font-family:Tajawal,sans-serif;font-size:16px;color:var(--muted);margin:0 0 12px}.aiom{margin-top:8px}.aiom a{color:var(--gold);font-weight:500}