/* WoWForever Profession Hub 1.3.0 — scoped, compact layout */
.wfph,.wfph *{box-sizing:border-box}
.wfph{display:block;clear:both;width:100%;max-width:800px;margin:0!important;padding:0!important;color:#e9edf2;font-family:Arial,Helvetica,sans-serif;line-height:1.4}
.wfph .wfph-section{display:block;margin:0!important;padding:0!important}
.wfph .wfph-section+.wfph-section{margin-top:25px!important}
.wfph .wfph-heading{display:block;margin:0 0 11px!important;padding:0 0 8px!important;border:0!important;border-bottom:1px solid #343d49!important;color:#f3f5f8!important;font-family:inherit!important;font-size:20px!important;line-height:1.3!important;font-weight:700!important;text-transform:none!important;letter-spacing:0!important}
.wfph .wfph-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px!important;margin:0!important;padding:0!important}
.wfph .wfph-card{display:flex!important;align-items:center!important;gap:9px!important;min-width:0!important;min-height:61px!important;margin:0!important;padding:9px!important;border:1px solid #343d49!important;border-radius:7px!important;background:#20262e!important;color:#e9edf2!important;text-decoration:none!important;box-shadow:none!important;transition:background .2s,border-color .2s,transform .2s}
.wfph .wfph-card:hover,.wfph .wfph-card:focus-visible{background:#283341!important;border-color:#6d8bad!important;transform:translateY(-1px);text-decoration:none!important}
.wfph .wfph-card:focus-visible{outline:2px solid #8cb7e8;outline-offset:2px}
.wfph .wfph-icon{display:flex!important;align-items:center;justify-content:center;flex:0 0 40px!important;width:40px!important;height:40px!important;overflow:hidden;border:1px solid #424b57;border-radius:6px;background:#11151a}
.wfph .wfph-icon img{display:block!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover;margin:0!important;padding:0!important;border:0!important}
.wfph .wfph-icon-emoji{background:#080a0d!important;font-size:23px!important;line-height:1!important}
.wfph .wfph-info{display:flex!important;flex:1 1 auto;align-items:center;min-width:0!important;margin:0!important;padding:0!important}
.wfph .wfph-name{display:block!important;color:#f5f7fa!important;font-family:inherit!important;font-size:13px!important;font-weight:700!important;line-height:1.25!important;overflow-wrap:normal!important;word-break:normal!important;white-space:normal!important}
.wfph .wfph-arrow{display:block;flex:0 0 auto;margin-left:auto!important;color:#9fb3ca;font-size:21px;line-height:1}
@media(max-width:700px){.wfph .wfph-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.wfph .wfph-grid{grid-template-columns:1fr;gap:8px!important}.wfph .wfph-card{min-height:58px!important}.wfph .wfph-section+.wfph-section{margin-top:22px!important}}
@media(prefers-reduced-motion:reduce){.wfph .wfph-card{transition:none}.wfph .wfph-card:hover{transform:none}}

/* 1.2.0: eliminate theme-injected vertical spacing around shortcode sections */
.wfph{height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important}
.wfph .wfph-section{height:auto!important;min-height:0!important;max-height:none!important;position:static!important;float:none!important;clear:none!important}
.wfph .wfph-section:first-child{margin-top:0!important}
.wfph .wfph-section+.wfph-section{margin-top:18px!important}
.wfph .wfph-section:last-child{margin-bottom:0!important;padding-bottom:0!important}
.wfph .wfph-grid{height:auto!important;min-height:0!important;align-content:start!important}
.wfph .wfph-grid:last-child{margin-bottom:0!important}
.wfph p:empty,.wfph .wfph-section>p:empty{display:none!important;margin:0!important;padding:0!important;height:0!important}
.wfph .wfph-heading{margin-top:0!important}

/* 1.3.0: subtle grey surface to match site; cards unchanged */
.wfph{background:#1c2026!important;border-radius:4px;padding:14px 16px!important}
@media(max-width:520px){.wfph{padding:12px!important}}

/* 1.4.0 — minimal top/bottom dark frame, including mobile */
.wfph{padding:6px 12px!important}
.wfph .wfph-section+.wfph-section{margin-top:14px!important}
@media(max-width:520px){.wfph{padding:6px 10px!important}.wfph .wfph-section+.wfph-section{margin-top:14px!important}}

/* 1.5.0: remove the outer panel completely, preserve cards */
.wfph{background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;outline:0!important;padding:0!important;margin:0!important;max-width:800px!important}
@media(max-width:520px){.wfph{padding:0!important}}