/* Native WordPress surfaces only. Legacy snapshots retain their existing CSS. */
.pinyang-native-surface{--py-blue:#203d7c;--py-black:#151515;--py-white:#fff;--py-gutter:clamp(20px,4vw,80px);--py-header-height:94px;margin:0;background:#fff;color:#151515;font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.6;-webkit-text-size-adjust:100%}
.pinyang-native-surface *,.pinyang-native-surface *::before,.pinyang-native-surface *::after{box-sizing:border-box}
.pinyang-native-surface [hidden]{display:none!important}
.pinyang-native-surface img{max-width:100%;height:auto}
.pinyang-native-surface a{color:#203d7c;text-underline-offset:.22em;text-decoration-thickness:1px}
.pinyang-native-surface button,.pinyang-native-surface input,.pinyang-native-surface select,.pinyang-native-surface textarea{font:inherit}
.pinyang-native-surface :where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:3px solid #203d7c;outline-offset:4px}
.pinyang-native-surface :where(h1,h2,h3){color:#151515;font-weight:700;letter-spacing:-.04em;line-height:1.08;text-wrap:balance}
.pinyang-native-surface h1{font-size:clamp(38px,5vw,76px)}
.pinyang-native-surface h2{font-size:clamp(28px,3.2vw,48px)}
.pinyang-native-surface h3{font-size:clamp(22px,2vw,30px)}
.pinyang-native-surface [id]{scroll-margin-top:calc(var(--py-header-height) + 90px)}
.py-native-skip{position:fixed;z-index:100001;top:12px;left:12px;padding:12px 20px;background:#fff;border:2px solid #203d7c;transform:translateY(-180%)}
.py-native-skip:focus{transform:none}
.py-native-header{position:sticky;z-index:1000;top:0;display:flex;align-items:center;justify-content:space-between;gap:clamp(20px,3vw,56px);min-height:var(--py-header-height);padding:18px var(--py-gutter);background:rgba(255,255,255,.96);border-bottom:1px solid rgba(21,21,21,.12);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.admin-bar .py-native-header{top:32px}
.py-native-brand{display:flex;align-items:center;flex-shrink:0;text-decoration:none}
.py-native-logo-image{display:block;width:clamp(176px,16vw,252px);max-height:56px;object-fit:contain;object-position:left center}
.py-native-logo-crop{position:relative;display:block;overflow:hidden;width:clamp(176px,16vw,236px);aspect-ratio:900/220}
.py-native-logo-crop .py-native-logo-image{position:absolute;top:-81.818%;left:0;width:100%;height:auto;max-height:none;object-fit:initial}
.py-native-logo-text{display:block;font-size:28px;font-weight:800;letter-spacing:.03em;line-height:1;color:#203d7c}
.py-native-logo-text span{display:block;font-size:12px;letter-spacing:.42em;margin-top:8px}
.py-native-navigation{display:flex;align-items:center;gap:clamp(16px,2vw,36px);min-width:0}
.py-native-menu,.py-native-menu .sub-menu,.py-native-footer-menu{list-style:none;padding:0;margin:0}
.py-native-menu{display:flex;align-items:center;gap:clamp(12px,1.6vw,28px)}
.py-native-menu>li{position:relative;display:flex;align-items:center;flex-wrap:wrap}
.py-native-menu>li>a{display:block;padding:12px 0;color:#151515;text-decoration:none;font-size:15px;font-weight:600;white-space:nowrap}
.py-native-menu .current-menu-item>a,.py-native-menu .current-menu-ancestor>a{color:#203d7c}
.py-native-submenu-toggle{display:grid;place-items:center;width:32px;min-height:44px;margin-left:2px;padding:0;border:0;background:transparent;color:#151515;cursor:pointer}
.py-native-submenu-toggle svg{width:16px;height:16px}
.py-native-submenu-toggle[aria-expanded=true] svg{transform:rotate(180deg)}
.py-native-menu .sub-menu{width:100%;padding:8px 0}
.py-native-header[data-navigation-ready] .sub-menu{display:none;position:absolute;top:100%;left:-20px;min-width:270px;width:max-content;max-width:350px;padding:10px;background:#fff;border:1px solid rgba(21,21,21,.15);border-radius:5px;box-shadow:0 12px 28px rgba(21,21,21,.12)}
.py-native-header[data-navigation-ready] .is-open>.sub-menu{display:block}
.py-native-menu .sub-menu a{display:block;padding:10px 12px;color:#151515;text-decoration:none;font-size:15px;line-height:1.3}
.py-native-button{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;min-height:50px;padding:13px 20px;background:#203d7c;border:1px solid #203d7c;border-radius:5px;color:#fff!important;font-size:15px;font-weight:600;line-height:1.3;text-decoration:none;cursor:pointer}
.py-native-button.is-outline{color:#203d7c!important;background:#fff}
.py-native-project-link{flex-shrink:0;white-space:nowrap}
.py-native-button>span{font-size:19px;line-height:1}
.py-native-menu-toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;padding:8px 12px;border:1px solid #151515;border-radius:5px;background:#fff;color:#151515;cursor:pointer}
.py-native-menu-toggle svg{width:24px;height:24px}
.py-native-breadcrumbs{display:flex;flex-wrap:wrap;gap:10px;padding:24px var(--py-gutter) 0;font-size:13px;line-height:1.5}
.py-native-breadcrumbs a{color:#151515;text-decoration:none}
.py-native-breadcrumbs [aria-current]{color:#203d7c}
.py-native-product-hero{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:clamp(28px,4vw,76px);align-items:center;padding:38px var(--py-gutter) 56px}
.py-native-product-intro{min-width:0}
.py-native-eyebrow{margin:0 0 18px;font-size:13px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#203d7c}
.py-native-product-hero h1{margin:0 0 24px;max-width:15ch}
.py-native-product-summary{max-width:60ch;font-size:18px;line-height:1.65}
.py-native-product-summary p{margin:0 0 20px}
.py-native-actions{display:flex;align-items:stretch;flex-wrap:wrap;gap:12px;margin-top:28px}
.py-native-product-visual{margin:0;min-width:0}
.py-native-product-visual .py-native-product-image{display:block;width:100%;height:clamp(280px,33vw,520px);object-fit:contain}
.py-native-product-visual figcaption{margin-top:14px;font-size:12px;line-height:1.45}
.py-native-product-nav{display:flex;position:sticky;top:var(--py-header-height);z-index:40;gap:22px;padding:16px var(--py-gutter);overflow-x:auto;overscroll-behavior-x:contain;background:#151515;color:#fff;-webkit-overflow-scrolling:touch}
.admin-bar .py-native-product-nav{top:calc(var(--py-header-height) + 32px)}
.py-native-product-nav a{flex-shrink:0;display:inline-flex;align-items:center;min-height:32px;color:#fff;text-decoration:none;font-size:13px;font-weight:600;line-height:1.3}
.py-native-product-nav a:focus-visible{outline-color:#fff;outline-offset:3px}
.pinyang-native-product-content{padding:10px var(--py-gutter) 56px}
.pinyang-native-product-content>h2{margin:64px 0 24px;max-width:28ch}
.pinyang-native-product-content>h3{margin:36px 0 18px;max-width:44ch}
.pinyang-native-product-content>p,.pinyang-native-product-content>ul,.pinyang-native-product-content>ol{max-width:94ch;margin:16px 0;font-size:17px;line-height:1.7}
.pinyang-native-product-content>ul,.pinyang-native-product-content>ol{padding-left:24px}
.pinyang-native-product-content li{padding:3px 0}
.pinyang-native-product-content figure{margin:24px 0 32px}
.pinyang-native-product-content figure img{display:block;width:100%;max-height:560px;object-fit:contain}
.pinyang-native-product-content figcaption{margin-top:12px;font-size:13px;line-height:1.5}
.pinyang-native-product-content .py-native-table-scroll{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
.pinyang-native-product-content table{width:100%;min-width:650px;margin:24px 0;border-collapse:collapse;font-size:15px;line-height:1.5}
.pinyang-native-product-content th,.pinyang-native-product-content td{padding:16px 18px;text-align:left;vertical-align:top;border-bottom:1px solid rgba(21,21,21,.18)}
.pinyang-native-product-content thead{background:#203d7c;color:#fff}
.pinyang-native-product-content th{font-weight:600}
.pinyang-native-product-content td a{font-weight:600}
.py-native-product-brief{padding:56px var(--py-gutter) 72px;border-top:1px solid rgba(21,21,21,.18)}
.py-native-product-brief>h2{margin:0 0 30px}
.pinyang-native-page{min-width:0;min-height:40vh}
.py-native-footer{display:grid;grid-template-columns:1.25fr 1fr 1fr .7fr;gap:clamp(24px,4vw,80px);padding:56px var(--py-gutter) 26px;background:#151515;color:#fff}
.py-native-footer-brand>a{display:inline-block;max-width:100%;padding:12px 14px;background:#fff;border-radius:3px}
.py-native-footer-brand .py-native-logo-image{width:215px;max-width:100%;max-height:50px}
.py-native-footer-brand .py-native-logo-crop{width:215px;max-width:100%}
.py-native-footer-brand .py-native-logo-crop .py-native-logo-image{width:100%;max-height:none}
.py-native-footer-brand p{margin:20px 0 0;font-size:14px;line-height:1.65}
.py-native-footer-column h2{margin:0 0 20px;color:#fff;font-size:17px;letter-spacing:0;line-height:1.3}
.py-native-footer-menu li+li{margin-top:10px}
.py-native-footer-menu a{display:inline-block;min-height:24px;color:#fff;text-decoration:none;font-size:14px;line-height:1.5}
.py-native-footer :where(a,button):focus-visible{outline-color:#fff}
.py-native-company-name{grid-column:1/-1;margin:12px 0 0;padding-top:22px;border-top:1px solid rgba(255,255,255,.2);font-size:12px;line-height:1.5}
@media(hover:hover) and (pointer:fine){
 .py-native-header:not([data-input=keyboard]) .py-native-button,.py-native-actions .py-native-button{transition:background-color 140ms ease,color 140ms ease,transform 120ms ease}
 .py-native-button:hover{background:#151515;border-color:#151515}
 .py-native-button.is-outline:hover{background:#203d7c;color:#fff!important}
 .py-native-header[data-input=pointer] .py-native-button:active{transform:scale(.985)}
 .py-native-menu .sub-menu a:hover{background:#203d7c;color:#fff}
 .py-native-menu>li>a:hover,.py-native-breadcrumbs a:hover{color:#203d7c}
 .py-native-footer-menu a:hover{text-decoration:underline}
}
@media(max-width:1250px) and (min-width:1080px){.py-native-header{gap:20px}.py-native-brand>.py-native-logo-image,.py-native-brand>.py-native-logo-crop{width:176px}.py-native-menu{gap:12px}.py-native-navigation{gap:14px}.py-native-menu>li>a{font-size:14px}.py-native-project-link{padding:12px 15px;font-size:14px;gap:14px}}
@media(max-width:1079px){
 .pinyang-native-surface{--py-header-height:82px}
 .py-native-header{flex-wrap:wrap;gap:14px;padding:16px var(--py-gutter)}
 .py-native-brand>.py-native-logo-image{width:190px;max-height:48px}
 .py-native-brand>.py-native-logo-crop{width:190px}
 .py-native-navigation{flex-basis:100%;display:block;max-height:calc(100dvh - 110px);overflow-y:auto;padding-bottom:8px;overscroll-behavior-y:contain}
 .py-native-menu{display:block;margin:0 0 18px}
 .py-native-menu>li{position:relative;justify-content:space-between;border-bottom:1px solid rgba(21,21,21,.13)}
 .py-native-menu>li>a{flex:1;padding:16px 0;font-size:16px}
 .py-native-submenu-toggle{width:48px;margin:0}
 .py-native-header[data-navigation-ready] .sub-menu{position:static;flex-basis:100%;min-width:0;max-width:none;width:100%;padding:0 0 12px;border:0;box-shadow:none}
 .py-native-menu .sub-menu a{padding:12px 16px;font-size:15px}
 .py-native-project-link{display:flex;width:100%}
 .py-native-product-nav,.admin-bar .py-native-product-nav{position:relative;top:auto}
 .py-native-product-hero{gap:24px;padding-top:28px;padding-bottom:42px}
 .py-native-product-summary{font-size:16px}
 .py-native-actions{gap:10px}
 .py-native-actions .py-native-button{width:100%;justify-content:space-between}
 .py-native-footer{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px}
}
@media(max-width:782px){.admin-bar .py-native-header{top:46px}}
@media(max-width:700px){
 .py-native-product-hero{grid-template-columns:1fr;gap:28px}
 .py-native-product-hero h1{max-width:18ch;margin-bottom:20px}
 .py-native-product-visual .py-native-product-image{height:280px}
 .py-native-product-visual figcaption{font-size:11px}
 .py-native-breadcrumbs{padding-top:20px;font-size:12px}
 .py-native-eyebrow{margin-bottom:14px;font-size:12px}
 .py-native-product-summary{max-width:none}
 .py-native-product-nav{padding-top:13px;padding-bottom:13px;gap:24px}
 .pinyang-native-product-content>h2{margin-top:44px}
 .pinyang-native-product-content>p,.pinyang-native-product-content>ul,.pinyang-native-product-content>ol{font-size:16px}
 .pinyang-native-product-content th,.pinyang-native-product-content td{padding:12px 14px}
 .py-native-product-brief{padding-top:40px;padding-bottom:48px}
 .py-native-footer{padding-top:40px;gap:30px 20px}
 .py-native-footer-brand{grid-column:1/-1}
 .py-native-footer-column h2{font-size:16px}
 .py-native-footer-menu a{font-size:13px;min-height:28px}
}
@media(max-width:600px){.admin-bar .py-native-header{top:0}}
@media(max-width:380px){.py-native-brand>.py-native-logo-image,.py-native-brand>.py-native-logo-crop{width:166px}.py-native-menu-toggle{gap:6px;padding:8px}.py-native-product-hero h1{font-size:36px}}
@media(prefers-reduced-motion:reduce){.py-native-header *,.py-native-actions *{transition:none!important;animation:none!important;transform:none!important}}
@media print{.py-native-header,.py-native-footer,.py-native-product-nav,.py-native-actions,.py-native-product-brief{display:none!important}.pinyang-native-product-content{padding:0}.py-native-product-hero{padding:0;break-inside:avoid}.pinyang-native-product-content table{min-width:0}.pinyang-native-product-content .py-native-table-scroll{overflow:visible}}
