/* FlaroCity Spirit Beasts — Wiki Battles-template pass.
   Page-specific only. Preserves all Wiki content and links while applying the
   approved centered hero, single divider, ornate frame, translucent panels,
   8px spacing rhythm, and approved footer structure. */

html body main.approved-wiki-page {
    --wiki-width: 1780px;
    --wiki-frame: url("../../img/fcsb/ui/bboard.webp");
    --wiki-divider: url("../../img/fcsb/ratings/divider.webp");
    --wiki-gold: #f4d179;
    --wiki-copy: #ded2bd;
    --wiki-line: rgba(214, 164, 63, .34);
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 8px 0 0 !important;
    overflow: visible !important;
    background: transparent !important;
}

html body main.approved-wiki-page > section {
    width: min(var(--wiki-width), calc(100% - 56px)) !important;
    max-width: var(--wiki-width) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
}

/* Approved centered hero: title, subtitle, one divider, then quick links. */
html body main.approved-wiki-page > .approved-wiki-hero {
    position: relative !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    justify-items: center !important;
    align-content: start !important;
    min-height: 0 !important;
    margin: 0 auto 8px !important;
    padding: 18px 24px 18px !important;
    overflow: visible !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    text-align: center !important;
}

html body main.approved-wiki-page > .approved-wiki-hero::before,
html body main.approved-wiki-page > .approved-wiki-hero::after,
html body main.approved-wiki-page .wiki-hero-copy::before,
html body main.approved-wiki-page .wiki-hero-copy::after {
    display: none !important;
    content: none !important;
}

html body main.approved-wiki-page .wiki-hero-copy {
    display: grid !important;
    justify-items: center !important;
    width: 100% !important;
    max-width: 1120px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    transform: none !important;
    text-align: center !important;
}

html body main.approved-wiki-page .approved-wiki-hero h1 {
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    color: var(--wiki-gold) !important;
    font-family: var(--serif, Georgia, "Times New Roman", serif) !important;
    font-size: clamp(4rem, 5vw, 5.75rem) !important;
    font-weight: 500 !important;
    line-height: .98 !important;
    letter-spacing: -.02em !important;
    white-space: normal !important;
    text-align: center !important;
    transform: none !important;
}

html body main.approved-wiki-page .approved-wiki-hero > .wiki-hero-copy > p {
    width: min(920px, 100%) !important;
    max-width: 920px !important;
    margin: 14px auto 0 !important;
    padding: 0 !important;
    color: var(--wiki-copy) !important;
    font-size: clamp(1rem, 1.08vw, 1.18rem) !important;
    line-height: 1.5 !important;
    text-align: center !important;
}

html body main.approved-wiki-page .wiki-divider {
    display: block !important;
    width: min(760px, 82vw) !important;
    height: 58px !important;
    margin: 8px auto 0 !important;
    padding: 0 !important;
    background: var(--wiki-divider) center / 100% auto no-repeat !important;
    border: 0 !important;
    box-shadow: none !important;
    filter: none !important;
}

html body main.approved-wiki-page .approved-wiki-hero .hero-image-buttons {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    width: 100% !important;
    margin: 0 auto !important;
    padding: 0 !important;
}

