/* Phone and small tablet layout. Keep wide tables scrollable within their cards. */
@media(max-width:768px){
 html{scroll-padding-top:72px;-webkit-text-size-adjust:100%}body{width:100%;min-width:0}main{margin:0;min-width:0;padding:16px 12px calc(78px + env(safe-area-inset-bottom))}.sidebar,.right-rail{display:none}.mobile-header{display:flex;position:sticky;top:0;z-index:25;height:calc(58px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 12px 0;gap:8px;background:#fff;border-bottom:1px solid var(--border)}.mobile-header .brand{font-size:22px;margin-right:auto;min-width:0}.mobile-header>[data-action=auth]{display:none}.mobile-header .language-picker{margin:0;flex-shrink:0}.mobile-header .language-select{font-size:12px;width:94px;padding:7px 4px}.mobile-header .mobile-notifications{min-width:38px;min-height:44px;display:flex;align-items:center;justify-content:center}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:35;height:calc(56px + env(safe-area-inset-bottom));padding:0 4px env(safe-area-inset-bottom);background:#fff;border-top:1px solid #e5e8ee;justify-content:space-around;align-items:stretch}.mobile-nav .bottom-item{display:flex;flex:1;align-items:center;justify-content:center;min-width:44px;min-height:52px;padding:10px 0;color:var(--ink);position:relative}.mobile-nav .bottom-item>.icon{width:27px;height:27px}.mobile-nav .bottom-create>.icon{width:29px;height:29px}.mobile-nav .bottom-item.active{color:var(--blue)}.mobile-nav .bottom-profile .avatar{width:27px;height:27px;font-size:10px;outline:1px solid #ccd8ee;outline-offset:2px}.mobile-nav .bottom-profile.active .avatar{outline:2px solid var(--blue)}.layout{display:block;max-width:620px;margin:auto}.page-top{margin:0 0 18px}.page-top h1{font-size:24px;line-height:1.2;overflow-wrap:anywhere}.page-top p{font-size:13px;line-height:1.5}.page-top .overline{display:none}.page-top .top-actions{display:none}footer{font-size:10px;line-height:1.5;flex-wrap:wrap;gap:10px}footer button{font-size:10px;min-height:36px}
 input:not([type=checkbox]):not([type=radio]):not([type=range]),textarea,select{font-size:16px}input,textarea{max-width:100%}button,a,input,select,textarea{touch-action:manipulation}button{overflow-wrap:anywhere}.primary,.outline{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:6px}.full{width:100%}.form-hint,.notice,.legal-copy{font-size:12px;line-height:1.6}.form-error{font-size:13px}.form-columns{grid-template-columns:1fr}label{font-size:13px}.check-label{font-size:12px}.check-label input{margin-top:3px}.report-reason{min-height:48px}.icon-button{min-width:40px;min-height:40px}
 .feed-page main{padding:0 0 calc(72px + env(safe-area-inset-bottom))}.feed-page .feed-toolbar{padding:12px 14px 0;margin:0}.feed-toolbar>.subtle{display:none}.tabs button{min-height:42px;font-size:14px}.stories{display:flex;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;gap:14px;padding:12px 14px;margin-bottom:12px;max-width:100%}.stories::-webkit-scrollbar,.chips::-webkit-scrollbar{display:none}.story{flex:0 0 60px;width:60px;font-size:10px}.chips{display:flex;flex-wrap:nowrap;overflow-x:auto;padding:0 12px 10px;gap:8px;scrollbar-width:none}.chip{flex-shrink:0;min-height:36px;font-size:12px;padding:8px 13px}.post{border-radius:0;margin:0 0 16px;border-left:0;border-right:0;max-width:100%;min-width:0}.post-head{padding:12px;gap:8px;min-width:0}.post-person{min-width:0;flex:1}.person-name{font-size:13px;max-width:100%;text-align:left}.post-person small{font-size:10px;line-height:1.5;overflow-wrap:anywhere}.post-head .follow-link{font-size:11px;min-height:36px;flex-shrink:0}.post-head .icon-button{flex-shrink:0}.post-head .avatar{width:36px;height:36px}.post-trust{padding:0 12px 8px;flex-wrap:wrap}.post-media{max-width:100%;overflow:hidden}.media-video{display:block;width:100%;height:auto;max-height:70dvh;object-fit:contain;background:#10121a}.media-image{width:100%;max-height:75dvh;object-fit:contain}.post-media .editorial{height:clamp(300px,90vw,430px);padding:22px}.art-copy h2{font-size:clamp(26px,8vw,36px)}.post-actions{padding:10px 12px 4px}.post-actions button{min-width:42px;min-height:42px;padding:8px}.post-body{font-size:13px;line-height:1.6;padding:0 14px 14px}.caption{overflow-wrap:anywhere}.comments-link{font-size:12px;min-height:36px;text-align:left}.post-date{font-size:10px}.booking-ribbon{padding:12px 14px;min-height:52px;font-size:14px}.guest-booking-note{font-size:11px;line-height:1.5}.feed-page footer{padding:0 14px}
 .profile-card{border-radius:13px;overflow:hidden}.profile-cover{height:76px}.profile-info{padding:0 16px 18px;overflow-wrap:anywhere}.profile-info>h2{font-size:23px;margin-top:12px}.profile-info>p{font-size:13px;line-height:1.6}.profile-info>.avatar{width:68px;height:68px;margin-top:-34px}.profile-numbers{gap:24px;font-size:12px}.profile-links{display:flex;flex-wrap:wrap;gap:8px}.profile-links>a,.profile-links>button{font-size:12px;flex:1 1 auto}.profile-book{display:flex;width:100%}.profile-tabs{margin-top:14px;padding:8px}.profile-grid,.discovery-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:3px}.profile-grid>*{min-width:0}.tile-caption{font-size:10px}.tile-placeholder{padding:8px;font-size:11px}.profile-trust .trust-badge{white-space:normal;font-size:10px}
 .explore-page .page-top{display:none}.explore-page main{padding-top:8px}.search-input-row{top:calc(58px + env(safe-area-inset-top));padding:4px 0 8px;background:var(--bg)}.search-input-wrap{height:44px}.search-input-wrap input{font-size:16px}.search-filters{overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none}.search-filters button{min-height:38px;flex-shrink:0}.search-account-row{min-height:64px}.search-account-copy b{font-size:13px}.search-account-copy small{font-size:12px}.search-section-heading h2{font-size:14px}.search-section-heading button{min-height:40px}.search-gallery .discovery-grid{margin-left:-10px;margin-right:-10px}
 .reels-grid{display:block;max-width:540px;margin:auto}.reels-grid .post-media{height:auto;min-height:0;background:#10121a}.reels-grid .media-video{height:calc(100dvh - 220px - env(safe-area-inset-bottom) - env(safe-area-inset-top));min-height:250px;max-height:75dvh;object-fit:contain}.reels-grid .post-head .person-name{font-size:12px}.reels-grid .post-body{font-size:12px}
 .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.metric{padding:15px;min-width:0}.metric strong{font-size:25px;overflow-wrap:anywhere}.metric small{font-size:12px}.metric span{font-size:11px}.table-card,.settings-card{min-width:0;max-width:100%}.table-scroll{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain}th,td{font-size:12px;padding:13px 14px}.table-card h3{padding:16px;font-size:14px}.security-grid,.notification-layout{grid-template-columns:1fr}.own-posts{grid-template-columns:1fr}.own-post-head{flex-wrap:wrap;gap:8px}.settings-card{padding:16px}.settings-card h3{overflow-wrap:anywhere}.notification-row{padding:13px 5px;font-size:13px}.info-banner{font-size:12px;padding:13px;overflow-wrap:anywhere}
 dialog{width:calc(100% - 16px);max-width:calc(100% - 16px);max-height:calc(100dvh - 16px - env(safe-area-inset-top) - env(safe-area-inset-bottom));border-radius:15px;overflow-y:auto;overscroll-behavior:contain}.modal-head{padding:12px 16px}.modal-head h2{font-size:17px;max-width:calc(100% - 44px)}#modal-body{padding:16px}.composer-dialog{width:100%;max-width:100%;height:100dvh;max-height:100dvh;margin:0;border-radius:0;border:0;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.composer-dialog #modal-body{padding:0;min-height:100%;display:flex;flex-direction:column}.compose-top{height:56px;top:0;z-index:3;position:sticky;padding:0 12px;flex-shrink:0}.compose-top b{font-size:14px}.compose-top button{min-width:44px;min-height:44px}.compose-breadcrumb{top:56px;position:sticky;z-index:2}.compose-drop{min-height:65dvh;padding:24px 16px}.compose-drop h3{font-size:21px}.compose-drop p{font-size:14px}.compose-edit{display:grid;grid-template-columns:1fr;height:auto;max-height:none;grid-template-rows:auto auto}.compose-stage{height:38dvh;min-height:200px;padding:0}.compose-controls{padding:16px;overflow:visible;border-left:0;border-top:1px solid var(--border)}.compose-controls h3{font-size:15px}.compose-controls label{font-size:13px}.ratio-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.ratio-options button{min-height:44px;font-size:12px;padding:8px 2px}.trim-fields{gap:8px}.compose-details textarea{min-height:110px;font-size:16px}.compose-details .check-label{font-size:12px}.cover-guide{display:none}.compose-state{min-height:65dvh;padding:24px 16px}.compose-public{font-size:12px}#toast{bottom:calc(74px + env(safe-area-inset-bottom));font-size:13px;max-width:calc(100% - 24px)}.keyboard-open .mobile-nav{display:none}
}
@media(max-width:359px){.mobile-header{padding-left:10px;padding-right:10px;gap:4px}.mobile-header .brand{font-size:19px}.mobile-header .language-select{width:84px;font-size:11px}.post-head .person-name{font-size:12px}.editor-badge{font-size:8px}.post-head .follow-link{font-size:10px;padding:3px}.profile-links>a,.profile-links>button{flex-basis:100%}.metric strong{font-size:22px}.search-filters button{padding:8px 14px}.compose-top b{font-size:12px}}