:root{--sany-red:#e60000;--sany-black:#000;--sany-white:#fff;--sany-grey:#f2f2f2;--sany-deep-grey:#4a4a4a;--sany-line:#d9d9d9;--sany-steel:#3b424a;--sany-graphite:#2d3339}
body{background:#fff;color:var(--sany-black)}
header{border-top:5px solid var(--sany-red);height:92px;background:#fff;padding-top:0}
header .brand img{width:145px;height:39px;object-fit:contain;object-position:left center;flex:0 0 145px}
header .brand>span{font-weight:700;color:#111;letter-spacing:0}
header .brand small{font-weight:500;color:#666;letter-spacing:.35px}
header .brand i{background:#b7b7b7}
.header-note{color:#555;border-left-color:#c7c7c7}
.main-nav{height:54px;background:#f7f7f7;border-top:1px solid #e1e1e1;border-bottom:1px solid #cfcfcf;justify-content:flex-start;gap:38px}
.main-nav a{color:#555;font-weight:600}
.main-nav a.active,.main-nav a:hover{color:var(--sany-red)}
.main-nav a.active:after{background:var(--sany-red);height:3px}
.overview{min-height:360px;position:relative;isolation:isolate;overflow:hidden;padding:104px 5% 38px;background:#fff;color:#000;border-bottom:0}
.hero-content{position:relative;z-index:2;max-width:1040px;text-align:left}
.overview .eyebrow{color:var(--sany-red);font-weight:800;font-size:11px;letter-spacing:2px;position:relative;transform:translateY(-14px)}
.hero-kicker{font-size:15px;color:#606060;margin:18px 0 23px;font-weight:600;position:relative;transform:translateY(-14px)}
.overview h1.hero-en{font-size:clamp(38px,4.1vw,62px);line-height:1.05;letter-spacing:-2.4px;font-weight:800;margin:0;color:#080808;max-width:none;white-space:nowrap;background:transparent}
.overview h1.hero-en strong{display:inline;color:var(--sany-red);font-weight:800;background:transparent!important;padding:0;margin:0}
.hero-statement{display:none}
.hero-rule{width:52px;height:4px;background:var(--sany-red);margin:24px 0 25px}
.hero-cn{display:flex;align-items:baseline;gap:22px;margin:0;letter-spacing:.1px;background:transparent;padding:0}.hero-cn>span{font-size:17px;color:#777;font-weight:500;background:transparent}.hero-cn strong{font-size:23px;color:#1a1a1a;font-weight:750}.hero-cn strong span{color:var(--sany-red);font-weight:750}
.hero-band{display:none}
.hero-band:after{content:"";position:absolute;inset:0;background:linear-gradient(140deg,transparent 20%,#bd0000 20%,#bd0000 34%,transparent 34%,transparent 57%,#f13a32 57%,#f13a32 66%,transparent 66%);opacity:.9}
.hero-band span{display:block;position:absolute;width:0;height:0;opacity:.25;border-style:solid}.hero-band span:nth-child(1){border-width:0 140px 250px 140px;border-color:transparent transparent #fff transparent;right:22%;top:-25px}.hero-band span:nth-child(2){border-width:0 100px 190px 100px;border-color:transparent transparent #fff transparent;right:-8%;bottom:-45px}.hero-band span:nth-child(3){border-width:0 85px 155px 85px;border-color:transparent transparent #fff transparent;right:45%;bottom:5px}
.hero-grid{display:none}
.section{padding-top:56px;padding-bottom:56px}.section-heading{border-left:5px solid var(--sany-red);padding-left:16px;margin-bottom:28px}.section .eyebrow{color:#777;font-weight:700}.section h2{font-size:31px;line-height:1.2;margin-top:8px;color:#111}.section-meta{color:#666}
.map-section{background:#f6f6f6;margin:0;padding-left:5%;padding-right:5%}.map-layout{background:#fff;border:1px solid #d3d3d3;border-radius:0;box-shadow:12px 12px 0 #e6000015}.world-map{background:#f7f7f7}.map-directory{background:#fff;border-left-color:#d7d7d7}.map-group-label{color:#777}.map-directory button:hover b{color:var(--sany-red)}
.world-map svg,.map-pins{aspect-ratio:2 / 1}
.map-pin.beacon:before{border-color:#e6000060;background:#e600000f;box-shadow:0 0 17px 7px #e6000022}.map-pin.beacon:after{border-color:#e6000070;background:#fff}.beacon-core{background:var(--sany-red);box-shadow:0 0 12px #e60000aa}.map-pin.beacon .beacon-label{border-radius:0;border-left:3px solid var(--sany-red);box-shadow:5px 5px 0 #e600000d;color:#111}.map-caption i{background:var(--sany-red)}
.region-tabs button{border-radius:0}.region-tabs button[aria-selected=true]{background:var(--sany-steel);color:#fff;border-color:var(--sany-steel);box-shadow:inset 0 -5px var(--sany-red)}.region-tabs button[aria-selected=true]>span{color:#d1d1d1}.region-tabs button[aria-selected=true]>b{color:#fff}
.country-chips button,.division-tabs button,.channel-tabs button{border-radius:0}.country-chips button[aria-pressed=true],.division-tabs button[aria-pressed=true],.channel-tabs button[aria-pressed=true]{background:var(--sany-steel);color:#fff;border-color:var(--sany-steel)}.country-chips button[aria-pressed=true],.division-tabs button[aria-pressed=true]{box-shadow:inset 0 -3px var(--sany-red)}
.card,.channel-matches,.country-grid button,.playbook{border-radius:0;border-color:#d4d4d4}.card:hover,.country-grid button:hover,.playbook:hover{border-color:var(--sany-red);box-shadow:6px 6px 0 #e6000010}.card-metric{border-left-color:var(--sany-red);background:#f8f8f8}.card-metric b,.data-highlight{color:var(--sany-red)}.data-highlight{background:#fde7e7;border-radius:0}
.country-flag{display:inline-flex;align-items:center;margin-left:3px;font-size:22px;line-height:1;letter-spacing:0;font-family:"Apple Color Emoji","Segoe UI Emoji",sans-serif}
.china-results{background:var(--sany-graphite);color:#fff;border-radius:0;border:0;border-bottom:6px solid var(--sany-red)}.china-results .eyebrow,.china-results small,.china-metrics em,.china-metrics span,.china-results>p{color:#c7c7c7}.china-metrics b{color:#fff}.china-metrics article,.china-results>p{border-color:#596168}
.channel-row:hover{background:#fff5f5}.channel-metric strong,.country-grid b span,.playbook-link{color:var(--sany-red)}
.method{background:#f6f6f6;margin:0;min-height:calc(100vh - 54px);padding-left:5%;padding-right:5%}.method-grid{border-top-color:#bdbdbd}.method-grid article>span{color:var(--sany-red)}.playbook{background:#fff}.playbook:hover{border-color:var(--sany-red)}
.method-hubs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:28px}
.method-hubs button{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:8px;min-height:108px;padding:19px 23px;text-align:left;background:#ededed;border:1px solid #d3d3d3;color:#222}
.method-hubs button strong{font-size:23px;font-weight:700}
.method-hubs button span{font-size:15px;color:#666}
.method-hubs button[aria-selected=true]{background:#fff;border-color:var(--sany-red);box-shadow:inset 0 -4px var(--sany-red)}
.method-hubs button:hover{border-color:var(--sany-red)}
#method-panel-knowledge[hidden],#method-panel-tools[hidden]{display:none}
.method-panel-title{margin:30px 0 17px;font-size:21px;color:#222}
.method-tools-empty{margin-top:24px;min-height:210px;padding:34px;background:#fff;border:1px solid #d3d3d3;border-left:4px solid var(--sany-red)}
.method-tools-empty h3{margin:0 0 12px;font-size:22px}
.method-tools-empty p{margin:0;color:#777;font-size:16px}
.playbook-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:34px;border-bottom:1px solid #cfcfcf}
.method-hubs+.playbook-toolbar,#method-panel-knowledge .playbook-toolbar{margin-top:18px}
.playbook-filters{display:flex;flex-wrap:wrap;gap:6px 26px}
.playbook-filters button{border:0;border-bottom:3px solid transparent;background:transparent;color:#555;padding:12px 0 13px;font-size:16px;font-weight:600;white-space:nowrap}
.playbook-filters button span{margin-left:8px;color:#888;font-size:14px;font-weight:500}
.playbook-filters button[aria-pressed=true]{border-bottom-color:var(--sany-red);color:#111}
.playbook-filters button[aria-pressed=true] span{color:var(--sany-red)}
.playbook-filters button:hover{color:var(--sany-red)}
.playbook-count{flex:none;color:#666;font-size:14px}
.playbook-toolbar+.playbooks{margin-top:22px}
footer{border-top:6px solid var(--sany-red);background:#000;color:#ddd}footer strong{color:#fff}

/* Reading sizes across the case library */
.main-nav a{font-size:16px}
.section .eyebrow{font-size:13px}
.section-meta{font-size:15px}
.map-group-label,.map-caption{font-size:13px}
.map-directory b{font-size:17px}
.map-directory small{font-size:14px}
.map-pin.beacon .beacon-label{font-size:15px}
.beacon-label small{font-size:12px}
.region-tabs button>span{font-size:15px}
.country-chips button,.division-tabs button,.channel-tabs button{font-size:16px}
.division-tabs button span,.channel-tabs span{font-size:14px}
.country{font-size:16px}
.country-code,.serial{font-size:13px}
.card h3{font-size:22px}
.card .summary{font-size:16px;line-height:1.7}
.card-metric span{font-size:15px}
.tags span{font-size:14px}
.card-bottom,.card-bottom button{font-size:15px}
.china-results h3{font-size:22px}
.china-results small,.china-metrics span,.china-results>p{font-size:15px}
.channel-country{font-size:15px}
.channel-title{font-size:17px}
.channel-metric{font-size:14px}
.country-grid button>span{font-size:12px}
.country-grid p{font-size:16px}
.country-grid b{font-size:15px}
.method-grid article>span{font-size:14px}
.method-grid h3{font-size:19px}
.method-grid p{font-size:16px}
.playbook>span:first-child{font-size:14px}
.playbook h3{font-size:20px}
.playbook p{font-size:16px}
.playbook-link{font-size:15px}
@media(max-width:720px){
  .main-nav a{font-size:14px}
  .section .eyebrow{font-size:12px}
  .map-pin.beacon .beacon-label{font-size:12px}
  .beacon-label small{font-size:11px}
  .country-chips button,.division-tabs button,.channel-tabs button{font-size:14px}
  .region-tabs button>span{font-size:13px}
  .card h3{font-size:21px}
  .card .summary{font-size:16px}
  .channel-title{font-size:16px}
  .country-grid button>span{font-size:11px}
  .country-grid p{font-size:15px}
}
@media(max-width:720px){header{height:82px;border-top-width:4px}header .brand img{width:112px;height:30px;flex-basis:112px}.main-nav{gap:24px}.overview{min-height:330px;padding:106px 5% 10px}.overview .eyebrow,.hero-kicker{transform:translateY(-12px)}.overview h1.hero-en{font-size:29px;letter-spacing:-1.3px;line-height:1.08;white-space:nowrap;max-width:none}.hero-kicker{font-size:13px;margin-bottom:22px}.hero-rule{margin:20px 0 22px}.hero-cn{display:grid;gap:7px}.hero-cn>span{font-size:14px}.hero-cn strong{font-size:19px}.section{padding-top:40px;padding-bottom:40px}.section h2{font-size:25px}.map-section,.method{padding-left:5%;padding-right:5%}}
@media(max-width:720px){.playbook-toolbar{display:block;margin-top:25px}.playbook-filters{flex-wrap:nowrap;gap:22px;overflow-x:auto;scrollbar-width:thin}.playbook-filters button{flex:none;font-size:15px}.playbook-count{display:block;padding:10px 0;font-size:13px}}
@media(max-width:720px){.method-hubs{gap:9px;margin-top:23px}.method-hubs button{min-height:88px;padding:14px 12px}.method-hubs button strong{font-size:18px}.method-hubs button span{font-size:13px;line-height:1.4}.method-panel-title{font-size:19px;margin-top:25px}}