/*
 * Economy workspace
 * A quiet Albion trade ledger for market observation and profit decisions.
 * Scoped to body.economy-experience so the global GNB remains unchanged.
 */

.economy-experience {
    --eco-night: #070b14;
    --eco-ledger: #101827;
    --eco-ledger-raised: #151f31;
    --eco-steel: #26344b;
    --eco-gold: #ffbc05;
    --eco-cyan: #53c7ea;
    --eco-profit: #42c983;
    --eco-loss: #f87171;
    --eco-text: #f8fafc;
    --eco-muted: #94a3b8;
    --eco-dim: #64748b;
    background: var(--eco-night);
}

.economy-experience .main-content {
    max-width: 1240px;
    padding-top: 18px;
    font-family: "Noto Sans KR", "Segoe UI", "Malgun Gothic", sans-serif;
}

.economy-experience .main-content,
.economy-experience .main-content * {
    box-sizing: border-box;
}

/* Economy index: intentionally compact and separate from the unchanged GNB. */
.economy-experience .market-workspace-bar {
    width: 100%;
    max-width: 1200px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: end;
    gap: 16px;
    margin: 0 auto 9px;
    padding: 0 2px;
}

.economy-experience .market-workspace-title {
    display: flex;
    align-items: baseline;
    gap: 10px;
    min-width: 0;
    color: var(--eco-text);
    font-size: 15px;
    font-weight: 900;
}

.economy-experience .market-workspace-title i { color: var(--eco-gold); }

.economy-experience .market-workspace-copy {
    color: var(--eco-dim);
    font-size: 11px;
    font-weight: 700;
}

.economy-experience .market-recent-tools {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 6px;
    min-width: 0;
    color: var(--eco-dim);
    font-size: 11px;
    font-weight: 800;
}

.economy-experience .market-recent-tools a {
    min-height: 30px;
    display: inline-flex;
    align-items: center;
    padding: 0 10px;
    border: 1px solid rgba(148, 163, 184, 0.2);
    border-radius: 999px;
    background: rgba(16, 24, 39, 0.8);
    color: #cbd5e1;
    text-decoration: none;
}

.economy-experience .market-recent-tools a:hover,
.economy-experience .market-recent-tools a:focus-visible {
    border-color: rgba(255, 188, 5, 0.65);
    color: var(--eco-gold);
    outline: none;
}

.economy-experience .market-sub-nav {
    width: 100%;
    max-width: 1200px !important;
    display: grid !important;
    grid-template-columns: 0.75fr 1.35fr 3fr 0.75fr !important;
    gap: 0 !important;
    margin: 0 auto 14px !important;
    padding: 0 !important;
    overflow: hidden;
    border: 1px solid rgba(148, 163, 184, 0.18) !important;
    border-radius: 9px !important;
    background: linear-gradient(90deg, rgba(16, 24, 39, 0.98), rgba(7, 11, 20, 0.96)) !important;
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.16);
}

.economy-experience .market-nav-group {
    min-width: 0;
    padding: 10px 11px !important;
    border: 0 !important;
    border-left: 1px solid rgba(148, 163, 184, 0.13) !important;
    border-radius: 0 !important;
    background: transparent !important;
}

.economy-experience .market-nav-group:first-child { border-left: 0 !important; }

.economy-experience .market-nav-label {
    display: block;
    margin: 0 0 7px 2px;
    color: var(--eco-dim);
    font-size: 10px;
    font-weight: 900;
    letter-spacing: 0.1em;
}

.economy-experience .market-nav-links {
    display: flex;
    flex-wrap: nowrap;
    gap: 5px;
}

.economy-experience .market-sub-nav .market-sub-tab {
    flex: 1 1 auto;
    min-width: 0;
    min-height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    padding: 7px 9px;
    border: 1px solid transparent;
    border-radius: 6px;
    color: #aeb9ca;
    background: transparent;
    text-decoration: none;
    transition: border-color 0.16s ease, background 0.16s ease, color 0.16s ease;
}

.economy-experience .market-sub-nav .market-sub-tab:hover,
.economy-experience .market-sub-nav .market-sub-tab:focus-visible {
    border-color: rgba(148, 163, 184, 0.26);
    background: rgba(148, 163, 184, 0.07);
    color: var(--eco-text);
    outline: none;
}

.economy-experience .market-sub-nav .market-sub-tab.active {
    border-color: rgba(255, 188, 5, 0.48);
    background: rgba(255, 188, 5, 0.11);
    color: var(--eco-gold);
    box-shadow: inset 0 -2px 0 var(--eco-gold);
}

