/*
  HOUSE VISUAL CONTINUITY — v1.0.140
  House Image Edge Rule:
  - embedded atmospheric / editorial photography may use a soft radius;
  - designed objects (book covers, posters, logos, icons, full-bleed heroes) keep native geometry;
  - no new decorative border/shadow is introduced by this layer;
  - geometry and image position remain owned by the existing House frames.
*/
:root{
  --house-image-radius:14px;
  --house-room-radius:16px;
}

/* Selective first adoption: Courtyard room photography only. */
.home-books-media,
.split .home-books-media{
  border-radius:var(--house-room-radius)!important;
}
.study-room-media,
.conversation-room-media{
  border-radius:var(--house-image-radius)!important;
}

/* Study margin traces: visual punctuation, never a content card. */
.study-margin-visual{
  float:right;
  width:clamp(190px,27%,260px);
  margin:.35rem 0 1.45rem 2rem;
  border-radius:var(--house-image-radius);
  overflow:hidden;
  line-height:0;
  background:transparent;
}
.study-margin-visual.is-left{
  float:left;
  margin-left:0;
  margin-right:2rem;
}
.study-margin-visual picture,
.study-margin-visual img{
  display:block;
  width:100%;
}
.study-margin-visual img{
  height:auto;
  border-radius:inherit;
}
.study-float-clear{
  clear:both;
  height:0;
  margin:0;
  padding:0;
}

/* Phones: preserve the R–L–R rhythm, but never squeeze the reading column. */
@media(max-width:760px){
  .study-margin-visual,
  .study-margin-visual.is-left{
    float:none;
    width:80%;
    max-width:315px;
    aspect-ratio:3/2;
    margin:1.05rem 0 1.45rem auto;
  }
  .study-margin-visual.is-left{
    margin-left:0;
    margin-right:auto;
  }
  .study-margin-visual picture,
  .study-margin-visual img{
    width:100%;
    height:100%;
  }
  .study-margin-visual img{
    object-fit:cover;
    object-position:center center;
  }
}