/* Reading filters tint an entire scene. Personal inline marks stay untouched. */
.scene-section.focus-scene {
  background:var(--scene-tint);
  box-shadow:inset 3px 0 0 var(--scene-edge);
}
.scene-focus-alice { --scene-tint:#fbf4dc; --scene-edge:#c4a357; }
.scene-focus-shiori { --scene-tint:#f1edf8; --scene-edge:#a294be; }
.scene-focus-support { --scene-tint:#fcf0ef; --scene-edge:#c89596; }
.scene-focus-dance { --scene-tint:#edf7f3; --scene-edge:#75a99a; }
.scene-tools { flex-wrap:wrap; align-items:center; row-gap:7px; opacity:1; }
.scene-tools button { opacity:.68; }
.scene-tools button:hover,.scene-tools button:focus-visible { opacity:1; }
.scene-focus-tags {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:5px;
  margin-right:auto;
  padding-left:7px;
}
.scene-focus-tag {
  display:inline-flex;
  align-items:center;
  gap:5px;
  padding:4px 6px;
  border:1px solid #7c8a8c29;
  border-radius:4px;
  font:500 10px/1.2 var(--ui);
  color:#4b626b;
  background:#fffefb;
}
.scene-focus-tag::before {
  content:"";
  width:6px;
  height:6px;
  border-radius:2px;
  background:var(--tag-color);
}
.scene-focus-tag.tone-alice { --tag-color:#c4a357; }
.scene-focus-tag.tone-shiori { --tag-color:#a294be; }
.scene-focus-tag.tone-support { --tag-color:#c89596; }
.scene-focus-tag.tone-dance { --tag-color:#75a99a; }
.focus-label::after { content:" · 整場"; }
@media(max-width:720px) {
  .scene-focus-tags { gap:4px; }
  .scene-focus-tag { padding:3px 5px; font-size:9px; }
}