/* Small repairs required by migration; original main/smart CSS stays authoritative. */
.meteor-slideshow{position:relative;max-width:100%;margin:0 0 20px}.meteor-clip{position:relative;overflow:hidden}.meteor-clip .slide{display:block;width:100%;height:auto;margin:0}.meteor-clip .slide[hidden]{display:none}.meteor-buttons{text-align:center;padding:6px}.meteor-buttons button{cursor:pointer;margin:0 4px;padding:3px 8px;border:1px solid #ccc;background:#fff}.meteor-buttons button[aria-pressed=true]{background:#63463d;color:white}.phone-contact{clear:both;padding:14px 0}.phone-contact a[href^="tel:"]{font-size:22px;color:#a00;font-weight:bold}.video{padding:14px 0}.map-link{padding:15px 0}#sidebar h2{font-size:14px}.wp-pagenavi{padding:12px}.menu-toggle{display:none}
@media(max-width:768px){#article img{max-width:100%;height:auto}#article table{max-width:100%;overflow-wrap:anywhere}#article a{overflow-wrap:anywhere}#sidebar{clear:both}.meteor-slideshow{width:100%}.bukken_detail{max-width:100%}}
/* Reuse the matching 548x253 original town artwork without cropping at 390px. */
@media(max-width:768px){#article .town_back{width:100%;height:auto;min-height:290px;background-size:100% 100%}#article ul.town{margin:50px 10px 65px}#article ul.town li{width:auto;margin-right:0}.table-scroll{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}}

/* Revision 01: owner-requested anchor and embed behavior. */
html{scroll-behavior:smooth}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.embedded-video{padding:0;margin:20px 0;clear:both}
.embedded-video iframe{display:block;width:100%;aspect-ratio:16/9;height:auto;border:0}
.embedded-map{clear:both;margin:20px 0}
.embedded-map iframe{display:block;width:100%;height:420px;border:0}
.embed-fallback{font-size:12px;margin:6px 0 16px}
@media(max-width:768px){
 .phone-contact{width:100%;box-sizing:border-box;margin:0 auto;text-align:center;padding:18px 12px}
 .phone-contact p{text-align:center}
 .embedded-map iframe{height:320px}
 .guide_q{background-repeat:no-repeat;background-position:left top}
 /* Reuse the artwork at its original ratio. Header and cloud are separate strips. */
 #article .town_back{position:relative;width:100%;height:auto;min-height:0;padding:0;background-image:none;background-color:#f7fde2}
 #article .town_back::before,#article .town_back::after{content:"";display:block;width:100%;background-image:url(/img_cat/town/town_back.jpg);background-size:100% auto;background-repeat:no-repeat}
 #article .town_back::before{aspect-ratio:548/60;background-position:center top}
 #article .town_back::after{aspect-ratio:548/110;background-position:center bottom}
 #article ul.town{margin:8px 12px 12px;padding:0}
 #article ul.town li{width:auto;margin-right:0}
}

/* Meteor Slides' original horizontal transition and navigation, without jQuery. */
.meteor-slideshow{max-width:670px;touch-action:pan-y}
.meteor-slideshow .meteor-clip{width:100%;aspect-ratio:670/300}
.meteor-slideshow .meteor-clip .slide{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;margin:0;will-change:transform}
.meteor-nav button{position:absolute;top:0;width:27px;height:calc(100% - 15px);border:0;padding:0;background-color:transparent;cursor:pointer;opacity:0;z-index:2}
.meteor-prev{left:0;background-image:url(/assets/slider-prev.png);background-position:center right;background-repeat:no-repeat}
.meteor-next{right:0;background-image:url(/assets/slider-next.png);background-position:center left;background-repeat:no-repeat}
.meteor-slideshow:hover .meteor-nav button,.meteor-slideshow:focus-within .meteor-nav button{opacity:1}
.meteor-prev:hover{background-position:center left}.meteor-next:hover{background-position:center right}
.meteor-buttons{display:flex;gap:3px;align-items:center;height:9px;padding:6px 0 0;margin:0;text-align:left}
.meteor-buttons button,.meteor-buttons button[aria-pressed=true]{width:9px;height:9px;margin:0;padding:0;border:0;background-color:transparent;background-image:url(/assets/slider-buttons.png);background-repeat:no-repeat;text-indent:-9999px;overflow:hidden}
.meteor-buttons button{background-position:bottom left}.meteor-buttons button[aria-pressed=true],.meteor-buttons button:hover{background-position:bottom right}
.meteor-slideshow button:focus-visible{outline:2px solid #465e00;outline-offset:3px}
@media(hover:none){.meteor-nav button{opacity:1}}

.property-tags{clear:both;padding:16px 20px;line-height:2}.property-tags a{display:inline-block;margin:0 10px 4px 0;text-decoration:underline}
