/* Shared phone layout. Content shrinks and wraps at its source; the document
   does not hide overflowing controls or disable horizontal touch gestures. */
@media(max-width:760px){
 body :is(main,section,article,aside,nav,form,fieldset,dialog){min-inline-size:0}
 body :is(h1,h2,h3,h4,p,a,label,dt,dd,button,summary){overflow-wrap:anywhere}
 body :is(input,select,textarea){min-inline-size:0;max-inline-size:100%;box-sizing:border-box}
 body :is(main,dialog) :is(img,canvas,video){max-inline-size:100%}
 body .kova-header-inner{gap:10px}
 body .kova-header .kova-wordmark{flex:none}
 body .kova-header-actions{flex:1;justify-content:flex-end;min-width:0;gap:8px}
 body .kova-account-area{flex:0 1 auto;min-width:0;max-width:120px}
 body .kova-header :is(.kova-account-link,.account-button){display:block;min-width:0;max-width:100%;box-sizing:border-box;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding-inline:10px}
 body .kova-menu-toggle{flex:none}
 body .kova-footer-inner{grid-template-columns:minmax(0,1fr) auto}
 body .kova-footer nav{min-width:0;column-gap:18px}
 body .kova-mobile-menu{box-sizing:border-box;max-width:100%}

 body :is(.product-demo,.assistant-example,.customize-stage,.preview-body,.making-inner,.questions-section,.release-help){grid-template-columns:minmax(0,1fr)}
 body :is(.demo-tabs,.assistant-tabs){grid-template-columns:repeat(4,minmax(0,1fr))}
 body .assistant-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}
 body .assistant-tabs button{min-width:0;padding-inline:6px;font-size:13px}
 body .scene-controls{flex-wrap:wrap}
 body .scene-controls button{white-space:normal;min-width:0}
 body .is-printing .scene-controls{grid-template-columns:repeat(3,minmax(0,1fr))}
 body :is(.demo-summary,.summary-copy,.summary-result,.customize-copy,.customize-preview,.preview-main,.agents-content,.community-invite>div,.making-inner>div){min-width:0}
 body .customize-preview .preview-body{grid-template-columns:40px minmax(0,1fr)}
 body .custom-tool{flex-wrap:wrap}
 body .custom-palette{flex-wrap:wrap;gap:8px}
 body .making-section h2{font-size:clamp(23px,6vw,32px);line-height:1.3}
 body .updates-heading h2{font-size:clamp(24px,6vw,30px)}
 body .updates-heading h2 span{display:block}
 body :is(.release-entry,.release-intro,.download-picker,.release-history){min-width:0}
 body .release-version{flex-wrap:wrap}
 body .platform-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}
 body .platform-tabs button{gap:8px;min-width:0}

 body :is(.catalog,.catalog-toolbar,.search-form,.sort-control,.topic-control,.library-filters){min-width:0;max-width:100%}
 body .catalog-heading{flex-wrap:wrap;align-items:center}
 body .catalog-toolbar{grid-template-columns:minmax(0,1fr)}
 body .search-form{width:100%}
 body .search-form input{width:0;min-width:0;flex:1}
 body .sort-control{display:block;width:100%}
 body .sort-control select{width:100%;min-width:0;max-width:100%}
 body .topic-control select{min-width:0;max-width:100%}
 body .category-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible;margin-right:0;padding-right:0;gap:7px}
 body .category-nav button{min-width:0;white-space:normal;padding:10px 8px;font-size:13px}
 body .collection-tabs{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px}
 body .collection-tabs button{min-width:0;padding-inline:7px;white-space:normal}
 body .project-card .author-name{min-width:0;max-width:100%}
 body .project-card .author-name>span:first-child{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;min-width:0}
 body .project-section-nav{flex-wrap:wrap;gap:12px 16px;overflow:visible;white-space:normal}
 body .project-thumbnails{flex-wrap:wrap;overflow:visible}
 body .project-gallery-tools{flex-wrap:wrap}
 body :is(.project-detail-layout,.publish-pair){grid-template-columns:minmax(0,1fr)}
 body :is(.project-detail-main,.project-detail-side,.project-gallery,.project-section,.project-facts dd,.project-kova-note>span){min-width:0}
 body .project-kova-note{grid-template-columns:35px minmax(0,1fr)}
 body .project-social{flex-wrap:wrap}
 body :is(.publication-dialog,.standalone-project,.editor-dialog){box-sizing:border-box;max-width:100%;width:100%}
 body .dialog-top{min-width:0;gap:12px}
 body .dialog-top>:first-child{min-width:0}
 body .dialog-top>.icon-button{flex:none}
 body .publish-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding-inline:12px}
 body .publish-steps button{min-width:0;flex-direction:column;text-align:center;gap:6px}
 body .publish-steps button span{flex:none}
 body .publish-footer{flex-wrap:wrap;gap:10px}
 body .publish-footer button{flex:1 1 110px;white-space:normal}
 body .publish-model>.primary-button{max-width:calc(100% - 28px);white-space:normal}
 body .account-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}
 body .account-tabs button:last-child:nth-child(odd){grid-column:1/-1}
 body .account-device{flex-wrap:wrap}
 body .account-device>div{min-width:0}

 body .reading h1{font-size:clamp(27px,7.2vw,42px)}
 body .public-catalog{min-width:0}
 body .publication-meta span{min-width:0;overflow-wrap:anywhere}
 body .admin-layout{min-width:0}
 body :is(.workspace,.panel,.data-toolbar,.search-box,.chart-wrap,.metric,.overview-grid,.content-grid,.settings-layout){min-width:0;max-width:100%}
 body #admin-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible;gap:6px}
 body #admin-nav a{min-width:0;white-space:normal}
 body .data-toolbar .search-box{width:100%;min-width:0}
 body .search-box input{width:0;min-width:0;flex:1}
 body .data-toolbar select{width:100%;flex:1 1 150px;min-width:0}
 body .heading-actions{flex-wrap:wrap;gap:10px}
 body .heading-actions>*{min-width:0;max-width:100%}
 body .chart-switch{flex-wrap:wrap}
 body .stats-strip{flex-wrap:wrap}
 body .table-scroll{overflow:visible}
 body .table-scroll table,body .table-scroll tbody{display:block;max-width:100%}
 body .table-scroll thead{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden}
 body .table-scroll tr{display:grid;grid-template-columns:minmax(0,1fr);padding:12px 16px;border-top:1px solid #e4eadc}
 body .table-scroll td{display:block;min-width:0;max-width:100%;padding:8px 0;border:0;overflow-wrap:anywhere}
 body .table-scroll td[data-label]::before{content:attr(data-label);display:block;margin-bottom:4px;font-size:12px;color:#718466}
 body .table-scroll :is(.wrap-text,.actions){min-width:0;max-width:100%}
 body .table-scroll .actions button{white-space:normal}
}
@media(max-width:380px){
 body .kova-header-inner{width:calc(100% - 28px)}
 body .kova-header .kova-wordmark{font-size:25px!important;gap:6px}
 body .kova-header .kova-wordmark img{width:30px;height:30px}
 body .kova-header :is(.kova-account-link,.account-button){font-size:13px;padding-inline:8px}
 body .category-nav{grid-template-columns:repeat(2,minmax(0,1fr))}
 body .demo-summary{grid-template-columns:minmax(0,1fr)}
 body .demo-tabs .mode{padding-inline:3px;font-size:11px}
 body .catalog-heading h1{font-size:23px}
}