/* Mobile reading and touch overrides; desktop art direction stays intact. */
.gp-drawing-phone{display:none}
.gp-toolbar-actions{display:flex;align-items:center;gap:12px}
.gp-zoom{display:none}
.gp-hitbox{fill:transparent;stroke:none}

@media(max-width:760px){
 html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:20px}
 .console-body,.console-main,.console-main .workspace,.console-main .workspace-grid,.console-main .people-layout,.console-main .person-detail,.console-main .people-selector{min-width:0;max-width:100%}
 .console-main .people-layout{grid-template-columns:minmax(0,1fr)}
 .console-main .people-selector{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%}
 .console-main .people-selector .selector-label{grid-column:1/-1;width:auto;padding:0 0 10px;font-size:12px}
 .console-main .person-select{width:100%;min-width:0;min-height:66px;padding:12px 10px;gap:9px}
 .console-main .person-select>span:nth-child(2){min-width:0;overflow-wrap:anywhere}
 .console-main .person-select strong{font-size:14px}
 .console-main .person-select small{font-size:11px;line-height:1.6;white-space:normal}
 .person-hero-info{gap:12px;min-width:0}
 .person-hero-info>div{min-width:0}
 .person-hero-info .avatar-xl{width:48px;height:48px;flex-shrink:0;font-size:23px}
 .person-hero-info .icon-button{flex-shrink:0}
 .person-hero-info .eyebrow{letter-spacing:0;font-size:11px;line-height:1.7}
 .person-aliases{flex-wrap:wrap;gap:8px;line-height:1.8}
 .person-source,.person-bio{overflow-wrap:anywhere}
 .console-topbar{height:auto;min-height:90px;display:grid;grid-template-columns:minmax(0,1fr);gap:8px;padding:12px 18px}
 .console-topbar .console-breadcrumb{min-width:0;font-size:12px;line-height:1.6;white-space:nowrap;gap:10px}
 .console-top-actions{width:100%;min-width:0;gap:10px}
 .console-top-actions .role-select{flex:1;min-width:0}
 .console-topbar .role-select select{width:100%;max-width:100%;font-size:16px;min-height:44px;padding:8px 24px 8px 10px;text-overflow:ellipsis}
 .console-top-actions>.icon-button,.console-present-button,.notification-button{width:44px;min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center}
 .console-nav{overscroll-behavior-x:contain;scroll-padding-inline:12px}
 .console-nav>a{min-height:44px;font-size:12px;padding:10px 12px}
 .console-main input:not([type=checkbox]):not([type=range]),.console-main select,.console-main textarea,.modal input:not([type=checkbox]),.modal select,.modal textarea{font-size:16px}
 .console-main .question-input-row input{min-width:0;max-width:100%;font-size:16px}
 .console-main .question-input-row{min-width:0;width:100%}
 .console-main .voice-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .console-main .voice-item{min-width:0;min-height:112px;padding:13px 12px}
 .console-main .voice-item strong{font-size:14px;line-height:1.7;overflow-wrap:anywhere}
 .console-main .voice-item small,.console-main .voice-item-top{font-size:11px;line-height:1.6}
 .console-main .panel-description,.console-main .console-heading p,.console-main .page-heading p{font-size:14px;line-height:1.9}
 .console-main .memory-excerpt,.console-main .person-bio,.console-main .semantic-note,.console-main .care-brief-message{font-size:14px;line-height:1.95}
 .console-main .memory-meta,.console-main .source-card small,.console-main .person-source{font-size:11px;line-height:1.8}
 .console-main .source-card strong{font-size:14px}
 .console-main .editor-bottom{flex-wrap:wrap;gap:12px}
 .console-main .editor-bottom>button{width:100%;min-height:48px}
 .console-main .task-row{flex-wrap:wrap;min-width:0}
 .console-main .task-row>span{font-size:13px;min-width:0;flex:1 1 130px;overflow-wrap:anywhere}
 .console-main .care-alert{flex-wrap:wrap}
 .console-main .care-alert>div{flex:1 1 180px;min-width:0}
 .console-main .care-alert strong{font-size:14px;line-height:1.6}
 .console-main .care-alert p{font-size:12px;line-height:1.8}
 .console-main .care-alert .button{min-height:44px;font-size:13px}
 .console-main .preference-path{flex-wrap:wrap;row-gap:15px}
 .console-main .preference-path>div{font-size:12px}
 .console-main .stage-bottom{flex-wrap:wrap;gap:12px}
 .console-main .stage-bottom .text-button{font-size:12px;min-height:44px}
 .modal{max-height:calc(100dvh - 24px);overscroll-behavior:contain}
 .modal .form-columns{grid-template-columns:minmax(0,1fr)}
 .modal-body{overflow-wrap:anywhere}
 .modal-actions{flex-wrap:wrap}
 .modal-actions .button{min-height:44px;font-size:13px;flex:1}
 .console-footer{padding-bottom:max(20px,env(safe-area-inset-bottom))}
}

