/* These four CMS pages share the typography, artwork and palette of /news.
   Keep module markup, form controls and all functional states intact. */
body.forever-community.forever-editorial {
  --community-text: #ebdec2;
  --community-gold: #f8b700;
  --community-muted: #b1997f;
  --community-border: #504137;
  --community-panel: rgba(12,8,6,.84);
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  color: var(--community-text);
  background: #211510;
}
.forever-community .forever-community-main {
  width:100%; min-height:70vh; margin:0; padding:128px 0 80px;
  background-color:#211510;
  background-image:url("https://bnetcmsus-a.akamaihd.net/cms/template_resource/ri/RI8Q9HOWY4U01465961118458.jpg"),url("https://assets-bwa.worldofwarcraft.blizzard.com/60f63f3e402d22e6bc55.jpg");
  background-position:center top,center top; background-repeat:no-repeat,repeat; background-size:2560px auto,auto;
  color:var(--community-text); font:400 14.4px/1.5 "Open Sans",Arial,Helvetica,sans-serif;
}
.forever-community-inner {width:100%;max-width:1600px;padding:0 20px;margin:auto;box-sizing:border-box;}
.forever-community-inner * {box-sizing:border-box;}
.forever-community .forever-community-heading {padding:28px 30px;margin:0 0 24px;background:var(--community-panel);border:1px solid var(--community-border);}
.forever-community.forever-editorial .forever-community-heading h1 {font:700 clamp(26px,3vw,36px)/1.25 "Open Sans",Arial,sans-serif;color:var(--community-gold);margin:0;letter-spacing:0;text-transform:none;}
.forever-community .forever-community-heading p {font:400 14.4px/1.5 "Open Sans",Arial,sans-serif;color:var(--community-text);margin:0;}
.forever-community.forever-editorial .fa-main {width:100%;min-width:0;padding:0;background:none;border:0;color:var(--community-text);}
.forever-community.forever-editorial .forever-page-panel {max-width:none;margin:0;padding:30px;background:var(--community-panel);border:1px solid var(--community-border);box-shadow:none;}
.forever-community.forever-editorial .fa-main h1,
.forever-community.forever-editorial .fa-main h2,
.forever-community.forever-editorial .fa-main h3,
.forever-community.forever-editorial .fa-main h4,
.forever-community.forever-editorial .fa-main h6 {font-family:"Open Sans",Arial,sans-serif;font-weight:700;color:var(--community-gold);letter-spacing:0;text-transform:none;text-shadow:none;}
.forever-community.forever-editorial .fa-main h2 {font-size:21.6px;line-height:1.44;}
.forever-community.forever-editorial .forever-page-panel p,
.forever-community.forever-editorial .bt p {font:400 14.4px/1.5 "Open Sans",Arial,sans-serif;color:var(--community-text);}
.forever-community.forever-editorial .fa-main a {color:var(--community-gold);}
.forever-community.forever-editorial .fa-main a:hover {color:#ffd75a;}
.forever-community.forever-editorial .fa-main .bt-btn,
.forever-community.forever-editorial .fa-main .nice_button,
.forever-community.forever-editorial .fa-main input[type=submit],
.forever-community.forever-editorial .fa-main .forever-guide-button {min-height:46px;padding:12px 24px;border:1px solid var(--community-muted);border-radius:0;background:rgba(0,0,0,.3);box-shadow:none;color:var(--community-gold);font:600 14.4px/1.5 "Open Sans",Arial,sans-serif;text-decoration:none;cursor:pointer;}
.forever-community.forever-editorial .fa-main .bt-btn:hover,
.forever-community.forever-editorial .fa-main .nice_button:hover,
.forever-community.forever-editorial .fa-main input[type=submit]:hover,
.forever-community.forever-editorial .fa-main .forever-guide-button:hover {border-color:var(--community-gold);background:#ffffff08;color:#ffd75a;}
.forever-community.forever-editorial .fa-main :focus-visible {outline:2px solid var(--community-gold);outline-offset:4px;}
/* Guide steps retain their download links, installation command and status. Each step is its own container, separated from the next. */
.forever-community .forever-guide-steps>li {border:1px solid var(--community-border);border-radius:0;background:var(--community-panel);padding:28px 32px;margin:0 0 24px;}
.forever-community .forever-guide-steps>li:last-child {margin-bottom:0;}
@media(max-width:720px){
 .forever-community .forever-guide-steps>li {padding:20px 18px;}
}
/* The steps sit directly on the page: the guide wrapper no longer draws its own panel. */
.forever-community.forever-editorial .forever-page-panel.forever-guide {background:none;border:0;box-shadow:none;padding:0;max-width:none;margin:0;}
.forever-community .forever-step-number {background:rgba(0,0,0,.3);border-color:#8b744e;color:var(--community-gold);font:700 21.6px/1.5 "Open Sans",Arial,sans-serif;}
.forever-community.forever-editorial .forever-guide h2 {margin:4px 0 14px;}
.forever-community.forever-editorial .forever-guide .forever-guide-command {background:#0c0806;border:1px solid var(--community-border);border-left:3px solid #c99536;color:var(--community-text);white-space:pre-wrap!important;overflow-wrap:anywhere!important;}
.forever-community .forever-guide-command code {white-space:inherit!important;overflow-wrap:inherit!important;}
.forever-community.forever-editorial .forever-guide .forever-guide-note,
.forever-community .forever-guide-pending {color:var(--community-muted);}
/* The command block fits its text instead of stretching across the step. */
.forever-community.forever-editorial .forever-guide .forever-guide-command {display:block;width:fit-content;max-width:100%;}
/* The note keeps a gap above the Battle.net button below it. */
.forever-community.forever-editorial .forever-guide .forever-guide-note {margin:12px 0 20px;}
.forever-community .forever-guide-pending {border-color:var(--community-border);}
.forever-community.forever-editorial .forever-empty-state {padding:48px 20px;}
.forever-community.forever-editorial .forever-empty-mark {color:#c99536;}
/* Donation shop, order history and staff views keep their existing controls. */
.forever-community.forever-editorial .fs-shop {max-width:none;margin:0;padding:30px;background:var(--community-panel);border:1px solid var(--community-border);color:var(--community-text);font:400 14.4px/1.5 "Open Sans",Arial,sans-serif;}
.forever-community .fs-shop-bar {border-color:#ffffff26;}
.forever-community.forever-editorial .fs-shop-bar nav {display:inline-flex;gap:0;flex-wrap:wrap;border:1px solid #8b744e;background:rgba(0,0,0,.3);}
.forever-community.forever-editorial .fs-shop-bar nav a {padding:12px 22px;text-decoration:none;font-weight:600;border:0;border-right:1px solid #8b744e;color:var(--community-text);}
.forever-community.forever-editorial .fs-shop-bar nav a:last-child {border-right:0;}
.forever-community.forever-editorial .fs-shop-bar nav a:hover {background:#ffffff14;color:#ffd75a;}
.forever-community.forever-editorial .fs-shop-bar nav a[aria-current] {background:#c99536;color:#211510;}
.forever-community .fs-balance span {background:rgba(0,0,0,.3);border-color:#8b744e;color:var(--community-gold);}
.forever-community .fs-balance .fs-balance-add {background:rgba(0,0,0,.3);border-color:#8b744e;color:var(--community-gold);}
.forever-community .fs-balance .fs-balance-add:hover {background:#ffffff14;color:#ffd75a;}
.forever-community .fs-category-title {color:var(--community-gold);border-color:#8b744e;}
.forever-community .fs-product,.forever-community .fs-review,.forever-community .fs-editor,.forever-community .fs-titanite-pack {background:rgba(0,0,0,.3);border:1px solid var(--community-border);border-radius:0;box-shadow:none;}
.forever-community.forever-editorial .fs-shop .fs-titanite-pack h3 {color:var(--community-gold)!important;font:700 21.6px/1.44 "Open Sans",Arial,sans-serif!important;}
.forever-community.forever-editorial .fs-shop .fs-titanite-price {color:var(--community-text)!important;font:600 18px/1.5 "Open Sans",Arial,sans-serif!important;}
.forever-community .fs-titanite-bonus span {border:1px solid #8b744e;border-radius:0;background:#c9953626;color:#f8cc65;font:600 12px/1.5 "Open Sans",Arial,sans-serif;}
.forever-community.forever-editorial .fs-shop .fs-button {background:rgba(0,0,0,.3)!important;color:var(--community-gold)!important;border:1px solid var(--community-muted)!important;border-radius:0;font:600 14.4px/1.5 "Open Sans",Arial,sans-serif;}
.forever-community.forever-editorial .fs-shop .fs-button:hover {background:#ffffff08!important;border-color:var(--community-gold)!important;filter:none;}
.forever-community.forever-editorial .fs-shop label {color:var(--community-text)!important;}
.forever-community.forever-editorial .fs-shop .fs-price {color:var(--community-gold)!important;}
.forever-community .fs-payment-note,.forever-community .fs-service-restriction {color:var(--community-muted);}
.forever-community .fs-message,.forever-community .fs-highlight {background:#c995361a;border-color:#8b744e;color:var(--community-text);}
.forever-community .fs-message.fs-error {background:#3e1b16;border-color:#9e5d4d;color:#ffb6a5;}
.forever-community .fs-shop th {color:var(--community-gold);}
.forever-community .fs-shop th,.forever-community .fs-shop td {border-color:#ffffff26;}
.forever-community .fs-state {background:#c9953626;border:1px solid #8b744e;border-radius:0;color:#f8cc65;}
.forever-community .fs-state-delivered {background:#386c4426;border-color:#63886b;color:#9ed6ad;}
.forever-community .fs-state-review {background:#963e3226;border-color:#9e5d4d;color:#ffb6a5;}
.forever-community.forever-editorial .fs-shop input:not([type=hidden]):not([type=checkbox]),
.forever-community.forever-editorial .fs-shop select,
.forever-community.forever-editorial .fs-shop textarea {background:#17100c!important;color:var(--community-text)!important;border:1px solid #8b744e!important;font:400 14.4px/1.5 "Open Sans",Arial,sans-serif!important;}
/* Legacy gateway cards use the same palette when enabled. */
.forever-community.forever-editorial-donate .section-header {margin:0 0 24px;}
.forever-community.forever-editorial-donate .donate-card {background:rgba(0,0,0,.3);border:1px solid var(--community-border);color:var(--community-text);border-radius:0;}
.forever-community.forever-editorial-donate .donate-card:hover {background:#ffffff08;border-color:var(--community-gold);transform:none;}
.forever-community.forever-editorial-donate #paypal .card {background:rgba(0,0,0,.3);border-color:var(--community-border);color:var(--community-text);}
.forever-community.forever-editorial-donate #paypal .card-header {background:#ffffff05;border-bottom:1px solid var(--community-border);}
/* Bug reports and private support use the same list, fields and surfaces. */
.forever-community.forever-editorial .bt {max-width:none;padding:30px;background:var(--community-panel);border:1px solid var(--community-border);color:var(--community-text);}
.forever-community.forever-editorial .bt .bt-muted,
.forever-community.forever-editorial .bt-meta,
.forever-community.forever-editorial .bt-votes small {color:var(--community-muted);font-family:"Open Sans",Arial,sans-serif;}
.forever-community.forever-editorial .bt-panel,
.forever-community.forever-editorial .bt-list {background:rgba(0,0,0,.22);border-color:var(--community-border);box-shadow:none;}
.forever-community.forever-editorial .bt-panel {padding:24px;}
.forever-community.forever-editorial .fa-main .bt-stats a {color:var(--community-text);background:rgba(0,0,0,.3);border-color:#8b744e;}
.forever-community.forever-editorial .fa-main .bt-stats a:hover,
.forever-community.forever-editorial .fa-main .bt-row:hover {background:#ffffff08;border-color:var(--community-gold);}
.forever-community.forever-editorial .bt-stats strong {color:var(--community-gold);font:700 28px/1.3 "Open Sans",Arial,sans-serif;}
.forever-community.forever-editorial .fa-main .bt-row {color:var(--community-text);border-color:#ffffff26;}
.forever-community .bt-title {color:var(--community-gold);}
.forever-community.forever-editorial .bt-votes {color:var(--community-gold);border-color:#ffffff26;}
.forever-community.forever-editorial .bt-field,
.forever-community.forever-editorial .bt-field input[type=file] {color:var(--community-text);}
.forever-community.forever-editorial .bt input:not([type=file]):not([type=checkbox]):not([type=radio]):not([type=submit]),
.forever-community.forever-editorial .bt textarea,
.forever-community.forever-editorial .bt select {background:#17100c!important;border:1px solid #8b744e!important;color:var(--community-text)!important;box-shadow:none;font:400 14.4px/1.5 "Open Sans",Arial,sans-serif!important;}
.forever-community.forever-editorial .bt input::placeholder,
.forever-community.forever-editorial .bt textarea::placeholder {color:var(--community-muted);}
.forever-community .bt input[type=checkbox],.forever-community .bt input[type=radio] {accent-color:#c99536;}
.forever-community.forever-editorial .bt-body {font-size:14.4px;line-height:1.7;}
.forever-community.forever-editorial .bt-alto {color:#ff9e8b;background:#963e3226;}
.forever-community.forever-editorial .bt-medio {color:#f8cc65;background:#ae802026;}
.forever-community.forever-editorial .bt-bajo,
.forever-community.forever-editorial .bt-resolved {color:#9ed6ad;}
.forever-community.forever-editorial .bt-error,
.forever-community.forever-editorial .sp-error {color:#ffb6a5;border-color:#9e5d4d;background:#3e1b16;}
.forever-community.forever-editorial .fa-main .bt-danger {color:#ffb6a5;border-color:#9e5d4d;background:#3e1b16;}
.forever-community.forever-editorial .fa-main .bt-danger:hover {background:#56261e;}
.forever-community .sp-badge {border-radius:0;font-weight:600;}
.forever-community .sp-pending {color:#f8cc65;background:#ae802026;border-color:#8b744e;}
.forever-community .sp-resolved {color:#9ed6ad;background:#386c4426;border-color:#63886b;}
.forever-community .sp-upload {background:rgba(0,0,0,.3);border-color:#8b744e;border-radius:0;color:var(--community-text);}
.forever-community .sp-upload small {color:var(--community-muted);}
.forever-community .sp-plus {background:#ffffff08;color:var(--community-gold);}
.forever-community .sp-upload input {color:var(--community-text);}
.forever-community.forever-editorial .bt input[type=file] {background:#17100c!important;color:var(--community-text)!important;border:1px solid #8b744e!important;font:400 14px/1.5 "Open Sans",Arial,sans-serif!important;}
.forever-community .bt input[type=file]::file-selector-button {border:1px solid #8b744e;background:#2a1d13;color:var(--community-text);padding:6px 10px;margin-right:10px;font:inherit;cursor:pointer;}
@media(max-width:767px) {
  .forever-community .forever-community-main {padding:24px 0 48px;background-size:auto 1400px,auto;}
  .forever-community .forever-community-heading {padding:24px 20px;}
  .forever-community.forever-editorial .forever-page-panel {padding:24px 20px;}
  .forever-community.forever-editorial .fa-main h2 {font-size:18px;line-height:26px;}
  .forever-community.forever-editorial .bt-tools {align-items:stretch;}
  .forever-community.forever-editorial .bt-tools>.bt-btn {width:100%;}
  .forever-community.forever-editorial .bt-panel {padding:18px;}
  .forever-community.forever-editorial .bt {padding:24px 20px;}
  .forever-community.forever-editorial .fs-shop {padding:24px 20px;}
  .forever-community.forever-editorial .fs-shop-bar nav {width:100%;}
  .forever-community.forever-editorial .fs-shop-bar nav a {flex:1 1 auto;text-align:center;font-size:13px;padding:12px 10px;}
  .forever-community .fs-titanite-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
  .forever-community.forever-editorial .fs-shop .fs-titanite-pack h3 {font-size:18px!important;}
  .forever-community .fs-products {grid-template-columns:1fr;}
  .forever-community.forever-editorial .bt-stats {gap:10px;}
  .forever-community.forever-editorial .fa-main .bt-stats a {min-width:0;flex:1 1 140px;}
  .forever-community.forever-editorial .bt-search input {min-width:0;flex-basis:100%;}
  .forever-community.forever-editorial .bt-search select {flex:1;min-width:0;}
  .forever-community.forever-editorial .bt-field select {min-width:0;width:100%;}
  .forever-community .bt-images {grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));}
  .forever-community .sp-row {flex-wrap:wrap;}
  .forever-community .sp-badge {white-space:normal;}
}
@media(max-width:420px) {.forever-community .fs-titanite-grid {grid-template-columns:1fr;}}

/* How to play uses its own artwork without affecting the other community pages. */
.forever-community.forever-editorial-connect .forever-community-main {
  background-image:url("https://wallpapercave.com/wp/wp4578810.jpg");
  background-position:center top;
  background-repeat:no-repeat;
  background-size:cover;
  background-attachment:fixed;
}
/* Donation page artwork. */
.forever-community.forever-editorial-donate .forever-community-main {
  background-image:url("https://images.hdqwalls.com/wallpapers/world-of-warcraft-2020-4k-dz.jpg");
  background-position:center top;
  background-repeat:no-repeat;
  background-size:cover;
  background-attachment:fixed;
}
/* Bugtracker page artwork. */
.forever-community.forever-editorial-bugtracker .forever-community-main {
  background-image:url("https://sm.ign.com/ign_latam/screenshot/default/wow-forever-cinematic-still-8_1xby.jpg");
  background-position:center top;
  background-repeat:no-repeat;
  background-size:cover;
  background-attachment:fixed;
}
/* User-supplied artwork for Support. */
.forever-community.forever-editorial-support .forever-community-main {
  background-image:url("../images/support-background.webp");
  background-position:center top;
  background-repeat:no-repeat;
  background-size:cover;
  background-attachment:fixed;
}/* How to donate: the same dark panel as the rest of the donation shop. */
.forever-community.forever-editorial .fs-howto-steps li,.forever-community.forever-editorial .fs-howto-requirements,.forever-community.forever-editorial .fs-howto-tips{background:rgba(0,0,0,.3);border-color:var(--community-border);box-shadow:none;color:var(--community-text);}
.forever-community.forever-editorial .fs-howto h3{color:var(--community-gold);}
.forever-community.forever-editorial .fs-howto-steps li::before{border-color:#8b744e;color:var(--community-gold);}
.forever-community.forever-editorial .fs-howto .fs-howto-tips-title{color:var(--community-gold);}
.forever-community.forever-editorial .fs-howto-requirements a{color:var(--community-gold);}

/* Platform guides are already in the page: switching only changes visibility. */
.forever-community .forever-platform-switch {display:inline-flex;max-width:100%;margin:0 0 24px;border:1px solid var(--community-border);background:var(--community-panel);}
.forever-community .forever-platform-tab {display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;min-width:150px;padding:14px 24px;margin:0;border:0;border-right:1px solid var(--community-border);border-radius:0;background:transparent;color:var(--community-text);font:600 14.4px/1.5 "Open Sans",Arial,sans-serif;cursor:pointer;transition:none;}
.forever-community .forever-platform-tab:last-child {border-right:0;}
.forever-community .forever-platform-tab:hover {background:#ffffff08;color:var(--community-gold);}
.forever-community .forever-platform-tab[aria-selected="true"] {background:#c99536;color:#211510;--os-icon-cutout:#c99536;}
.forever-community .forever-platform-tab:focus-visible {position:relative;outline:2px solid var(--community-gold);outline-offset:3px;z-index:1;}
.forever-community .forever-platform-panel[hidden] {display:none!important;}
.forever-community .forever-platform-panel:focus-visible {outline:2px solid var(--community-gold);outline-offset:4px;}
.forever-community .forever-os-icon {display:inline-block;width:21px;height:21px;flex:0 0 21px;vertical-align:middle;}
.forever-community .forever-launcher-download {gap:12px;}
.forever-community.forever-editorial .forever-guide .forever-launcher-download + p,
.forever-community.forever-editorial .forever-guide .forever-launcher-download + .forever-guide-command {margin-top:20px;}
@media (max-width:600px) {
 .forever-community .forever-platform-switch {display:flex;width:100%;}
 .forever-community .forever-platform-tab {flex:1;min-width:0;gap:7px;padding:12px 8px;}
 .forever-community .forever-platform-tab .forever-os-icon {width:18px;height:18px;flex-basis:18px;}
}

.forever-community .forever-battlenet-download {gap:12px;}
.forever-community .forever-battlenet-icon {display:inline-block;width:21px;height:21px;flex:0 0 21px;vertical-align:middle;}