.html4-audio{display:none!important}
.html4-video{display:block;width:100%;max-width:100%;min-height:180px;background:#000;border:0}
.fb-video-embed .fb-video-center-play,.fb-video-embed .fb-video-controls{display:none!important}
.html4-canvas{display:block;overflow:hidden;background:#111;min-height:207px;position:relative}
.html4-canvas img{display:block;max-width:100%;max-height:360px;margin:0 auto}
.crop-canvas-wrap .html4-canvas{cursor:default}
/* CSS2-era fallbacks before modern flex/grid rules take over on newer browsers. */
.stage,.admin-layout,.event-detail-columns,.events-list-layout{zoom:1}
.stage:after,.admin-layout:after,.event-detail-columns:after,.events-list-layout:after{content:"";display:block;clear:both}

/* Legacy layout fallback: browsers without CSS Grid must keep the 2012 rails
   beside the feed instead of stacking the feed below the left rail. */
html.html4-no-grid .stage{display:block!important;zoom:1}
html.html4-no-grid .stage:after{content:"";display:block;clear:both}
html.html4-no-grid .stage>.left-rail{float:left;width:160px;margin:0 10px 0 0}
html.html4-no-grid .stage>.main-column{float:left;width:810px;margin:0}
html.html4-no-grid body .stage>.right-rail{display:none;float:left;width:300px;margin:0 0 0 10px}
html.html4-no-grid body[data-page="home"] .stage>.main-column{width:500px}
html.html4-no-grid body[data-page="home"] .stage>.right-rail{display:block}
/* IE6/7-era standards mode does not implement box-sizing. Account for the
   main column's 1px border + 10px left padding so the right rail cannot wrap. */
html.html4-no-grid.html4-no-boxsizing .stage>.main-column{width:799px}
html.html4-no-grid.html4-no-boxsizing body[data-page="home"] .stage>.main-column{width:489px}
/* Old engines without Grid should not inherit grid-only layout semantics. */
html.html4-no-grid .messages-layout-2012{display:block!important;zoom:1}
html.html4-no-grid .messages-layout-2012:after{content:"";display:block;clear:both}
html.html4-no-grid .messages-layout-2012>.messages-inbox-column{float:left;width:258px;height:100%}
html.html4-no-grid .messages-layout-2012>.thread-panel{margin-left:258px;height:100%}

/* Views & Apps stays one horizontal 2012 strip when Grid is unavailable.
   Dragging is an enhancement; the arrow buttons remain usable in this mode. */
html.html4-no-grid body[data-page="profile"] .profile-u92-overview-strip{display:block!important;white-space:nowrap!important;zoom:1}
html.html4-no-grid body[data-page="profile"] .profile-u92-about-summary,
html.html4-no-grid body[data-page="profile"] .profile-u92-tab-slot,
html.html4-no-grid body[data-page="profile"] .profile-u92-more-summary{display:inline-block!important;float:none!important;vertical-align:top!important}
html.html4-no-grid body[data-page="profile"] .profile-u92-more-summary{margin-left:0!important}
html.html4-no-grid body[data-page="profile"] .profile-u92-expanded-apps{display:none!important;white-space:normal!important;zoom:1}
html.html4-no-grid body[data-page="profile"] .profile-u92-overview-strip.is-expanded .profile-u92-expanded-apps{display:block!important}
html.html4-no-grid body[data-page="profile"] .profile-u92-expanded-apps>.profile-u92-tab-slot,
html.html4-no-grid body[data-page="profile"] .profile-u92-expanded-apps>.profile-u92-add-tab{display:inline-block!important;float:none!important;vertical-align:top!important}
html.html4-no-grid .profile-tab-manager-row{display:block!important;min-height:58px!important;zoom:1}
html.html4-no-grid .profile-tab-manager-thumb{float:left!important;margin-right:10px!important}
html.html4-no-grid .profile-tab-manager-actions{float:right!important;margin-top:-40px!important}

/* Page Views & Apps uses the same CSS2 fallback as normal profiles. */
html.html4-no-grid body[data-page="pages"].pages-detail-mode .pg12-overview{display:block!important;white-space:nowrap!important;zoom:1}
html.html4-no-grid body[data-page="pages"].pages-detail-mode .pg12-about-summary,
html.html4-no-grid body[data-page="pages"].pages-detail-mode .pg12-app-slot,
html.html4-no-grid body[data-page="pages"].pages-detail-mode .pg12-more-wrap{display:inline-block!important;float:none!important;vertical-align:top!important}
html.html4-no-grid body[data-page="pages"].pages-detail-mode .pg12-expanded-apps{display:none!important;white-space:normal!important;zoom:1}
html.html4-no-grid body[data-page="pages"].pages-detail-mode .pg12-overview.is-expanded .pg12-expanded-apps{display:block!important}
html.html4-no-grid body[data-page="pages"].pages-detail-mode .pg12-expanded-apps>.pg12-app-slot,
html.html4-no-grid body[data-page="pages"].pages-detail-mode .pg12-expanded-apps>.pg12-add-app-tile{display:inline-block!important;float:none!important;vertical-align:top!important}
html.html4-no-grid .pg12-tab-manager-row{display:block!important;min-height:58px!important;zoom:1}
html.html4-no-grid .pg12-tab-manager-thumb{float:left!important;margin-right:10px!important}
html.html4-no-grid .pg12-tab-manager-actions{float:right!important;margin-top:-40px!important}

/* HTML4 profile timeline fallback v1.
   Old engines that do not understand Grid/CSS variables were letting the
   411px Timeline cards expand to the whole profile canvas.  This also broke
   the Activity header because its flex/grid-only children stacked naturally. */
html.html4-no-grid body[data-page="profile"] .profile-u92-timeline-canvas,
html.html4-no-cssvars body[data-page="profile"] .profile-u92-timeline-canvas{width:851px!important;max-width:851px!important}
html.html4-no-grid body[data-page="profile"] .profile-u92-columns,
html.html4-no-cssvars body[data-page="profile"] .profile-u92-columns{display:block!important;width:851px!important;zoom:1}
html.html4-no-grid body[data-page="profile"] .profile-u92-columns:after,
html.html4-no-cssvars body[data-page="profile"] .profile-u92-columns:after{content:"";display:block;clear:both}
html.html4-no-grid body[data-page="profile"] .profile-u92-column-left,
html.html4-no-cssvars body[data-page="profile"] .profile-u92-column-left{float:left!important;width:411px!important;margin-right:29px!important}
html.html4-no-grid body[data-page="profile"] .profile-u92-column-right,
html.html4-no-cssvars body[data-page="profile"] .profile-u92-column-right{float:left!important;width:411px!important;margin-right:0!important}
html.html4-no-grid body[data-page="profile"] .profile-u92-timeline-card,
html.html4-no-grid body[data-page="profile"] .profile-2012-posts>.profile-story-card,
html.html4-no-cssvars body[data-page="profile"] .profile-u92-timeline-card,
html.html4-no-cssvars body[data-page="profile"] .profile-2012-posts>.profile-story-card{width:411px!important;max-width:411px!important}
html.html4-no-grid body[data-page="profile"] .profile-u92-stream-spine,
html.html4-no-cssvars body[data-page="profile"] .profile-u92-stream-spine{left:424px!important}
html.html4-no-grid body[data-page="profile"] .profile-u92-load-more,
html.html4-no-cssvars body[data-page="profile"] .profile-u92-load-more{width:411px!important}

/* Activity card: CSS2 layout used when flex/grid and :not/:nth-child are not
   reliable.  Explicit classes are emitted by app.js for the title/copy. */
html.html4-no-grid body[data-page="profile"] .profile-u92-activity-card,
html.html4-no-cssvars body[data-page="profile"] .profile-u92-activity-card{width:411px!important;min-height:113px!important;height:113px!important;overflow:hidden!important}
html.html4-no-grid body[data-page="profile"] .profile-u92-activity-card.is-expanded,
html.html4-no-cssvars body[data-page="profile"] .profile-u92-activity-card.is-expanded{height:auto!important}
html.html4-no-grid body[data-page="profile"] .profile-u92-activity-card .html4-header,
html.html4-no-cssvars body[data-page="profile"] .profile-u92-activity-card .html4-header{display:block!important;position:relative!important;width:403px!important;height:43px!important;min-height:43px!important;margin:4px 3px 0!important;padding:5px 12px!important;overflow:hidden!important;zoom:1}
html.html4-no-grid body[data-page="profile"] .profile-u92-activity-card .profile-u92-card-title-icon.activity,
html.html4-no-cssvars body[data-page="profile"] .profile-u92-activity-card .profile-u92-card-title-icon.activity{position:absolute!important;left:12px!important;top:5px!important;display:block!important;width:32px!important;height:32px!important;overflow:hidden!important;margin:0!important}
html.html4-no-grid body[data-page="profile"] .profile-u92-activity-title,
html.html4-no-cssvars body[data-page="profile"] .profile-u92-activity-title{display:block!important;margin-left:40px!important;padding-top:1px!important;height:32px!important;text-align:left!important;line-height:15px!important}
html.html4-no-grid body[data-page="profile"] .profile-u92-activity-title b,
html.html4-no-grid body[data-page="profile"] .profile-u92-activity-title small,
html.html4-no-cssvars body[data-page="profile"] .profile-u92-activity-title b,
html.html4-no-cssvars body[data-page="profile"] .profile-u92-activity-title small{display:block!important;float:none!important;margin:0!important;padding:0!important;white-space:nowrap!important}
html.html4-no-grid body[data-page="profile"] .profile-2012-activity>div,
html.html4-no-cssvars body[data-page="profile"] .profile-2012-activity>div{display:block!important;position:relative!important;width:403px!important;height:58px!important;min-height:58px!important;margin:3px 3px 0!important;padding:0!important;text-align:left!important;overflow:hidden!important;zoom:1}
html.html4-no-grid body[data-page="profile"] .profile-u92-activity-media,
html.html4-no-cssvars body[data-page="profile"] .profile-u92-activity-media{display:block!important;float:left!important;width:98px!important;height:58px!important;margin:0!important;padding:0!important;overflow:hidden!important;text-align:center!important}
html.html4-no-grid body[data-page="profile"] .profile-u92-activity-media>img,
html.html4-no-cssvars body[data-page="profile"] .profile-u92-activity-media>img{display:block!important;width:98px!important;height:58px!important;margin:0!important}
html.html4-no-grid body[data-page="profile"] .profile-u92-activity-media .profile-u92-activity-item-icon,
html.html4-no-cssvars body[data-page="profile"] .profile-u92-activity-media .profile-u92-activity-item-icon{display:inline-block!important;float:none!important;margin-top:13px!important}
html.html4-no-grid body[data-page="profile"] .profile-u92-activity-copy,
html.html4-no-cssvars body[data-page="profile"] .profile-u92-activity-copy{display:block!important;float:none!important;height:42px!important;margin-left:98px!important;padding:16px 8px 0!important;color:#777!important;font:normal 13px/16px "Lucida Grande",Tahoma,Verdana,Arial,sans-serif!important;text-align:left!important;overflow:hidden!important}
html.html4-no-grid body[data-page="profile"] .profile-u92-activity-copy small,
html.html4-no-cssvars body[data-page="profile"] .profile-u92-activity-copy small{display:none!important}