/* ==========================================================
   JAISANDAR 317 — premium data navigation cards
   Homepage Economy rail + Trade subnavigation
   ========================================================== */

@media (min-width:901px){
  body.home[data-jai-rubric="home"] .home-editorial>.home-lead-layout{
    grid-template-columns:minmax(0,1fr) 380px!important;
    gap:20px!important;
  }
  body.home[data-jai-rubric="home"] .home-economy-panel{
    width:380px!important;
    max-width:380px!important;
    height:auto!important;
    min-height:0!important;
    padding:20px!important;
    border:1px solid #dbe8e5!important;
    border-radius:30px!important;
    background:
      radial-gradient(circle at 94% 3%,rgba(112,216,224,.22),transparent 22%),
      linear-gradient(180deg,#fbfefe 0%,#f3f8f7 100%)!important;
    box-shadow:0 20px 54px rgba(24,67,62,.10)!important;
    overflow:hidden!important;
  }
  body.home[data-jai-rubric="home"] .home-economy-panel-head{
    position:relative!important;
    padding:4px 4px 18px!important;
    border-bottom:1px solid #d9e6e3!important;
  }
  body.home[data-jai-rubric="home"] .home-economy-panel-head:after{
    content:"";
    position:absolute;
    right:2px;
    top:0;
    width:88px;
    height:62px;
    opacity:.45;
    pointer-events:none;
    background:
      linear-gradient(90deg,transparent 0 9%,rgba(0,145,156,.14) 9% 20%,transparent 20% 31%,rgba(0,145,156,.21) 31% 43%,transparent 43% 54%,rgba(0,145,156,.28) 54% 67%,transparent 67% 78%,rgba(0,145,156,.36) 78% 92%,transparent 92%);
    border-radius:14px;
    mask:linear-gradient(to top,#000 0 100%);
  }
  body.home[data-jai-rubric="home"] .home-economy-panel-head>span{
    display:block!important;
    color:#007b82!important;
    font-size:.72rem!important;
    font-weight:950!important;
    letter-spacing:.20em!important;
  }
  body.home[data-jai-rubric="home"] .home-economy-panel-head h2{
    margin:7px 0 0!important;
    max-width:270px!important;
    color:#132f31!important;
    font-size:2rem!important;
    line-height:.98!important;
    letter-spacing:-.055em!important;
    font-weight:950!important;
  }
  body.home[data-jai-rubric="home"] .home-economy-panel-head p{
    max-width:300px!important;
    margin:10px 0 0!important;
    color:#72817e!important;
    font-size:.78rem!important;
    line-height:1.45!important;
  }
  body.home[data-jai-rubric="home"] .home-economy-panel-list{
    display:grid!important;
    gap:9px!important;
    margin-top:14px!important;
  }
  body.home[data-jai-rubric="home"] .home-economy-panel-list>button{
    --jai317-accent:#0b7d72;
    --jai317-soft:#e9f6f3;
    position:relative!important;
    display:grid!important;
    grid-template-columns:56px minmax(0,1fr) 46px!important;
    align-items:center!important;
    gap:12px!important;
    min-height:76px!important;
    padding:9px 10px!important;
    border:1px solid #e0ebe8!important;
    border-radius:20px!important;
    background:rgba(255,255,255,.94)!important;
    color:#173432!important;
    text-align:left!important;
    cursor:pointer!important;
    box-shadow:0 8px 22px rgba(27,65,60,.045)!important;
    overflow:hidden!important;
    transition:transform .20s ease,box-shadow .20s ease,border-color .20s ease!important;
  }
  body.home[data-jai-rubric="home"] .home-economy-panel-list>button:nth-child(1){--jai317-accent:#1479de;--jai317-soft:#e8f3ff}
  body.home[data-jai-rubric="home"] .home-economy-panel-list>button:nth-child(2){--jai317-accent:#ca2850;--jai317-soft:#ffeaf0}
  body.home[data-jai-rubric="home"] .home-economy-panel-list>button:nth-child(3){--jai317-accent:#069d78;--jai317-soft:#e2f8f0}
  body.home[data-jai-rubric="home"] .home-economy-panel-list>button:nth-child(4){--jai317-accent:#e18b00;--jai317-soft:#fff3d9}
  body.home[data-jai-rubric="home"] .home-economy-panel-list>button:nth-child(5){--jai317-accent:#6041d9;--jai317-soft:#eee9ff}
  body.home[data-jai-rubric="home"] .home-economy-panel-list>button:nth-child(6){--jai317-accent:#0886c8;--jai317-soft:#e2f6fc}
  body.home[data-jai-rubric="home"] .home-economy-panel-list>button:nth-child(7){--jai317-accent:#ef5a2a;--jai317-soft:#ffebe4}
  body.home[data-jai-rubric="home"] .home-economy-panel-list>button:nth-child(8){--jai317-accent:#a36c00;--jai317-soft:#fff2c9}
  body.home[data-jai-rubric="home"] .home-economy-panel-list>button:after{display:none!important}
  body.home[data-jai-rubric="home"] .home-economy-panel-list>button:hover{
    transform:translateY(-2px)!important;
    border-color:color-mix(in srgb,var(--jai317-accent) 26%,#dfe9e6)!important;
    box-shadow:0 14px 28px rgba(25,62,57,.09)!important;
  }
  body.home[data-jai-rubric="home"] .home-economy-panel-list>button>i{
    display:grid!important;
    place-items:center!important;
    width:56px!important;
    height:56px!important;
    border:0!important;
    border-radius:17px!important;
    background:var(--jai317-soft)!important;
    color:var(--jai317-accent)!important;
    font-style:normal!important;
    font-size:1.12rem!important;
    line-height:1!important;
    font-weight:950!important;
    box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--jai317-accent) 14%,transparent)!important;
  }
  body.home[data-jai-rubric="home"] .home-economy-panel-list>button>span{
    display:grid!important;
    gap:4px!important;
    min-width:0!important;
  }
  body.home[data-jai-rubric="home"] .home-economy-panel-list>button>span b{
    color:#183332!important;
    font-size:1rem!important;
    line-height:1.08!important;
    font-weight:950!important;
    letter-spacing:-.018em!important;
  }
  body.home[data-jai-rubric="home"] .home-economy-panel-list>button>span small{
    display:block!important;
    color:#778481!important;
    font-size:.68rem!important;
    line-height:1.25!important;
    font-weight:650!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
  }
  body.home[data-jai-rubric="home"] .home-economy-panel-list>button>em{
    display:grid!important;
    place-items:center!important;
    width:44px!important;
    height:44px!important;
    border-radius:999px!important;
    background:var(--jai317-soft)!important;
    color:var(--jai317-accent)!important;
    font-style:normal!important;
    font-size:2rem!important;
    line-height:1!important;
    font-weight:900!important;
    box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--jai317-accent) 10%,transparent)!important;
    animation:jai317Chevron 1.45s ease-in-out infinite!important;
  }
  body.home[data-jai-rubric="home"] .home-economy-panel-list>button:nth-child(2n)>em{animation-delay:.16s!important}
}

@keyframes jai317Chevron{
  0%,100%{transform:translateX(0)}
  50%{transform:translateX(4px)}
}

/* --- Trade rail: same visual language --- */
@media (min-width:1000px){
  body.home[data-jai-rubric="trade"] .trade-workspace{
    grid-template-columns:280px minmax(0,1fr)!important;
    column-gap:20px!important;
  }
  body.home[data-jai-rubric="trade"] .trade-workspace>.trade-rail{
    width:280px!important;
    min-width:280px!important;
    max-width:280px!important;
  }
  body.home[data-jai-rubric="trade"] .trade-rail .trade-subtabs:not([hidden]){
    width:100%!important;
    padding:9px!important;
    gap:9px!important;
    border:1px solid #ead9de!important;
    border-radius:24px!important;
    background:linear-gradient(180deg,#fffdfd,#fbf7f8)!important;
    box-shadow:0 15px 36px rgba(104,40,58,.075)!important;
  }
  body.home[data-jai-rubric="trade"] .trade-rail .trade-subtabs>button{
    --j317-trade:#a02d4b;
    --j317-trade-soft:#fff0f3;
    display:grid!important;
    grid-template-columns:56px minmax(0,1fr) 42px!important;
    align-items:center!important;
    gap:11px!important;
    min-height:82px!important;
    width:100%!important;
    padding:10px!important;
    border:1px solid #eee4e6!important;
    border-radius:18px!important;
    background:#fff!important;
    color:#30272d!important;
    box-shadow:0 7px 18px rgba(82,32,47,.04)!important;
    overflow:hidden!important;
    transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease!important;
  }
  body.home[data-jai-rubric="trade"] .trade-rail .trade-subtabs>button[data-trade-view="turnover"]{--j317-trade:#a72e50;--j317-trade-soft:#ffe9ef}
  body.home[data-jai-rubric="trade"] .trade-rail .trade-subtabs>button[data-trade-view="export"]{--j317-trade:#09845d;--j317-trade-soft:#e3f7ef}
  body.home[data-jai-rubric="trade"] .trade-rail .trade-subtabs>button[data-trade-view="import"]{--j317-trade:#d3485d;--j317-trade-soft:#ffebee}
  body.home[data-jai-rubric="trade"] .trade-rail .trade-subtabs>button[data-trade-view="compare"]{--j317-trade:#5f55c7;--j317-trade-soft:#eeecff}
  body.home[data-jai-rubric="trade"] .trade-rail .trade-subtabs>button:before{display:none!important}
  body.home[data-jai-rubric="trade"] .trade-rail .trade-subtabs>button:after{
    content:"›"!important;
    display:grid!important;
    place-items:center!important;
    width:40px!important;
    height:40px!important;
    border-radius:999px!important;
    background:var(--j317-trade-soft)!important;
    color:var(--j317-trade)!important;
    font-size:1.9rem!important;
    line-height:1!important;
    font-weight:900!important;
    animation:jai317Chevron 1.45s ease-in-out infinite!important;
  }
  body.home[data-jai-rubric="trade"] .trade-rail .trade-subtabs>button:hover{
    transform:translateY(-2px)!important;
    border-color:color-mix(in srgb,var(--j317-trade) 22%,#eee4e6)!important;
    box-shadow:0 13px 26px rgba(82,32,47,.09)!important;
  }
  body.home[data-jai-rubric="trade"] .trade-rail .trade-subtabs>button.active{
    background:linear-gradient(135deg,var(--j317-trade),color-mix(in srgb,var(--j317-trade) 78%,#111))!important;
    border-color:var(--j317-trade)!important;
    color:#fff!important;
    box-shadow:0 15px 30px color-mix(in srgb,var(--j317-trade) 28%,transparent)!important;
  }
  body.home[data-jai-rubric="trade"] .trade-rail .trade-subtabs>button.active:after{
    background:rgba(255,255,255,.18)!important;
    color:#fff!important;
  }
  body.home[data-jai-rubric="trade"] .trade-rail .trade-subtabs .trade-nav-motion{
    display:grid!important;
    place-items:center!important;
    width:56px!important;
    height:56px!important;
    border:1px solid color-mix(in srgb,var(--j317-trade) 18%,transparent)!important;
    border-radius:17px!important;
    background:var(--j317-trade-soft)!important;
    color:var(--j317-trade)!important;
    box-shadow:none!important;
  }
  body.home[data-jai-rubric="trade"] .trade-rail .trade-subtabs .trade-nav-motion svg{
    width:38px!important;
    height:38px!important;
    stroke:currentColor!important;
    fill:none!important;
    stroke-width:2.1!important;
  }
  body.home[data-jai-rubric="trade"] .trade-rail .trade-subtabs>button.active .trade-nav-motion{
    background:rgba(255,255,255,.94)!important;
    border-color:rgba(255,255,255,.7)!important;
    color:var(--j317-trade)!important;
  }
  body.home[data-jai-rubric="trade"] .trade-rail .trade-subtabs>button>span{
    display:grid!important;
    gap:5px!important;
    min-width:0!important;
    visibility:visible!important;
    opacity:1!important;
  }
  body.home[data-jai-rubric="trade"] .trade-rail .trade-subtabs>button>span>b{
    display:block!important;
    color:inherit!important;
    font-size:.82rem!important;
    line-height:1.1!important;
    font-weight:950!important;
    letter-spacing:.025em!important;
    white-space:normal!important;
  }
  body.home[data-jai-rubric="trade"] .trade-rail .trade-subtabs>button>span>small{
    display:block!important;
    margin:0!important;
    color:#8c7f84!important;
    font-size:.62rem!important;
    line-height:1.3!important;
    font-weight:700!important;
    white-space:normal!important;
  }
  body.home[data-jai-rubric="trade"] .trade-rail .trade-subtabs>button.active>span>small{
    color:rgba(255,255,255,.78)!important;
  }
}

/* mobile/tablet trade cards: readable, no blank comparison tile */
@media (max-width:999px){
  body.home[data-jai-rubric="trade"] .trade-rail .trade-subtabs:not([hidden]){
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
    width:100%!important;
    margin:0!important;
    padding:7px!important;
    overflow:visible!important;
    border:1px solid #eadde1!important;
    border-radius:18px!important;
    background:#fffafa!important;
    box-shadow:0 10px 28px rgba(83,31,47,.055)!important;
  }
  body.home[data-jai-rubric="trade"] .trade-rail .trade-subtabs>button{
    --j317-trade:#a02d4b;
    --j317-trade-soft:#fff0f3;
    position:relative!important;
    display:grid!important;
    grid-template-columns:48px minmax(0,1fr) 28px!important;
    align-items:center!important;
    gap:8px!important;
    width:100%!important;
    min-width:0!important;
    min-height:70px!important;
    padding:8px!important;
    border:1px solid #eee4e6!important;
    border-radius:15px!important;
    background:#fff!important;
    color:#30272d!important;
    box-shadow:0 5px 14px rgba(82,32,47,.035)!important;
    scroll-snap-align:none!important;
  }
  body.home[data-jai-rubric="trade"] .trade-rail .trade-subtabs>button[data-trade-view="turnover"]{--j317-trade:#a72e50;--j317-trade-soft:#ffe9ef}
  body.home[data-jai-rubric="trade"] .trade-rail .trade-subtabs>button[data-trade-view="export"]{--j317-trade:#09845d;--j317-trade-soft:#e3f7ef}
  body.home[data-jai-rubric="trade"] .trade-rail .trade-subtabs>button[data-trade-view="import"]{--j317-trade:#d3485d;--j317-trade-soft:#ffebee}
  body.home[data-jai-rubric="trade"] .trade-rail .trade-subtabs>button[data-trade-view="compare"]{--j317-trade:#5f55c7;--j317-trade-soft:#eeecff}
  body.home[data-jai-rubric="trade"] .trade-rail .trade-subtabs>button:before{display:none!important}
  body.home[data-jai-rubric="trade"] .trade-rail .trade-subtabs>button:after{
    content:"›"!important;
    display:grid!important;
    place-items:center!important;
    width:28px!important;
    height:28px!important;
    border-radius:999px!important;
    background:var(--j317-trade-soft)!important;
    color:var(--j317-trade)!important;
    font-size:1.45rem!important;
    line-height:1!important;
    font-weight:900!important;
  }
  body.home[data-jai-rubric="trade"] .trade-rail .trade-subtabs .trade-nav-motion{
    width:48px!important;
    height:48px!important;
    border-radius:14px!important;
    background:var(--j317-trade-soft)!important;
    color:var(--j317-trade)!important;
    border:1px solid color-mix(in srgb,var(--j317-trade) 16%,transparent)!important;
  }
  body.home[data-jai-rubric="trade"] .trade-rail .trade-subtabs .trade-nav-motion svg{
    width:32px!important;
    height:32px!important;
    stroke:currentColor!important;
    fill:none!important;
    stroke-width:2!important;
  }
  body.home[data-jai-rubric="trade"] .trade-rail .trade-subtabs>button>span{
    display:grid!important;
    gap:3px!important;
    min-width:0!important;
    visibility:visible!important;
    opacity:1!important;
  }
  body.home[data-jai-rubric="trade"] .trade-rail .trade-subtabs>button>span>b{
    display:block!important;
    color:inherit!important;
    font-size:.72rem!important;
    line-height:1.05!important;
    font-weight:950!important;
    letter-spacing:.01em!important;
    white-space:normal!important;
  }
  body.home[data-jai-rubric="trade"] .trade-rail .trade-subtabs>button>span>small{
    display:block!important;
    margin:0!important;
    color:#8d8185!important;
    font-size:.54rem!important;
    line-height:1.2!important;
    font-weight:700!important;
    white-space:normal!important;
  }
  body.home[data-jai-rubric="trade"] .trade-rail .trade-subtabs>button.active{
    background:var(--j317-trade)!important;
    border-color:var(--j317-trade)!important;
    color:#fff!important;
  }
  body.home[data-jai-rubric="trade"] .trade-rail .trade-subtabs>button.active .trade-nav-motion{
    background:rgba(255,255,255,.94)!important;
    color:var(--j317-trade)!important;
  }
  body.home[data-jai-rubric="trade"] .trade-rail .trade-subtabs>button.active:after{
    background:rgba(255,255,255,.18)!important;
    color:#fff!important;
  }
  body.home[data-jai-rubric="trade"] .trade-rail .trade-subtabs>button.active>span>small{color:rgba(255,255,255,.75)!important}
}

@media (max-width:560px){
  body.home[data-jai-rubric="trade"] .trade-rail .trade-subtabs:not([hidden]){
    grid-template-columns:1fr!important;
    gap:7px!important;
  }
  body.home[data-jai-rubric="trade"] .trade-rail .trade-subtabs>button{
    min-height:68px!important;
    grid-template-columns:48px minmax(0,1fr) 32px!important;
  }
  body.home[data-jai-rubric="trade"] .trade-rail .trade-subtabs>button>span>b{font-size:.78rem!important}
  body.home[data-jai-rubric="trade"] .trade-rail .trade-subtabs>button>span>small{font-size:.58rem!important}
}

@media(prefers-reduced-motion:reduce){
  body.home[data-jai-rubric="home"] .home-economy-panel-list>button>em,
  body.home[data-jai-rubric="trade"] .trade-rail .trade-subtabs>button:after{animation:none!important}
}