
/* Wanqiao responsive / search-friendly progressive enhancement v5.2
   Does not depend on third-party JS or change product evidence. */
:root{--wq-navy:#143d67;--wq-link:#154c7b;--wq-quiet:#587087;--wq-border:#dbe5ef;--wq-cream:#f4f8fc}
html{scroll-padding-top:94px}
body{overflow-x:clip}
img,video,iframe{max-width:100%}
a,button,summary,input{touch-action:manipulation}
:where(a,button,summary,input,textarea):focus-visible{outline:3px solid #f1b84b!important;outline-offset:3px}
:where(p,li,td,th,h1,h2,h3){overflow-wrap:anywhere}
:where(.wrap,.main,.content,.summary-card,.section-card,.article,.panel){min-width:0}
.wq-skip{position:absolute;left:14px;top:-100px;z-index:2002;padding:12px 16px;color:#102c49;background:#fff;border-radius:10px;font-weight:700}
.wq-skip:focus{top:12px}
.wq-mobile-navigation{display:none}
.wq-mobile-contact{display:none}
.wq-hero-context{font-size:clamp(1.15rem,2.6vw,1.7rem);font-weight:650;letter-spacing:.01em;color:inherit;margin:0 0 8px}
.wq-hero-subheading{font-size:clamp(1.15rem,2.4vw,1.55rem);font-weight:700;margin:0 0 12px;line-height:1.35}
.hero-mini h1,.hero-mini h2,.hero-mini .wq-hero-context,.hero-mini .wq-hero-subheading{max-width:100%;text-wrap:balance}
.summary-card h2.wq-summary-heading{font-size:clamp(1.5rem,2.6vw,2.05rem);line-height:1.35;margin:8px 0 18px;color:var(--ink,#1f2d3d)}
.wq-intent-strip{padding:12px 16px;background:#edf5fb;color:#214566;border-radius:12px;border:1px solid #d9e6f0;font-size:.88rem;line-height:1.7}
.wq-intent-strip strong{color:#143d67}
.wq-product-toc{background:#fff;border:1px solid #dfe7ef;box-shadow:0 5px 24px rgba(12,54,100,.05);border-radius:14px;padding:12px 14px;margin:22px 0 0;display:flex;align-items:center;gap:12px;min-width:0}
.wq-product-toc strong{font-size:.85rem;color:#254969;flex:0 0 auto}
.wq-toc-items{display:flex;flex-wrap:wrap;gap:7px}
.wq-toc-items a{display:inline-flex;padding:7px 10px;border-radius:9px;background:#f1f6fa;color:#1a507b;font-size:.84rem;line-height:1.4}
.wq-toc-items a:hover{background:#dcecf8}
.wq-table-scroll{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;border:1px solid #e0e8f0;border-radius:10px}
.wq-table-scroll table{min-width:500px;width:100%;border-collapse:collapse}
.wq-table-scroll th,.wq-table-scroll td{padding:11px 13px;line-height:1.65;white-space:normal}
.wq-table-scroll tr:nth-child(2n+1) td{background:#f9fbfd}
.wq-data-boundary{font-size:.9rem;color:#42617a;margin-top:11px}
.wq-related-links{display:flex;flex-wrap:wrap;gap:10px;margin:15px 0}
.wq-related-links a{padding:9px 13px;border:1px solid #bfd3e6;border-radius:10px;background:#f6fafd;color:#214f79;font-weight:600;font-size:.89rem}
.wq-mobile-shortcuts{display:none}
.wq-assist-heading{font-size:clamp(1.4rem,3vw,2rem);letter-spacing:-.01em;line-height:1.35;text-wrap:balance}
.site-header .navlinks a,.header .navlinks a{min-height:40px;display:inline-flex;align-items:center}
.section-card, .summary-card,.panel.article{scroll-margin-top:92px}
.section-card p,.article p{max-width:80ch}
:where(.site-header,.header) .wq-mobile-navigation a{color:#163e66}
@media(max-width:950px){
 .site-header .navlinks,.header:not(.site-header) .navlinks,
 .header .header__nav,.header .header__right,.header .header__burger{display:none!important}
 .site-header,.header{z-index:999!important}
 .site-header{position:sticky;top:0}
 .site-header .nav{min-height:66px;height:auto;padding:8px 0;padding-right:58px}
 .header .header__inner{min-height:65px;padding-right:70px}
 .wq-mobile-navigation{display:block;position:absolute;right:12px;top:11px;z-index:1002}
 .wq-mobile-navigation summary{cursor:pointer;display:flex;align-items:center;justify-content:center;min-height:44px;min-width:56px;padding:0 9px;border-radius:10px;border:1px solid rgba(255,255,255,.5);color:#fff;background:rgba(10,47,83,.38);font-weight:750;list-style:none}
 .wq-mobile-navigation summary::-webkit-details-marker{display:none}
 .wq-mobile-navigation[open] summary{background:#fff;color:#143d67;border-color:#fff}
 .wq-mobile-panel{position:absolute;top:53px;right:0;min-width:min(315px,calc(100vw - 24px));max-height:min(76vh,600px);overflow:auto;background:#fff;border-radius:16px;padding:12px;box-shadow:0 22px 45px rgba(11,45,83,.27);border:1px solid #dbe6f0;display:grid;gap:3px;z-index:1003}
 .wq-mobile-panel a{display:flex;align-items:center;min-height:43px;padding:9px 13px;border-radius:9px;font-weight:600;color:#173f65!important;text-decoration:none!important;font-size:15px}
 .wq-mobile-panel a:hover,.wq-mobile-panel a:focus-visible{background:#edf5fc}
 .wq-mobile-panel a.wq-current{background:#e8f1fa}
 .wq-mobile-panel .wq-mobile-divider{border:0;border-top:1px solid #e2e8f0;margin:7px 0}
 body{padding-bottom:68px}
 .wq-mobile-contact{position:fixed;bottom:0;left:0;right:0;z-index:990;display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:9px max(12px,env(safe-area-inset-right)) calc(9px + env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));background:rgba(255,255,255,.96);box-shadow:0 -8px 25px rgba(21,62,100,.12);border-top:1px solid #dbe5ee}
 .wq-mobile-contact a{min-height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-weight:750;text-decoration:none;font-size:14px}
 .wq-mobile-contact a:first-child{background:#184a7b;color:#fff}
 .wq-mobile-contact a:last-child{background:#edf4fa;color:#204d78;border:1px solid #cbdceb}
 .grid2{grid-template-columns:minmax(0,1fr)!important;gap:16px!important}
 .product-image{position:static!important;top:auto;padding:14px!important}
 .product-image img{max-height:320px;object-fit:contain}
 .summary-card{padding:20px!important}
 .section-card{padding:20px!important}
 .content{gap:14px!important;margin-top:18px!important}
 .wq-product-toc{align-items:flex-start;flex-direction:column;gap:7px;padding:11px}
 .wq-toc-items{overflow-x:auto;max-width:100%;flex-wrap:nowrap;scrollbar-width:thin;padding-bottom:3px}
 .wq-toc-items a{white-space:nowrap}
 .hero-mini{padding:34px 0!important}
 .main{padding:20px 0 42px!important}
 .wq-mobile-shortcuts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:11px 12px;background:#f6fafd}
 .wq-mobile-shortcuts a{font-size:12px;line-height:1.35;text-align:center;display:flex;align-items:center;justify-content:center;min-height:42px;padding:6px;background:#fff;border:1px solid #dbe6ee;border-radius:11px;color:#234d72;font-weight:700}
 .cards{grid-template-columns:repeat(2,minmax(0,1fr))}
 .list-head{flex-direction:column;align-items:stretch}
 .searchbox input{min-width:0;max-width:100%}
 .article{max-width:none}
}
@media(max-width:600px){
 .wrap{width:calc(100% - 28px)!important;max-width:1200px}
 .summary-card h2.wq-summary-heading,.summary-card h1{font-size:1.4rem!important}
 .hero-mini h1{font-size:clamp(1.65rem,7vw,2.1rem)!important}
 .section-card h2{font-size:1.2rem!important}
 .cards{grid-template-columns:minmax(0,1fr)!important}
 .footer-grid{grid-template-columns:minmax(0,1fr)!important}
 .table th,.table td{font-size:.85rem}
 .wq-table-scroll table{min-width:440px}
 .article h1{font-size:clamp(1.4rem,6vw,2rem)!important}
 .article .lead{font-size:1rem}
 .btn{min-height:44px}
 .actions .btn{flex:1 1 100%}
 .grid2,.content,.section-card{max-width:100%}
 .header__logo-text{font-size:1rem}
}
@media(prefers-reduced-motion:reduce){
 *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.001ms!important;transition-duration:.001ms!important}
}
