/* V4.1 desktop-only width trial. Keeps legacy table display and original ASP. */
html { -webkit-text-size-adjust:100%; }
body { margin:0; min-width:1000px; overflow-x:auto; }
img { max-width:100%; height:auto; }
iframe { max-width:100%; }
/* Apply the same width to header, menus, body, and footer. */
.width { width:1000px !important; }
.top { width:1000px !important; background-position:center top; background-repeat:no-repeat; background-color:#f4def2; }
.footcenter { width:1000px !important; }
/* Sidebar remains at its native 182px, main column takes the extra width. */
.righttopcenter { width:802px !important; }
.rightcentercenter, .rightfootcenter { width:804px !important; }
.gopic { width:804px !important; max-width:804px; }
/* Keep legacy tables as tables. Do not use grid or flex on their rows/cells. */
@media(max-width:1040px) { body { overflow-x:auto; } }

/* V4.2: sidebar Facebook preview, remove forced tall panel. */
.leftcentercenter { height:auto !important; min-height:0 !important; }
.leftcentercenter iframe { display:block; width:180px; height:130px; max-width:100%; }
.leftcentercenter p { margin:0; padding:0; }
/* Announcements: keep full text accessible without clipping. */
.v42-announcements { width:100%; max-width:100%; overflow-x:auto; overflow-y:visible; min-height:24px; }
.v42-announcements table { width:max-content; min-width:400px; }
.v42-announcements td { white-space:nowrap; }

/* V4.3: independent sidebar sections; right-hand tables retain their geometry. */
.v43-sidebar-section { display:block; width:100%; margin:8px 0 0; }
.v43-sidebar-section > table { max-width:100%; }
.v43-sidebar-section .leftcentercenter { height:auto !important; }
/* Improve long author names in the video listing without changing record order. */
.djbg { width:100%; }
.djbg td { overflow-wrap:anywhere; word-break:normal; }
.djbg table { width:100%; max-width:100%; }
.djbg table td { vertical-align:top; }

/* Same full desktop layout on phones and desktops. No mobile breakpoint. */
html, body { min-width:1000px; }

/* Compact desktop layout: independent columns avoid blank rows from uneven table heights. */
.amis-independent-layout {
  box-sizing:border-box;
  display:grid;
  grid-template-columns:182px minmax(0, 804px);
  column-gap:8px;
  align-items:start;
  width:1000px;
  margin:0 auto;
  padding:0 3px;
}
.amis-independent-layout .amis-independent-sidebar,
.amis-independent-layout .amis-independent-main {min-width:0; align-self:start;}
.amis-independent-layout .amis-side-section,
.amis-independent-layout .amis-main-section {margin:0 0 10px; padding:0;}
.amis-independent-layout .amis-side-section > table,
.amis-independent-layout .amis-main-section > table {max-width:100%;}
/* Make sidebar panels occupy only their actual content height. */
.amis-independent-layout .leftcentercenter {height:auto !important; min-height:0 !important;}
.amis-independent-layout .amis-side-section p {margin:2px 0;}
/* Keep news lists and other long data in the right column without spilling across. */
.amis-independent-layout .rightcentercenter {box-sizing:border-box;}
.amis-independent-layout .amis-main-section {overflow:visible;}

/* Alignment correction: legacy header = 1000px content + 4px border on each side.
   Match outer boundaries precisely without modifying ASP/SQL or menu markup. */
.amis-independent-layout {
  width:1008px !important;
  padding:0 4px !important;
  grid-template-columns:186px minmax(0,806px) !important;
  column-gap:8px !important;
}
.amis-independent-layout .amis-independent-sidebar,
.amis-independent-layout .amis-independent-main { box-sizing:border-box; }
.amis-independent-layout .amis-side-section,
.amis-independent-layout .amis-main-section { box-sizing:border-box; margin-bottom:8px; }
.amis-independent-layout .amis-side-section > table,
.amis-independent-layout .amis-main-section > table { max-width:100%; }

/* Full-bleed legacy header: top.jpg is a background, not an IMG element.
   Original bitmap 760 x 173. Scale both dimensions by 1000/760, keeping proportions. */
.top {
  width:1000px !important;
  height:228px !important;
  background-size:100% 100% !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
  background-color:#f4def2;
  padding:0 !important;
  box-sizing:content-box;
}
/* Keep the header table geometry consistent with the original border cells. */
.top + td.right {padding:0;}


/* Final width: legacy header outer width = 4px + 1000px + 4px.
   Compact columns use exactly the same 1008px outer box. */
.amis-independent-layout {
  width:1008px !important;
  box-sizing:border-box !important;
  margin:0 auto !important;
  border-left:1px solid #bcbcbc;
  border-right:1px solid #bcbcbc;
  padding:0 3px !important;
  grid-template-columns:186px minmax(0,806px) !important;
  column-gap:8px !important;
}
/* Single, clipped row; original YC_gg markup remains as fallback without JS. */
.amis-ticker {
  position:relative; display:block; width:100%; max-width:100%;
  height:26px; line-height:26px; overflow:hidden !important;
  box-sizing:border-box; margin:0; padding:0;
}
.amis-ticker[data-ready="1"] > .amis-ticker-source { display:none !important; }
.amis-ticker-viewport {
  display:block; position:relative; height:26px; line-height:26px;
  overflow:hidden !important; width:100%;
}
.amis-ticker-line {
  display:block; height:26px; line-height:26px; width:100%;
  box-sizing:border-box; white-space:nowrap !important;
  overflow:hidden !important; text-overflow:ellipsis;
  transform:translateY(0);
}
.amis-ticker-line * { white-space:nowrap !important; }
.amis-ticker .amis-ticker-source { margin:0; border-spacing:0; }
/* Never allow old scrolling/expansion styles to affect this new notice. */
.amis-ticker td { padding:0; line-height:26px; }