/*
  The landing page below the seal and the name: the news, the schedule and the wall.
  Page rules only. The header, the keys and the lamps are the Hall's (hall.css); the windows, the
  agenda rows, the log lines and the date leaf are its parts (gump.css).
*/

.lower { position: relative; z-index: 1; padding-top: 2.6rem; padding-bottom: 1rem; }

/* ------------------------------------------------------------------ portal: news and schedule | account and wall */

.portal { display: grid; grid-template-columns: minmax(0, 1.65fr) minmax(17rem, 1fr); gap: 2.4rem; align-items: start; }
/* With no news and no schedule the sign in and the wall stand alone, in the middle. */
.portal-solo { grid-template-columns: minmax(0, 34rem); justify-content: center; }

/* The schedule: the in-fiction hour in pixels, lit, in a cell of its own. */
.board-ic {
  flex: none;
  min-width: 5rem;
  padding: .5rem .5rem .45rem;
  text-align: center;
  font: 400 26px/1 var(--pixel);
  letter-spacing: .04em;
  color: var(--heat-4);
  text-shadow: 0 0 10px #ff741a88;
  background: #050403;
  box-shadow: inset 0 0 0 2px #000, inset 2px 2px 0 2px var(--well-lo), inset -2px -2px 0 2px var(--well-hi);
}

/* The wall is a channel log (see .log). A moderator's two keys sit at the end of a line. */
.wall-mod { display: flex; gap: .8rem; font: 14px/1.4 var(--pixel); }
.wall-form { padding-top: .9rem; }
.wall-row { display: flex; flex-wrap: wrap; gap: .5rem; }
.wall-row .input { flex: 1 1 8rem; width: auto; }
.wall-say { min-height: 1.4rem; margin: .4rem 0 0; font: 14px/1.4 var(--pixel); color: var(--ink-dim); }
.wall-say.is-error { color: var(--heat-2); }

.signin .page-form { padding: .2rem 0 0; }
.signin .field { margin-bottom: .9rem; }
.linkline { margin: .9rem 0 0; font: 14px/1.5 var(--pixel); }

@media (max-width: 1000px) {
  .portal { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 560px) {
  .board-ic { min-width: 4.2rem; font-size: 22px; }
}