/* wgf-howto.css v2 (2026-10-16): the waypoint block on decor "Where to Buy" and vendor pages,
   the vendor directory zone nav. Colours are the housing kit's own tokens; nothing new. */
.wgf-howto-way{margin:.75rem 0 1rem;padding:.6rem .75rem;border:1px solid rgba(255,255,255,.12);border-radius:6px;background:rgba(0,0,0,.28)}
.wgf-howto-way__row{display:grid;grid-template-columns:7.5rem 1fr;gap:.5rem;align-items:center;margin:.25rem 0}
.wgf-howto-way__k{font-size:.8rem;letter-spacing:.04em;text-transform:uppercase;opacity:.75}
.wgf-howto-way__v{display:block;padding:.4rem .55rem;border-radius:4px;background:rgba(0,0,0,.45);font:.85rem/1.35 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;white-space:pre-wrap;word-break:break-all;user-select:all;-webkit-user-select:all;cursor:text}
.wgf-howto-way__v:focus{outline:2px solid #f0c66a;outline-offset:1px}
.wgf-howto-way__hint{margin:.4rem 0 0;font-size:.8rem;opacity:.7}
.wgf-howto-title{opacity:.8;font-weight:400}
.wgf-howto-toc{display:flex;flex-wrap:wrap;gap:.4rem;margin:0 0 1rem}
.wgf-howto-toc__a{padding:.3rem .6rem;border:1px solid rgba(255,255,255,.14);border-radius:999px;font-size:.85rem;text-decoration:none}
.wgf-howto-toc__a span{opacity:.65;margin-left:.3rem}
@media (max-width:600px){.wgf-howto-way__row{grid-template-columns:1fr}}
/* v2: the related list - narrow, icon left, one line per decor (Wowhead related-items idiom) */
.wgf-howto-list{list-style:none;margin:.25rem 0 .5rem;padding:0;max-width:30rem;border-top:1px solid rgba(255,255,255,.1)}
.wgf-howto-list__row{display:flex;align-items:center;gap:.55rem;padding:.3rem .25rem;border-bottom:1px solid rgba(255,255,255,.08);line-height:1.3}
.wgf-howto-list__icon{flex:0 0 24px;width:24px;height:24px;border-radius:3px;border:1px solid rgba(255,255,255,.18);background:rgba(0,0,0,.4);object-fit:cover}
.wgf-howto-list__name{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-decoration:none}
.wgf-howto-list__name:hover,.wgf-howto-list__name:focus{text-decoration:underline}
.wgf-howto-list__meta{flex:0 0 auto;font-size:.8rem;opacity:.7;white-space:nowrap}