/* Frame only the three existing Shiori scenes; retain their parent grids. */
body[data-home-shiori-framed="v1"] :is(#shiori-intro, #shiori-services, #shiori-consultation) {
  box-sizing: border-box;
  border: 1px solid rgba(136, 211, 224, .38);
  border-radius: 14px;
  padding: 20px 24px;
  background: rgba(11, 31, 53, .36);
}
body[data-home-shiori-framed="v1"] :is(#shiori-intro, #shiori-services, #shiori-consultation) .shiori-guide-name {
  display: block;
  color: #9be3e8;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.8;
  letter-spacing: .02em;
}
body[data-home-shiori-framed="v1"] #shiori-services {
  border-color: #b9dfe3;
  background: #f3fbfc;
}
body[data-home-shiori-framed="v1"] #shiori-services .shiori-guide-name { color: #007986; }
body[data-home-shiori-framed="v1"] :is(#shiori-services, #shiori-consultation) .shiori-guide-photo {
  background: transparent;
}
body[data-home-shiori-framed="v1"] #shiori-consultation { padding: 20px; }
body[data-home-shiori-framed="v1"] #shiori-intro {
  grid-template-columns: minmax(300px, .7fr) minmax(0, 1.8fr);
}
@media (max-width: 900px) {
  body[data-home-shiori-framed="v1"] #shiori-intro { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 650px) {
  body[data-home-shiori-framed="v1"] :is(#shiori-intro, #shiori-services, #shiori-consultation) {
    padding: 16px;
    border-radius: 12px;
  }
}