.economy-experience .market-tab-text { display: block; min-width: 0; }
.economy-experience .market-tab-name { display: block; font-size: 12px; font-weight: 900; white-space: nowrap; }
.economy-experience .market-tab-copy { display: none; }

/* Observation -> calculation -> decision ledger line. */
.economy-experience .market-decision-strip {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto 20px;
    padding: 0;
}

.economy-experience .market-decision-inner {
    display: grid;
    grid-template-columns: minmax(260px, 1.4fr) repeat(3, minmax(0, 0.75fr));
    gap: 0;
    overflow: hidden;
    border: 1px solid rgba(83, 199, 234, 0.19);
    border-radius: 8px;
    background: rgba(9, 16, 28, 0.82);
    box-shadow: none;
}

.economy-experience .market-decision-inner::before { background: var(--eco-cyan); }

.economy-experience .market-decision-summary,
.economy-experience .market-decision-step { padding: 11px 14px; }

.economy-experience .market-decision-summary {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 4px 10px;
    padding-left: 18px;
}

.economy-experience .market-decision-kicker {
    grid-row: 1 / span 2;
    color: var(--eco-cyan);
    font-size: 11px;
    white-space: nowrap;
}

.economy-experience .market-decision-title {
    color: #dbe5f2;
    font-size: 12px;
    line-height: 1.4;
}

.economy-experience .market-decision-badge { display: none; }

.economy-experience .market-decision-step {
    position: relative;
    border-left: 1px solid rgba(148, 163, 184, 0.13);
}

.economy-experience .market-decision-step::after {
    content: "";
    position: absolute;
    top: 50%;
    right: -3px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: var(--eco-steel);
    transform: translateY(-50%);
}