html body main.approved-wiki-page .approved-wiki-hero .hero-image-buttons .image-button {
    display: inline-grid !important;
    place-items: center !important;
    min-width: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

html body main.approved-wiki-page .approved-wiki-hero .hero-image-buttons .image-button img {
    display: block !important;
    width: auto !important;
    height: 48px !important;
    max-width: 240px !important;
    object-fit: contain !important;
}

html body main.approved-wiki-page .approved-wiki-hero .hero-image-buttons .image-button span {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
    clip: rect(0 0 0 0) !important;
    white-space: nowrap !important;
}

/* One ornate Wiki frame with a compact navigation rail and readable content. */
html body main.approved-wiki-page > .approved-wiki-layout {
    position: relative !important;
    display: grid !important;
    grid-template-columns: 220px minmax(0, 1fr) !important;
    align-items: start !important;
    gap: 8px !important;
    margin: 0 auto !important;
    padding: 24px 26px 26px !important;
    overflow: visible !important;
    border: 28px solid transparent !important;
    border-radius: 0 !important;
    border-image-source: var(--wiki-frame) !important;
    border-image-slice: 95 125 90 125 !important;
    border-image-width: 28px 36px !important;
    border-image-outset: 0 !important;
    border-image-repeat: stretch !important;
    background:
        radial-gradient(circle at 50% 0, rgba(91, 31, 135, .13), transparent 38rem),
        rgba(2, 7, 10, .87) !important;
    box-shadow: 0 20px 55px rgba(0, 0, 0, .35) !important;
}

html body main.approved-wiki-page > .approved-wiki-layout::before,
html body main.approved-wiki-page > .approved-wiki-layout::after {
    display: none !important;
    content: none !important;
}

html body main.approved-wiki-page .wiki-nav {
    position: sticky !important;
    top: 96px !important;
    z-index: 4 !important;
    display: grid !important;
    gap: 0 !important;
    align-self: start !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: 1px solid rgba(213, 157, 48, .42) !important;
    border-radius: 2px !important;
    background:
        linear-gradient(135deg, rgba(61, 28, 87, .24), transparent 48%),
        rgba(1, 6, 9, .88) !important;
    box-shadow: inset 0 0 22px rgba(76, 30, 110, .08) !important;
}

html body main.approved-wiki-page .wiki-nav h2 {
    margin: 0 !important;
    padding: 18px 16px 14px !important;
    color: var(--wiki-gold) !important;
    font-family: var(--serif, Georgia, "Times New Roman", serif) !important;
    font-size: 1.35rem !important;
    line-height: 1.1 !important;
    text-align: center !important;
    border-bottom: 1px solid rgba(230, 185, 93, .20) !important;
}

html body main.approved-wiki-page .wiki-nav a {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    min-height: 48px !important;
    margin: 0 !important;
    padding: 0 16px 0 28px !important;
    color: #d9cdb8 !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(230, 185, 93, .12) !important;
    border-radius: 0 !important;
    background: transparent !important;
    font-size: .88rem !important;
    line-height: 1.25 !important;
    text-align: left !important;
}

html body main.approved-wiki-page .wiki-nav a::before {
    content: "◆" !important;
    position: absolute !important;
    left: 12px !important;
    color: #9d43d4 !important;
    font-size: .58rem !important;
}

html body main.approved-wiki-page .wiki-nav a:last-child {
    border-bottom: 0 !important;
}

html body main.approved-wiki-page .wiki-nav a:hover,
html body main.approved-wiki-page .wiki-nav a.active {
    color: #ffe49b !important;
    background: rgba(104, 40, 149, .22) !important;
}

html body main.approved-wiki-page .wiki-content {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

html body main.approved-wiki-page .wiki-card {
    position: relative !important;
    display: grid !important;
    gap: 12px !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 28px 30px !important;
    scroll-margin-top: 108px !important;
    border: 1px solid rgba(211, 159, 55, .38) !important;
    border-radius: 2px !important;
    background:
        linear-gradient(135deg, rgba(43, 24, 65, .24), transparent 42%),
        rgba(1, 6, 9, .76) !important;
    box-shadow: inset 0 0 26px rgba(70, 29, 102, .07) !important;
}

html body main.approved-wiki-page .wiki-card h2 {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    margin: 0 !important;
    padding: 0 0 10px !important;
    color: var(--wiki-gold) !important;
    font-family: var(--serif, Georgia, "Times New Roman", serif) !important;
    font-size: clamp(1.7rem, 1.7vw, 2.1rem) !important;
    font-weight: 700 !important;
    line-height: 1.12 !important;
    border-bottom: 1px solid rgba(230, 185, 93, .20) !important;
    text-align: left !important;
}

html body main.approved-wiki-page .wiki-section-number {
    display: inline-grid !important;
    place-items: center !important;
    flex: 0 0 30px !important;
    width: 30px !important;
    height: 30px !important;
    margin: 0 !important;
    border: 1px solid rgba(214, 156, 47, .72) !important;
    border-radius: 50% !important;
    color: #ffe396 !important;
    background: radial-gradient(circle, rgba(130, 50, 185, .66), rgba(46, 13, 69, .92)) !important;
    font: 700 .82rem/1 var(--sans, Arial, sans-serif) !important;
}

html body main.approved-wiki-page .wiki-card h2 .wiki-section-number + * {
    min-width: 0 !important;
}

html body main.approved-wiki-page .wiki-card > p,
html body main.approved-wiki-page .wiki-card li,
html body main.approved-wiki-page .wiki-rarity-table,
html body main.approved-wiki-page .wiki-anatomy-list,
html body main.approved-wiki-page .wiki-faq-list {
    color: var(--wiki-copy) !important;
    font-size: .96rem !important;
    line-height: 1.6 !important;
}

html body main.approved-wiki-page .wiki-card > p {
    margin: 0 !important;
}

html body main.approved-wiki-page .wiki-bullet-list {
    display: grid !important;
    gap: 7px !important;
    margin: 0 !important;
    padding-left: 22px !important;
}

html body main.approved-wiki-page .wiki-element-grid {
    display: grid !important;
    grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
    gap: 8px !important;
    margin: 2px 0 0 !important;
}

html body main.approved-wiki-page .wiki-element-grid > div {
    display: grid !important;
    justify-items: center !important;
    align-content: center !important;
    gap: 6px !important;
    min-width: 0 !important;
    min-height: 92px !important;
    padding: 10px 6px !important;
    border: 1px solid rgba(211, 159, 55, .30) !important;
    background: rgba(0, 4, 7, .68) !important;
    text-align: center !important;
}

html body main.approved-wiki-page .wiki-element-grid img {
    width: 48px !important;
    height: 48px !important;
    object-fit: contain !important;
}

html body main.approved-wiki-page .wiki-element-grid span {
    color: #ead8b7 !important;
    font-size: .84rem !important;
}

html body main.approved-wiki-page .wiki-rarity-table {
    display: grid !important;
    gap: 0 !important;
    overflow: hidden !important;
    border: 1px solid rgba(211, 159, 55, .28) !important;
    background: rgba(0, 4, 7, .60) !important;
}

html body main.approved-wiki-page .wiki-rarity-table > div {
    display: grid !important;
    grid-template-columns: 190px minmax(0, 1fr) 120px !important;
    align-items: center !important;
    gap: 14px !important;
    min-height: 54px !important;
    padding: 9px 14px !important;
    border-bottom: 1px solid rgba(230, 185, 93, .13) !important;
}

html body main.approved-wiki-page .wiki-rarity-table > div:last-child {
    border-bottom: 0 !important;
}

html body main.approved-wiki-page .wiki-rarity-head {
    color: #ffe398 !important;
    background: rgba(88, 31, 127, .18) !important;
}

html body main.approved-wiki-page .wiki-rarity-table strong,
html body main.approved-wiki-page .wiki-rarity-table em {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    color: #f0d895 !important;
    font-style: normal !important;
}

html body main.approved-wiki-page .wiki-rarity-table em {
    justify-content: flex-end !important;
}

html body main.approved-wiki-page .wiki-rarity-table img {
    width: 28px !important;
    height: 28px !important;
    object-fit: contain !important;
}

html body main.approved-wiki-page .wiki-anatomy {
    display: grid !important;
    grid-template-columns: minmax(300px, .78fr) minmax(360px, 1fr) !important;
    align-items: center !important;
    gap: 42px !important;
}

html body main.approved-wiki-page .wiki-anatomy-card {
    display: grid !important;
    place-items: center !important;
    min-height: 470px !important;
    padding: 18px !important;
    border: 1px solid rgba(211, 159, 55, .28) !important;
    background: rgba(0, 4, 7, .56) !important;
}

html body main.approved-wiki-page .wiki-anatomy-card img {
    display: block !important;
    width: 290px !important;
    max-width: 100% !important;
    max-height: 440px !important;
    object-fit: contain !important;
    filter: drop-shadow(0 14px 24px rgba(0, 0, 0, .52)) !important;
}

html body main.approved-wiki-page .wiki-anatomy-list {
    display: grid !important;
    gap: 10px !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    counter-reset: anatomy !important;
}

html body main.approved-wiki-page .wiki-anatomy-list li {
    counter-increment: anatomy !important;
    display: grid !important;
    grid-template-columns: 34px 150px minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 12px !important;
    min-height: 58px !important;
    padding: 10px 14px !important;
    border: 1px solid rgba(211, 159, 55, .25) !important;
    background: rgba(0, 4, 7, .58) !important;
}

html body main.approved-wiki-page .wiki-anatomy-list li::before {
    content: counter(anatomy) !important;
    display: grid !important;
    place-items: center !important;
    width: 30px !important;
    height: 30px !important;
    border-radius: 50% !important;
    color: #ffe49a !important;
    background: linear-gradient(145deg, #8f35c8, #3b0e59) !important;
    font-weight: 700 !important;
}

html body main.approved-wiki-page .wiki-anatomy-list strong {
    color: #f5d987 !important;
}

html body main.approved-wiki-page .wiki-feature-grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 8px !important;
}

html body main.approved-wiki-page .wiki-feature-grid > section {
    display: grid !important;
    justify-items: center !important;
    align-content: center !important;
    gap: 8px !important;
    min-width: 0 !important;
    min-height: 166px !important;
    padding: 18px 14px !important;
    border: 1px solid rgba(211, 159, 55, .30) !important;
    background: rgba(0, 4, 7, .63) !important;
    text-align: center !important;
}

html body main.approved-wiki-page .wiki-feature-grid img {
    width: 60px !important;
    height: 60px !important;
    object-fit: contain !important;
}

html body main.approved-wiki-page .wiki-feature-grid h3 {
    margin: 0 !important;
    color: #f3d884 !important;
    font-family: var(--serif, Georgia, "Times New Roman", serif) !important;
    font-size: 1.2rem !important;
    line-height: 1.1 !important;
}

html body main.approved-wiki-page .wiki-feature-grid p {
    margin: 0 !important;
    color: var(--wiki-copy) !important;
    font-size: .84rem !important;
    line-height: 1.48 !important;
}

html body main.approved-wiki-page .wiki-deep-link {
    text-align: center !important;
}

html body main.approved-wiki-page .wiki-deep-link a {
    color: #d786ff !important;
}

html body main.approved-wiki-page .wiki-faq-list {
    display: grid !important;
    gap: 8px !important;
}

html body main.approved-wiki-page .wiki-faq-list details {
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: 1px solid rgba(211, 159, 55, .27) !important;
    background: rgba(0, 4, 7, .60) !important;
}

html body main.approved-wiki-page .wiki-faq-list summary {
    padding: 14px 16px !important;
    color: #ead7ad !important;
    cursor: pointer !important;
}

html body main.approved-wiki-page .wiki-faq-list details p {
    margin: 0 !important;
    padding: 0 16px 16px !important;
    color: var(--wiki-copy) !important;
}

/* Exact approved Battles-style footer arrangement for this page. */
html body:has(main.approved-wiki-page) .site-footer {
    width: min(1660px, calc(100% - 240px)) !important;
    max-width: 1660px !important;
    margin: 8px auto 0 !important;
    padding: 18px 0 20px !important;
    box-sizing: border-box !important;
    display: grid !important;
    grid-template-columns: minmax(280px, 1fr) auto minmax(280px, 1fr) !important;
    grid-template-areas:
        "brand status links"
        "legal legal legal" !important;
    align-items: center !important;
    gap: 10px 28px !important;
    border-top: 1px solid rgba(204, 158, 61, .24) !important;
    background: transparent !important;
    text-align: left !important;
}

html body:has(main.approved-wiki-page) .site-footer > div:first-child {
    grid-area: brand !important;
    display: grid !important;
    justify-items: start !important;
    gap: 2px !important;
    margin: 0 !important;
    text-align: left !important;
}

html body:has(main.approved-wiki-page) .site-footer > div:first-child strong {
    color: #f0cf78 !important;
}

html body:has(main.approved-wiki-page) .site-footer .footer-status {
    grid-area: status !important;
    justify-self: center !important;
    margin: 0 !important;
    text-align: center !important;
}

html body:has(main.approved-wiki-page) .site-footer .footer-links {
    grid-area: links !important;
    justify-self: end !important;
    display: flex !important;
    justify-content: flex-end !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 14px !important;
    margin: 0 !important;
    text-align: right !important;
}

html body:has(main.approved-wiki-page) .site-footer .footer-legal {
    grid-area: legal !important;
    justify-self: center !important;
    margin: 0 !important;
    color: #d6b85f !important;
    text-align: center !important;
}

@media (max-width: 1280px) {
    html body main.approved-wiki-page > .approved-wiki-layout {
        grid-template-columns: 190px minmax(0, 1fr) !important;
    }

    html body main.approved-wiki-page .wiki-element-grid {
        grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    }

    html body main.approved-wiki-page .wiki-feature-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 980px) {
    html body main.approved-wiki-page > .approved-wiki-layout {
        grid-template-columns: 1fr !important;
    }

    html body main.approved-wiki-page .wiki-nav {
        position: static !important;
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }

    html body main.approved-wiki-page .wiki-nav h2 {
        grid-column: 1 / -1 !important;
    }

    html body main.approved-wiki-page .wiki-nav a {
        justify-content: center !important;
        padding: 0 10px !important;
        border-right: 1px solid rgba(230, 185, 93, .12) !important;
        text-align: center !important;
    }

    html body main.approved-wiki-page .wiki-nav a::before {
        display: none !important;
    }

    html body main.approved-wiki-page .wiki-anatomy {
        grid-template-columns: 1fr !important;
    }

    html body:has(main.approved-wiki-page) .site-footer {
        width: min(100% - 40px, 1000px) !important;
        grid-template-columns: 1fr !important;
        grid-template-areas:
            "brand"
            "status"
            "links"
            "legal" !important;
        justify-items: center !important;
        text-align: center !important;
    }

    html body:has(main.approved-wiki-page) .site-footer > div:first-child,
    html body:has(main.approved-wiki-page) .site-footer .footer-links {
        justify-self: center !important;
        justify-items: center !important;
        justify-content: center !important;
        text-align: center !important;
    }
}

@media (max-width: 700px) {
    html body main.approved-wiki-page > section {
        width: calc(100% - 24px) !important;
    }

    html body main.approved-wiki-page > .approved-wiki-hero {
        padding: 14px 8px 16px !important;
    }

    html body main.approved-wiki-page .approved-wiki-hero h1 {
        font-size: clamp(3rem, 14vw, 4.15rem) !important;
    }

    html body main.approved-wiki-page .wiki-divider {
        width: min(94vw, 620px) !important;
        height: 48px !important;
    }

    html body main.approved-wiki-page .approved-wiki-hero .hero-image-buttons .image-button img {
        height: 44px !important;
        max-width: 46vw !important;
    }

    html body main.approved-wiki-page > .approved-wiki-layout {
        padding: 14px 10px 16px !important;
        border-width: 20px !important;
        border-image-width: 20px 26px !important;
    }

    html body main.approved-wiki-page .wiki-nav {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    html body main.approved-wiki-page .wiki-card {
        padding: 22px 16px !important;
    }

    html body main.approved-wiki-page .wiki-card h2 {
        font-size: 1.55rem !important;
    }

    html body main.approved-wiki-page .wiki-element-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }

    html body main.approved-wiki-page .wiki-rarity-table > div {
        grid-template-columns: 1fr !important;
        gap: 7px !important;
    }

    html body main.approved-wiki-page .wiki-rarity-table em {
        justify-content: flex-start !important;
    }

    html body main.approved-wiki-page .wiki-anatomy-list li {
        grid-template-columns: 34px 1fr !important;
    }

    html body main.approved-wiki-page .wiki-anatomy-list li span {
        grid-column: 2 !important;
    }

    html body main.approved-wiki-page .wiki-feature-grid {
        grid-template-columns: 1fr !important;
    }

    html body:has(main.approved-wiki-page) .site-footer {
        width: calc(100% - 24px) !important;
    }
}


/* FSB_WIKI_PACK_GUIDE_RESTORE_20260711 */
html body main.approved-wiki-page .wiki-pack-grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 8px !important;
    margin-top: 16px !important;
}

html body main.approved-wiki-page .wiki-pack-card {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    min-width: 0 !important;
    padding: 18px 14px !important;
    border: 1px solid rgba(211, 159, 55, .30) !important;
    background:
        radial-gradient(circle at 50% 25%, rgba(112, 42, 170, .13), transparent 46%),
        rgba(0, 4, 7, .67) !important;
    text-align: center !important;
}

html body main.approved-wiki-page .wiki-pack-card > img {
    width: min(118px, 72%) !important;
    height: 178px !important;
    object-fit: contain !important;
    filter: drop-shadow(0 8px 12px rgba(0, 0, 0, .62)) !important;
}

html body main.approved-wiki-page .wiki-pack-card h3 {
    margin: 10px 0 6px !important;
    color: #f3d884 !important;
    font-family: var(--serif, Georgia, "Times New Roman", serif) !important;
    font-size: 1.2rem !important;
}

html body main.approved-wiki-page .wiki-pack-card > p {
    min-height: 58px !important;
    margin: 0 0 10px !important;
    color: var(--wiki-copy) !important;
    font-size: .82rem !important;
    line-height: 1.45 !important;
}

html body main.approved-wiki-page .wiki-pack-card dl {
    width: 100% !important;
    margin: auto 0 0 !important;
    padding: 8px 10px !important;
    border: 1px solid rgba(211, 159, 55, .24) !important;
    background: rgba(0, 3, 5, .56) !important;
}

html body main.approved-wiki-page .wiki-pack-card dl div {
    display: flex !important;
    justify-content: space-between !important;
    gap: 12px !important;
    min-height: 24px !important;
    border-bottom: 1px solid rgba(211, 159, 55, .12) !important;
    color: var(--wiki-copy) !important;
    font-size: .78rem !important;
}

html body main.approved-wiki-page .wiki-pack-card dl div:last-child {
    border-bottom: 0 !important;
}

html body main.approved-wiki-page .wiki-pack-card dt,
html body main.approved-wiki-page .wiki-pack-card dd {
    margin: 0 !important;
}

html body main.approved-wiki-page .wiki-pack-card dd {
    color: #ffe8a5 !important;
    font-weight: 700 !important;
}

html body main.approved-wiki-page .wiki-pack-steps {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 8px !important;
    margin-top: 8px !important;
}

html body main.approved-wiki-page .wiki-pack-steps section {
    display: grid !important;
    gap: 5px !important;
    align-content: center !important;
    min-height: 96px !important;
    padding: 14px !important;
    border: 1px solid rgba(211, 159, 55, .27) !important;
    background: rgba(0, 4, 7, .60) !important;
    text-align: center !important;
}

html body main.approved-wiki-page .wiki-pack-steps strong {
    color: #f3d884 !important;
    font-family: var(--serif, Georgia, "Times New Roman", serif) !important;
}

html body main.approved-wiki-page .wiki-pack-steps span {
    color: var(--wiki-copy) !important;
    font-size: .82rem !important;
    line-height: 1.45 !important;
}

@media (max-width: 1280px) {
    html body main.approved-wiki-page .wiki-pack-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 700px) {
    html body main.approved-wiki-page .wiki-pack-grid,
    html body main.approved-wiki-page .wiki-pack-steps {
        grid-template-columns: 1fr !important;
    }
}

/* FSB_MULTI_PAGE_WIDTH_LOAD_WIKI_POLISH_20260711
   Lock Wiki to the approved lane and bring the first ornate frame upward. */
html body main.approved-wiki-page > section,
html body main.approved-wiki-page > .approved-wiki-layout {
    width: min(calc(100% - 56px), 1780px) !important;
    max-width: 1780px !important;
    box-sizing: border-box !important;
}
html body main.approved-wiki-page > .approved-wiki-hero {
    margin-bottom: 0 !important;
    padding-bottom: 8px !important;
}
html body main.approved-wiki-page > .approved-wiki-layout {
    margin: -10px auto 0 !important;
}
html body:has(main.approved-wiki-page) footer.site-footer,
html body:has(main.approved-wiki-page) .site-footer.site-footer {
    width: min(calc(100% - 56px), 1780px) !important;
    max-width: 1780px !important;
    box-sizing: border-box !important;
}
@media (max-width: 820px) {
    html body main.approved-wiki-page > section,
    html body main.approved-wiki-page > .approved-wiki-layout,
    html body:has(main.approved-wiki-page) footer.site-footer,
    html body:has(main.approved-wiki-page) .site-footer.site-footer {
        width: calc(100% - 24px) !important;
    }
    html body main.approved-wiki-page > .approved-wiki-layout {
        margin-top: 0 !important;
    }
}
/* END_FSB_MULTI_PAGE_WIDTH_LOAD_WIKI_POLISH_20260711 */




/* FSB_FOUR_PAGE_FINAL_WIKI_CLEANUP_20260711 */
html body main.approved-wiki-page > .approved-wiki-layout,
html body:has(main.approved-wiki-page) footer.site-footer {
    width: min(calc(100% - 56px), 1780px) !important;
    max-width: 1780px !important;
    box-sizing: border-box !important;
}
html body main.approved-wiki-page > .approved-wiki-hero {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}
html body main.approved-wiki-page > .approved-wiki-layout {
    margin: -18px auto 0 !important;
}
@media (max-width:820px) {
  html body main.approved-wiki-page > .approved-wiki-layout,
  html body:has(main.approved-wiki-page) footer.site-footer { width:calc(100% - 24px) !important; }
  html body main.approved-wiki-page > .approved-wiki-layout { margin-top:0 !important; }
}
/* END_FSB_FOUR_PAGE_FINAL_WIKI_CLEANUP_20260711 */


/* FSB_DOCS_BATTLES_WIDTH_BUTTONS_FIX_20260711 START */
/* Docs-only cleanup: match the approved Battles page width and keep hero buttons clear. */
html body main.approved-wiki-page {
    --fsb-wiki-page-width: 1860px;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

html body main.approved-wiki-page > .wiki-hero,
html body main.approved-wiki-page > .approved-wiki-layout {
    width: min(var(--fsb-wiki-page-width), calc(100% - 36px)) !important;
    max-width: var(--fsb-wiki-page-width) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
}

/* Keep the hero content above the next section and give the image buttons their own lane. */
html body main.approved-wiki-page > .wiki-hero {
    position: relative !important;
    z-index: 3 !important;
    overflow: visible !important;
    min-height: 300px !important;
    padding: 28px 24px 72px !important;
    margin-bottom: 8px !important;
}

html body main.approved-wiki-page .wiki-hero-copy {
    position: relative !important;
    z-index: 4 !important;
    width: min(980px, 100%) !important;
    max-width: 980px !important;
    margin: 0 auto !important;
    text-align: center !important;
    overflow: visible !important;
}

html body main.approved-wiki-page .wiki-divider {
    position: relative !important;
    z-index: 1 !important;
    margin-bottom: 8px !important;
}

html body main.approved-wiki-page .hero-image-buttons {
    position: relative !important;
    z-index: 10 !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
    width: 100% !important;
    margin: 6px auto 0 !important;
    padding: 4px 0 10px !important;
    transform: none !important;
    overflow: visible !important;
}

html body main.approved-wiki-page .hero-image-buttons .image-button {
    position: relative !important;
    z-index: 11 !important;
    flex: 0 0 auto !important;
    margin: 0 !important;
    transform: none !important;
}

/* Pull the ornate guide frame up without covering the quick-link buttons. */
html body main.approved-wiki-page > .approved-wiki-layout {
    position: relative !important;
    z-index: 1 !important;
    margin-top: -18px !important;
    padding: 28px 30px 34px !important;
    grid-template-columns: 230px minmax(0, 1fr) !important;
    gap: 18px !important;
}

html body main.approved-wiki-page .wiki-nav {
    width: 100% !important;
    min-width: 0 !important;
}

html body main.approved-wiki-page .wiki-content {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
}

html body main.approved-wiki-page .wiki-card,
html body main.approved-wiki-page .wiki-rarity-table,
html body main.approved-wiki-page .wiki-anatomy,
html body main.approved-wiki-page .wiki-feature-grid,
html body main.approved-wiki-page .wiki-pack-grid,
html body main.approved-wiki-page .wiki-pack-steps {
    width: 100% !important;
    max-width: none !important;
    box-sizing: border-box !important;
}

/* Match the approved Battles footer lane. */
html body:has(main.approved-wiki-page) .site-footer {
    width: min(1660px, calc(100% - 240px)) !important;
    max-width: 1660px !important;
    margin: 8px auto 0 !important;
    box-sizing: border-box !important;
}

@media (max-width: 1100px) {
    html body main.approved-wiki-page > .approved-wiki-layout {
        grid-template-columns: 1fr !important;
        margin-top: 0 !important;
    }

    html body main.approved-wiki-page .wiki-nav {
        position: static !important;
    }
}

@media (max-width: 980px) {
    html body main.approved-wiki-page > .wiki-hero,
    html body main.approved-wiki-page > .approved-wiki-layout,
    html body:has(main.approved-wiki-page) .site-footer {
        width: min(100% - 12px, var(--fsb-wiki-page-width)) !important;
    }

    html body main.approved-wiki-page > .wiki-hero {
        min-height: 0 !important;
        padding: 22px 12px 54px !important;
    }

    html body:has(main.approved-wiki-page) .site-footer {
        padding-left: 12px !important;
        padding-right: 12px !important;
    }
}
/* FSB_DOCS_BATTLES_WIDTH_BUTTONS_FIX_20260711 END */

/* FSB_DOCS_BATTLE_EXACT_WIDTH_UP_20260711 START */
/* Exact Docs alignment pass: use the final approved Battles page lane. */
html body main.approved-wiki-page {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

/* Battles final override uses 1780px with a 56px viewport gutter. */
html body main.approved-wiki-page > section.wiki-hero.approved-wiki-hero,
html body main.approved-wiki-page > section.wiki-layout.approved-wiki-layout {
    width: min(calc(100% - 56px), 1780px) !important;
    max-width: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
}

/* Keep the hero centered but reduce the dead area below its buttons. */
html body main.approved-wiki-page > section.wiki-hero.approved-wiki-hero {
    min-height: 0 !important;
    padding-bottom: 38px !important;
    margin-bottom: 0 !important;
    overflow: visible !important;
}

html body main.approved-wiki-page .hero-image-buttons {
    position: relative !important;
    z-index: 20 !important;
    margin-top: 6px !important;
    margin-bottom: 0 !important;
    padding-bottom: 4px !important;
    transform: none !important;
}

html body main.approved-wiki-page .hero-image-buttons .image-button {
    position: relative !important;
    z-index: 21 !important;
}

/* Bring the ornate Wiki box up slightly, without touching the buttons. */
html body main.approved-wiki-page > section.wiki-layout.approved-wiki-layout {
    margin-top: -24px !important;
    grid-template-columns: 230px minmax(0, 1fr) !important;
    gap: 18px !important;
    padding: 28px 30px 34px !important;
}

html body main.approved-wiki-page .wiki-content,
html body main.approved-wiki-page .wiki-card,
html body main.approved-wiki-page .wiki-rarity-table,
html body main.approved-wiki-page .wiki-anatomy,
html body main.approved-wiki-page .wiki-feature-grid,
html body main.approved-wiki-page .wiki-pack-grid,
html body main.approved-wiki-page .wiki-pack-steps {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
}

/* Match the Battles footer lane exactly. */
html body:has(main.approved-wiki-page) .site-footer {
    width: min(calc(100% - 36px), 1780px) !important;
    max-width: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
}

@media (max-width: 1100px) {
    html body main.approved-wiki-page > section.wiki-layout.approved-wiki-layout {
        grid-template-columns: 1fr !important;
        margin-top: -10px !important;
    }
}

@media (max-width: 620px) {
    html body main.approved-wiki-page > section.wiki-hero.approved-wiki-hero,
    html body main.approved-wiki-page > section.wiki-layout.approved-wiki-layout {
        width: calc(100% - 20px) !important;
    }

    html body:has(main.approved-wiki-page) .site-footer {
        width: calc(100% - 20px) !important;
    }
}
/* FSB_DOCS_BATTLE_EXACT_WIDTH_UP_20260711 END */