@media(max-width:600px){
 .presentation-shell button,.console-shell button,.modal button,.presentation-shell .ex-link,.console-shell .text-button{min-height:44px;touch-action:manipulation}
 .ex-nav{padding:calc(16px + env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) 13px max(18px,env(safe-area-inset-left));gap:12px}
 .ex-nav>nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;padding-top:8px;font-size:12px}
 .ex-nav>nav>*{min-height:44px;display:flex;align-items:center;justify-content:center;white-space:nowrap;font-size:12px}
 .ex-nav-actions{gap:8px;margin-left:auto}
 .ex-nav-actions .ex-present{width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center}
 .ex-nav-actions .ex-console{min-height:44px;display:inline-flex;align-items:center;justify-content:center;font-size:12px;padding:9px 12px}
 .ex-nav .ex-brand{gap:9px}
 .home-hero{padding-inline:max(18px,env(safe-area-inset-left)) max(18px,env(safe-area-inset-right))}
 .home-hero .show-hero-copy>p{font-size:15px;line-height:1.95}
 .home-hero .hero-actions{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center}
 .home-hero .hero-actions>.ex-button{font-size:13px;padding:12px 16px;min-height:48px;flex:1 1 150px;justify-content:center}
 .home-hero .hero-actions>.ex-link{font-size:13px;min-height:44px;gap:8px}
 .home-hero .home-hero-principle{font-size:11px;gap:10px;flex-wrap:wrap;letter-spacing:0}
 .ex-section{margin-inline:max(18px,env(safe-area-inset-left)) max(18px,env(safe-area-inset-right))}
 .ex-section-head>p{font-size:15px;line-height:1.95}
 .home-feature-copy>p,.home-scenario-story>p,.home-support-grid article>p,.memory-bottom>p{font-size:14px;line-height:1.95}
 .home-memory .memory-record>p{font-size:15px}
 .memory-record>small,.home-example-note,.show-scope p{font-size:11px;line-height:1.9}
 .memory-category-list button>strong,.home-scenario-menu>button>strong{font-size:14px}
 .home-candidates strong{font-size:15px}
 .home-draft-label textarea,.draft-label textarea,.record-review textarea,.question-input-row input{font-size:16px}
 .home-confirm-line{flex-wrap:wrap;gap:12px}
 .home-confirm-line>.ex-primary{flex:1;min-height:48px}
 .home-value-grid p,.home-care li>strong,.privacy-diagram p{font-size:13px;line-height:1.9}
 .home-value-grid{gap:25px 20px}
 .home-support-grid h3{line-height:1.6}
 .home-example-controls,.home-visual-controls{flex-wrap:wrap}
 .dw-layer-diagram,.product-intro .dw-layer-diagram{min-width:0;width:100%;max-height:none}
 .dw-sheet-viewport::after{content:'点击下方说明，查看对应层级';font-size:11px;color:#aaa;padding:0 16px 15px}
 .dw-layer-button p,.product-intro .dw-layer-button p{font-size:13px;line-height:1.9;max-width:none}
 .dw-layer-feedback{font-size:12px}
 .dw-mode-controls{width:100%}
 .dw-mode-controls button{flex:1;font-size:12px}
 .dw-studio-footer>div{flex-wrap:wrap;gap:8px 18px;justify-content:flex-start}
 .dw-studio-footer a,.dw-studio-footer button{font-size:12px}
 .gp-toolbar{display:block;padding:17px 16px}
 .gp-toolbar>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:12px}
 .gp-toolbar small{font-size:12px;margin:0}
 .gp-toolbar .gp-toolbar-actions{display:flex;width:100%;gap:10px;margin-top:15px}
 .gp-toolbar-actions .gp-play,.gp-zoom{display:flex;align-items:center;justify-content:center;gap:8px;flex:1;min-height:44px;border:1px solid #777;border-radius:5px;background:transparent;padding:8px 9px;font-size:12px;color:#eee;white-space:nowrap}
 .gp-zoom:hover,.gp-zoom[aria-pressed=true]{border-color:#fff;background:#202020}
 .gp-drawing-desktop{display:none}
 .gp-drawing-phone{display:block;min-width:0;width:100%}
 .gp-drawing-phone .gp-label{font-size:28px}
 .gp-drawing-phone .gp-caption{font-size:18px}
 .gp-drawing-phone .gp-index{font-size:13px}
 .gp-drawing-phone .gp-system>g>text:not(.gp-caption){font-size:23px}
 .gp-art{overflow-x:auto;overscroll-behavior-x:contain;padding-top:10px}
 .gp-art-note{position:static;font-size:11px;line-height:1.9;white-space:normal;text-align:left;padding-inline:16px}
 .gp-art-note::after{content:'轻点图上标注可切换功能。';display:block;font-size:11px;color:#ccc}
 .glasses-plate[data-zoom=detail] .gp-drawing-desktop{display:block;min-width:720px}
 .glasses-plate[data-zoom=detail] .gp-drawing-phone{display:none}
 .glasses-plate[data-zoom=detail] .gp-art-note{position:sticky;left:0}
 .glasses-plate[data-zoom=detail] .gp-art-note::after{content:'← 左右滑动查看放大的图纸 →'}
 .gp-detail-copy{min-height:0}
 .gp-detail-copy h3{text-wrap:balance}
 .gp-detail-copy>p,.gp-example p{font-size:14px;line-height:1.95}
 .gp-detail-copy>.ex-link{margin-top:12px;font-size:13px}
 .gp-function-tabs button{font-size:14px}
 .gp-division{font-size:12px}
 .gp-footer,.gp-play-status{font-size:11px;line-height:1.9}
 .demo-heading p,.demo-stage p,.demo-source-detail>p,.demo-notice{font-size:14px;line-height:1.9}
 .demo-step-controls{width:100%;gap:10px}
 .demo-step-controls>.ex-button{min-height:48px;flex:1;font-size:14px;justify-content:center}
 .demo-step-controls>.ex-link{font-size:13px}
 .demo-sharing{font-size:13px;line-height:1.9}
 .demo-sharing label{display:flex;align-items:center;gap:10px;min-height:44px}
 .demo-scenario-tabs>button{min-height:52px;gap:5px}
 .demo-scenario-tabs strong{font-size:13px}
 .wearer-screen,.listener-screen{margin:12px;padding:18px 15px;min-width:0}
 .demo-candidate{min-height:52px}
 .demo-candidate>strong{font-size:16px;line-height:1.8}
 .demo-care-body,.demo-care-body>div,.shared-record,.shared-background{min-width:0;overflow-wrap:anywhere}
 .demo-bottom-links>.ex-link{font-size:13px}
 .demo-bottom-links>span{font-size:12px;line-height:1.9}
 .console-main{padding-inline:max(18px,env(safe-area-inset-left)) max(18px,env(safe-area-inset-right))}
 .console-sidebar{padding-top:calc(20px + env(safe-area-inset-top))}
 .product-feature-nav>button{min-height:64px}
 .product-feature-nav strong{font-size:12px!important;white-space:normal;line-height:1.5}
 .product-intro .product-feature-detail h2{font-size:25px;line-height:1.6}
 .product-intro .feature-use-case>p{font-size:14px}
 .product-intro .product-annotation{min-height:44px}
 .product-intro .feature-description{font-size:15px}
 .show-final,.ex-footer{padding-bottom:max(30px,env(safe-area-inset-bottom))}
}

@media(max-width:350px){
 .home-hero .hero-actions>.ex-button{flex-basis:100%}
 .home-value-grid{grid-template-columns:1fr}
 .gp-toolbar>div:first-child{gap:8px;flex-wrap:wrap}
 .console-brand>span>span{display:none}
 .console-return{font-size:11px}
 .console-main .person-hero{padding:21px 15px}
 .console-main .person-hero-info h2{font-size:26px}
 .product-feature-nav{grid-template-columns:repeat(2,minmax(0,1fr))}
 .product-feature-nav>button{border-bottom:1px solid #393939}
 .product-feature-nav>button:nth-child(2n){border-right:0}
 .product-feature-nav>button:nth-child(3){border-right:1px solid #393939}
}

.gp-callouts [role=button]:focus{outline:none}