.pinyang-native-product.py-product-enhanced{--py-blue:#203d7c;--py-black:#151515;--py-white:#fff;--py-ease:cubic-bezier(.23,1,.32,1)}
.py-native-type-selector{margin:1.5rem 0 3rem;max-width:none}
.py-native-type-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem;margin:0 0 1.25rem}
.py-native-type-tab{min-height:3.25rem;padding:.85rem 1rem;border:1px solid #151515;border-radius:5px;background:#fff;color:#151515;font:inherit;font-weight:600;line-height:1.25;text-align:left;cursor:pointer}
.py-native-type-tab[aria-selected=true]{background:#203d7c;color:#fff;border-color:#203d7c}
.py-native-type-panel{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);gap:clamp(1rem,3vw,3.5rem);align-items:start;padding:1.5rem 0}
.py-native-type-panel[hidden]{display:none!important}
.py-native-type-panel.py-type-without-media{grid-template-columns:1fr}
.py-native-type-media,.py-native-type-copy{min-width:0}
.py-native-type-media{position:sticky;top:7rem}
.py-native-type-media figure{margin:0 0 1.25rem!important}
.py-native-type-media img{display:block;width:100%;height:auto;max-height:32rem;object-fit:contain}
.py-native-type-copy>h3{margin-top:0!important;font-size:clamp(1.45rem,2.2vw,2rem);line-height:1.15}
.py-native-type-copy>p{max-width:65ch;margin:.75rem 0}
.py-native-type-copy figcaption,.py-native-type-media figcaption{font-size:.85rem;line-height:1.5;margin-top:.65rem;color:#151515}
.pinyang-native-product .py-product-action{display:inline-flex;align-items:center;justify-content:center;min-height:3rem;margin:1rem 0 0;padding:.85rem 1.15rem;border:1px solid #203d7c;border-radius:5px;background:#203d7c;color:#fff;font:inherit;font-size:.95rem;font-weight:600;line-height:1.25;text-decoration:none;cursor:pointer}
.pinyang-native-product .py-model-action{margin:0;font-size:.85rem;min-width:10.5rem;white-space:normal}
.py-native-table-scroll{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;margin:1.25rem 0 2rem;-webkit-overflow-scrolling:touch}
.py-native-table-scroll table{width:100%;border-collapse:collapse;margin:0!important;line-height:1.5}
.py-native-table-scroll table[data-model-actions]{min-width:760px}
.py-native-table-scroll caption{text-align:left;padding:0 0 .7rem;font-size:.88rem}
.py-native-table-scroll th,.py-native-table-scroll td{padding:.85rem 1rem;vertical-align:top;text-align:left;border-bottom:1px solid rgba(21,21,21,.18)}
.py-native-table-scroll thead th{background:#203d7c;color:#fff;font-weight:600;border-color:#203d7c}
.py-native-table-scroll tbody th{font-weight:600}
.py-native-type-copy .py-native-table-scroll{margin:1rem 0}
.py-native-type-copy .py-native-table-scroll th,.py-native-type-copy .py-native-table-scroll td{padding:.65rem .75rem;font-size:.88rem}
.py-model-action-heading,.py-model-action-cell{width:12rem}
.py-native-image-trigger{display:block;position:relative;width:100%;padding:0;border:0;border-radius:5px;background:#fff;color:#203d7c;cursor:zoom-in;overflow:hidden;text-align:inherit;font:inherit}
.py-native-image-trigger img{display:block;width:100%;height:auto;object-fit:contain}
.py-native-image-label{position:absolute;right:.75rem;bottom:.75rem;padding:.42rem .65rem;background:#203d7c;color:#fff;border-radius:4px;font-size:.8rem;font-weight:600;line-height:1.2}
.py-native-type-tab:focus-visible,.pinyang-native-product .py-product-action:focus-visible,.py-native-image-trigger:focus-visible,.py-native-table-scroll:focus-visible,.py-native-inspect-close:focus-visible,.py-native-type-panel:focus-visible{outline:3px solid #203d7c;outline-offset:4px}
.py-native-inspect{width:min(94vw,1440px);max-width:94vw;max-height:92dvh;padding:1rem;border:0;border-radius:8px;background:#fff;color:#151515;box-sizing:border-box;overflow:auto}
.py-native-inspect::backdrop{background:rgba(21,21,21,.82)}
.py-native-inspect-bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.75rem}
.py-native-inspect-bar h2{margin:0;font:600 1rem/1.4 system-ui,sans-serif;color:#151515}
.py-native-inspect-close{min-height:44px;padding:.65rem 1rem;background:#203d7c;color:#fff;border:1px solid #203d7c;border-radius:5px;font:600 .9rem/1.2 system-ui,sans-serif;cursor:pointer}
.py-native-inspect-image{display:block;width:100%;height:auto;max-height:70dvh;object-fit:contain}
.py-native-inspect-caption{font:400 .88rem/1.5 system-ui,sans-serif;color:#151515;margin:.75rem 0 0}
.py-native-inspect[data-animate=true][open]{animation:py-inspect-in 180ms cubic-bezier(.23,1,.32,1)}
@keyframes py-inspect-in{from{opacity:.5;transform:scale(.98)}to{opacity:1;transform:scale(1)}}
@media(hover:hover) and (pointer:fine){
 .pinyang-native-product:not([data-py-input=keyboard]) .py-product-action,.pinyang-native-product:not([data-py-input=keyboard]) .py-native-type-tab{transition:background-color 140ms ease,color 140ms ease,transform 120ms var(--py-ease)}
 .pinyang-native-product:not([data-py-input=keyboard]) .py-product-action:hover{background:#151515;border-color:#151515}
 .pinyang-native-product:not([data-py-input=keyboard]) .py-native-type-tab:not([aria-selected=true]):hover{background:#151515;color:#fff}
 .pinyang-native-product[data-py-input=pointer] .py-product-action:active,.pinyang-native-product[data-py-input=pointer] .py-native-type-tab:active{transform:scale(.985)}
 .py-native-image-trigger:hover .py-native-image-label{background:#151515}
}
@media(max-width:800px){
 .py-native-type-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}
 .py-native-type-panel{grid-template-columns:1fr;gap:1.25rem;padding:.5rem 0 1rem}
 .py-native-type-media{position:static}
 .py-native-type-media img{max-height:24rem}
 .py-native-type-copy>.py-product-action{width:100%;box-sizing:border-box}
 .py-native-inspect{width:96vw;max-width:96vw;padding:.75rem;max-height:94dvh}
 .py-native-inspect-image{max-height:72dvh}
}
@media(max-width:380px){.py-native-type-tab{font-size:.85rem;padding:.65rem;min-height:3.5rem}.py-native-table-scroll th,.py-native-table-scroll td{padding:.65rem .75rem}}
@media(prefers-reduced-motion:reduce){.py-native-inspect[data-animate=true][open]{animation:none}.pinyang-native-product .py-product-action,.pinyang-native-product .py-native-type-tab{transition:none!important;transform:none!important}}
@media print{.py-native-type-tabs,.py-product-action,.py-native-image-label{display:none!important}.py-native-type-panel[hidden]{display:block!important}.py-native-type-panel{display:block}.py-native-type-media{position:static}.py-native-table-scroll{overflow:visible}}