.detail-myrealtrip-anchor { width: 1px; height: 1px; overflow: hidden; }
.detail-myrealtrip-anchor.is-detail { margin: -44px auto 43px; }
.detail-myrealtrip-anchor.is-knowledge { margin: -50px auto 49px; }
.detail-myrealtrip { width: min(1180px,calc(100% - 40px)); padding: 22px; overflow: hidden; border: 1px solid color-mix(in srgb,var(--detail-color) 16%,#e4ddd3); border-radius: 28px; background: linear-gradient(135deg,color-mix(in srgb,var(--detail-soft) 60%,white),#fff9ef 72%); box-shadow: 0 18px 46px rgba(19,40,68,.08); }
.detail-myrealtrip.is-detail { margin: -44px auto 68px; }
.detail-myrealtrip.is-knowledge { margin: -50px auto 80px; }
.detail-myrealtrip-head { min-width: 0; display: grid; grid-template-columns: 92px minmax(0,1fr); gap: 18px; align-items: center; }
.detail-myrealtrip-head > img { width: 92px; height: 92px; object-fit: contain; filter: drop-shadow(0 9px 12px rgba(73,48,34,.12)); }
.detail-myrealtrip-head > div { min-width: 0; }
.detail-myrealtrip-head span { color: var(--detail-color); font-size: 9px; font-weight: 950; letter-spacing: .13em; }
.detail-myrealtrip-head h2 { margin: 6px 0; color: var(--navy); font-size: clamp(22px,2.5vw,30px); line-height: 1.25; letter-spacing: -.045em; text-wrap: balance; }
.detail-myrealtrip-head p { margin: 0; color: #657285; font-size: 12px; line-height: 1.6; word-break: keep-all; }
.detail-myrealtrip-head p b { color: #44566d; }
.detail-myrealtrip-grid { margin-top: 18px; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 11px; }
.detail-myrealtrip-card { min-width: 0; overflow: hidden; display: grid; grid-template-columns: 142px minmax(0,1fr); border: 1px solid rgba(19,40,68,.1); border-radius: 17px; background: rgba(255,255,255,.92); box-shadow: 0 7px 18px rgba(19,40,68,.045); color: inherit; transition: transform .16s ease,border-color .16s ease,box-shadow .16s ease; }
.detail-myrealtrip-card:hover { border-color: color-mix(in srgb,var(--detail-color) 30%,#d8dde2); box-shadow: 0 11px 25px rgba(19,40,68,.1); transform: translateY(-2px); }
.detail-myrealtrip-card:focus-visible { outline: 4px solid color-mix(in srgb,var(--detail-color) 28%,transparent); outline-offset: 2px; }
.detail-myrealtrip-media { min-height: 148px; overflow: hidden; display: grid; place-items: center; background: color-mix(in srgb,var(--detail-soft) 72%,#f6efe6); }
.detail-myrealtrip-media img { width: 100%; height: 100%; display: block; object-fit: cover; transition: transform .25s ease; }
.detail-myrealtrip-card:hover .detail-myrealtrip-media img { transform: scale(1.025); }
.detail-myrealtrip-media > span { font-size: 38px; }
.detail-myrealtrip-card-copy { min-width: 0; padding: 13px 13px 12px; display: flex; flex-direction: column; align-items: flex-start; }
.detail-myrealtrip-card-copy > small { max-width: 100%; overflow: hidden; color: var(--detail-color); font-size: 9px; font-weight: 900; text-overflow: ellipsis; white-space: nowrap; }
.detail-myrealtrip-card h3 { min-width: 0; margin: 6px 0 9px; overflow: hidden; display: -webkit-box; color: var(--navy); font-size: 13px; line-height: 1.45; letter-spacing: -.02em; -webkit-box-orient: vertical; -webkit-line-clamp: 2; word-break: keep-all; }
.detail-myrealtrip-meta { width: 100%; margin-top: auto; display: flex; align-items: baseline; justify-content: space-between; gap: 7px; }
.detail-myrealtrip-meta span { overflow: hidden; color: #d08b24; font-size: 9px; font-weight: 900; text-overflow: ellipsis; white-space: nowrap; }
.detail-myrealtrip-meta b { color: #243d59; font-size: 12px; white-space: nowrap; }
.detail-myrealtrip-cta { margin-top: 9px; color: var(--detail-color); font-size: 10px; font-weight: 950; }
.detail-myrealtrip-cta i { font-style: normal; }
.detail-myrealtrip-disclosure { margin: 13px 3px 0; color: #7c8491; font-size: 9px; line-height: 1.5; text-align: right; word-break: keep-all; }

@media (min-width: 801px) {
  .detail-myrealtrip-card-copy { padding: 14px 15px 13px; }
  .detail-myrealtrip-card-copy > small { font-size: 11px; }
  .detail-myrealtrip-card h3 { margin: 7px 0 10px; font-size: 15px; line-height: 1.4; }
  .detail-myrealtrip-meta span { font-size: 11px; }
  .detail-myrealtrip-meta b { font-size: 14px; }
  .detail-myrealtrip-cta { margin-top: 10px; font-size: 12px; }
}

@media (max-width: 860px) {
  .detail-myrealtrip.is-knowledge { width: min(100% - 30px,720px); }
}

@media (max-width: 800px) {
  .detail-myrealtrip-grid { margin-right: -22px; padding-right: 22px; grid-template-columns: none; grid-auto-columns: minmax(270px,78%); grid-auto-flow: column; overflow-x: auto; overscroll-behavior-inline: contain; scroll-snap-type: x mandatory; scrollbar-width: none; }
  .detail-myrealtrip-grid::-webkit-scrollbar { display: none; }
  .detail-myrealtrip-card { grid-template-columns: 118px minmax(0,1fr); scroll-snap-align: start; }
  .detail-myrealtrip-media { min-height: 142px; }
}

@media (max-width: 560px) {
  .detail-myrealtrip { width: calc(100% - 26px); padding: 14px; border-radius: 22px; }
  .detail-myrealtrip.is-detail { margin-top: -34px; margin-bottom: 54px; }
  .detail-myrealtrip.is-knowledge { margin-top: -34px; margin-bottom: 64px; }
  .detail-myrealtrip-anchor.is-knowledge { margin: -34px auto 33px; }
  .detail-myrealtrip-head { grid-template-columns: 64px minmax(0,1fr); gap: 10px; }
  .detail-myrealtrip-head > img { width: 64px; height: 64px; }
  .detail-myrealtrip-head span { font-size: 8px; }
  .detail-myrealtrip-head h2 { margin: 4px 0; font-size: 18px; }
  .detail-myrealtrip-head p { font-size: 10px; line-height: 1.5; }
  .detail-myrealtrip-grid { margin-top: 13px; margin-right: -14px; padding-right: 14px; grid-auto-columns: minmax(250px,89%); gap: 8px; }
  .detail-myrealtrip-card { grid-template-columns: 103px minmax(0,1fr); border-radius: 14px; }
  .detail-myrealtrip-media { min-height: 132px; }
  .detail-myrealtrip-card-copy { padding: 11px; }
  .detail-myrealtrip-disclosure { margin-top: 10px; font-size: 8px; text-align: left; }
}