.market-glass{--ink:#202d25;--muted:#4b574f;--accent:#355e4d;--line:rgba(60,76,65,.18);background:#e5ded1}
.market-glass:before{content:"";position:fixed;inset:0;z-index:-1;background:linear-gradient(115deg,rgba(245,240,230,.81),rgba(232,222,205,.66)),url(assets/studio-facade.webp) center 38%/cover no-repeat}
.market-glass header{background:transparent;border:0}
.market-glass .mast{margin-top:15px;min-height:60px;padding:7px 16px;border:1px solid #ffffff9e;border-radius:36px;background:rgba(233,225,214,.42);backdrop-filter:blur(64px) saturate(145%);box-shadow:inset 0 1px #ffffffa8,0 12px 32px -24px #473d33}
.market-glass .mast nav a[aria-current]{background:#fff9}
.market-glass .mast nav a:hover{background:#fff7}
.market-glass .editor-link{background:#fff5}
.glass-workspace{margin-top:17px;padding:20px 24px;border:1px solid #ffffff9e;border-radius:30px;background:rgba(233,225,214,.35);backdrop-filter:blur(90px) saturate(142%);box-shadow:inset 0 1px #ffffff9c,0 22px 45px -28px #47392d}
.market-mast{display:flex;align-items:baseline;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:1px 0 20px}
.market-mast h1{font:600 clamp(27px,4vw,45px)/1.15 var(--serif);letter-spacing:-.035em}
.market-mast p{color:var(--muted);font-size:14px}
.glass-prices,.glass-news{padding:18px;border:1px solid #fff9;border-radius:22px;background:rgba(255,255,255,.22);box-shadow:inset 0 1px #fff8}
.glass-prices .section-title,.glass-news .section-title{padding:0 1px}
.keep-together{white-space:nowrap}
.glass-prices h2,.glass-news h2{font-size:clamp(24px,3vw,33px)}
.commodity-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:13px 0}
.commodity-tag{display:grid;min-width:0;text-align:left;gap:2px;padding:10px 14px;border:1px solid #fff9;border-radius:14px;background:rgba(255,255,255,.24);backdrop-filter:blur(64px);box-shadow:inset 0 1px #fff9}
.commodity-tag:hover,.region-row:hover{background:#ffffff91}
.commodity-tag[aria-pressed=true]{background:#e0f0e6bd;border-color:#548570;box-shadow:inset 0 1px #fffb}
.commodity-tag strong{font:400 clamp(27px,3.45vw,43px)/1.05 Georgia,serif;font-variant-numeric:tabular-nums}
.commodity-tag small{font-size:12px}
.region-panel{padding:15px;border:1px solid #ffffffb8;border-radius:17px;background:rgba(255,255,255,.45);box-shadow:inset 0 1px #fffb}
.region-panel h3{font-size:clamp(19px,2.1vw,25px)}
.region-layout{margin-top:10px;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:start;gap:15px}
.china-figure{padding:0;margin:0;min-width:0;width:100%;max-width:565px;justify-self:center}
.china-map{position:relative;border-radius:15px;overflow:hidden;border:1px solid #bfcac0;background:#f2f4ee}
.china-map img{display:block;width:100%;height:auto}
.china-figure figcaption{margin-top:5px;color:var(--muted);font-size:12px}
.map-leaders{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.map-leaders line{stroke:#476c59;stroke-width:1.25px;vector-effect:non-scaling-stroke}
.map-pin{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);display:grid;place-items:center;min-width:69px;min-height:48px;gap:2px;padding:4px 8px;border:1px solid #96ae9d;border-radius:10px;background:#f9fbf5ed;color:#234739;line-height:1.15;white-space:nowrap;box-shadow:0 2px 8px #203d3940}
.map-pin-name{font-size:13px}
.map-pin-value{font:600 20px/1 Georgia,serif;font-variant-numeric:tabular-nums}
.map-pin-count{font-size:11px;font-weight:500;line-height:1.1}
.map-pin[data-enough=false]:not([aria-pressed=true]){border-color:#b4b8a9;background:#f2f2e8}
.map-pin[aria-pressed=true],.map-pin:hover{background:#305b47;color:#fff}
.region-note{color:var(--muted);font-size:13px}
.region-detail{margin-top:0;padding:10px 12px;border:1px solid #fff8;border-radius:9px;background:#fff5;font-size:14px}
.region-detail .sample-state{font-weight:600;color:#264c38}
.region-detail summary{color:#254838}
.region-detail ul{margin:5px 0 0;padding:0;list-style:none;max-height:180px;overflow:auto}
.region-detail li{display:grid;grid-template-columns:1fr auto;gap:10px;padding:5px 0;border-top:1px solid var(--line)}
.region-detail p{margin-top:4px}
.region-note{margin:8px 1px 4px}
.data-links{display:flex;gap:13px;flex-wrap:wrap;font-size:13px;color:#315b47}
.glass-news{margin-top:21px}
.flip-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:12px;align-items:start}
#daily-title{scroll-margin-top:16px}
.news-pagination{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:18px}
.news-pagination button{min-width:44px;min-height:44px;border:1px solid #b0c5b8;border-radius:10px;background:#f3faf0b3;color:#254838;font:inherit;font-variant-numeric:tabular-nums;cursor:pointer}
.news-pagination button:not(:disabled):hover{background:#e4efe5}
.news-pagination button[aria-current="page"],.news-pagination button[aria-current="page"]:hover{background:#254838;border-color:#254838;color:#fff}
.news-pagination button:disabled{opacity:.45;cursor:default}
.news-pagination button[data-news-step]{font-size:23px;line-height:1}
.flip-story{perspective:1250px;min-width:0}
.flip-inner{position:relative;display:grid;transform-style:preserve-3d;transition:transform 820ms cubic-bezier(.22,.72,.25,1)}
.flip-story[data-flipped=true] .flip-inner{transform:rotateY(180deg)}
.flip-face{grid-area:1/1;display:flex;flex-direction:column;align-items:flex-start;min-width:0;padding:16px;border:1px solid #ffffffa1;border-radius:16px;background:rgba(255,255,255,.28);backface-visibility:hidden;box-shadow:inset 0 1px #fff9,0 12px 28px -24px #4a4138;overflow-wrap:anywhere}
.flip-front{backdrop-filter:blur(64px)}
.flip-back{transform:rotateY(180deg);background:rgba(233,225,214,.57);backdrop-filter:blur(64px) saturate(135%)}
.flip-face h3{font-size:clamp(19px,2.2vw,24px);margin-bottom:6px}
.flip-face h4{margin:7px 0 2px}
.flip-face p{font-size:14px}
.flip-face .meta,.flip-face .source{font-size:12px;color:var(--muted)}
.flip-face .source{margin-top:7px}
.flip-toggle,.flip-close{margin-top:auto;min-height:37px;padding:4px 11px;align-self:flex-start;border:1px solid #b0c5b8;border-radius:20px;color:#254838;background:#f3faf0b3}
.flip-face p:last-of-type{margin-bottom:10px}
.flip-story[data-flipped=true] .flip-front,.flip-story[data-flipped=false] .flip-back{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.market-glass .monthly{border-top:1px solid var(--line);margin-top:24px}
.market-glass .data-panel{background:#fff6;border-color:#fff9;border-radius:12px}
.visually-hidden{position:absolute;inline-size:1px;block-size:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:820px){
 .market-glass .mast{border-radius:21px}
 .glass-workspace{padding:16px}
 .region-layout{grid-template-columns:1fr 1fr}
 .commodity-tag{padding:9px 8px}
}
@media(max-width:760px){
 .region-layout{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:650px){
 .market-glass .wrap{width:calc(100% - 24px)}
 .glass-workspace{padding:12px;border-radius:22px}
 .market-mast{padding-bottom:12px}
 .market-mast h1{font-size:clamp(27px,8vw,43px)}
 .market-mast p{font-size:12px}
 .glass-prices,.glass-news{padding:11px;border-radius:16px}
 .commodity-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:9px 0}
 .commodity-tag strong{font-size:25px}
 .region-panel{padding:8px;border-radius:13px}
 .region-layout,.flip-grid{grid-template-columns:minmax(0,1fr);gap:9px}
 .map-pin{top:clamp(29px,var(--y),calc(100% - 29px));min-width:56px;min-height:44px;padding:4px 5px;border-radius:8px}
 .map-pin-name{font-size:12px}
 .map-pin-value{font-size:16px}
 .map-pin-count{font-size:10px}
}
@media(max-width:350px){
 .market-glass .wrap{width:calc(100% - 20px)}
 .glass-workspace{padding:9px}
 .glass-prices{padding:9px}
 .region-panel{padding-inline:4px}
 .map-pin{top:clamp(26px,var(--y),calc(100% - 26px));padding-block:3px;gap:1px}
}
@media(prefers-reduced-motion:reduce){.flip-inner{transition:none}}