/* static/layout.css
   Page content styling only.
   DO NOT put shell/topbar/sidebar layout in here.
*/

:root{
  --container: 1100px;
}

/* Optional: a generic centered content container for pages */
.container{
  width: 100%;
  max-width: var(--container);
  margin: 0 auto;
  padding: 0 18px;
}

/* Pages can opt-in to a centered column without affecting sidebar */
.page{
  width: 100%;
}

/* Prevent long content from forcing horizontal overflow */
.shell-main{
  min-width: 0;
}