/* Shared small-screen refinements, loaded after each page's styles. */
.library>*,.detail-layout>*,.feature-grid>*,.form-grid>*,.plan-grid>*,.account-columns>*{min-width:0}
.search-field{min-width:0}
.brand{flex-shrink:0}
.card-body h3,.detail-meta>div,.recent-resource strong,.admin-list button{overflow-wrap:anywhere}
.table-scroll{max-width:100%}
.site-header nav .mobile-only{display:none}
.field input[type=file]{max-width:100%;overflow:hidden}
.field input[type=file]::file-selector-button{max-width:100%;white-space:normal}
#admin-message{max-width:min(500px,calc(100vw - 32px));overflow-wrap:anywhere}
@media(max-width:1050px){
  .site-header nav{gap:16px}.site-header{gap:14px}
  .site-header .brand-logo{width:46px;height:46px;margin-right:8px}
  .trust-strip strong{display:block}
}
@media(min-width:681px) and (max-width:850px){
  .site-header .brand small{display:none}.site-header{padding-inline:18px}
  .header-actions .button{padding-inline:12px;font-size:11px}
  .library{grid-template-columns:155px minmax(0,1fr)}
}
@media(max-width:680px){
  .site-header{min-height:76px;height:auto;padding-block:12px;gap:8px}
  .site-header .brand{font-size:19px}.site-header .brand-logo{width:42px;height:42px;margin-right:7px}
  .site-header .brand small{font-size:7px;letter-spacing:1.3px}
  .site-header>.pill{display:none}
  .site-header>.button{font-size:10px;padding:10px;min-height:44px}
  .header-actions{gap:4px}.header-actions .button{min-height:44px}
  .header-actions .mobile-menu{width:44px;height:44px;font-size:22px}
  .site-header nav{top:100%}
  .site-header nav .mobile-only{display:flex}
  .hero{min-height:465px;padding:30px 22px}
  .hero h1{font-size:clamp(34px,9.5vw,48px)}
  .category-button{flex-shrink:0;min-height:44px}
  .catalog-toolbar select,.search-field input{min-height:44px}
  input:not([type=checkbox]):not([type=radio]),textarea,select{font-size:16px!important}
  .favorite-button{width:38px;height:38px;top:7px;right:7px}
  .favorite-button svg{width:17px;height:17px}
  .card-footer{flex-wrap:wrap;gap:5px}.card-meta{line-height:1.6}
  .card-body p{height:auto;min-height:32px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
  .dashboard-nav nav{scrollbar-width:thin;padding-bottom:5px}
  .dashboard-nav nav button{min-height:52px;min-width:72px}
  .admin-panel{padding:20px}.editor-tabs button{min-height:44px;flex:1 1 40%}
  .editor-heading,.panel-heading{flex-wrap:wrap}
  .admin-list button{min-height:66px}.editor-savebar{position:static;gap:12px}
  .account-columns{grid-template-columns:minmax(0,1fr)}
  .plan-table{min-width:560px}.plan-category{min-width:0}
  .login-panel{margin:24px auto;padding:25px}
  .flow-node{min-width:0}.connection-banner{gap:14px}
  .maintenance-actions .button{min-height:46px}
}
@media(max-width:420px){
  .cards{grid-template-columns:minmax(0,1fr)}.resource-art{height:175px}
  .card-body{padding:18px}.card-body h3{font-size:18px}.card-body p{font-size:12px}
  .card-meta{font-size:10px}.card-footer{font-size:11px}.preview-badge{font-size:9px}
  .art-label{font-size:9px}.section-heading{flex-wrap:wrap}
  .catalog-toolbar{flex-wrap:wrap}.search-field{flex-basis:100%}.catalog-toolbar select{max-width:none;width:100%}
  .site-header .brand small{display:none}.header-actions .button{font-size:9px;padding:8px}
  .hero-actions{flex-direction:column;align-items:stretch}.hero-actions .button{font-size:12px}
  .hero{padding:28px 20px 48px;min-height:490px}.hero-caption{font-size:7px}
  .maintenance-actions{flex-direction:column}.maintenance-footer{letter-spacing:0}
  .connection-banner{flex-wrap:wrap}.maintenance-brand{font-size:15px}
}
@media(pointer:coarse){.icon-button{min-width:44px;min-height:44px}.button.small{min-height:44px}}
@media(max-width:360px){.header-actions #favorite-link{display:none}.site-header{padding-inline:12px}.site-header .brand-logo{width:36px;height:36px}.site-header .brand{font-size:17px}}