.color-screen-head { margin-bottom: 1em; }
.color-screen-nav { clear: both; margin: 0 0 1.5em 0; padding: .6em 0; border-top: 1px solid #b8aaa2; border-bottom: 1px solid #b8aaa2; }
.color-screen-nav ul { margin: 0; padding: 0; list-style: none; }
.color-screen-nav li { display: inline; margin-right: 1.1em; }
.color-screen-nav a { font-weight: bold; text-decoration: none; }
.color-screen-newspaper { max-width: 62em; }
.color-screen-newspaper > header { margin-bottom: 1.5em; }
.color-screen-newspaper section { clear: both; }
.color-screen-newspaper h2 { margin-top: 1.5em; }
.color-screen-newspaper h3 { margin-top: 1.1em; }
.color-screen-newspaper p { max-width: 58em; }
.color-screen-note { font-style: italic; }
.color-screen-placeholder { display: none; }
/* The old placeholder in index.hsc is kept in the Czech source for now. */
.color-screen-newspaper > p.color-screen-note { display: none; }

.color-screen-figure-slot { clear: both; margin: 1.4em 0 2.2em; }
.color-screen-figure { margin: 1em auto; max-width: 100%; text-align: center; }
.color-screen-figure a { display: inline-block; max-width: 100%; }
.color-screen-figure img { display: block; max-width: 100%; height: auto; margin: 0 auto; border: 0; }
.color-screen-caption { max-width: 36em; margin: .45em auto 0; font-size: .9em; line-height: 1.35em; text-align: left; }
#csfig-ives { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: center; gap: 1.2em 2em; }
#csfig-ives .color-screen-figure { flex: 0 1 28em; margin-top: 0; }
.color-screen-english { margin-top: 0; }

@media (max-width: 700px) {
  .color-screen-nav li { display: block; margin: .2em 0; }
  #csfig-ives { display: block; }
  .color-screen-figure { margin-bottom: 1.6em; }
  .color-screen-caption { padding: 0 .25em; }
}