/* 盤面を見出しの下に広く出す。一覧の 40px サムネは変えない。
   面の色はインディー型の変数のまま。文字色はここでは変えない。 */
body.understand-site .profile {
  display: block;
  background: var(--pi-panel);
  border-color: var(--pi-line);
}
body.understand-site .profile .portrait {
  display: block;
  width: auto;
  max-width: 100%;
  height: auto;
  object-fit: contain;
  background: transparent;
  border: 1px solid var(--pi-line);
  box-shadow: 6px 6px 0 #0b0a08;
  margin: 0 0 12px;
}
body.understand-site .profile-name,
body.understand-site .profile-name small {
  color: var(--pi-paper);
}
body.understand-site .profile-name small {
  color: var(--pi-muted);
}

/* サイドは出さないが HTML は残る。白地のまま紙色を継承すると検査が落ちる。 */
body.understand-site .side-box {
  background: var(--pi-panel);
  border-color: var(--pi-line);
}
body.understand-site .side .cat-name {
  background: var(--pi-bg);
  color: var(--pi-paper);
  border-left-color: var(--pi-green);
}
body.understand-site .side-menu li {
  border-bottom-color: var(--pi-line);
}
body.understand-site .side-menu a {
  color: var(--pi-paper);
}
/* 広告ラベルは #666 固定。暗い地では 3.26 しか出ない。 */
body.understand-site .ad-label {
  color: var(--pi-muted);
}