/* 009: Wanted ads. A wanted card is TEXT, never the photo tile: it has no photo and no price, and must
   never read as something for sale. The Wanted chip is ink on amber, a hue nothing else on the site uses. */
.wgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}
.wcard{display:flex;flex-direction:column;gap:6px;padding:14px 16px;background:#fff;border:1px solid var(--line);border-radius:14px;text-decoration:none;color:var(--ink);transition:border-color .15s,box-shadow .15s}
.wcard:hover{border-color:var(--line-2);box-shadow:0 6px 18px rgba(0,0,0,.06)}
.wcard .wtop{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.wcard .wtype{font-size:11.5px;color:var(--muted);margin-left:auto}
.wcard .nm{font-size:15px;font-weight:700;line-height:1.35}
.wcard .wb{font-size:14px;font-weight:800}
.wcard .mt{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--muted);margin-top:2px}
.wcard .mt .avatar{width:22px;height:22px;font-size:9px;flex:none}
/* room under the type bar: the board has its Filters row there, the wanted board has nothing (his report: the eyebrow jammed into the nav) */
.wboard{padding-top:22px}
.wboard .wintro{display:flex;align-items:center;justify-content:space-between;gap:12px 20px;flex-wrap:wrap;margin:6px 0 18px;padding:14px 16px;background:#fff;border:1px solid var(--line);border-radius:12px}   /* white, his call 2026-09-23 */
.wboard .wintro p{margin:0;font-size:14px}
.wsec .wgrid{margin-top:4px}
/* the post page */
.wpage{max-width:760px;padding-top:26px;padding-bottom:40px}
.wpage .wprice{display:flex;align-items:center;gap:10px;margin-top:10px}
.wpage .wprice .p{font-size:26px;font-weight:800}
.wpage .wposter{display:flex;align-items:center;gap:14px;margin-top:24px;padding:14px 16px;background:#fff;border:1px solid var(--line);border-radius:14px}
.wpage .wpn{font-weight:700;color:var(--ink);text-decoration:none}
.wpage .wpn:hover{text-decoration:underline}
.wpage .fx{font-size:13px;color:var(--muted);margin-top:2px}
.wpage .wacts{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.wpage .wacts .btn{height:44px;padding:0 20px}
@media (max-width:720px){ .wboard .wintro .btn{width:100%;justify-content:center} .wpage .wacts .btn{flex:1;justify-content:center} }
/* the share icon sits in the card's corner, so a long chip row never pushes it onto its own line */
.wcard{position:relative}
.wcard .wtop{padding-right:34px;flex-wrap:nowrap}
.wcard .wtop .mchip{flex:none}
.wcard .wtype{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wcard .wshare{position:absolute;top:10px;right:8px;width:30px;height:30px;padding:0;border-radius:50%;color:var(--muted)}
.wcard .wshare svg{width:15px;height:15px}
.wpage .wacts .wsharebtn svg{width:16px;height:16px}