@media(max-width:760px){
 :root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif}
 html{font-size:15px;scroll-padding-top:76px}
 body{font-size:15px;line-height:1.5;-webkit-text-size-adjust:100%;text-size-adjust:100%}
 main.wrap,.wrap{width:100%;max-width:100%;padding-left:16px;padding-right:16px}
 h1,h2,h3,p{overflow-wrap:break-word}
 button,input,select{font-family:inherit}
 .site-header .header-inner{min-height:62px;height:62px;padding:8px 16px;gap:12px}
 .brand{gap:8px;min-width:0}.brand-mark{width:36px;height:36px;font-size:26px}
 .site-header .brand strong{font-size:19px!important;line-height:1.2}
 .brand small{font-size:9px;letter-spacing:1.8px;line-height:1.5}
 .site-header .market-nav{height:42px;min-width:42px;background:transparent}
 .menu-toggle{height:42px;width:42px;font-size:23px}
 .market-links{top:46px;width:260px}.market-links a{font-size:15px!important;padding:10px 12px!important}
 .market-strip,.market-strip .strip-inner,.quick-track,.quick-item{height:32px!important;min-height:32px!important;max-height:32px!important}
 .quick-item{letter-spacing:0!important}.quick-item strong,.quick-item .trade-delta{font-size:11px!important;line-height:1.2!important}
 .breadcrumb{padding:10px 0 4px;margin:0;font-size:12px}
 .update-bar{padding:7px 0!important;gap:6px 10px;font-size:12px!important}
 .update-bar>span{font-size:12px!important}.update-bar button{font-size:12px;min-height:32px;padding:5px 9px}
 .update-bar #refresh-status{width:100%;order:3;font-size:12px;line-height:1.4}
 .page-heading{display:block;padding:16px 0 0!important;margin:0 0 18px!important}
 .page-heading h1{font-size:24px!important;line-height:1.25;letter-spacing:-.4px;margin:4px 0 0}
 .eyebrow{font-size:11px!important;line-height:1.4;margin:0 0 5px;letter-spacing:1px}
 h2,.section-heading h2,.market-section-title h2,.method-section h2{font-size:20px!important;line-height:1.3;letter-spacing:-.25px;margin:4px 0 10px}
 h3,.asset-card h3{font-size:18px!important;line-height:1.35;min-height:0;margin:12px 0 8px}
 .overview{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}
 .side-cards{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}
 .hero-card{padding:20px!important;border-radius:18px}
 .card-top{gap:8px;align-items:center;flex-wrap:wrap}
 .gold-tag,.source-badge,.mini-label{font-size:11px!important;line-height:1.3;letter-spacing:.3px}
 .hero-label{font-size:13px;margin:16px 0 6px}
 .hero-price{font-family:inherit!important;font-size:34px!important;line-height:1.15;letter-spacing:-1px;font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap}
 .hero-change{display:block;padding:0!important;background:transparent!important;margin:12px 0 16px;font-size:13px!important;line-height:1.6}
 .hero-change .trade-delta{font-size:14px!important;padding:5px 8px;white-space:nowrap}
 .hero-metrics{gap:12px;padding-top:14px;margin-top:14px}
 .hero-metrics strong{font-size:19px!important;line-height:1.3;margin:5px 0}
 .hero-metrics span,.hero-metrics small{font-size:12px!important;line-height:1.4}
 .hero-footer{font-size:11px!important;padding-top:12px;margin-top:16px;line-height:1.5;gap:6px}
 .panel{border-radius:16px;padding:16px}
 .world-price,.world-price #xau-price{font-family:inherit;font-size:28px!important;line-height:1.2;letter-spacing:-.4px}
 .world-price small{font-size:12px;letter-spacing:0}
 .conversion-line{font-size:13px;gap:8px;flex-wrap:wrap}
 .conversion-line strong{font-size:16px}.world-result{font-size:22px;line-height:1.3}
 .world-converter{gap:5px;padding-top:12px}
 .world-converter button{font-size:13px;min-height:36px;padding:6px 9px;border-radius:7px}
 .caption,.asset-time,.asset-bottom small,.quality-badge{font-size:12px!important;line-height:1.5}
 .quality-badge{padding:3px 7px}.asset-kind{font-size:11px}
 .fx-values{gap:7px}.fx-values strong{font-size:19px}.fx-values span{font-size:12px!important;line-height:1.4}
 .fx-change{font-size:11px!important;padding:3px 4px}
 .context-row{display:block;padding:10px 0;margin:0;font-size:12px}
 .context-row p{font-size:12px;line-height:1.6;margin:5px 0}.context-row strong{font-size:13px}
 .market-layout{display:block;margin-top:16px}
 .quotes-panel{padding:13px!important;margin-bottom:16px}
 .section-heading{gap:8px;margin-bottom:12px}.unit-pill{font-size:11px!important;padding:4px 7px}
 .quotes-panel .table-scroll{width:100%;overflow:auto}
 .quotes-panel table{width:100%;min-width:0;table-layout:fixed}
 .quotes-panel th:first-child{width:31%}
 .quotes-panel th,.quotes-panel td{padding:10px 6px;font-size:12px;vertical-align:middle}
 .quotes-panel td strong{font-family:inherit;font-size:clamp(13px,4vw,16px)!important;line-height:1.4;white-space:nowrap;font-variant-numeric:tabular-nums;letter-spacing:-.35px}
 .brand-button{font-size:14px!important;line-height:1.3;overflow-wrap:normal;text-align:left}
 .brand-button span{display:none}
 .quotes-panel th small{font-size:11px!important;line-height:1.4}
 .quotes-panel .trade-delta{font-size:11px!important;line-height:1.5;padding:3px 2px!important;white-space:normal;margin-top:5px}
 .time-row td,.time-row [data-field="source-time"]{font-size:11px!important}
 .chart-panel{margin:16px 0;padding:14px}.chart-controls{gap:8px;flex-wrap:wrap}
 .chart-controls select{font-size:13px;max-width:100%;width:100%}.periods{display:flex;flex-wrap:wrap;gap:5px}
 .periods button{font-size:12px;padding:7px 10px}.chart-summary strong{font-size:24px!important}
 .chart-summary span,.chart-reading{font-size:12px!important}.chart-stats{gap:8px}.chart-stats span{font-size:11px}.chart-stats strong{font-size:14px}
 .market-section{margin-top:20px!important;padding-top:20px!important}
 .market-section-title{gap:8px;margin-bottom:12px}
 .assets-grid,.crypto-grid,.metals-grid,.commodities-grid{grid-template-columns:minmax(0,1fr)!important;gap:12px}
 .asset-card{padding:16px;border-radius:16px;min-width:0}
 .asset-price{display:flex;gap:8px;flex-wrap:wrap;align-items:baseline}
 .asset-price strong{font-family:inherit!important;font-size:28px!important;line-height:1.2;letter-spacing:-.4px;white-space:nowrap}
 .asset-price span{font-size:13px}.asset-change{font-size:14px!important;padding:4px 8px;margin:10px 0}
 .asset-extra,.asset-extra strong,.asset-more p{font-size:13px!important;line-height:1.6}
 .asset-bottom{padding-top:10px}.asset-chart{font-size:13px!important;min-height:36px;padding:5px 8px}
 .extended-chart{padding:14px}.extended-controls{display:grid;grid-template-columns:70px minmax(0,1fr);gap:8px}
 .extended-controls select{width:100%;max-width:100%;font-size:14px;min-height:38px}
 .extended-controls label{font-size:13px}.extended-controls button{font-size:13px;min-height:38px;grid-column:2}
 .extended-title{gap:6px;flex-wrap:wrap}.extended-title strong{font-size:25px!important}.extended-title small,.extended-reading{font-size:12px!important}
 .rates-layout{display:block}.rates-panel{padding:12px}
 .rates-scroll table,.rates-scroll th,.rates-scroll td{font-size:13px!important}.rates-scroll button{font-size:13px!important}
 .rates-toolbar{display:block}.rates-toolbar input{width:100%;font-size:16px;margin-top:6px}
 .news-grid{grid-template-columns:minmax(0,1fr);gap:12px}.news-item{padding:14px}
 .news-item h3{font-size:17px!important;line-height:1.45;margin:9px 0}
 .news-item>div,.news-item p{font-size:12px}.news-image{border-radius:10px;margin-bottom:10px}
 .method-section{display:block;gap:0;margin:24px 0;padding-top:20px}
 .method-details summary,.method-details p{font-size:13px;line-height:1.6}
 .visit-footer{padding:18px 16px}.visit-heading strong{font-size:14px}.visit-heading small{font-size:11px}
 .visit-values strong{font-size:22px}.visit-values span,.visit-footer>p{font-size:12px}
 .footer-inner{display:block;padding:18px 16px}.footer-inner strong{font-size:14px}.footer-inner p{font-size:12px}
 .footer-inner>div:last-child{font-size:13px;gap:20px;margin-top:12px}
}
@media(max-width:350px){
 .wrap,main.wrap{padding-left:12px;padding-right:12px}.hero-card{padding:17px!important}.hero-price{font-size:31px!important}
 .quotes-panel th,.quotes-panel td{padding-left:4px;padding-right:4px}.quotes-panel td strong{font-size:13px!important}
 .brand-button{font-size:13px!important}.hero-metrics strong{font-size:17px!important}
 .quick-item strong,.quick-item .trade-delta{font-size:10px!important}
}

