/* V23: review chrome stays outside the customer site and its width container. */
.preview-toolbar{position:sticky;top:0;z-index:70;display:flex;align-items:center;justify-content:center;gap:20px;min-height:66px;padding:8px 24px;border-bottom:1px solid #D8DDE5;background:#F1F3F7;color:#344056;font-size:16px;line-height:1.3}
.preview-toolbar-label{font-weight:600}
.preview-device-switch{display:flex;gap:4px;padding:3px;background:#E2E6EE;border:1px solid #D4DAE5;border-radius:11px}
.preview-device-switch button{display:flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:9px 16px;border:1px solid transparent;border-radius:8px;font-size:16px;white-space:nowrap}
.preview-device-switch button.active{background:#fff;color:#354FAE;border-color:#CCD5E8;box-shadow:0 1px 4px #25354E12;font-weight:600}
.preview-device-switch button span{font-size:14px;color:inherit}
.preview-size{font-size:14px;color:#657185;min-width:158px;font-variant-numeric:tabular-nums}
body.preview-phone .stage{padding:20px 16px 36px;background:#E8EBF1;min-height:calc(100dvh - 66px)}
#canvas.phone{width:100%;max-width:402px;margin:0 auto;border:6px solid #252C37;border-radius:28px;box-shadow:0 14px 40px #25314B20;min-height:650px;overflow:clip}
#canvas.desktop{width:100%;max-width:none}
#canvas{transition:none}
.review-toggle{min-height:44px}
.review-panel-heading button{min-width:44px;min-height:44px}
.review-panel .review-tools button,.review-panel .review-tools select,.review-nav a{min-height:44px;font-size:16px}
.review-panel .review-tools label{min-height:44px;font-size:16px}
.review-panel .review-tools input[type="checkbox"]{width:20px;height:20px}
.review-panel{max-height:calc(100dvh - 140px)}
#siteRoot{min-width:0}
#siteRoot :is(main,section,article,aside,figure,fieldset){min-width:0}
#siteRoot :is(input,select,textarea){max-width:100%}
#siteRoot :is(button,a,input,select,textarea,summary){touch-action:manipulation}
#siteRoot :is(img,video,svg){max-width:100%}
@media (max-width:760px){
 .preview-toolbar{gap:12px;padding:7px 14px;min-height:64px}
 .preview-size{display:none}
}
@media (max-width:640px){
 body.preview-phone .stage,.stage{padding:0;background:var(--paper)}
 #canvas.phone,#canvas.desktop{width:100%;max-width:none;margin:0;border:0;border-radius:0;box-shadow:none;min-height:calc(100dvh - 64px)}
 .preview-toolbar{justify-content:space-between;gap:8px;padding:6px 12px;min-height:62px}
 .preview-toolbar-label{font-size:14px}
 .preview-device-switch button{padding:8px 10px;gap:5px}
 .preview-device-switch button span{font-size:13px}
 .review-toggle{right:10px;bottom:max(10px,env(safe-area-inset-bottom));padding:8px 12px}
 .review-panel{right:10px;bottom:64px;width:calc(100vw - 20px);padding:16px;max-height:calc(100dvh - 142px)}
 .review-panel-heading{gap:8px}
 .review-panel-heading b{font-size:16px}
 .review-panel>p,.review-panel .page-description,.review-panel .page-description span{font-size:16px}
 .review-nav{grid-template-columns:1fr}
 #toast{max-width:calc(100vw - 24px);white-space:normal}
}
@container site (max-width:720px){
 /* Reading and touch targets; tiny labels inside illustrations retain their scale. */
 #siteRoot :is(button,select,summary,.btn){min-height:44px}
 #siteRoot :is(input:not([type="checkbox"]):not([type="radio"]),textarea,select){font-size:16px}
 #siteRoot .container{width:calc(100% - 32px)}
 #siteRoot .support-doc-content>.section>.container{width:100%}
 #siteRoot :is(p,li,dd,dt,h1,h2,h3,h4,summary,.btn){overflow-wrap:break-word}
 #siteRoot :is(.note,.blank-note,.blank-label,.field-placeholder .blank-label,.field-placeholder .blank-note){font-size:16px;line-height:1.6}
 #siteRoot .btn{font-size:16px;white-space:normal}
 #siteRoot .inline-link,#siteRoot .pdp-text-link{display:inline-flex;align-items:center;min-height:44px;font-size:16px}
 .section{padding:30px 0}
 .section-title{align-items:flex-start;flex-wrap:wrap;gap:12px}
 .panel{padding:20px}
 .sheet-heading h1{font-size:32px}
 .site-header{height:68px;padding-inline:16px;gap:8px}
 .site-header .wordmark{font-size:22px;letter-spacing:2px}
 .site-header .header-actions{gap:4px}
 .site-header .header-select{font-size:16px;min-width:52px;max-width:64px;padding-inline:2px}
 .site-header .cart-link{position:relative;display:grid;place-items:center;width:44px;min-width:44px;min-height:44px}
 .site-header .cart-dot{position:absolute;top:1px;right:-1px;margin:0}
 .site-header .mobile-menu{width:44px;min-width:44px;min-height:44px;padding:4px}


 .mobile-drawer.open{padding:10px 16px;gap:2px 14px}
 .mobile-drawer a{display:flex;align-items:center;min-height:44px;font-size:16px}
 .storefront-footer{padding:28px 16px 80px}
 .storefront-footer .footer-links a{display:flex;align-items:center;min-height:44px;font-size:16px;margin:0}
 .storefront-footer .footer-links h4,.storefront-footer .footer-story,.footer-social-link{font-size:16px}
 .footer-social-link,.storefront-footer .footer-story{min-height:44px}
 .storefront-footer .footer-bottom{font-size:16px;line-height:1.55}
 .storefront-footer .footer-bottom a{display:inline-flex;align-items:center;min-height:44px}
 /* Home and About retain separate discovery and owner paths. */
 .home-welcome-story{min-height:44px;font-size:16px}
 .home-owner-link small,.home-social-card small,.home-owner-help{font-size:16px}
 .home-owner-help a{display:inline-flex;align-items:center;min-height:44px}
 .home-discovery-top{font-size:16px;letter-spacing:0}
 .home-discovery-copy .eyebrow,.home-owner-panel>.eyebrow{font-size:16px;letter-spacing:.4px}
 .home-owner-link{min-width:0}
 .home-social-card{font-size:16px}
 .about-v17-visual figcaption{flex-wrap:wrap;gap:8px;padding:14px 16px}
 .about-v17-copy h1{font-size:34px}
 .about-v17-next-links{gap:4px 20px}
 .about-v17-social{min-width:0}
 /* Product: readable supporting copy, touch controls, and complete images. */
 .product-shop .breadcrumb,.pdp-hero-image figcaption,.pdp-variants legend,.pdp-price,.pdp-quantity,.pdp-commerce-status,.pdp-before-buy{font-size:16px}
 .pdp-variant{font-size:16px;min-height:46px;padding:10px 12px}
 .pdp-variant-options{gap:8px}
 .pdp-purchase-controls>.btn{font-size:16px;min-height:48px}
 .pdp-quantity .quantity-control button{width:44px;height:44px}
 .pdp-quantity .quantity-control output{font-size:16px;min-width:32px}
 .pdp-purchase-controls{column-gap:12px}
 .pdp-story-heading h2{font-size:29px;line-height:1.2}
 .pdp-story>.container{padding:27px 0}
 .pdp-redesign-credit,.pdp-section-label,.pdp-zelda-whole>figcaption,.pdp-display-card>span,.pdp-game-name,.pdp-performance>div>span{font-size:16px}
 .pdp-auto-function,.pdp-inventory-note,.pdp-inventory-dialog>p,.pdp-nfc-test-note,.pdp-conditions-note{font-size:16px;line-height:1.6}
 .pdp-auto-key-crop>figcaption,.pdp-auto-status-detail>figcaption{font-size:16px;line-height:1.4}
 .pdp-v20-example{gap:16px}
 .pdp-display-v23-stage{max-width:100%}
 .pdp-display-v23-stage .pdx-figure-collection{width:100%;height:auto}
 .pdp-facts-table th,.pdp-facts-table td{font-size:16px;overflow-wrap:anywhere}
 .pdp-facts-table th{width:37%}
 .pdp-details-stack summary,.pdp-faq summary{font-size:17px;line-height:1.5}
 .pdp-return-to-buy>.container{align-items:center;gap:12px;flex-wrap:wrap}
 .pdp-inventory-dialog{width:min(calc(100vw - 24px),calc(100cqw - 24px));max-height:calc(100dvh - 32px);padding:14px}
 .pdp-inventory-dialog-head button{width:44px;height:44px;min-width:44px}
 .pdx-theme-option{font-size:16px;min-height:44px}
 .pdx-theme-caption>p,.pdx-theme-availability,.pdx-jbin-source>p,.pdx-jbin-destination>p,.pdx-jbin-transfer,.pdx-jbin-transfer>span:last-child{font-size:16px}
 .pdx-theme-caption>p{flex-wrap:wrap;justify-content:center;row-gap:5px}
 .pdx-jbin-transfer{flex-wrap:wrap}
 /* Resource discovery and game guides. */
 .resource-v10 .download-tabs{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:8px;margin:22px 0 17px}
 .resource-v10 .download-tab{font-size:16px;line-height:1.3;min-width:0;padding:8px 2px 12px;white-space:normal;text-wrap:balance}
 .resource-v10 .resource-utility-links{flex-wrap:wrap;gap:4px 18px;white-space:normal;font-size:16px}
 .resource-v10 .resource-utility-links a{display:inline-flex;align-items:center;min-height:44px}
 .resource-v10 .resource-search-bar{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}
 .resource-v10 .resource-search-bar .search-field,.resource-v10 .resource-search-bar select{min-width:0;width:100%;font-size:16px;min-height:48px}
 .resource-v10 .resource-owner-hint,.resource-v10 .resource-owner-hint a,.resource-results-heading>span,.resource-v10 dt,.resource-category,.resource-platform,.resource-card-bottom,.resource-v11 .resource-card-bottom>b,.resource-v10 .resource-category-download p,.resource-related-bundles>p,.resource-v10 .resource-quick-note,.resource-source{font-size:16px}
 .resource-v10 .resource-owner-hint a,.resource-source{display:inline-flex;align-items:center;min-height:44px;white-space:normal}
 .resource-results-heading{flex-wrap:wrap;gap:8px}
 .resource-results-heading>span{white-space:normal}
 .resource-category-download,.resource-bundle-strip,.resource-package,.resource-use-group{padding:18px}
 .resource-category-download>div:first-child{min-width:0}
 .resource-detail-head,.resource-game-hero,.resource-use-groups{grid-template-columns:minmax(0,1fr)}
 .resource-section-heading>a,.resource-auto>a{display:inline-flex;align-items:center;min-height:44px;font-size:16px;white-space:normal}
 .resource-group-images{flex-wrap:wrap;justify-content:center}
 .resource-group-images>figure{flex:1 1 calc(50% - 6px);max-width:calc(50% - 6px);min-width:0}
 .resource-group-images>figure:only-child{flex:0 1 200px;max-width:200px}
 .resource-group-images img{width:100%;max-width:100%;height:auto;max-height:240px;object-fit:contain}
 .resource-group-images figcaption{font-size:16px;line-height:1.5}
 .resource-use-group dl{min-width:0}
 .resource-use-group dt,.resource-use-group dd{font-size:16px;overflow-wrap:anywhere}
 .resource-auto>strong,.resource-auto-state{font-size:16px}
 .resource-full-pack-meta dl,.resource-package dl{gap:14px}
 .resource-series-card>div:last-child{gap:8px}
 .resource-series-card h3{font-size:17px;line-height:1.35}
 .resource-series-gallery h2{font-size:17px;line-height:1.4}
 /* Guides, maintenance, FAQs and contact. */
 .vg-media-row,.vg-import-layout{grid-template-columns:minmax(0,1fr);gap:18px}
 .guide-page .video-card-compact,.guide-page .vg-import-video{width:100%;max-width:100%;min-width:0}
 .guide-page .tutorial-video{width:100%;height:auto;aspect-ratio:16/9}
 .vg-summary-tag{font-size:16px;white-space:normal;max-width:110px;text-align:right}
 .quickstart-summary strong{font-size:22px;line-height:1.35}
 .quickstart-panel>summary{gap:10px;padding:16px 14px}
 .quickstart-panel-body{padding:0 14px 16px}
 .vg-import-connection-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;min-width:0}
 .vg-import-connection-tabs>button{min-width:0;padding:9px 6px;min-height:44px;font-size:16px;white-space:normal}
 .vg-import-platform-tabs>button{font-size:16px;min-height:86px;padding:9px 4px}
 .vg-transfer-manual>summary{min-height:44px!important}
 .vg-picture figcaption span,.vg-video-kind,.vg-video-play,.guide-page .tutorial-transcript summary,.vg-equation-item>span,.vg-auto-rules p,.theme-preview-label p,.contact-form .field>p,.contact-submit>span{font-size:16px;line-height:1.5}
 .vg-video-heading{gap:8px;align-items:flex-start}
 .vg-video-play{min-height:44px;display:inline-flex;align-items:center}
 .vg-video-heading>strong{align-self:center}
 .vg-equation-item{min-width:0}
 .vg-format-picture{grid-template-columns:minmax(0,1fr)}
 .vg-filename-pair{max-width:100%}
 .vg-filename-pair>code{font-size:16px;overflow-wrap:anywhere}
 .faq-category-links .btn{font-size:16px;min-height:44px;padding:10px 12px}
 .faq-item summary{line-height:1.5;padding:16px 14px}
 .faq-item>div.stack{padding:0 14px 16px}
 .contact-layout,.contact-order-fields{grid-template-columns:minmax(0,1fr)}
 .contact-form{padding:18px;gap:18px;min-width:0}
 .contact-form .field,.contact-form input,.contact-form textarea,.contact-form select{min-width:0}
 .contact-attachment input{font-size:16px}
 .contact-attachment input::file-selector-button{min-height:44px;font-size:16px;max-width:100%}
 .contact-help-links a,.utility-back,.utility-help a{display:inline-flex;align-items:center;min-height:44px}
 .theme-choice-grid{gap:8px}
 .theme-choice-grid>button{padding:11px 24px 11px 12px}
 .theme-choice-grid strong{font-size:16px}
 /* All order and policy pages use the same one-column phone flow. */
 .commerce-layout,.commerce-page .grid.two,.commerce-page .commerce-policy{grid-template-columns:minmax(0,1fr);gap:20px}
 .commerce-layout>.summary,.commerce-layout>aside,.commerce-page .summary{position:static;min-width:0;width:100%}
 .commerce-page .panel{padding:18px;min-width:0}
 .commerce-page .sheet-heading h1{font-size:32px}
 .commerce-item{grid-template-columns:100px minmax(0,1fr);gap:14px}
 .commerce-item h3{font-size:20px;line-height:1.3}
 .commerce-item .btn{min-height:44px;font-size:16px}
 .commerce-preview{padding:16px;gap:10px}
 .commerce-preview .pill{font-size:16px;white-space:normal}
 .commerce-page .field input{width:100%;min-width:0;min-height:46px}
 .order-totals-row{gap:12px}
 .order-totals-row dt{min-width:0}
 .order-totals-row dd{min-width:65px}
 .table-wrap{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
 .table-wrap table{font-size:16px}
 .table-wrap th,.table-wrap td{font-size:16px;padding:10px;overflow-wrap:anywhere}
}
@container site (max-width:420px){
 .site-header{padding-inline:12px;gap:4px}
 .site-header .wordmark{font-size:20px;letter-spacing:1.7px}
 .site-header .header-actions{gap:1px}
 .site-header .header-select{min-width:49px;max-width:57px}


 .home-discovery-main{padding:6px 18px 20px}
 .home-owner-panel{padding:18px}
 .pdp-variant-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%}
 .pdp-variant{flex-direction:column;gap:6px;font-size:16px;padding:10px 5px;line-height:1.3}
 .pdp-variant-dot{width:11px;height:11px}
 .pdp-purchase-controls{grid-template-columns:minmax(0,1fr);gap:13px}
 .pdp-price,.pdp-quantity{flex-direction:row;justify-content:space-between;gap:12px}
 .pdp-purchase-controls>.btn{grid-column:1}
 .pdp-auto-flow{grid-template-columns:minmax(0,1fr) 60px minmax(0,1fr);gap:7px}
 .pdp-auto-key-crop>figcaption{width:60px;margin-left:-4px}
 .pdp-status-enlarged>span{font-size:12px}
 .pdp-auto-status-detail>figcaption{font-size:16px;min-height:0}
 .pdp-v20-example{gap:13px}
 .pdp-facts-table th,.pdp-facts-table td{padding:10px 8px}
 .pdp-setup-actions{align-items:stretch;flex-direction:column;gap:8px}
 .pdp-setup-actions a{justify-content:center}
 .resource-v11 .resource-game-card>a{grid-template-columns:100px minmax(0,1fr)}
 .resource-game-copy{padding:14px 12px}
 .resource-v11 .resource-game-card h3{font-size:18px}
 .resource-v11 .resource-card-bottom{padding-top:8px}
 .resource-series-grid,.resource-series-gallery{gap:10px}
 .resource-series-card>div:last-child{padding:12px 9px}
 .resource-series-card h3{font-size:16px}
 .resource-series-gallery article{padding:14px 9px}
 .resource-series-gallery img{height:180px}
 .resource-full-pack-meta dl,.resource-package dl{grid-template-columns:minmax(0,1fr);gap:12px}
 .quickstart-panel>summary{flex-wrap:wrap}
 .quickstart-summary{flex-basis:calc(100% - 72px)}
 .quickstart-panel>summary .vg-summary-tag{display:none}
 .guide-page .vg-picture,.guide-page .vg-alternative .vg-picture,#guide-import .vg-import-steps>.vg-picture,#guide-import .vg-import-phone-steps>.vg-picture,#import-panel-computer .vg-import-steps>.vg-picture{grid-template-columns:90px minmax(0,1fr)}
 .guide-page .vg-picture figcaption,#guide-import .vg-import-steps figcaption,#import-panel-computer .vg-import-steps figcaption{padding:13px 10px}
 .guide-page .vg-picture .vg-art{padding:7px;min-width:0}
 .guide-page .vg-picture .vg-home-screen{width:76px}
 .guide-page .vg-auto-strip .vg-picture{grid-template-columns:minmax(0,1fr)}
 .vg-alternative .vg-double-icon>.vg-icon{width:32px}
 .vg-picture .vg-confirm-card{width:70px}
 .vg-picture .vg-confirm-key{width:28px;height:28px;right:-3px}
 .vg-picture .vg-scan-diagram>.vg-icon{width:32px}
 .vg-picture .vg-radio{width:12px}
 .vg-picture .vg-double-icon>.vg-icon{width:34px}
 .vg-picture .vg-copy-diagram{max-width:76px}
 .vg-import-platform-tabs{gap:6px}
 .vg-import-platform-tabs>button{font-size:16px;padding-inline:2px}
 .vg-transfer-manual>div{align-items:center;gap:12px;flex-wrap:wrap}
 .vg-transfer-manual .vg-phone-transfer-art{width:110px;margin-inline:auto}
 .vg-transfer-manual p{flex-basis:100%;text-align:left}
 .theme-choice-grid>button{padding:11px 21px 11px 10px}
 .theme-preview-card{grid-template-columns:90px minmax(0,1fr);padding:14px;gap:13px}
 .theme-preview-image>img{width:90px}
 .theme-preview-card h2{font-size:21px}
 .commerce-item{grid-template-columns:minmax(0,1fr)}
 .commerce-item>img{width:140px;justify-self:center}
 .commerce-item .btn{width:100%}
}
@media print{.preview-toolbar,.review-toggle,.review-panel{display:none!important}body.preview-phone .stage{padding:0;background:#fff}#canvas.phone{max-width:none;border:0;box-shadow:none;border-radius:0}}