.container > * {
  margin: 0em;
  padding: 0em;
  margin: 0px;
}
/* Define the grid */
.container {
  display: grid;
  grid-template-rows: auto 1fr auto;
  grid-gap: 0px;
  height: 100%;
  padding-top: 0;
}

header {
}

h1{
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}
h1 a {
  text-decoration: none;
}

input#id_title {
width: 100%;
}
div.comment_body button,input
{
  border: 1px solid;
  margin-bottom: 1em;
  font-size: 0.8em;
}
img#glasses {
  max-width: 10%;
  grid-column: 1 / -1;
}

img#rss {
  max-height: 1.2em;
}
.post_summary {
  min-height: 30vh;
  padding-left: 1em;
  padding-top: 1em;
  margin-right: -3px; /* adjust closer to the next div to the right. otherwise there is a small gap */
  width: 20%;
  margin-bottom: 4em;
}
.post_details .section {
  width: 100%;
  display: block;
  overflow: auto;
}
img.post, div.chart {
  /* display: inline-block; */
}

main {
  margin-left: 5em;
  margin-right: 5em;
}

div.tags {
  float: left;
  border-bottom: 1px solid white;
}

div.ticker {
  border-left: 0px solid white;
}

/* Release 216 layout hardening: use a real desktop grid for post/ticker
   cards. Inline-block whitespace made the server-rendered first page fit only
   four 20%-wide cards; JS-appended cards later had no whitespace and fit five. */
.post_index[data-stonkys-post-feed],
.post_index[data-stonkys-ticker-index] {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  align-items: start;
  text-align: left;
}

.post_index[data-stonkys-post-feed] > .post_summary,
.post_index[data-stonkys-ticker-index] > .post_summary {
  display: block;
  width: auto;
  min-width: 0;
  margin-right: 0;
}

.post_index[data-stonkys-post-feed] > .post_summary_compressed,
.post_index[data-stonkys-ticker-index] > .post_summary_compressed {
  grid-column: 1 / -1;
}


.nimda-link-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}



.stonkys-brand-mark img {
  width: 3.3rem;
}



/* Release 223: desktop brand mark stays menu-sized, not splash-sized. */
ul#menu .stonkys-brand-mark img {
  width: 3.1rem;
  max-height: 1.45rem;
}



/* Release 224: desktop ticker pages should breathe and keep cards below chart. */
.post_details {
  width: auto;
  max-width: none;
  text-align: left;
}

.post_details .section {
  text-align: left;
}

.post_details .main {
  max-width: 44rem;
}

.post_index[data-stonkys-ticker-posts] {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  align-items: start;
  gap: 0;
  text-align: left;
}

.post_index[data-stonkys-ticker-posts] > .post_summary {
  display: block;
  width: auto;
  min-width: 0;
  margin-right: 0;
  margin-top: 0;
}



/* Release 227: ticker chart is a two-column card inside the post grid. */
.ticker-page-grid,
.post_index[data-stonkys-ticker-posts].ticker-page-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  align-items: start;
  gap: 0;
  text-align: left;
}

.ticker-page-grid > .ticker-chart-card {
  grid-column: span 2;
  width: auto;
  min-width: 0;
}

.ticker-page-grid > .post_summary {
  display: block;
  width: auto;
  min-width: 0;
  margin: 0 0 4em 0;
}

.ticker-page-grid .ticker-chart-card .ticker-chart {
  height: 38rem;
  min-height: 34rem;
}



/* Release 229: ticker chart spans two columns, but only one grid row. */
.ticker-page-grid,
.post_index[data-stonkys-ticker-posts].ticker-page-grid {
  align-items: stretch;
}

.ticker-page-grid > .ticker-chart-card {
  grid-column: span 2;
  grid-row: span 1;
  min-height: 30vh;
  padding: 1em;
}

.ticker-page-grid .ticker-chart-card .ticker-chart {
  height: auto;
  min-height: 0;
  flex: 1 1 auto;
}

.ticker-page-grid > .post_summary {
  min-height: 30vh;
  padding: 1em;
  margin: 0 0 4em 0;
}

.ticker-page-grid > .post_summary .post_summary_header {
  padding-top: 0;
}