.market-strip .strip-inner{align-items:center!important}
.market-strip .ticker-arrow{display:flex!important;align-items:center!important;justify-content:center!important;align-self:center!important;height:28px!important;min-height:28px!important;max-height:28px!important;line-height:1!important;font-size:0!important;margin:0!important;padding:0!important;transform:none!important;position:relative;top:0}
.market-strip .ticker-arrow::before{content:"";display:block;width:6px;height:6px;border-top:2px solid currentColor;border-right:2px solid currentColor;transform:rotate(45deg)}
.market-strip .ticker-arrow:first-child::before{transform:rotate(-135deg)}
@media(max-width:760px){.crypto-grid,.metals-grid,.assets-grid{display:grid!important;grid-template-columns:minmax(0,1fr)!important}.asset-card{width:100%;min-width:0;max-width:100%;overflow:hidden}.asset-price{min-width:0;max-width:100%}.asset-price strong{max-width:100%;font-size:28px!important}.hero-price{max-width:100%;font-size:clamp(29px,8.5vw,34px)!important}}

.world-converter{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.world-converter .converter-group{display:inline-flex;flex-wrap:nowrap;align-items:center;gap:2px;padding:3px;border:1px solid #e1e3dc;border-radius:9px;background:#f1f2ed;max-width:100%}
.world-converter .converter-group button{border:1px solid transparent;background:transparent;color:#66788b;border-radius:6px;font-size:13px;padding:6px 8px;min-height:32px;margin:0;line-height:1.2}
.world-converter .converter-group button[aria-pressed="true"]{background:#fff;border-color:#dedfd8;color:#17334a;box-shadow:0 1px 3px #17283b15;font-weight:650}
.world-gap-line{padding:9px 0;border-top:1px solid #edf0e8;border-bottom:1px solid #edf0e8;margin:10px 0}
.world-gap-line strong{font-size:15px}
@media(max-width:760px){.world-converter{gap:6px}.world-converter .converter-group{gap:0;padding:2px}.world-converter .converter-group button{font-size:12px;padding:6px;min-height:32px}.world-gap-line{font-size:13px}.world-gap-line strong{font-size:14px}}

.visit-footer{display:flex!important;align-items:center;justify-content:flex-start;gap:20px!important;padding:10px 16px!important;flex-wrap:nowrap!important}
.visit-heading{display:flex;align-items:center;gap:6px}.visit-heading strong{font-size:12px!important;white-space:nowrap}.visit-icon{display:none}.visit-values{display:flex!important;gap:16px!important;margin:0!important}.visit-values>div{display:flex;align-items:center;gap:7px}.visit-values strong{font-size:16px!important}.visit-values span{font-size:12px!important;white-space:nowrap}.visit-heading small,.visit-footer>p{display:none!important}
.news-archive-list{list-style:none;margin:0;padding:0}.news-archive-list li{padding:13px 0;border-bottom:1px solid #e5e7df}.news-archive-list a{font-size:16px;font-weight:600;text-decoration:none}.news-archive-list small{display:block;font-size:12px;color:#70808b;margin-top:4px}.news-archive-link a{font-size:14px}
@media(max-width:760px){.visit-footer{gap:12px!important;justify-content:space-between!important}.visit-heading strong{font-size:11px!important}.visit-values{gap:12px!important}.visit-values>div{gap:5px}.visit-values span{font-size:11px!important}.visit-values strong{font-size:15px!important}.extended-svg:has(.waiting){min-height:70px;height:auto}.waiting{padding:15px 0!important;font-size:13px!important}.news-archive-list a{font-size:15px}}

.news-media{display:block;position:relative;aspect-ratio:600/315;overflow:hidden;border-radius:12px;margin-bottom:14px;background:#edf0e9}
.news-media .news-image{display:block;width:100%;height:100%;object-fit:cover;margin:0;border-radius:0}
.news-image-note{position:absolute;right:8px;bottom:8px;font-size:10px;line-height:1.4;padding:3px 7px;border-radius:5px;color:#fff;background:#14283bba;pointer-events:none}

.brand strong{font-size:22px;line-height:1.25}.brand>span:last-child{min-width:0}@media(max-width:760px){.site-header .brand strong{font-size:17px!important;line-height:1.25;white-space:normal}.site-header .brand{max-width:calc(100% - 54px)}.brand small{font-size:9px}}