/* Phone-only refinements. Desktop layout, colors and business workflows are unchanged. */
@media screen and (max-width:680px){
 html{overflow-x:clip;scroll-padding-top:16px}body{min-width:0}
 .home-hero{grid-template-columns:minmax(0,1fr);gap:28px}.hero-copy,.hero-visual{min-width:0}.hero-visual{width:auto;max-width:100%}.store-photo{width:100%}.home-header{min-width:0}.home-header nav{min-width:0}.feature-grid,.network-panel{grid-template-columns:minmax(0,1fr)}.join-options,.network-intro{min-width:0}.join-option summary>span:nth-child(2){min-width:0}.join-option strong,.network-intro p{overflow-wrap:anywhere}
 .workspace,.workspace main,.design-grid,.design-content,.card,.panel,.card-body,.panel-body,.form-field,.form-grid{min-width:0;max-width:100%}
 .topbar-left{min-width:0;flex:1}.topbar-right{flex-shrink:0}.breadcrumb{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-menu{flex-shrink:0;min-width:40px;min-height:40px}.topbar .avatar.small{width:32px;height:32px;flex-shrink:0}
 .sidebar,.sidebar-collapsed .sidebar{max-height:calc(100dvh - 30px);padding-bottom:max(12px,env(safe-area-inset-bottom))}.sidebar nav{min-height:0;overscroll-behavior:contain}.sidebar .nav-link{min-height:44px}.sidebar .footer-link{min-height:42px}.sidebar-profile>strong,.sidebar-profile>small{max-width:100%;overflow:hidden;text-overflow:ellipsis}
 .form-grid,.assignment-grid,.filter-grid{grid-template-columns:minmax(0,1fr)}.form-field input,.form-field select,.form-field textarea,.reading-entry input,.search-field input{min-width:0;max-width:100%;font-size:16px;min-height:44px}.form-field input[type=checkbox],.form-field input[type=radio]{width:18px;height:18px;min-height:18px;flex-shrink:0}.form-field input[type=file]{padding:9px;font-size:14px}.form-field input[type=date]{width:100%}.form-field label{overflow-wrap:anywhere}.form-field input,.form-field select,.form-field textarea{scroll-margin-block:24px}.checkbox-label{align-items:flex-start;white-space:normal;overflow-wrap:anywhere}.upload-preview{max-width:100%;height:auto}
 .button-row,.form-actions,.heading-actions{flex-wrap:wrap}.button{min-height:44px;white-space:normal;text-align:center}.auth-links .icon-button,.dialog-heading button{min-width:40px;min-height:40px}.auth-links{gap:12px;flex-wrap:wrap}.auth-page,.auth-form-side,.auth-form-content{min-width:0}.auth-form-content{max-width:100%}.auth-form-content h1{overflow-wrap:anywhere}.auth-form-content input,.auth-form-content select{font-size:16px}
 .card-header{flex-wrap:wrap;align-items:flex-start}.card-header>div,.summary-copy,.row-main{min-width:0}.summary-copy strong,.summary-copy small,.list-row strong,.list-row small{overflow-wrap:anywhere}.filter-bar{flex-wrap:wrap}.filter-bar .search-field{min-width:0;max-width:100%;flex:1 1 100%}.filter-meta{min-width:0;overflow-wrap:anywhere}
 .table-scroll{max-width:100%;width:100%;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}.chart-plot{max-width:calc(100% + 16px);overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}.table-scroll th,.table-scroll td{white-space:nowrap}.table-scroll td .button-row{flex-wrap:nowrap}
 .receipt-head{flex-wrap:wrap;align-items:flex-start;gap:18px}.receipt-head>div{min-width:0;max-width:100%}.receipt-head>div:last-child{text-align:left!important}.receipt-head h2{overflow-wrap:anywhere}.receipt-meta{grid-template-columns:minmax(0,1fr)}.receipt-meta strong,.receipt-meta p{overflow-wrap:anywhere}.reading-entry{grid-template-columns:repeat(2,minmax(0,1fr))}.reading-entry>div:first-child{grid-column:1/-1}.reading-entry label{overflow-wrap:anywhere}.financial-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.financial-grid>div{min-width:0}.financial-grid strong{overflow-wrap:anywhere}
 dialog{max-height:calc(100dvh - 32px);max-width:calc(100vw - 24px);overflow-y:auto;overscroll-behavior:contain}dialog .form-actions{flex-wrap:wrap}.theme-switch{min-width:0}.theme-switch button{min-width:0;min-height:44px;flex-wrap:wrap;letter-spacing:0}.main-footer,.home-footer{overflow-wrap:anywhere}
}
@media screen and (min-width:681px) and (max-width:1024px){.design-content,.form-field{min-width:0}.table-scroll{max-width:100%;overscroll-behavior-x:contain}.card-header{flex-wrap:wrap}.topbar-left{min-width:0}.breadcrumb{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}
@media screen and (max-width:680px){.home-header .button{white-space:nowrap}.mobile-nav-open{overscroll-behavior:none}body.mobile-nav-open{overflow:hidden}}@media screen and (max-width:360px){.home-header{flex-wrap:wrap;row-gap:14px}.home-header nav{width:100%;justify-content:space-between;gap:12px}.home-header .about-link{display:inline;font-size:13px}.home-header .network-link{max-width:none}.home-header .button{padding-inline:13px}}
@media screen and (max-width:680px){.hero-copy h1{font-size:clamp(34px,10.5vw,48px);letter-spacing:-1.6px;line-height:1.12}.hero-actions{justify-content:flex-start;gap:0;margin-top:22px}.hero-actions>.button-gold{flex:0 0 auto;align-self:flex-start}.home-hero{gap:24px}.hero-visual{margin-top:0}}