.forticlad-main {
            min-height: calc(100vh - 170px);
            color: #181311;
            background: #fbf7f2
        }

        .forticlad-wrap {
            width: var(--content);
            margin: 0 auto;
            padding: 48px 0 78px
        }

        .forticlad-back {
            display: inline-flex;
            margin-bottom: 28px;
            color: #554c46;
            font-size: 10px;
            font-weight: 950;
            letter-spacing: .09em;
            text-decoration: none;
            text-transform: uppercase
        }

        .forticlad-back:hover { color: #d94b22 }
        .forticlad-back::before { margin-right: 8px; content: '←' }

        .forticlad-intro {
            max-width: 760px;
            margin-bottom: 34px
        }

        .forticlad-kicker {
            margin: 0 0 12px;
            color: #d94b22;
            font-size: 10px;
            font-weight: 950;
            letter-spacing: .15em;
            text-transform: uppercase
        }

        .forticlad-intro h1,
        .forticlad-table-heading h2 {
            font-family: Impact, Arial Black, sans-serif;
            font-weight: 500;
            text-transform: uppercase
        }

        .forticlad-intro h1 {
            margin: 0;
            font-size: clamp(42px, 5vw, 66px);
            line-height: .96
        }

        .forticlad-intro > p:last-child {
            margin: 18px 0 0;
            color: #665d56;
            font-size: 16px;
            line-height: 1.65
        }

        .forticlad-calculator {
            margin-bottom: 48px;
            overflow: hidden;
            border: 1px solid #d9d0c6;
            border-radius: 5px;
            background: #f8f5f0;
            box-shadow: 0 18px 45px rgba(63, 40, 29, .08)
        }

        .forticlad-calculator-intro {
            padding: 26px 26px 20px;
            border-bottom: 1px solid #ded5cc
        }

        .forticlad-calculator h2,
        .forticlad-results h3 {
            margin: 0;
            font-family: Impact, Arial Black, sans-serif;
            font-weight: 500;
            text-transform: uppercase
        }

        .forticlad-calculator h2 { font-size: 31px }

        .forticlad-calculator-intro > p,
        .forticlad-mode-copy {
            margin: 9px 0 0;
            color: #665d56;
            font-size: 13px;
            line-height: 1.55
        }

        .forticlad-modes {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 8px;
            padding: 12px;
            background: #eee7df
        }

        .forticlad-mode-button {
            min-height: 48px;
            padding: 10px 16px;
            border: 1px solid transparent;
            border-radius: 4px;
            color: #685a52;
            background: transparent;
            cursor: pointer;
            font: inherit;
            font-size: 11px;
            font-weight: 950;
            letter-spacing: .04em;
            text-transform: uppercase;
            transition: .18s ease
        }

        .forticlad-mode-button:hover { color: #d94b22 }

        .forticlad-mode-button[aria-selected="true"] {
            border-color: #d6c9bd;
            color: #fff;
            background: linear-gradient(135deg, #2a1b16, #59301f);
            box-shadow: 0 7px 18px rgba(53, 30, 20, .18)
        }

        .forticlad-mode-panel { padding: 26px }
        .forticlad-mode-panel[hidden] { display: none }
        .forticlad-mode-copy { margin-top: 0 }

        .forticlad-fields {
            display: grid;
            grid-template-columns: repeat(4, minmax(0, 1fr));
            gap: 14px;
            margin-top: 20px
        }

        .forticlad-field label {
            display: block;
            min-height: 30px;
            margin-bottom: 7px;
            color: #6e5f56;
            font-size: 9px;
            font-weight: 950;
            letter-spacing: .06em;
            line-height: 1.35;
            text-transform: uppercase
        }

        .forticlad-field select,
        .forticlad-field input {
            width: 100%;
            min-height: 48px;
            padding: 0 13px;
            border: 1px solid #cfc3b8;
            border-radius: 4px;
            outline: 0;
            color: #241b17;
            background: #fff;
            font: inherit;
            font-size: 14px;
            font-weight: 800
        }

        .forticlad-field select:focus,
        .forticlad-field input:focus {
            border-color: #d65728;
            box-shadow: 0 0 0 3px rgba(214, 87, 40, .12)
        }

        .forticlad-inventory-fields {
            grid-template-columns: repeat(2, minmax(0, 1fr))
        }

        .forticlad-results {
            margin-top: 22px;
            padding-top: 21px;
            border-top: 1px solid #ded5cc
        }

        .forticlad-results h3 {
            color: #4f372d;
            font-size: 19px
        }

        .forticlad-result-grid {
            display: grid;
            grid-template-columns: 1.25fr repeat(3, minmax(0, 1fr));
            gap: 10px;
            margin-top: 14px
        }

        .forticlad-plan-summary {
            display: grid;
            grid-template-columns: repeat(4, minmax(0, 1fr));
            gap: 10px;
            margin-top: 14px
        }

        .forticlad-summary-card {
            min-height: 92px;
            display: grid;
            align-content: center;
            justify-items: center;
            gap: 6px;
            padding: 14px;
            border: 1px solid #ded5cc;
            border-top: 3px solid #d65728;
            border-radius: 4px;
            text-align: center;
            background: #fff
        }

        .forticlad-summary-card:nth-child(2) { border-top-color: #a9623f }
        .forticlad-summary-card:nth-child(3) { border-top-color: #cc7a22 }
        .forticlad-summary-card:nth-child(4) { border-top-color: #834c35 }

        .forticlad-summary-card img {
            width: 34px;
            height: 34px;
            object-fit: contain
        }

        .forticlad-summary-card strong {
            color: #281b16;
            font-size: 21px;
            font-weight: 950;
            line-height: 1
        }

        .forticlad-summary-card span {
            color: #756860;
            font-size: 8px;
            font-weight: 900;
            letter-spacing: .055em;
            line-height: 1.3;
            text-transform: uppercase
        }

        .forticlad-result-card {
            min-height: 104px;
            display: flex;
            align-items: center;
            flex-direction: column;
            justify-content: center;
            gap: 5px;
            padding: 13px;
            border: 1px solid #ded5cc;
            border-radius: 4px;
            text-align: center;
            background: #fff
        }

        .forticlad-result-card img {
            width: 36px;
            height: 36px;
            object-fit: contain
        }

        .forticlad-result-card strong {
            color: #281b16;
            font-size: 19px;
            font-weight: 950;
            line-height: 1.15
        }

        .forticlad-result-card span {
            color: #756860;
            font-size: 9px;
            font-weight: 900;
            letter-spacing: .04em;
            line-height: 1.3;
            text-transform: uppercase
        }

        .forticlad-inventory-hint {
            margin: 17px 0 0;
            color: #746861;
            font-size: 11px;
            line-height: 1.5
        }

        .forticlad-stage-help {
            margin: 10px 0 0;
            color: #8a6254;
            font-size: 10px;
            line-height: 1.45
        }

        .forticlad-possibilities {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 10px;
            margin-top: 14px
        }

        .forticlad-possibility {
            display: grid;
            grid-template-columns: minmax(0, 1fr);
            gap: 10px;
            padding: 15px;
            border: 1px solid #ded5cc;
            border-left: 4px solid #b8aaa0;
            border-radius: 4px;
            background: #fff
        }

        .forticlad-possibility[data-forticlad-building] {
            border-left-color: #c74f42;
            background: #fffaf9
        }

        .forticlad-possibility.is-upgradeable {
            border-left-color: #2f8a57;
            background: #f7fff9
        }

        .forticlad-possibility.is-max-level {
            border-left-color: #47745b;
            background: #f7fbf8
        }

        .forticlad-possibility strong {
            color: #30241f;
            font-size: 14px;
            line-height: 1.35
        }

        .forticlad-building-heading {
            display: flex;
            min-height: 48px;
            align-items: center;
            justify-content: center;
            gap: 10px;
            text-align: center
        }

        .forticlad-building-icon {
            width: 48px;
            height: 48px;
            flex: 0 0 48px;
            object-fit: contain
        }

        .forticlad-building-icon[hidden] { display: none }

        .forticlad-building-fields {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 9px
        }

        .forticlad-building-fields--three {
            grid-template-columns: repeat(3, minmax(0, 1fr))
        }

        .forticlad-building-field {
            display: grid;
            gap: 5px
        }

        .forticlad-building-field > span {
            min-height: 24px;
            color: #756860;
            font-size: 8px;
            font-weight: 900;
            letter-spacing: .04em;
            line-height: 1.3;
            text-transform: uppercase
        }

        .forticlad-building-field select,
        .forticlad-building-field input {
            width: 100%;
            min-width: 0;
            min-height: 54px;
            box-sizing: border-box;
            padding: 0 12px;
            border: 1px solid #cfc3b8;
            border-radius: 4px;
            outline: 0;
            color: #241b17;
            background: #fff;
            font: inherit;
            font-size: 14px;
            font-weight: 850;
            text-align: center;
            text-align-last: center
        }

        .forticlad-building-field select:focus,
        .forticlad-building-field input:focus {
            border-color: #d65728;
            box-shadow: 0 0 0 3px rgba(214, 87, 40, .12)
        }

        .forticlad-building-field input:disabled {
            color: #988b83;
            background: #eee8e1
        }

        .forticlad-card-resources {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 8px
        }

        .forticlad-card-resource {
            display: grid;
            grid-template-columns: 34px minmax(0, 1fr);
            grid-template-rows: auto auto;
            align-items: center;
            gap: 1px 8px;
            min-width: 0;
            padding: 9px;
            border: 1px solid #e4dbd3;
            border-radius: 4px;
            background: #faf7f3
        }

        .forticlad-card-resource img {
            grid-row: 1 / 3;
            width: 34px;
            height: 34px;
            object-fit: contain
        }

        .forticlad-card-resource strong {
            overflow-wrap: anywhere;
            font-size: 16px;
            line-height: 1
        }

        .forticlad-card-resource span {
            color: #756860;
            font-size: 7px;
            font-weight: 900;
            letter-spacing: .035em;
            line-height: 1.25;
            text-transform: uppercase
        }

        .forticlad-field .forticlad-resource-input-label {
            display: flex;
            min-height: 64px;
            align-items: center;
            flex-direction: column;
            justify-content: flex-end;
            gap: 4px;
            text-align: center
        }

        .forticlad-resource-input-label img {
            width: 42px;
            height: 42px;
            object-fit: contain
        }

        .forticlad-possibility > span {
            padding-top: 9px;
            border-top: 1px solid #e9e1da;
            color: #d65728;
            font-size: 11px;
            font-weight: 950;
            text-align: left
        }

        .forticlad-possibility[data-forticlad-building] > span { color: #b43f34 }
        .forticlad-possibility.is-upgradeable > span,
        .forticlad-possibility.is-max-level > span { color: #28774a }

        .forticlad-possibility small {
            grid-column: 1 / -1;
            color: #7b6f68;
            font-size: 10px;
            line-height: 1.45
        }

        .forticlad-detail {
            margin-top: 28px;
            padding-top: 24px;
            border-top: 1px solid #ded5cc
        }

        .forticlad-detail-heading {
            display: flex;
            align-items: flex-end;
            justify-content: space-between;
            gap: 24px;
            margin-bottom: 15px
        }

        .forticlad-detail-heading h3 {
            margin: 0;
            color: #30201a;
            font-family: Impact, Arial Black, sans-serif;
            font-size: 24px;
            font-weight: 500;
            text-transform: uppercase
        }

        .forticlad-detail-heading p {
            max-width: 430px;
            margin: 0;
            color: #746861;
            font-size: 11px;
            line-height: 1.5;
            text-align: right
        }

        .forticlad-detail-table-wrap {
            overflow-x: auto;
            border: 1px solid #d9d0c6;
            border-radius: 4px;
            background: #fff
        }

        .forticlad-detail-table {
            width: 100%;
            min-width: 760px;
            border-collapse: collapse
        }

        .forticlad-detail-table th,
        .forticlad-detail-table td {
            padding: 11px 13px;
            border-bottom: 1px solid #e5ddd6;
            text-align: right
        }

        .forticlad-detail-table th {
            color: #835f51;
            background: #fbf0e9;
            font-size: 8px;
            font-weight: 950;
            letter-spacing: .06em;
            text-transform: uppercase
        }

        .forticlad-detail-table th:first-child,
        .forticlad-detail-table td:first-child { text-align: left }

        .forticlad-detail-table td {
            color: #493e37;
            font-size: 10px;
            font-weight: 800
        }

        .forticlad-detail-table tbody tr:last-child td { border-bottom: 0 }
        .forticlad-detail-table td:first-child { color: #251d19; font-weight: 950 }

        .forticlad-detail-empty {
            margin: 13px 0 0;
            color: #82766e;
            font-size: 11px
        }

        .forticlad-detail-empty[hidden] { display: none }

        .forticlad-table-heading {
            display: flex;
            align-items: center;
            flex-direction: column;
            justify-content: center;
            gap: 24px;
            margin-bottom: 18px;
            text-align: center
        }

        .forticlad-table-heading h2 {
            margin: 0;
            font-size: 31px;
            line-height: 1
        }

        .forticlad-table-heading p {
            max-width: 520px;
            margin: 0;
            color: #665d56;
            font-size: 12px;
            line-height: 1.55
        }

        .forticlad-levels {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 18px
        }

        .forticlad-level-card {
            overflow: hidden;
            border: 1px solid #d9d0c6;
            border-radius: 3px;
            background: #f8f5f0
        }

        .forticlad-level-header {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 16px;
            min-height: 70px;
            padding: 14px 18px;
            border-bottom: 1px solid #ded5cc;
            background: linear-gradient(135deg, #241a16, #3b2017);
            color: #fff
        }

        .forticlad-level-title {
            display: flex;
            align-items: center;
            gap: 11px
        }

        .forticlad-level-image {
            display: block;
            width: 52px;
            height: 52px;
            flex: 0 0 52px;
            object-fit: contain;
            image-rendering: auto
        }

        .forticlad-level-title strong {
            font-size: 12px;
            letter-spacing: .08em;
            text-transform: uppercase
        }

        .forticlad-coming-soon {
            color: #9b4b2d;
            font-weight: 900;
            letter-spacing: .06em;
            text-align: center;
            text-transform: uppercase
        }

        .forticlad-level-header > span {
            color: #d7c5bb;
            font-size: 9px;
            font-weight: 900;
            letter-spacing: .08em;
            text-transform: uppercase
        }

        .forticlad-table {
            width: 100%;
            border-collapse: collapse;
            table-layout: fixed;
            min-width: 560px
        }

        .forticlad-table-scroll { overflow-x: auto }

        .forticlad-table th,
        .forticlad-table td {
            padding: 10px 12px;
            border-bottom: 1px solid #e2dad2
        }

        .forticlad-table th {
            color: #8a6254;
            background: #fbf0e9;
            font-size: 8px;
            font-weight: 950;
            letter-spacing: .07em;
            text-transform: uppercase
        }

        .forticlad-table th:first-child,
        .forticlad-table td:first-child {
            text-align: left
        }

        .forticlad-table th:not(:first-child),
        .forticlad-table td:not(:first-child) {
            text-align: center
        }

        .forticlad-table col:first-child { width: 38% }
        .forticlad-table col:not(:first-child) { width: 15.5% }

        .forticlad-table thead tr:first-child th:not(:first-child) {
            border-left: 1px solid #decfc4
        }

        .forticlad-table thead tr:last-child th {
            padding-top: 5px;
            padding-bottom: 7px;
            color: #a04c2f;
            background: #f7e5da
        }

        .forticlad-resource-heading {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 4px
        }

        .forticlad-resource-heading img {
            width: 30px;
            height: 30px;
            object-fit: contain
        }

        .forticlad-resource-heading span {
            text-align: center
        }

        .forticlad-table td {
            color: #332a25;
            font-size: 12px;
            font-weight: 850
        }

        .forticlad-table td:first-child {
            color: #5e534c;
            font-size: 10px;
            font-weight: 750
        }

        .forticlad-empty { color: #b8aca3 !important }

        .forticlad-total {
            color: #fff;
            background: #d65728
        }

        .forticlad-table .forticlad-total th,
        .forticlad-table .forticlad-total td {
            height: 54px;
            padding: 0 12px;
            border: 0;
            color: #fff;
            background: #d65728
        }

        .forticlad-table .forticlad-total th {
            text-align: left;
            font-size: 9px;
            letter-spacing: .06em;
            text-transform: uppercase
        }

        .forticlad-table .forticlad-total td {
            text-align: center;
            font-size: 13px;
            font-weight: 950
        }

        @media(max-width:900px) {
            .forticlad-levels { grid-template-columns: 1fr }
        }

        @media(max-width:620px) {
            .forticlad-wrap { padding: 33px 0 58px }
            .forticlad-calculator-intro, .forticlad-mode-panel { padding: 21px 17px }
            .forticlad-modes, .forticlad-fields, .forticlad-inventory-fields, .forticlad-result-grid, .forticlad-possibilities { grid-template-columns: 1fr }
            .forticlad-plan-summary { grid-template-columns: repeat(2, minmax(0, 1fr)) }
            .forticlad-summary-card { min-height: 104px; padding: 12px 8px }
            .forticlad-building-fields, .forticlad-building-fields--three { grid-template-columns: 1fr }
            .forticlad-field label { min-height: 0; text-align: center }
            .forticlad-field select, .forticlad-field input { text-align: center; text-align-last: center }
            .forticlad-result-card { min-height: 86px }
            .forticlad-table-heading { align-items: center; flex-direction: column; gap: 9px; text-align: center }
            .forticlad-table-scroll { overflow-x: hidden }
            .forticlad-table { min-width: 0; table-layout: fixed }
            .forticlad-table th, .forticlad-table td { padding: 8px 2px; overflow-wrap: anywhere }
            .forticlad-resource-heading { flex-direction: column; gap: 1px }
            .forticlad-resource-heading img { width: 27px; height: 27px }
            .forticlad-table col:first-child { width: 36% }
            .forticlad-table col:not(:first-child) { width: 16% }
            .forticlad-table th:not(:first-child), .forticlad-table td:not(:first-child) { font-size: 9px }
            .forticlad-table td:first-child { font-size: 8px }
            .forticlad-table .forticlad-total th, .forticlad-table .forticlad-total td { height: 50px; padding: 0 3px }
            .forticlad-detail-heading { align-items: flex-start; flex-direction: column; gap: 7px }
            .forticlad-detail-heading p { text-align: left }
            .forticlad-detail-table-wrap { overflow: visible; border: 0; background: transparent }
            .forticlad-detail-table { min-width: 0 }
            .forticlad-detail-table thead { display: none }
            .forticlad-detail-table tbody { display: grid; gap: 10px }
            .forticlad-detail-table tr {
                display: grid;
                grid-template-columns: repeat(2, minmax(0, 1fr));
                overflow: hidden;
                border: 1px solid #d9d0c6;
                border-left: 4px solid #d65728;
                border-radius: 4px;
                background: #fff
            }
            .forticlad-detail-table td,
            .forticlad-detail-table td:first-child {
                display: flex;
                min-height: 48px;
                align-items: center;
                justify-content: space-between;
                gap: 10px;
                padding: 10px 12px;
                border: 0;
                border-bottom: 1px solid #ece4dc;
                text-align: right
            }
            .forticlad-detail-table td:first-child,
            .forticlad-detail-table td:nth-child(2) { grid-column: 1 / -1 }
            .forticlad-detail-table td:nth-last-child(-n+2) { border-bottom: 0 }
            .forticlad-detail-table td::before {
                color: #8a6254;
                content: attr(data-label);
                font-size: 7px;
                font-weight: 950;
                letter-spacing: .055em;
                text-align: left;
                text-transform: uppercase
            }
        }
body.calculator-page--forticlad .calculator-hero-art--forticlad-prison{width:330px;height:180px}body.calculator-page--forticlad .calculator-hero-art--forticlad-prison img:only-child{inset:0;width:100%;height:100%;object-fit:contain}@media(max-width:850px){body.calculator-page--forticlad .calculator-hero-art--forticlad-prison{width:270px}}@media(max-width:620px){body.calculator-page--forticlad .calculator-hero-art--forticlad-prison{width:min(100%,330px);height:120px}body.calculator-page--forticlad .calculator-hero-art--forticlad-prison img:only-child{width:100%;height:100%}}