.reference-live .section-card {
      margin-top: 20px;
      border: 1px solid var(--pink-border);
      border-radius: 20px;
      background: rgba(255, 255, 255, .76);
      box-shadow: 0 6px 18px rgba(128, 25, 61, .055);
    }.reference-live .live-strip {
      min-height: 76px;
      padding: 13px 22px;
      display: grid;
      grid-template-columns: 1fr auto auto;
      align-items: center;
      gap: 26px;
      background: linear-gradient(90deg, #fff1f6, #fffafb);
    }.reference-live .section-label { display: flex; align-items: center; gap: 14px; }.reference-live .round-icon {
      width: 47px;
      height: 47px;
      flex: 0 0 47px;
      border-radius: 50%;
      display: grid;
      place-items: center;
      background: linear-gradient(145deg, #e96999, #d64d82);
    }.reference-live .round-icon img { width: 28px; height: 28px; filter: brightness(0) invert(1); }.reference-live .round-icon .rupee { color: #fff; font-size: 28px; font-weight: 600; }.reference-live .label-text strong { display: block; color: var(--wine); font-size: 19px; line-height: 1.1; }.reference-live .label-text small { display: block; margin-top: 4px; color: #885068; font-size: 13px; }.reference-live .date-time { color: #773149; font-size: 14px; font-weight: 650; }.reference-live .date-time span + span::before { content: "|"; margin: 0 14px; color: #d59aad; }.reference-live .pink-button {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-width: 127px;
      padding: 10px 20px;
      border-radius: 999px;
      color: #fff;
      background: linear-gradient(90deg, #ee7da5, #de5a89);
      font-size: 14px;
      font-weight: 700;
      box-shadow: 0 5px 12px rgba(201, 56, 111, .14);
    }.reference-live .market-row { margin-top: 18px; }.reference-live .market-card {
      min-height: 190px;
      height: 100%;
      padding: 20px 24px;
      border: 1px solid #efd6de;
      border-radius: 19px;
      background: #fff8ee;
      box-shadow: 0 6px 16px rgba(84, 35, 50, .06);
      overflow: hidden;
      position: relative;
    }.reference-live .market-card::after { content: ""; position: absolute; width: 130px; height: 80px; border-radius: 50%; right: -28px; bottom: -26px; background: rgba(240, 203, 178, .22); }.reference-live .market-card.silver { background: #f5f4ff; border-color: #dcdaee; }.reference-live .market-card.inr { background: #fff0f5; border-color: #f1c9d8; }.reference-live .market-head { display: flex; align-items: center; gap: 16px; }.reference-live .metal-disc { width: 70px; height: 70px; border-radius: 50%; display: grid; place-items: center; background: linear-gradient(145deg, #e7b248, #f8dd88); }.reference-live .silver .metal-disc { background: linear-gradient(145deg, #d9dce7, #aeb5c8); }.reference-live .metal-disc img { width: 61px; height: 61px; object-fit: contain; }.reference-live .market-name { color: var(--wine); font-size: 20px; font-weight: 800; }.reference-live .silver .market-name { color: #162043; }.reference-live .market-value { margin: 10px 0 2px 86px; color: var(--wine); font-size: 32px; font-weight: 800; letter-spacing: .02em; }.reference-live .market-range { margin-left: 86px; color: #743147; font-size: 16px; }.reference-live .market-change { margin: 13px 0 0 86px; color: var(--green); font-size: 15px; font-weight: 800; }.reference-live .trade-card { padding: 13px 22px 16px; }.reference-live .trade-card-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 13px; }.reference-live .trade-products { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; }.reference-live .trade-product {
      min-height: 122px;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      border: 1px solid #efd7df;
      border-radius: 17px;
      background: #fff6ee;
      color: #65152f;
      font-size: 17px;
      font-weight: 650;
    }.reference-live .trade-product:nth-child(2) { background: #f7f4ff; }.reference-live .trade-product:nth-child(3),.reference-live .trade-product:nth-child(4) { background: #fff0f5; }.reference-live .trade-product img { width: 59px; height: 59px; margin-bottom: 7px; object-fit: contain; }.reference-live .trade-product .trade-icon { width: 59px; height: 59px; margin-bottom: 7px; padding: 14px; border-radius: 50%; background: #f2d3df; }.reference-live .trade-product .trade-icon img { width: 100%; height: 100%; margin: 0; filter: hue-rotate(310deg) saturate(1.5); }.reference-live .trade-product .arrow { color: #b72d5c; margin-left: 4px; }.reference-live .table-stage {
      width: var(--page-width);
      margin-top: 20px;
      overflow-x: auto;
      border-radius: 20px;
      box-shadow: 0 6px 18px rgba(128, 25, 61, .055);
    }.reference-live .rates-table {
      width: 970px !important;
      min-width: 970px;
      max-width: 970px;
      margin: 0;
      table-layout: fixed;
      border-collapse: separate;
      border-spacing: 0;
      border: 1px solid var(--pink-border);
      border-radius: 20px;
      overflow: hidden;
      background: rgba(255, 255, 255, .9);
    }.reference-live .rates-table col:first-child { width: 54%; }.reference-live .rates-table col:nth-child(2),.reference-live .rates-table col:nth-child(3) { width: 23%; }.reference-live .rates-table thead th {
      height: 66px;
      padding: 10px 24px;
      color: var(--wine);
      background: #fff4f7;
      border-bottom: 1px solid #f4dce4;
      vertical-align: middle;
      font-size: 15px;
      text-align: center;
    }.reference-live .rates-table thead th:first-child { text-align: left; font-size: 19px; }.reference-live .rates-table tbody td {
      height: 59px;
      padding: 8px 24px;
      border-bottom: 1px solid #eee8eb;
      background: rgba(255, 255, 255, .76);
      vertical-align: middle;
      font-size: 18px;
      font-weight: 650;
    }.reference-live .rates-table tbody tr:last-child td { border-bottom: 0; }.reference-live .rates-table tbody td:nth-child(n+2) { color: #111a3d; text-align: center; font-size: 20px; font-weight: 800; font-variant-numeric: tabular-nums; }.reference-live .table-heading { display: flex; align-items: center; gap: 15px; }.reference-live .table-heading .round-icon { width: 45px; height: 45px; flex-basis: 45px; }.reference-live .rate-product { display: flex; align-items: center; gap: 17px; }.reference-live .rate-product img { width: 51px; height: 43px; object-fit: contain; }.reference-live .column-pill { display: block; padding: 9px 20px; border-radius: 999px; background: linear-gradient(90deg, #fff1f6, #feeaf1); }

.reference-live{--wine:#8f123f;--wine-dark:#71102f;--pink-border:#f1cbd8;--green:#087b54;max-width:1336px}
.reference-live a{text-decoration:none}.reference-banner{margin:0}.reference-hero{width:100%;border-radius:14px}.reference-invest{width:100%;margin-top:22px;border-radius:14px}
.reference-markets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.reference-live .market-card{min-height:204px;padding:22px 26px}.reference-live .market-head{gap:16px}.disc-art{width:70px;flex:0 0 70px;border-radius:50%}.metal-art{display:inline-block;width:52px;flex:0 0 52px;mix-blend-mode:multiply}.reference-live .trade-product>.metal-art{width:65px;flex-basis:auto;margin-bottom:10px}.reference-live .round-icon .metal-art{width:30px;flex-basis:30px}.reference-live .market-value,.reference-live .market-range,.reference-live .market-change{margin-left:86px}.reference-live .market-change{font-size:14px}.reference-live .market-name{font-size:19px}.reference-live .pink-button{color:#fff;background:#b92a61;box-shadow:none}.reference-live .pink-button:hover{background:#931749}.reference-live .table-stage{width:100%;box-shadow:none;border:1px solid var(--pink-border)}.reference-live .rates-table{width:100%!important;min-width:0;max-width:none;border:0}.reference-live .section-card,.reference-live .market-card{box-shadow:none}.reference-live .rate-product{font-size:16px}.reference-live .rates-table th,.reference-live .rates-table td{padding-inline:22px}.reference-live .table-heading{font-size:18px}.reference-live .trade-product{gap:8px}.reference-live .trade-product:hover{border-color:#bb6788;background:#fce5ee}.reference-live .invest-banner{display:none}
@media(max-width:1100px){.reference-live .market-card{padding:18px}.reference-live .market-value,.reference-live .market-range,.reference-live .market-change{margin-left:0;text-align:center}.reference-live .market-head{justify-content:center}.reference-live .market-range{font-size:14px}.reference-live .market-name{font-size:16px}.reference-live .disc-art{width:56px;flex-basis:56px}.reference-live .live-strip{gap:14px;padding:14px 18px}.reference-live .date-time{font-size:12px}}
@media(max-width:760px){.reference-live .reference-markets{gap:10px}.reference-live .live-strip{grid-template-columns:1fr auto}.reference-live .date-time{grid-column:1/-1;grid-row:2}.reference-live .label-text strong{font-size:16px}.reference-live .label-text small{font-size:11px}.reference-live .market-name{font-size:13px}.reference-live .market-head{flex-direction:column;gap:8px}.reference-live .market-card{padding:15px 8px;min-height:200px}.reference-live .market-value{font-size:25px}.reference-live .market-range{font-size:11px}.reference-live .market-change{font-size:11px}.reference-live .trade-products{gap:10px}.reference-live .trade-product{font-size:14px;min-height:110px}.reference-live .trade-card{padding:15px}.reference-live .pink-button{font-size:12px;min-width:0;padding:10px 13px}.reference-live .rates-table tbody td{font-size:13px;padding:10px}.reference-live .rates-table tbody td:nth-child(n+2){font-size:16px}.reference-live .rates-table thead th{padding:10px}.reference-live .table-heading{font-size:13px;gap:7px}.reference-live .table-heading .round-icon{display:none}.reference-live .rate-product{font-size:12px;gap:8px}.reference-live .rate-product .metal-art{width:35px;flex-basis:35px}.reference-live .column-pill{padding:8px}.reference-live .section-label{gap:9px}.reference-live .round-icon{width:38px;height:38px;flex-basis:38px}}
@media(max-width:450px){.reference-live .trade-card-head{align-items:flex-start;gap:12px}.reference-live .trade-card-head small{max-width:160px;line-height:1.5}.reference-live .trade-products{grid-template-columns:repeat(2,1fr)}.reference-live .market-value{font-size:22px}.reference-live .market-range{font-size:10px}.reference-live .market-change{font-size:10px;letter-spacing:-.025em}.reference-live .disc-art{width:45px;flex-basis:45px}.reference-live .market-head{min-height:72px}.reference-live .rates-table col:first-child{width:51%}.reference-live .rates-table col:nth-child(2),.reference-live .rates-table col:nth-child(3){width:24.5%}.reference-live .rates-table tbody td:nth-child(n+2){font-size:14px}.reference-live .rate-product .metal-art{width:27px;flex-basis:27px}.reference-live .rate-product{font-size:11px}.reference-live .rates-table tbody td{padding:10px 7px}}
.reference-live .currency-art{width:70px;flex:0 0 70px;border-radius:50%}.reference-live .trade-product .currency-art,.reference-live .trade-art{width:59px;flex-basis:auto;border-radius:50%}.reference-live .badge-art{width:47px;flex:0 0 47px;border-radius:50%}
@media(max-width:1100px){.reference-live .market-head .currency-art{width:56px;flex-basis:56px}}
@media(max-width:450px){.reference-live .market-head .currency-art{width:45px;flex-basis:45px}.reference-live .table-heading .badge-art{display:none}.reference-live .section-label .badge-art{width:38px;flex-basis:38px}}

/* Larger type for the live-rates page header, content controls and footer. */
.reference-page .sidebar-brand-link{width:420px}
.reference-page .sidebar-logo{max-height:78px}
.reference-page .sidebar-foot{font-size:14px;line-height:1.75}
.reference-page .sidebar-link{font-size:14px;min-height:54px;padding-block:16px}
.reference-page .app-topbar{height:54px}
.reference-page .ticker-chip{font-size:14px}
.reference-page .topbar-actions .pill-btn{padding:8px 18px;font-size:14px}
.reference-live .label-text strong{font-size:22px}
.reference-live .label-text small{font-size:15px}
.reference-live .date-time{font-size:16px}
.reference-live .pink-button{font-size:16px;padding:11px 22px}
.reference-live .market-name{font-size:22px}
.reference-live .market-range{font-size:17px}
.reference-live .market-change{font-size:16px}
.reference-live .trade-product{font-size:19px}
.reference-live .rates-table thead th{font-size:17px}
.reference-live .rates-table thead th:first-child{font-size:21px}
.reference-live .rates-table tbody td{font-size:19px}
.reference-live .rates-table tbody td:nth-child(n+2){font-size:22px}
.reference-page .footer-logo{width:310px}
.reference-page .footer-brand-col p{max-width:42ch;font-size:15px;line-height:1.75}
.reference-page .footer-acc summary{font-size:18px;font-weight:750}
.reference-page .footer-acc .acc-body{font-size:15px;line-height:1.75}
.reference-page .footer-bottom{font-size:14px;line-height:1.6}

/* Align every reference section to the same 970px inner width as the supplied design. */
.app-content.reference-live{width:1026px;max-width:100%}
.reference-live .table-stage{width:970px;max-width:100%;overflow-x:auto;border:0}
.reference-live .rates-table{width:970px!important;min-width:970px;max-width:970px;border:1px solid var(--pink-border)}

/* Below the desktop reference width, keep all three columns visible like the mobile artwork. */
@media(max-width:1026px){
  .app-content.reference-live{width:100%}
  .reference-live .table-stage{width:100%;overflow-x:visible}
  .reference-live .rates-table{width:100%!important;min-width:0;max-width:none}
}

@media(max-width:900px){
  .reference-page .sidebar-link{font-size:16px;min-height:50px;padding:13px}
  .reference-page .sidebar-foot{font-size:13px}
  .reference-page .ticker-chip{font-size:13px}
  .reference-page .topbar-actions .pill-btn{font-size:13px}
  .reference-page .footer-brand-col p{font-size:14px}
  .reference-page .footer-acc summary{font-size:17px}
  .reference-page .footer-acc .acc-body{font-size:15px}
  .reference-page .footer-bottom{font-size:13px}
}
@media(max-width:760px){
  .reference-live .label-text strong{font-size:19px}
  .reference-live .label-text small{font-size:13px}
  .reference-live .date-time{font-size:14px}
  .reference-live .pink-button{font-size:14px}
  .reference-live .market-name{font-size:15px}
  .reference-live .market-value{font-size:27px}
  .reference-live .market-range{font-size:13px}
  .reference-live .market-change{font-size:13px}
  .reference-live .trade-product{font-size:16px}
  .reference-live .rates-table thead th{font-size:15px}
  .reference-live .rates-table thead th:first-child{font-size:17px}
  .reference-live .rates-table tbody td{font-size:15px}
  .reference-live .rates-table tbody td:nth-child(n+2){font-size:18px}
}

/* Accessible, reference-themed motion ------------------------------------- */
.reference-page .app-shell{position:relative;z-index:1}
.reference-page .sidebar-link .glyph{display:grid;width:24px;height:24px;flex:0 0 24px;place-items:center;border-radius:7px;background:#f9e4ec}
.reference-page .sidebar-link .nav-svg{width:17px;height:17px;transition:transform .35s cubic-bezier(.2,.8,.2,1),filter .35s ease}
.reference-page .sidebar-link:hover .nav-svg,.reference-page .sidebar-link:focus-visible .nav-svg{animation:maIconWiggle .55s ease;filter:drop-shadow(0 3px 4px rgba(155,22,71,.22))}
.reference-page .sidebar-link.active .glyph{background:#f5cad9;box-shadow:0 0 0 5px rgba(215,89,136,.08)}
.reference-page .sidebar-link.active .nav-svg{animation:maIconBreathe 2.6s ease-in-out infinite}
.reference-page .topbar-toggle{transition:transform .3s ease,background-color .3s ease}
.reference-page .topbar-toggle:hover{transform:rotate(-4deg) scale(1.06);background:#f7dce7}

.metal-ambience{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;contain:strict}
.metal-shape{position:absolute;left:var(--shape-left);top:var(--shape-top);width:var(--shape-size);height:var(--shape-size);opacity:.68;will-change:transform,translate;animation:maGoldFloat var(--shape-speed) ease-in-out var(--shape-delay) infinite alternate}
.metal-shape.bubble{border-radius:50%;background:radial-gradient(circle at 30% 25%,#fff8c9 0 12%,#e6b948 34%,#a96b12 72%,#6f3c08 100%);box-shadow:0 7px 18px rgba(157,98,13,.2),inset -3px -4px 8px rgba(91,49,4,.24)}
.metal-shape.poly{clip-path:polygon(50% 0,92% 24%,100% 68%,65% 100%,20% 90%,0 48%,18% 10%);background:linear-gradient(145deg,#fff0a0,#d69d29 42%,#8c4d0a);box-shadow:0 8px 18px rgba(157,98,13,.18)}

.motion-ready .ma-reveal{opacity:0;transform:translate3d(0,55px,0) scale(.965);transition:opacity .85s ease var(--reveal-delay,0ms),transform .85s cubic-bezier(.2,.75,.25,1) var(--reveal-delay,0ms)}
.motion-ready .ma-reveal.is-visible{opacity:1;transform:none}
.scroll-progress{position:fixed;z-index:90;top:0;left:0;width:100%;height:3px;pointer-events:none;transform:scaleX(0);transform-origin:left center;background:linear-gradient(90deg,#c98a1f,#f5ce66 45%,#d75988 78%,#9b1647);box-shadow:0 1px 5px rgba(155,22,71,.25)}

.motion-control{position:relative;overflow:hidden;isolation:isolate;transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s ease,filter .25s ease}
.motion-control::after{content:"";position:absolute;z-index:-1;inset:-45% -70%;background:linear-gradient(105deg,transparent 37%,rgba(255,255,255,.48) 48%,transparent 59%);transform:translateX(-65%) rotate(4deg);transition:transform .65s ease}
.motion-control:hover::after,.motion-control:focus-visible::after{transform:translateX(65%) rotate(4deg)}
.motion-control:hover{transform:translateY(-2px);box-shadow:0 9px 18px rgba(151,25,73,.18)}
.motion-control:active{transform:translateY(0) scale(.98)}
.motion-ripple{position:absolute;z-index:2;border-radius:50%;pointer-events:none;background:rgba(255,255,255,.46);transform:scale(0);animation:maRipple .62s ease-out forwards}
.reference-live .market-card{transition:transform .35s cubic-bezier(.2,.8,.2,1),border-color .35s ease,box-shadow .35s ease}
.reference-live .market-card:hover{transform:translateY(-5px);border-color:#d9a7ba;box-shadow:0 13px 26px rgba(120,22,59,.1)}
.reference-live .market-card:hover .metal-art,.reference-live .trade-product:hover .metal-art{animation:maGoldPop .75s ease}
.reference-live .rates-table tbody tr{transition:transform .22s ease,background-color .22s ease,box-shadow .22s ease}
.reference-live .rates-table tbody tr:hover{position:relative;z-index:1;transform:translateX(4px);box-shadow:inset 4px 0 #d6a535;background:#fff9ed}

@keyframes maGoldFloat{0%{transform:translate3d(-5px,-8px,0) rotate(0deg)}50%{transform:translate3d(8px,7px,0) rotate(70deg)}100%{transform:translate3d(-2px,18px,0) rotate(145deg)}}
@keyframes maIconWiggle{0%,100%{transform:rotate(0) scale(1)}30%{transform:rotate(-10deg) scale(1.12)}65%{transform:rotate(8deg) scale(1.08)}}
@keyframes maIconBreathe{0%,100%{transform:scale(1);filter:none}50%{transform:scale(1.12);filter:drop-shadow(0 3px 5px rgba(155,22,71,.3))}}
@keyframes maGoldPop{0%,100%{transform:translateY(0) rotate(0)}45%{transform:translateY(-6px) rotate(-4deg)}70%{transform:translateY(-2px) rotate(3deg)}}
@keyframes maRipple{to{transform:scale(1);opacity:0}}

@media(max-width:1150px){.reference-page .sidebar-link .glyph{width:22px;height:22px;flex-basis:22px}.reference-page .sidebar-link .nav-svg{width:15px;height:15px}}
@media(max-width:900px){.reference-page .sidebar-link .glyph{width:31px;height:31px;flex-basis:31px}.reference-page .sidebar-link .nav-svg{width:19px;height:19px}.metal-shape{opacity:.45;width:calc(var(--shape-size)*.65);height:calc(var(--shape-size)*.65)}}
@media(prefers-reduced-motion:reduce){
  .motion-ready .ma-reveal{opacity:1;transform:none}
  .metal-ambience,.scroll-progress{display:none}
  .reference-page .sidebar-link .nav-svg,.reference-page .sidebar-link.active .nav-svg,.motion-control,.reference-live .market-card,.reference-live .rates-table tbody tr{animation:none!important;transition:none!important;transform:none!important}
}
@media(min-width:901px){
  .reference-page .app-sidebar .sidebar-link{font-size:12px;padding:10px 3px;min-height:42px;gap:3px}
  .reference-page .app-sidebar .sidebar-link .glyph{width:16px;height:18px;flex-basis:16px}
  .reference-page .app-sidebar .sidebar-link .nav-svg{width:14px;height:14px}
}
@media(min-width:901px) and (max-width:1150px){
  .reference-page .app-sidebar .sidebar-link{font-size:11px}
  .reference-page .app-sidebar .sidebar-link .glyph{display:none}
}

/* Live summary alignment follows the supplied reference. */
.reference-live .reference-markets .market-card{display:flex;flex-direction:column;align-items:stretch;padding:22px 24px;min-height:230px}
.reference-live .reference-markets .market-head{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:16px;min-height:70px}
.reference-live .market-metal-disc,.reference-live .reference-markets .round-icon{display:grid;place-items:center;width:70px;height:70px;flex:0 0 70px;border-radius:50%;background:linear-gradient(135deg,#fbe5a0,#d39a2c)}
.reference-live .silver .market-metal-disc{background:linear-gradient(135deg,#eeeff5,#b7bbc6)}
.reference-live .reference-markets .inr .round-icon{background:linear-gradient(135deg,#ed91b3,#cc3d74);color:white}
.reference-live .reference-markets .rupee{font-family:"Segoe UI",sans-serif;font-size:46px;line-height:1}
.reference-live .metal-hd{display:block;object-fit:contain;mix-blend-mode:normal;width:48px;height:48px;flex:0 0 48px}
.reference-live .market-metal-disc .metal-hd{width:62px;height:62px}
.reference-live .reference-markets .market-name{font-size:19px;line-height:1.2;white-space:nowrap}
.reference-live .reference-markets .market-value{margin:16px 0 7px;text-align:center;font-size:34px;line-height:1.15;font-variant-numeric:tabular-nums;letter-spacing:0}
.reference-live .reference-markets .market-range{margin:0;text-align:center;font-size:16px;line-height:1.5;font-variant-numeric:tabular-nums;white-space:nowrap}
.reference-live .reference-markets .market-change{margin:14px 0 0;text-align:center;font-size:13px;line-height:1.4;min-height:19px}
.reference-live .reference-markets .market-change.is-down{color:#b5264c}
.reference-live .reference-markets .market-change.is-up{color:#087b54}
@media(max-width:760px){
 .reference-live .reference-markets .market-card{padding:14px 8px;min-height:185px}
 .reference-live .reference-markets .market-head{gap:6px;min-height:42px}
 .reference-live .market-metal-disc,.reference-live .reference-markets .round-icon{width:36px;height:36px;flex-basis:36px}
 .reference-live .market-metal-disc .metal-hd{width:33px;height:33px}
 .reference-live .reference-markets .rupee{font-size:28px}
 .reference-live .reference-markets .market-name{font-size:11px}
 .reference-live .reference-markets .market-value{font-size:23px;margin-top:14px}
 .reference-live .reference-markets .market-range{font-size:10px}
 .reference-live .reference-markets .market-change{font-size:10px;margin-top:12px}
}