/* Shared small-screen layout. Keep content readable rather than clipping the page. */
.uoi-menu-toggle{display:none}
@media(max-width:760px){
  html{scroll-padding-top:90px}
  input:not([type=checkbox]):not([type=radio]),textarea,select{font-size:16px!important;min-width:0;max-width:100%}
  button,a,input,select,textarea{touch-action:manipulation}
  img,video,canvas{max-width:100%}
  dialog{box-sizing:border-box;max-width:calc(100vw - 24px);max-height:calc(100dvh - 32px);overflow-y:auto;overscroll-behavior:contain}
  .topbar .brand .div,.topbar .brand .site{display:none}
  .topbar .topbar-inner{gap:10px;justify-content:space-between}
  .topbar .uoi-menu-toggle{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 14px;border:1px solid #64748b;border-radius:9px;background:#1e293b;color:#f8fafc;font-family:inherit;font-size:15px;font-weight:600;line-height:1.4;cursor:pointer}
  .topbar .uoi-menu-toggle:focus-visible{outline:2px solid #67e8f9;outline-offset:3px}
  .topbar.uoi-mobile-nav .topnav{display:none;margin:0;flex-basis:100%;width:100%;padding:4px 0;gap:8px;max-height:65dvh;overflow-y:auto;white-space:normal}
  .topbar.uoi-mobile-nav.uoi-menu-open .topnav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  .topbar.uoi-mobile-nav .topnav a,.topbar.uoi-mobile-nav .lang-btn{display:flex;justify-content:center;min-height:44px;white-space:normal;text-align:center;font-size:15px;padding:8px}
  .hero{padding-top:36px;padding-bottom:36px}
  .hero .search{min-width:0}.hero .search input{min-width:0}
  .cats{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .cat{min-width:0;padding:18px 14px}.cat .en,.cat .zh{overflow-wrap:anywhere}
  .item{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px 10px;padding:14px}
  .item .lbl{white-space:normal;overflow:visible;overflow-wrap:anywhere;line-height:1.5}
  .item .id{display:block;grid-column:1/-1;overflow-wrap:anywhere}
  .card{padding:20px 16px;min-width:0}
  .card.tech-detail{padding:0}
  .obj-name{font-size:25px;overflow-wrap:anywhere}.obj-uoi{overflow-wrap:anywhere}
  table.props,table.props tbody,table.props tr,table.props td{display:block;width:100%;box-sizing:border-box}
  table.props td.k{width:auto;white-space:normal;border:0;padding:12px 0 2px;font-weight:600}
  table.props td.v{padding:2px 0 12px;overflow-wrap:anywhere;min-width:0}
  .person-section-head,.tech-row,.tech-proposer-head,.page-head,.card-head{flex-wrap:wrap;min-width:0}
  .tech-row>div,.tech-form-grid>div,.idea-grid>div{min-width:0}
  .tech-language-filter{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;overflow:visible}
  .tech-language-filter button{min-width:0;min-height:44px;white-space:normal;padding:10px 8px}
  .tech-proposers{padding:12px}.tech-proposer-card{padding:12px}.tech-form-grid{grid-template-columns:minmax(0,1fr)}
  .tech-proposer-head,.tech-person-result,.tech-reference-item{overflow-wrap:anywhere}
  .tech-person-search{flex-wrap:wrap}.tech-person-search input{flex-basis:160px}
  .submission-language-modal{z-index:100;padding:16px}
  .submission-language-dialog{box-sizing:border-box;max-height:calc(100dvh - 32px);overflow-y:auto;padding:22px 18px}
  .submission-language-options{grid-template-columns:minmax(0,1fr)}
  .submission-language-close{min-width:44px;min-height:44px}
  .idea-actions,.tech-form-actions{flex-wrap:wrap;gap:10px}
  .idea-actions button,.tech-form-actions button{max-width:100%;white-space:normal}
  .idea-uoi-choices{grid-template-columns:repeat(2,minmax(0,1fr))}
  .idea-batch-tabs{flex-wrap:wrap}.idea-uoi-choice{min-width:0;overflow-wrap:anywhere}
  .discussion-toolbar-actions{flex-wrap:wrap}.discussion-sort{max-width:100%;display:flex;flex-wrap:wrap}
  .discussion-controls button,.discussion-sort button{min-height:44px}.discussion-controls{gap:6px 18px}
  .discussion-byline{align-items:flex-start;gap:8px}.discussion-author-meta{min-width:0;overflow-wrap:anywhere}
  .discussion-reply{gap:6px}.discussion-replies:not(:empty){padding-left:6px}
  .discussion-header h1,.discussion-header .mono{overflow-wrap:anywhere}
  .discussion-compose-options{align-items:center}.discussion-compose-options button{min-height:44px}
  .section-nav{flex-wrap:wrap;gap:4px 18px;white-space:normal;overflow:visible;padding:6px 0}
  .section-nav a{padding:8px 0;min-height:44px;font-size:14px}
  .sig-localnav{position:static}.sig-section{scroll-margin-top:88px}
  .public-page .member-list{gap:12px}.research-item,.member-person,.directory-item{overflow-wrap:anywhere;min-width:0}
  .topic-search{min-width:0}.topic-search input{min-width:0}.topic-heading{gap:12px}
  .admin-section,.admin-workspace,.sig-application-dialog{padding:16px}
  .admin-section .search{flex-wrap:wrap}.admin-section .search>div{flex-basis:100%;min-width:0}
  .row2{grid-template-columns:minmax(0,1fr)}
  .rel-row{grid-template-columns:minmax(0,1fr);padding:12px 0;border-bottom:1px solid var(--line)}
  .rel-row button{justify-self:start}
  .grid>*{min-width:0}.preview-row,.email-domain-item{flex-wrap:wrap}
  .preview-title{white-space:normal;overflow-wrap:anywhere}
  .top .nav,#uoi-admin-shell .uoi-admin-nav{gap:4px 12px}
  .top .nav a,#uoi-admin-shell .uoi-admin-nav a{display:inline-flex;align-items:center;min-height:44px}
  .top .nav button,#uoi-admin-shell button{min-height:44px}
  .btn,.more,.idea-submit,.tech-proposer-remove,.topic-search button{min-height:44px}
  .idea-item,.reviewer-application,.admin-list,.product-orders .card,.details dd,.record{overflow-wrap:anywhere;min-width:0}
  .heading,.request-head{flex-wrap:wrap}.heading>h2{min-width:0}
  .details{grid-template-columns:minmax(0,1fr)}.details dd{margin-left:0}
  .product-tabs a{min-height:44px;max-width:100%}.product-heading h2{overflow-wrap:anywhere}
  .admin-controls{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:380px){
  .tech-detail .obj-head{padding-left:14px;padding-right:14px}
  .tech-proposers,.tech-proposer-card{padding:10px}
  .discussion-stream{padding-left:12px;padding-right:12px}
}