.economy-experience .market-decision-step:last-child::after { background: var(--eco-gold); right: 9px; }
.economy-experience .market-decision-step b { margin-bottom: 3px; color: var(--eco-dim); font-size: 10px; }
.economy-experience .market-decision-step span { color: #b5c0d0; font-size: 11px; line-height: 1.35; }

/* Shared page thesis. */
.economy-experience .economy-page-hero,
.economy-experience .wiki-header-container {
    width: 100% !important;
    max-width: 1200px !important;
    margin: 0 auto 18px !important;
    padding: 24px 26px !important;
    border: 1px solid rgba(148, 163, 184, 0.17) !important;
    border-left: 4px solid var(--eco-gold) !important;
    border-radius: 9px;
    background:
        linear-gradient(90deg, rgba(255, 188, 5, 0.055), transparent 35%),
        rgba(16, 24, 39, 0.78);
    box-shadow: 0 16px 36px rgba(0, 0, 0, 0.16);
}

.economy-experience .economy-page-kicker {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 8px;
    color: var(--eco-cyan);
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.economy-experience .economy-page-title,
.economy-experience .wiki-main-title,
.economy-experience .trade-title,
.economy-experience .bm-title,
.economy-experience .page-title {
    margin: 0 0 9px !important;
    color: var(--eco-text) !important;
    font-size: clamp(1.65rem, 3vw, 2.2rem) !important;
    font-weight: 900 !important;
    line-height: 1.16 !important;
    letter-spacing: -0.035em !important;
}

.economy-experience .economy-page-title i { color: var(--eco-gold); font-size: 0.78em; }

.economy-experience .economy-page-copy,
.economy-experience .wiki-sub-description,
.economy-experience .trade-copy,
.economy-experience .bm-copy {
    max-width: 820px;
    margin: 0;
    color: var(--eco-muted) !important;
    font-size: 14px !important;
    font-weight: 600;
    line-height: 1.72 !important;
    word-break: keep-all;
}

.economy-experience .economy-proof-row {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    margin-top: 15px;
}

.economy-experience .economy-proof {
    min-height: 30px;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 0 10px;
    border: 1px solid rgba(148, 163, 184, 0.18);
    border-radius: 5px;
    background: rgba(7, 11, 20, 0.48);
    color: #aeb9ca;
    font-size: 11px;
    font-weight: 800;
}

.economy-experience .economy-proof i { color: var(--eco-cyan); }

/* Reviewed calculator audit slip: answer, equation, evidence, stop rule. */
.economy-experience .economy-review-contract {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto 20px;
    overflow: hidden;
    border: 1px solid rgba(83, 199, 234, 0.26);
    border-left: 4px solid var(--eco-cyan);
    border-radius: 9px;
    background:
        linear-gradient(118deg, rgba(83, 199, 234, 0.065), transparent 34%),
        rgba(10, 17, 30, 0.94);
    box-shadow: 0 14px 34px rgba(0, 0, 0, 0.16);
}

.economy-experience .economy-review-head {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 22px;
    align-items: start;
    padding: 20px 22px 17px;
}

.economy-experience .economy-review-kicker {
    display: block;
    margin-bottom: 7px;
    color: var(--eco-cyan);
    font: 900 10px/1.2 Consolas, "Courier New", monospace;
    letter-spacing: 0.14em;
}

.economy-experience .economy-review-answer h2 {
    margin: 0;
    color: var(--eco-text);
    font-size: clamp(1.08rem, 2vw, 1.38rem);
    line-height: 1.35;
    letter-spacing: -0.02em;
    word-break: keep-all;
}

.economy-experience .economy-review-answer p {
    max-width: 880px;
    margin: 8px 0 0;
    color: #c9d4e3;
    font-size: 13px;
    font-weight: 650;
    line-height: 1.68;
    word-break: keep-all;
}

.economy-experience .economy-review-stamp {
    min-width: 154px;
    padding: 9px 12px;
    border: 1px dashed rgba(255, 188, 5, 0.66);
    border-radius: 5px;
    color: var(--eco-gold);
    font: 800 10px/1.45 Consolas, "Courier New", monospace;
    text-align: center;
    transform: rotate(-1deg);
}

.economy-experience .economy-review-stamp span,
.economy-experience .economy-review-stamp time { display: block; }
.economy-experience .economy-review-stamp time { margin-top: 2px; color: #f8d86b; font-size: 12px; }

.economy-experience .economy-review-formula {
    display: grid;
    grid-template-columns: 116px minmax(0, 1fr);
    gap: 14px;
    align-items: start;
    padding: 14px 22px;
    border-top: 1px solid rgba(148, 163, 184, 0.13);
    border-bottom: 1px solid rgba(148, 163, 184, 0.13);
    background: rgba(3, 8, 16, 0.38);
}

.economy-experience .economy-review-formula > span {
    color: var(--eco-gold);
    font-size: 11px;
    font-weight: 900;
}

.economy-experience .economy-review-formula code {
    color: #d9e7f5;
    font: 700 12px/1.7 Consolas, "Courier New", monospace;
    white-space: normal;
    word-break: keep-all;
}

.economy-experience .economy-review-scope {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin: 0;
}

.economy-experience .economy-review-scope > div {
    display: grid;
    grid-template-columns: 76px minmax(0, 1fr);
    gap: 10px;
    padding: 13px 17px;
    border-bottom: 1px solid rgba(148, 163, 184, 0.1);
}

.economy-experience .economy-review-scope > div:nth-child(odd) {
    border-right: 1px solid rgba(148, 163, 184, 0.1);
}

.economy-experience .economy-review-scope dt {
    color: #7f8da2;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: 0.04em;
}

.economy-experience .economy-review-scope dd {
    margin: 0;
    color: #b9c6d6;
    font-size: 11px;
    line-height: 1.62;
    word-break: keep-all;
}

.economy-experience .economy-review-scope dd strong { color: var(--eco-text); }
.economy-experience .economy-review-scope a {
    margin-left: 4px;
    color: #8fdcf2;
    font-weight: 800;
    text-underline-offset: 3px;
}

.economy-experience .economy-review-guardrails {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0;
}

.economy-experience .economy-review-guardrails p {
    margin: 0;
    padding: 14px 17px;
    color: #aebacb;
    font-size: 11px;
    line-height: 1.65;
    word-break: keep-all;
}

.economy-experience .economy-review-guardrails p + p {
    border-left: 1px solid rgba(248, 113, 113, 0.22);
}

.economy-experience .economy-review-guardrails strong {
    display: block;
    margin-bottom: 4px;
    color: #c7d2e1;
    font-size: 10px;
    letter-spacing: 0.04em;
}

.economy-experience .economy-review-guardrails .is-stop {
    background: rgba(248, 113, 113, 0.055);
    color: #e1b3b3;
}

.economy-experience .economy-review-guardrails .is-stop strong { color: #fb9b9b; }

/* Quiet, consistent work surfaces across legacy and newer calculators. */
.economy-experience .market-dashboard-container,
.economy-experience .calc-dashboard-container,
.economy-experience .trade-page,
.economy-experience .bm-page,
.economy-experience .gold-container { max-width: 1200px; }

.economy-experience .search-control-panel,
.economy-experience .global-controls-panel,
.economy-experience .panel-card,
.economy-experience .tool-panel,
.economy-experience .quality-separated-card,
.economy-experience .data-table-wrapper,
.economy-experience .guide-section {
    border-color: rgba(148, 163, 184, 0.18) !important;
    border-radius: 9px !important;
    background: rgba(16, 24, 39, 0.82) !important;
    box-shadow: 0 14px 30px rgba(0, 0, 0, 0.15) !important;
}

.economy-experience .global-controls-panel,
.economy-experience .panel-card,
.economy-experience .tool-panel { padding: 22px !important; }

.economy-experience input:not([type="checkbox"]):not([type="radio"]),
.economy-experience select,
.economy-experience textarea,
.economy-experience .input,
.economy-experience .control-input,
.economy-experience .control-select,
.economy-experience .search-main-input {
    min-height: 44px;
    border-color: var(--eco-steel) !important;
    border-radius: 6px !important;
    background: rgba(7, 11, 20, 0.88) !important;
    color: var(--eco-text) !important;
}

.economy-experience input:focus,
.economy-experience select:focus,
.economy-experience textarea:focus {
    border-color: var(--eco-gold) !important;
    box-shadow: 0 0 0 3px rgba(255, 188, 5, 0.12) !important;
    outline: none !important;
}

.economy-experience .sync-btn,
.economy-experience .search-submit-button,
.economy-experience .btn:not(.ghost),
.economy-experience .btn-action.btn-sync {
    border-radius: 6px !important;
    background: var(--eco-gold) !important;
    color: #111827 !important;
    box-shadow: none !important;
}

.economy-experience .sync-btn:hover,
.economy-experience .search-submit-button:hover,
.economy-experience .btn:not(.ghost):hover,
.economy-experience .btn-action.btn-sync:hover {
    background: #ffd24a !important;
    transform: translateY(-1px);
}

.economy-experience .market-load-status {
    min-height: 20px;
    margin-top: 10px;
    color: var(--eco-dim);
    font-size: 12px;
    font-weight: 800;
    line-height: 1.5;
}

.economy-experience .market-load-status.success { color: var(--eco-profit); }
.economy-experience .market-load-status.error { color: #f87171; }

.economy-experience .section-title,
.economy-experience .panel-title,
.economy-experience .tool-panel-title {
    color: var(--eco-text) !important;
    border-left-color: var(--eco-cyan) !important;
}

.economy-experience table,
.economy-experience .market-opportunity-value,
.economy-experience .market-best-metric b,
.economy-experience .text-timestamp,
.economy-experience .gold-data-status,
.economy-experience .current-gold-display {
    font-variant-numeric: tabular-nums;
}

.economy-experience .market-data-view-table th,
.economy-experience .meta-table th {
    background: #0a111e !important;
    color: #8794a8 !important;
}

.economy-experience .market-data-view-table td,
.economy-experience .meta-table td { border-bottom-color: rgba(148, 163, 184, 0.09) !important; }

.economy-experience .text-ask-price { color: var(--eco-cyan); }
.economy-experience .good,
.economy-experience .profit-positive { color: var(--eco-profit) !important; }
.economy-experience .bad,
.economy-experience .profit-negative { color: var(--eco-loss) !important; }

.economy-experience .guide-section,
.economy-experience .seo-guide-section {
    color: #b9c4d3;
    line-height: 1.75;
}

.economy-experience .guide-section h2,
.economy-experience .seo-guide-section h2,
.economy-experience .guide-section h3,
.economy-experience .seo-guide-section h3 { color: var(--eco-text) !important; }

.economy-experience a:focus-visible,
.economy-experience button:focus-visible {
    outline: 2px solid var(--eco-gold);
    outline-offset: 2px;
}

@media (max-width: 980px) {
    .economy-experience .market-sub-nav {
        display: flex !important;
        grid-template-columns: none !important;
        align-items: stretch;
        overflow-x: auto;
        overscroll-behavior-inline: contain;
        scroll-snap-type: x proximity;
        scrollbar-width: thin;
    }

    .economy-experience .market-nav-group {
        flex: 0 0 auto !important;
        display: grid;
        grid-template-columns: auto 1fr;
        align-items: center;
        gap: 8px;
        padding: 8px 9px !important;
        scroll-snap-align: center;
    }

    .economy-experience .market-nav-label {
        margin: 0;
        writing-mode: vertical-rl;
        transform: rotate(180deg);
        font-size: 9px;
    }

    .economy-experience .market-nav-links { gap: 5px; }
    .economy-experience .market-sub-nav .market-sub-tab { flex: 0 0 auto; min-width: 76px; }

    .economy-experience .market-decision-inner {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .economy-experience .market-decision-summary {
        grid-column: 1 / -1;
        border-bottom: 1px solid rgba(148, 163, 184, 0.13);
    }

    .economy-experience .market-dashboard-container { grid-template-columns: 1fr; }
    .economy-experience .ranking-sticky-box { position: static; }
}

@media (max-width: 640px) {
    .economy-experience .main-content {
        padding: 12px 12px 88px;
    }

    .economy-experience .market-workspace-bar {
        grid-template-columns: 1fr;
        gap: 7px;
        padding: 0 2px;
    }

    .economy-experience .market-workspace-title {
        flex-wrap: wrap;
        white-space: normal;
    }

    .economy-experience .market-workspace-copy {
        display: block;
        flex: 1 1 100%;
        min-width: 0;
        max-width: 100%;
        color: var(--eco-muted);
        font-size: 12px;
        line-height: 1.45;
        white-space: normal;
        overflow-wrap: anywhere;
    }
    .economy-experience .market-recent-tools { justify-content: flex-start; overflow-x: auto; }
    .economy-experience .market-recent-tools.is-empty { display: none; }

    .economy-experience .market-sub-nav {
        margin-bottom: 11px !important;
        border-radius: 7px !important;
    }

    .economy-experience .market-decision-strip { margin-bottom: 14px; }
    .economy-experience .market-decision-summary { padding: 10px 12px 10px 15px; }
    .economy-experience .market-decision-title { font-size: 11px; }
    .economy-experience .market-decision-step { padding: 9px 8px; }
    .economy-experience .market-decision-step span { font-size: 10px; }
    .economy-experience .market-decision-step::after { display: none; }

    .economy-experience .economy-page-hero,
    .economy-experience .wiki-header-container {
        padding: 14px 16px !important;
        margin-bottom: 14px !important;
    }

    .economy-experience .economy-page-title,
    .economy-experience .wiki-main-title,
    .economy-experience .trade-title,
    .economy-experience .bm-title,
    .economy-experience .page-title { font-size: 1.55rem !important; }

    .economy-experience .economy-page-copy,
    .economy-experience .wiki-sub-description,
    .economy-experience .trade-copy,
    .economy-experience .bm-copy {
        display: -webkit-box;
        overflow: hidden;
        font-size: 13px !important;
        line-height: 1.55 !important;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }

    .economy-experience .economy-proof-row {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        margin-top: 10px;
        padding-bottom: 2px;
        scrollbar-width: none;
        -webkit-overflow-scrolling: touch;
    }
    .economy-experience .economy-proof-row::-webkit-scrollbar { display: none; }
    .economy-experience .economy-proof { flex: 0 0 auto; width: auto; min-height: 36px; }

    .economy-experience .economy-review-contract { margin-bottom: 14px; }
    .economy-experience .economy-review-head {
        grid-template-columns: 1fr;
        gap: 12px;
        padding: 16px 15px 14px;
    }
    .economy-experience .economy-review-answer p { font-size: 12px; }
    .economy-experience .economy-review-stamp {
        min-width: 0;
        width: fit-content;
        transform: none;
        text-align: left;
    }
    .economy-experience .economy-review-stamp span,
    .economy-experience .economy-review-stamp time { display: inline; }
    .economy-experience .economy-review-stamp time { margin: 0 0 0 6px; }
    .economy-experience .economy-review-formula {
        grid-template-columns: 1fr;
        gap: 5px;
        padding: 12px 15px;
    }
    .economy-experience .economy-review-scope { grid-template-columns: 1fr; }
    .economy-experience .economy-review-scope > div {
        grid-template-columns: 72px minmax(0, 1fr);
        padding: 11px 15px;
    }
    .economy-experience .economy-review-scope > div:nth-child(odd) {
        border-right: 0;
    }
    .economy-experience .economy-review-guardrails { grid-template-columns: 1fr; }
    .economy-experience .economy-review-guardrails p { padding: 12px 15px; }
    .economy-experience .economy-review-guardrails p + p {
        border-top: 1px solid rgba(248, 113, 113, 0.22);
        border-left: 0;
    }

    .economy-experience .global-controls-panel,
    .economy-experience .panel-card,
    .economy-experience .tool-panel { padding: 16px !important; }

    .economy-experience .hero-steps { grid-template-columns: 1fr !important; }
    .economy-experience .trade-hero,
    .economy-experience .bm-hero { grid-template-columns: 1fr !important; }
}

@media (prefers-reduced-motion: reduce) {
    .economy-experience .market-sub-tab,
    .economy-experience button { transition: none !important; }
    .economy-experience button:hover { transform: none !important; }
}