/* Mobile profile is the entry screen; the wall keeps its existing post nodes. */
.mobile-profile-actions,.mobile-profile-wall,.mobile-wall-back{display:none}
@media(max-width:760px){
 body.ksan-unified.has-site-header[data-view="wall"] #wall2010View .wall2010-grid{display:block!important;overflow:hidden!important}
 body.ksan-unified.has-site-header[data-view="wall"] #wall2010View .wall2010-side{display:block!important;position:relative!important;inset:auto!important;width:100%!important;height:100%!important;border:0!important;border-radius:0!important;background:transparent!important;overflow-y:auto!important}
 body.ksan-unified.has-site-header[data-view="wall"] #wall2010View .wall2010-main{display:none!important}
 body.ksan-unified.has-site-header[data-view="wall"] #wall2010View[data-mobile-wall="true"] .wall2010-main{display:flex!important}
 body.ksan-unified.has-site-header[data-view="wall"] #wall2010View[data-mobile-wall="true"] .wall2010-side{display:none!important}
 body.ksan-unified.has-site-header[data-view="wall"] #wall2010View .ksan-info-panel{padding:12px 18px 28px!important;gap:20px!important}
 body.ksan-unified.has-site-header[data-view="wall"] #wall2010View .ksan-info-header{display:none!important}
 body.ksan-unified.has-site-header[data-view="wall"] #wall2010View .ksan-info-hero{order:0;padding:12px 0 10px!important;gap:14px!important}
 body.ksan-unified.has-site-header[data-view="wall"] #wall2010View .ksan-info-portrait{width:104px!important;height:104px!important;flex-basis:104px!important}
 body.ksan-unified.has-site-header[data-view="wall"] #wall2010View .ksan-info-name #wall2010ProfileName{font-size:28px!important;font-weight:500!important}
 body.ksan-unified.has-site-header[data-view="wall"] #wall2010View .ksan-info-followers{font-size:13px;color:#999}
 .mobile-profile-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;order:1}
 .mobile-profile-actions button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;min-width:0;min-height:60px;padding:10px 3px;border:0;border-radius:12px;background:#ffffff06;color:#c6b4f2;font:500 11px/1.3 Arial,sans-serif}
 .mobile-profile-actions svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
 body.ksan-unified.has-site-header[data-view="wall"] #wall2010View .ksan-info-stats{order:2;width:100%!important;margin:0!important;background:transparent!important;border-radius:0!important;}
 .mobile-profile-wall{order:3;display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;padding:16px;border:1px solid #ffffff08;border-radius:14px;background:#212121;color:#eee;text-align:left;font:inherit}
 .mobile-profile-wall strong,.mobile-profile-wall small{display:block}.mobile-profile-wall strong{font-size:17px;font-weight:600}.mobile-profile-wall small{margin-top:6px;color:#aaa;font-size:12px;line-height:1.5}.mobile-profile-wall>span:last-child{font-size:23px;color:#c6b4f2}
 body.ksan-unified.has-site-header[data-view="wall"] #wall2010View .ksan-info-card{order:4;margin:0!important;border-radius:14px!important}
 body.ksan-unified.has-site-header[data-view="wall"] #wall2010View .ksan-collect{order:6;margin:0!important}
 body.ksan-unified #wall2010View .ksan-profile-toggle{display:none!important}
 .mobile-wall-back{display:flex;align-items:center;gap:10px;flex-shrink:0;align-self:flex-start;padding:10px 14px;border:0;border-radius:12px;background:#222;color:#c6b4f2;font:14px Arial,sans-serif;cursor:pointer}
 .mobile-profile-actions button:focus-visible,.mobile-profile-wall:focus-visible,.mobile-wall-back:focus-visible{outline:2px solid #c6b4f2;outline-offset:-2px}
}

/* One scroll owner per mobile screen: workspace for profile, feed for wall. */
@media(max-width:760px){
 body.ksan-unified.has-site-header[data-view="wall"]>.ksan-shell>.ksan-main{min-height:0!important;overflow-y:auto!important;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
 body.ksan-unified.has-site-header[data-view="wall"] #wall2010View:not([data-mobile-wall="true"]),
 body.ksan-unified.has-site-header[data-view="wall"] #wall2010View:not([data-mobile-wall="true"]) .wall2010-shell,
 body.ksan-unified.has-site-header[data-view="wall"] #wall2010View:not([data-mobile-wall="true"]) .wall2010-grid,
 body.ksan-unified.has-site-header[data-view="wall"] #wall2010View:not([data-mobile-wall="true"]) .wall2010-side{height:auto!important;max-height:none!important;min-height:0!important;overflow:visible!important}
 body.ksan-unified.has-site-header[data-view="wall"] #wall2010View .wall2010-grid{padding:0!important;background:transparent!important}
 body.ksan-unified.has-site-header[data-view="wall"] #wall2010View[data-mobile-wall="true"] .wall2010-main{height:100%!important;min-height:0!important;max-height:100%!important;overflow:hidden!important;border-radius:0!important;padding:0!important;gap:0!important;background:transparent!important}
 body.ksan-unified.has-site-header[data-view="wall"] #wall2010View .ksan-wall-scroll{flex:1 1 0!important;min-height:0!important;overflow-y:auto!important;padding:10px 10px 16px!important;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
 body.ksan-unified.has-site-header[data-view="wall"] #wall2010View #wall2010Posts{display:flex!important;flex-direction:column!important;gap:10px!important;padding:0!important;margin:0!important}
 body.ksan-unified.has-site-header[data-view="wall"] #wall2010View #wall2010Posts .wall2010-post{flex:0 0 auto!important;width:100%!important;max-width:none!important;margin:0!important;padding:12px!important;border-radius:16px!important;min-height:0!important;background:#212121!important}
 body.ksan-unified.has-site-header[data-view="wall"] #wall2010View #wall2010Posts .wall2010-post>.ksan-post-like{position:static!important;transform:none!important;margin:8px 0 0 auto!important;min-height:32px!important;width:max-content!important;padding:6px 10px!important}
 body.ksan-unified.has-site-header[data-view="wall"] #wall2010View .wall2010-main>.ksan-publication-bar{flex-shrink:0!important;margin:6px 10px 10px!important;width:calc(100% - 20px)!important;min-height:48px!important;border-radius:24px!important}
 body.ksan-unified.has-site-header[data-view="wall"] #wall2010View .ksan-user-ai-header{flex-shrink:0!important;margin:0!important;padding:8px 12px!important;border-radius:0!important;min-height:52px!important;background:#1c1c1e!important}
 body.ksan-unified.has-site-header[data-view="wall"] #wall2010View .mobile-wall-back{margin:0!important;width:100%;border-radius:0;background:#1c1c1e;min-height:40px}
}

/* Reference profile hierarchy: portrait, name, level, actions, wall preview. */
@media(max-width:760px){
 body.ksan-unified.has-site-header[data-view="wall"] #wall2010View .ksan-info-name{flex-direction:column!important;gap:8px!important}
 body.ksan-unified.has-site-header[data-view="wall"] #wall2010View .ksan-info-name .wall2010-inline-level{min-height:22px;font-size:13px!important}
 
 .mobile-profile-wall{padding:16px;min-height:88px;border-radius:14px;align-items:center}
 .mobile-profile-wall-label{display:block;margin-bottom:12px;color:#a3a0aa;font-size:14px}
 .mobile-profile-wall strong{font-size:15px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
 .mobile-profile-wall small{margin-top:10px}
}

/* The mobile profile owns its viewport; legacy wall heights cannot clip it. */
@media(max-width:760px){
 body.ksan-unified.has-site-header[data-view="wall"] #wall2010View:not([data-mobile-wall="true"]) .wall2010-side.ksan-info-side{position:fixed!important;inset:calc(56px + env(safe-area-inset-top)) 0 var(--ksan-tab-height,60px)!important;width:100%!important;height:auto!important;max-height:none!important;min-height:0!important;overflow-x:hidden!important;overflow-y:auto!important;touch-action:pan-y!important;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;z-index:20!important}
 body.ksan-unified.has-site-header[data-view="wall"] #wall2010View .ksan-info-panel{height:auto!important;max-height:none!important;min-height:min-content!important;overflow:visible!important;flex-shrink:0!important;padding-bottom:32px!important}
 body.ksan-unified.has-site-header[data-view="wall"] #wall2010View .ksan-info-panel>*{flex-shrink:0!important}
}

@media(max-width:760px){
 /* Wall and profile each occupy exactly the available mobile viewport. */
 body.ksan-unified.has-site-header[data-view="wall"] #wall2010View[data-mobile-wall="true"] .wall2010-main{position:fixed!important;inset:calc(56px + env(safe-area-inset-top)) 0 var(--ksan-tab-height,60px)!important;width:100%!important;height:auto!important;max-height:none!important;min-height:0!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;z-index:20!important}
 body.ksan-unified.has-site-header[data-view="wall"] #wall2010View[data-mobile-wall="true"] .ksan-wall-scroll{height:0!important;max-height:none!important;flex:1 1 0px!important;min-height:0!important;overflow-y:auto!important;touch-action:pan-y!important}
 body.ksan-unified.has-site-header[data-view="wall"] #wall2010View[data-mobile-wall="true"] .wall2010-main>.ksan-publication-bar{display:flex!important;position:relative!important;inset:auto!important;flex:0 0 auto!important;min-height:48px!important;max-height:none!important;visibility:visible!important;z-index:30!important}
 body.ksan-unified.has-site-header[data-view="wall"] #wall2010View .ksan-info-panel>.mobile-profile-actions{display:grid!important;position:static!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;align-items:stretch!important;width:100%!important;height:auto!important;min-height:68px!important;overflow:visible!important;visibility:visible!important;opacity:1!important;margin:0!important;padding:0!important;gap:8px!important}
 body.ksan-unified.has-site-header[data-view="wall"] #wall2010View .mobile-profile-actions>button{display:flex!important;position:static!important;align-items:center!important;justify-content:center!important;flex-direction:column!important;min-height:68px!important;height:auto!important;margin:0!important;padding:12px 4px!important;background:#212121!important;color:#c6b4f2!important;border:1px solid #ffffff0a!important;border-radius:12px!important;font:500 12px/1.4 Arial,sans-serif!important;visibility:visible!important;opacity:1!important}
}

/* The mobile wall is a focused reading and publishing screen. */
@media(max-width:760px){
 body.ksan-unified.has-site-header[data-view="wall"]:has(#wall2010View[data-mobile-wall="true"]){--ksan-tab-height:0px}
 body.ksan-unified.has-site-header[data-view="wall"]:has(#wall2010View[data-mobile-wall="true"]) #ksanMobileTabs{display:none!important}
 body.ksan-unified.has-site-header[data-view="wall"]:has(#wall2010View[data-mobile-wall="true"])>.ksan-shell{bottom:0!important}
 body.ksan-unified.has-site-header[data-view="wall"] #wall2010View[data-mobile-wall="true"] .ksan-user-ai-header{display:none!important}
 body.ksan-unified.has-site-header[data-view="wall"] #wall2010View[data-mobile-wall="true"] .wall2010-main{bottom:0!important}
 body.ksan-unified.has-site-header[data-view="wall"] #wall2010View[data-mobile-wall="true"] .wall2010-main>.ksan-publication-bar{margin-bottom:max(10px,env(safe-area-inset-bottom))!important}
}