/* WBL fx: flip-expand. Without JS every card shows its details (no button). */
.fx-fe{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(min(250px,100%),1fr));align-items:start}
.fx-fe-card{background:var(--card,#fff);border:1px solid var(--line,#d9d1c3);border-radius:var(--r,6px);overflow:hidden}
.fx-fe-img{width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;display:block}
.fx-fe-body{padding:18px 18px 20px}
.fx-fe-body h3{margin:0 0 6px}.fx-fe-body p{margin:0 0 12px;color:var(--mute,#4b5463);font-size:16px}
.fx-fe-btn{display:none;font:700 15px/1 var(--bf,system-ui);padding:12px 16px;min-height:44px;border-radius:var(--r,6px);border:1.5px solid currentColor;background:none;color:var(--ink,#1d2430);cursor:pointer}
html.fx-js .fx-fe-btn{display:inline-flex}
.fx-fe-more{margin-top:14px}
.fx-fe-more ul{list-style:none;padding:0;margin:0 0 12px;display:grid;gap:6px}
.fx-fe-more li{display:flex;justify-content:space-between;gap:12px;border-bottom:1px dashed var(--line,#d9d1c3);padding:6px 0;font-size:15.5px}
.fx-fe-more li b{white-space:nowrap}
html.fx-js .fx-fe-card:not(.is-open) .fx-fe-more{display:none}
.fx-fe-card.is-open{grid-column:1/-1}
@container (min-width:700px){.fx-fe-card.is-open{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.fx-fe-card.is-open .fx-fe-img{height:100%;aspect-ratio:auto}}
.fx-fe-wrap{container-type:inline-size}