.wj-archive{min-height:calc(100svh + 120px)}.wj-archive-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.wj-archive-card{position:relative;min-width:0;aspect-ratio:480/620;background:#1d3534;overflow:hidden;margin:0}
.wj-archive-card>a{display:block;height:100%;color:white;text-decoration:none;position:relative}
.wj-archive-card img{width:100%;height:100%;object-fit:cover;transition:transform .8s ease}
.wj-archive-card>a:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#0002 15%,#0001 35%,#0008 100%);pointer-events:none}
.wj-archive-card-copy{position:absolute;inset:auto 10% 8%;z-index:1}
.wj-main .wj-archive-card h2{font-size:clamp(24px,2.5vw,40px);line-height:1.2;color:white;margin:6px 0 0;text-align:start}
.wj-main[dir=rtl] .wj-archive-card h2{line-height:1.5;letter-spacing:0}
.wj-main .wj-archive-card p{font:14px/1.6 WJText,Georgia,serif;color:white;margin:0}
.wj-archive-card>a:hover img{transform:scale(1.035)}
.wj-archive-filter{position:fixed;z-index:10;bottom:35px;left:50%;transform:translateX(-50%);display:flex;align-items:center;max-width:calc(100vw - 48px);width:330px;background:white;border-radius:40px;padding:10px 18px;box-shadow:0 5px 25px #0002}
.wj-archive-filter select{border:0;background:white;color:#041026;min-width:0;flex:1;font:13px WJText,Georgia,serif;padding:10px 5px}
.wj-archive-filter button{background:#041026;color:white;border:0;border-radius:20px;font:12px WJText,Georgia,serif;padding:10px 14px}
body.wosol-menu-open .wj-archive-filter{visibility:hidden}
.wj-archive-empty{padding:180px 8% 100px;text-align:center}.wj-pagination{display:flex;gap:18px;justify-content:center;padding:30px 20px 110px}
@media(max-width:900px){.wj-archive-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wj-main .wj-archive-card h2{font-size:32px}}
@media(max-width:540px){.wj-archive-grid{grid-template-columns:1fr}.wj-archive-card{aspect-ratio:1/1;border-bottom:1px solid white}.wj-archive-card-copy{inset:auto 24px 24px}.wj-main .wj-archive-card h2{font-size:32px}.wj-archive-filter{bottom:32px}}
@media(prefers-reduced-motion:reduce){.wj-archive-card img{transition:none}.wj-archive-card>a:hover img{transform:none}}
.wj-archive-filter button[hidden]{display:none}
body.wj-page .wj-main .wj-archive-card-copy p{font-family:WJText,Georgia,serif}

.wj-archive-filter.is-offscreen{visibility:hidden}.wj-archive-card>a:focus-visible{outline:3px solid white;outline-offset:-6px}.wj-archive-empty a{color:inherit;text-underline-offset:5px}

.wj-category-heading{padding:90px 5vw 45px;margin:0!important;text-align:center}.wj-archive-filter{transition:opacity .2s ease,visibility .2s ease}.wj-archive-filter.is-offscreen{opacity:0;pointer-events:none}@media(prefers-reduced-motion:reduce){.wj-archive-filter{transition:none}}
/* Quiet touch/click state and near-square archive filter corners. */
body.wj-page .wj-main .wj-archive-filter,
body.wj-page .wj-main .wj-archive-filter select,
body.wj-page .wj-main .wj-archive-filter button{border-radius:4px!important;-webkit-tap-highlight-color:transparent}
body.wj-page .wj-main .wj-archive-filter select:focus{outline:none!important;box-shadow:none!important;border-color:transparent!important}
body.wj-page .wj-main .wj-archive-filter select:focus-visible{outline:none!important;text-decoration:underline;text-underline-offset:4px}

body.wj-page .wj-main .wj-archive-filter select{box-shadow:none!important;outline:none!important}